/* Планшеты и узкие ноутбуки (29.09.2026). Только CSS — страница с первого кадра такая, как надо (без пересчёта скриптами).
   Подключение — pages/index.php при $config['tablet_fix'] (config/pdp.php); FALSE — прежний вид. */

/* ── Шапка ПК на узких экранах (951–1280): меню в одну строку, «Categorii» без наложения значка на текст ── */
@media (min-width: 851px) and (max-width: 1280px) {
    .navigation .wrapper .nav .dropdown-cat__btn { display: flex; align-items: center; justify-content: center; gap: 10px; height: 55px; padding: 0 12px; font-size: 17px; }
    .navigation .wrapper .nav .dropdown-cat__btn svg { position: static; flex: none; }
    /* стрелка-галочка «Categorii» стоит на фиксированном отступе и на узких экранах наезжала на текст — здесь не нужна (есть значок меню) */
    .navigation .wrapper .nav .dropdown-cat::before, .navigation .wrapper .nav .dropdown-cat::after { display: none; }
    .navigation .wrapper .nav__list { flex: 1 1 auto; width: auto; min-width: 0; margin: 0 10px 0 16px; justify-content: space-between; gap: 6px; }
    .navigation .wrapper .nav__item { flex: none; }
    .navigation .wrapper .nav__link { font-size: 14.5px; white-space: nowrap; }
    .navigation .wrapper .nav .nav-login { flex: none; }
}
@media (min-width: 851px) and (max-width: 1180px) {
    /* значки у «Promoții» и «Produse resigilate» — только место занимают */
    .navigation .wrapper .nav__link svg { display: none; }
    .navigation .wrapper a.nav__link.icon_nav { padding-left: 0; }
    .navigation .wrapper .nav__link { font-size: 14px; }
}
@media (min-width: 851px) and (max-width: 1080px) {
    /* «Despre noi» есть в подвале — на самых узких экранах убираем из строки, чтобы остальное не переносилось */
    .navigation .wrapper .nav__item--3 { display: none; }
    .navigation .wrapper .nav__link { font-size: 13.5px; }
}

/* ── Главная, блок преимуществ под баннером (951–1250): значки меньше, текст не наезжает. Высота блока прежняя (123 px) —
      по ней рассчитана высота списка категорий рядом (menu2.css) ── */
@media (min-width: 851px) and (max-width: 1250px) {
    .advantage-section_slider .advantages { height: 123px; align-items: center; justify-content: space-between; padding: 0 6px; box-sizing: border-box; }
    .advantage-section_slider .advantages .advantage { flex: 1 1 0; min-width: 0; justify-content: center; gap: 10px; padding: 0 8px; }
    .advantage-section_slider .advantages .advantage__icon { flex: none; width: 40px; height: 40px; object-fit: contain; }
    .advantage-section_slider .advantages .advantage__title { max-width: 120px; margin: 0; padding: 0; font-size: 15px; line-height: 19px; }
    .advantage-section_slider .advantages .advantage1::after,
    .advantage-section_slider .advantages .advantage2::after,
    .advantage-section_slider .advantages .advantage3::after { right: 0; height: 64px; background-color: #d8cfc9; }
}

/* ── Выпадающие результаты поиска в шапке: скрытый блок шириной 780 px (left: −150px) вылезал за экран — страница прокручивалась вбок
      на планшетах и ноутбуках 912–1280 px. Скрыт — не занимает места; открыт — не шире экрана ── */
.searchbar:not(._active) .result-search-header { display: none; }
@media (min-width: 851px) and (max-width: 1280px) {
    .searchbar._active .result-search-header { left: auto; right: 0; width: min(780px, calc(100vw - 40px)); }
}

/* 851–1000 px: в строке меню остаются самые нужные пункты («Despre noi» и «Contacte» — в подвале) */
@media (min-width: 851px) and (max-width: 1000px) {
    .navigation .wrapper .nav__item--7 { display: none; }
    .navigation .wrapper .nav__link { font-size: 13.5px; }
    .navigation .wrapper .nav .dropdown-cat__btn { font-size: 15px; }
}

/* ── Подвал, подписка на новости: на узких экранах поле сужалось до нуля, кнопка вылезала за экран — страница прокручивалась вбок ── */
@media (min-width: 769px) and (max-width: 1280px) {
    .subscription-section .wrapper .subscribe__field { min-width: 0; gap: 10px; }
    .subscription-section .wrapper .subscribe__input { min-width: 0; flex: 1 1 auto; }
    .subscription-section .wrapper .subscribe__btn { flex: none; padding: 12px 22px; white-space: nowrap; }
}
@media (min-width: 769px) and (max-width: 1100px) {
    .subscription-section .wrapper .subscribe__field, .subscription-section .wrapper .subscribe__info { width: calc(100% - 30px); }
    .subscription-section .wrapper .subscribe { row-gap: 14px; }
}

/* ── Шапка 851–1280: стрелка у телефона не наезжает на номер, текст поиска не уходит под лупу, «Noutăți» не прижато к RO/RU ── */
@media (min-width: 851px) and (max-width: 1280px) {
    .header .wrapper .header-top .dropdown-phone__btn { padding-right: 26px; font-size: 17px; }
    .header .wrapper .header-top .searchbar__input { padding-right: 42px; box-sizing: border-box; text-overflow: ellipsis; }
    .navigation .wrapper .nav .nav-login { margin-left: 12px; }
}

/* ── Главная, блок «Articole sanitare premium» (769–1250): раньше три колонки — товары в середине сжимались до 150–250 px.
      Теперь два баннера рядом сверху, лента товаров — на всю ширину под ними (sliders.js: 3–4 товара в ряд) ── */
@media (min-width: 769px) and (max-width: 1250px) {
    .benefit-row { flex-wrap: wrap; gap: 10px; }
    .benefit-left, .benefit-right { width: calc(50% - 5px); order: 1; }
    /* баннеры целиком, без обрезки (с обрезкой срезалась надпись «PRODUSE PREMIUM») */
    .benefit-left img, .benefit-right img { width: 100%; height: auto; display: block; border-radius: 16px; }
    .benefit-center { order: 2; width: 100%; margin: 6px 0 4px; }
}

/* ── Мобильная шапка на планшетах 769–850 (портрет): логотип был 140×18 px посередине тёмной полосы — делаем крупнее и слева ── */
@media (min-width: 769px) and (max-width: 850px) {
    .header .wrapper .header-top__logo { display: flex; align-items: center; justify-content: flex-start; }
    .header-top .header-top__logo a.top_logo_mob { display: block; flex: none; width: 230px; margin: 0; }
    .header .wrapper .header-top__logo-mb { display: block; width: 230px; max-width: 100%; height: auto; }
}