.menu__banner > div {display:flex;flex-direction:column;justify-content:center;height:100%;padding: 15px;text-align:center;background:#f7f7f7;border-radius:4px} .menu__banner div img {margin:15px 0;padding:15px} .menu__banner span {color:#ff9900;font-size:1.5em;font-weight:500} .menu__banner span:last-of-type{font-size:1.3em} .ocf-option-name {color: #000;} .option__group input[type="radio"]:checked + span::before { content: '✓'; display: block; width: 15px; height: 15px; position: absolute; left: 8px; } input[type="radio"]:checked + span { padding-left: 20px!important; } .modal-request__input, .form-control { color: #000; } .reviews-page .product-thumb__image img { background: #fff; } .reviews-page a.product-thumb__name { color: #fff; } .modal-header .close { color: #fff; } @media (max-width: 767px) { /* 1. Базовая фиксация на товаре */ .uni-timer { position: absolute !important; bottom: -18px !important; left: 0 !important; width: 100% !important; display: flex !important; justify-content: center !important; pointer-events: none !important; /* Игнорирует клики (не исчезает) */ z-index: 5 !important; opacity: 1 !important; transition: opacity 0.2s ease !important; } /* 2. ГЛАВНОЕ: Скрываем таймер, если открыт попап */ /* Magnific Popup (стандарт OpenCart) добавляет классы к или */ html.mfp-helper .uni-timer, body.mfp-zoom-out-cur .uni-timer, .mfp-wrap .uni-timer, .mfp-bg .uni-timer, .lg-backdrop .uni-timer, /* Для других видов галерей */ .lg-outer .uni-timer { display: none !important; opacity: 0 !important; visibility: hidden !important; } /* 3. Поддержание горизонтального вида */ .uni-timer .countdown { display: flex !important; flex-direction: row !important; justify-content: center !important; gap: 5px !important; list-style: none !important; padding: 0 !important; margin: 0 !important; } .uni-timer .countdown li { background: rgba(255, 255, 255, 0.9) !important; padding: 4px 8px !important; border-radius: 4px !important; display: flex !important; flex-direction: column !important; align-items: center !important; min-width: 40px !important; } } /* Отображение таймера в категориях и модулях на мобильных */ @media (max-width: 767px) { /* Находим контейнер таймера в сетке товаров */ .product-thumb .uni-timer { position: absolute !important; display: flex !important; /* Проявляем его */ bottom: -16px !important; left: 0 !important; width: 100% !important; justify-content: center !important; z-index: 5 !important; pointer-events: none !important; /* Чтобы не мешал кликать на товар */ transform: scale(0.6); /* Немного уменьшаем, так как в сетке места меньше */ } /* Оформление блоков (горизонтально) */ .product-thumb .uni-timer .countdown { display: flex !important; flex-direction: row !important; gap: 3px !important; } /* Убираем надпись "До конца акции" в категориях, чтобы не загромождать */ .product-thumb .uni-timer__title { display: none !important; } /* Сами плашки с цифрами */ .product-thumb .uni-timer .countdown li { background: rgba(255, 255, 255, 0.9) !important; padding: 2px 5px !important; border-radius: 3px !important; min-width: 30px !important; font-size: 10px !important; /* Уменьшаем шрифт для сетки */ } }