/* Догружаємо начертання Montserrat, яких нема в self-hosted oct-fonts.css
   (там лише 400/500/700). Google Fonts: 300 (light), 600 (semibold), 800 (extrabold).
   @import має стояти ПЕРШИМ у файлі (до будь-яких правил). */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;600;800&display=swap');

/* =====================================================================
   ldr-custom.css — зовнішній кастом-CSS LiderAgro (поза полем теми)
   Підключається <link> з header.twig ПІСЛЯ dynamic_stylesheet_0.css
   (тому перекриває його), кеш-бастинг — stylesheet/.htaccess (no-cache).
   Причина виносу: поле теми css_code вперлось у ліміт 65535 БАЙТ.
   Нові кастом-правила додавати СЮДИ (файл через FTP), НЕ в поле теми.
   deploy 2026-08-25
   ===================================================================== */


/* =====================================================================
   MOBILE CARD GAP FIX (width50 category/search) — deploy 2026-08-24
   Вирівнювання вертикальних зазорів картки категорії на мобільному
   (data-type=width50): бейдж→назва=фото→бейдж; зірки→фасовка=фасовка→ціна;
   ціна→кнопка=назва→зірки. Значення виміряні на live-розмітці.
   ===================================================================== */
@media (max-width:575.98px){
  .sc-category-products[data-type="width50"] .sc-module-info{margin-top:5px!important}
  .sc-category-products[data-type="width50"] .kjseries_cat{margin-top:4px!important}
  .sc-category-products[data-type="width50"] .sc-module-cart{margin-top:12px!important}
}


/* =====================================================================
   HOME MOBILE: onion carousel cards + brands arrows — deploy 2026-08-24 (v4: назва 13px / ціна 17px)
   Онион «Сезон озимої цибулі» на мобільному: 2 картки в ряд + ~10% третьої
   (натяк на свайп); внутрішня верстка = категорія width50 (повношир. кнопка
   норм. висоти з текстом по центру, ті самі зазори). Повні назви (без обрізки).
   Стрілки онион ховаємо !important (перебиває inline display:flex з IIFE).
   ⚠️ Ширину онион-карток на моб правити ТУТ (перекриває 82% з IIFE JS-поля).
   Бренди: стрілки скролу геть на мобільному (працює свайп).
   ===================================================================== */
@media (max-width:575.98px){
  .ldr-on-strip.ldr-on-strip>.product-layout{-ms-flex:0 0 calc((100% - 32px)/2.1)!important;flex:0 0 calc((100% - 32px)/2.1)!important;max-width:calc((100% - 32px)/2.1)!important}
  .ldr-on-arrows{display:none!important}
  .ldr-on-strip .sc-module-cart{margin-top:12px!important;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column!important;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch!important;display:-webkit-box;display:-ms-flexbox;display:flex!important}
  .ldr-on-strip .sc-module-cart .sc-btn-primary{max-width:100%!important;padding-left:0!important;padding-right:0!important;max-height:39px!important;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center!important;gap:6px!important}
  .ldr-on-strip .sc-module-cart .sc-btn-text{display:inline!important;font-size:13px!important;font-weight:600!important}
  .ldr-on-strip .sc-module-price-box{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column!important;margin-top:0!important}
  .ldr-on-strip .sc-module-info{margin-top:5px!important}
  .ldr-on-strip .kjseries_cat{margin-top:4px!important}
  .ldr-on-strip .sc-module-title{font-size:13px!important;word-break:break-word}
  .ldr-on-strip .sc-module-price{font-size:17px!important}
  .ldr-brands .swiper-button-prev,.ldr-brands .swiper-button-next{display:none!important}
}


/* =====================================================================
   Насіння овочів (МОБ ≤767): лише плашки підкатегорій, без карток товарів
   deploy 2026-08-24. Клас #content.ldr-cat-tiles-only ставить JS теми ЛИШЕ
   на сторінці /nasinnya-ovochiv (blocks/category-tiles-only.theme-js.js →
   поле js_code). Ховаємо сортування, лістинг товарів, «Показати ще», пагінацію.
   Плашки (.sc-subcategories) і опис — лишаються. Десктоп (≥768) — без змін.
   ===================================================================== */
@media (max-width:767.98px){
  #content.ldr-cat-tiles-only .sc-category-sort-row,
  #content.ldr-cat-tiles-only .sc-category-products,
  #content.ldr-cat-tiles-only .sc-module-showmore,
  #content.ldr-cat-tiles-only .pagination{display:none!important}
  /* плашки підкатегорій = 2 колонки вниз (як блок «Категорії овочевих культур»), не горизонтальний скрол */
  #content.ldr-cat-tiles-only .sc-subcategories{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important;overflow-x:visible!important}
  #content.ldr-cat-tiles-only .sc-subcategories>*{-webkit-box-flex:0!important;-ms-flex:0 0 50%!important;flex:0 0 50%!important;max-width:50%!important}
}


/* =====================================================================
   deploy 2026-08-24 (v5): (1) назва картки в лістингу категорії на моб = 14px
   (режим width50 не задавав розмір → падало на базові 0.75rem=12px);
   (2) текст УСІХ кнопок .sc-btn = жирний 700 (як .sc-btn-primary «До кошика»);
   (3) моб-меню «Каталог»: стрілки-розкривачки категорій темні й видимі (десктоп #1C1C28).
   ⚠️ Поле теми css_code майже вичерпане (TEXT 65535 БАЙТ, кирилиця=2 байти/символ) —
   у полі коментарі стиснуто до ASCII, щоб влізло; тут лишаємо повні.
   ===================================================================== */
@media (max-width:767.98px){
  .sc-category-products .sc-module-title{font-size:14px!important}
}
/* site-buttons-weight-600 (усі кнопки .sc-btn — semibold 600) */
.sc-btn{font-weight:600!important}
@media (max-width:767.98px){
  .sc-megamenu-list-item>.sc-btn.no-btn{opacity:1!important}
  .sc-megamenu-list-item>.sc-btn.no-btn .sc-btn-icon-chevron{background-color:#1c1c28!important;opacity:1!important;visibility:visible!important}
}


/* =====================================================================
   deploy 2026-08-25:
   (1) прибрати кнопку «Каталог товарів» після блоку «Категорії овочевих
       культур» на головній (моб-only d-md-none кнопка data-menu=open);
   (2) блок «Ви дивилися» (ldr-pv, головна + сторінка товару) на моб —
       картка як у каталозі: 2 в ряд + ~10% третьої, повношир. кнопка,
       без степера кількості, ті самі шрифти/зазори. Карта root=.sc-module-item.
   ===================================================================== */
#common-home .sc-category-wall + .row.mt-3.d-md-none{display:none!important}
@media (max-width:575.98px){
  .ldr-pv-strip.ldr-pv-strip>.sc-module-item{-ms-flex:0 0 calc((100% - 32px)/2.1)!important;flex:0 0 calc((100% - 32px)/2.1)!important;max-width:calc((100% - 32px)/2.1)!important}
  .ldr-pv-arrows{display:none!important}
  .ldr-pv-strip .sc-module-cart{margin-top:12px!important;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column!important;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch!important;display:-webkit-box;display:-ms-flexbox;display:flex!important}
  .ldr-pv-strip .sc-module-cart .sc-btn-primary{max-width:100%!important;padding-left:0!important;padding-right:0!important;max-height:39px!important;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center!important;gap:6px!important}
  .ldr-pv-strip .sc-module-cart .sc-btn-text{display:inline!important;font-size:13px!important;font-weight:600!important}
  .ldr-pv-strip .sc-module-quantity{display:none!important}
  .ldr-pv-strip .sc-module-price-box{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column!important;margin-top:0!important}
  .ldr-pv-strip .sc-module-info{margin-top:5px!important}
  .ldr-pv-strip .kjseries_cat{margin-top:4px!important}
  .ldr-pv-strip .sc-module-title{font-size:13px!important;word-break:break-word}
  .ldr-pv-strip .sc-module-price{font-size:17px!important}
}


/* deploy 2026-08-25: нижній моб-бар — вертикальні розділювачі на 50% прозоріші
   (ядрове .header-buttons .sc-btn:not(:first-child){border-left:1px solid #f2f2f5}) */
@media (max-width:767.98px){
  .header-buttons .sc-btn:not(:first-child){border-left-color:rgba(242,242,245,.3)!important}
}


/* deploy 2026-08-25: нижній моб-бар — показати «Дивилися» скрізь (вкл. головну)
   + порядок Каталог, Кабінет, Дивилися, Порівняти, Закладки. Корзина лишається
   у верхній шапці. Дільник перед «Кабінет» повертаємо (ядро прибирає у account),
   напівпрозорий як інші. */
@media (max-width:767.98px){
  .header-buttons .header-buttons-viewed{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}
  .header-buttons .header-buttons-catalog {-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0!important}
  .header-buttons .header-buttons-account {-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1!important}
  .header-buttons .header-buttons-viewed  {-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2!important}
  .header-buttons .header-buttons-compare {-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3!important}
  .header-buttons .header-buttons-wishlist{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4!important}
  .header-buttons .sc-btn.header-buttons-account{border-left:1px solid rgba(242,242,245,.3)!important}
}


/* deploy 2026-08-25: бейдж кошика (моб #top-cart-btn) — на кут іконки, а не над кнопкою
   (іконка центрована в 44px кнопці, top:-4px відлітав на 16px вгору) */
#top-cart-btn .top-cart-qty{top:3px!important;right:3px!important;left:auto!important}


/* deploy 2026-08-25b: у мобільному меню прибрати блок «Мова сайту / Валюта»
   (одна мова+валюта → пусто); рядок = .sidebar-main-menu-item з #oct_mobile_language */
.sidebar-main-menu-item:has(#oct_mobile_language){display:none!important}


/* deploy 2026-08-25c: контакт-поп-ап (sidebar-locations) — розміри тексту як у мобільному меню (14px),
   прибрано схлопування адреси (контент завжди розгорнутий), icon-only копі-кнопка адреси справа
   (стиль/іконки як bank_qr copy). JS-інжект кнопки — у header.twig. */
.sidebar-locations .sc-location{font-size:14px!important}
.sidebar-locations .sc-location-collapsed{max-height:none!important;opacity:1!important;padding-top:1rem!important}
.sidebar-locations .sc-location>.d-flex.align-items-center{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:8px}
.sidebar-locations .sc-location-address{cursor:default;padding-right:0!important}
.ldr-copy-addr{-ms-flex:none;flex:none;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid #e5e8ec;border-radius:8px;background:#fff;cursor:pointer;transition:background .15s,border-color .15s,transform .12s}
.ldr-copy-addr:hover{background:#f4f4f5;border-color:#d5d9de}
.ldr-copy-addr:active{transform:scale(.97)}
.ldr-copy-addr__ico{width:18px;height:18px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234D4D4D' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='9' width='12' height='12' rx='2.5'/%3E%3Cpath d='M6 15H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v1'/%3E%3C/svg%3E") center/contain no-repeat}
.ldr-copy-addr.is-done{border-color:#47980E;background:#eef7e6}
.ldr-copy-addr.is-done .ldr-copy-addr__ico{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2347980E' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 12.5 5.5 5.5L20 7'/%3E%3C/svg%3E")}


/* deploy 2026-08-25d: hero-банер (slideshow-plus fullimg) — тема ставить width:100% + ФІКСОВАНУ висоту
   (360/392/410px на >=1200/1400/1600), object-fit=fill (дефолт) => у межах брейкпоінта ширина тягнеться,
   висота стала => пропорції пливуть, картинка спотворюється. Банер = повністю зверстане зображення
   (текст+кнопка+лого від краю до краю) => cover ріже контент. Рішення: height:auto — картинка
   масштабується пропорційно (width:100% + власне співвідношення 2340/820), без спотворення і без обрізки. */
@media (min-width:1200px){
  .sc-slideshow-plus-item-fullimg img{height:auto!important}
}


/* deploy 2026-08-25e: кнопка «Категорії» (#menuToggleButton) у хедері живе в колонці
   .col-md-3.d-none.d-xl-flex → показується ЛИШЕ на xl (>=1200), нижче зникає. На md/lg
   (768-1199) робимо КОМПАКТНУ icon-only версію (та сама кнопка+обробник, без текста), зліва
   від пошуку. Мобільний (<768, пошук прихований) НЕ чіпаємо. Іконка — рідна .sc-btn-icon-catalog. */
@media (min-width:768px) and (max-width:1199.98px){
  .header .row > .col-md-3.d-none.d-xl-flex{
    display:-ms-flexbox!important;display:flex!important;
    -ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none;
    -ms-flex-align:center;align-items:center;
  }
  .header #menuToggleButton{
    width:44px!important;min-width:44px;height:44px;padding:0!important;
    display:-ms-inline-flexbox;display:inline-flex;
    -ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;
  }
  .header #menuToggleButton .sc-btn-text{display:none}
  .header #menuToggleButton .sc-btn-icon{margin:0}
  .header .row > .col-12.col-xl-9{
    -ms-flex:1 1 0;flex:1 1 0;width:auto;max-width:none;
  }
  /* тема ставить .header-search{padding-left:80px} (офсет із повношир. розкладки) →
     при компактній кнопці це велика діра ліворуч від поля; прибираємо, щоб поле починалось
     одразу після gutter (зазор ~24px = як на xl) */
  .header .header-search{padding-left:0!important}
}


/* deploy 2026-08-26 (v6): плашка «Блог про вирощування» — зображення blog-main-3 = самодостатня
   композиція (телефон + картки), яку треба показати ВЕЛИКОЮ і з вильотом за краї, як у макеті
   Figma «blog cover – main 3» (фрейм 1612×948, картинка X605.5/Y142/W1027.92/H1011 →
   left 37.56% / top 14.98% / width 63.77% / height 106.65%, вилітає вправо 1.33% + вниз 21.62%).
   ⚠️ Це СВІДОМИЙ per-tile оверрайд поверх спільного «BANNER-PLUS-LOOK» (admin-custom.css) — бо блог-
   мокап великий/особливий, на відміну від дрібного вирізу овочів. Перебиваємо тему по специфічності
   (#common-home ... спец.1.3.1 + !important на кожній властивості; тема тримає 1.3.0 !important).
   ⚠️ Різкість: тема віддає лише кеш 400×340 (мило на великому показі) → header.twig JS перемикає
   src блог-картинки на повний вихідник (маркер «ldr: блог-банер повний вихідник»). */
@media (min-width:1400px){
  #common-home .sc-banner-plus-item:has(a[href*="/blog-ua"]) .content-block{position:relative}
  #common-home .sc-banner-plus-item:has(a[href*="/blog-ua"]) .sc-banner-plus-item-img{
    position:absolute!important;display:block!important;
    right:-1.33%!important;top:14.98%!important;bottom:auto!important;left:auto!important;
    width:63.77%!important;height:106.65%!important;max-width:none!important;margin:0!important;
    -ms-flex-item-align:auto!important;align-self:auto!important;
  }
  #common-home .sc-banner-plus-item:has(a[href*="/blog-ua"]) .sc-banner-plus-item-img img{
    display:block!important;width:100%!important;height:100%!important;
    max-width:none!important;max-height:none!important;
    object-fit:cover!important;object-position:center center!important;
  }
  #common-home .sc-banner-plus-item:has(a[href*="/blog-ua"]) .sc-banner-plus-text{position:relative;z-index:1;max-width:46%}
}

/* заголовки плашок .sc-banner-plus (Насіння овочів / Блог) → 20px.
   ⚠️ Тема тримає `#common-home > .row.sc-banner-plus .sc-banner-plus-title{1.5rem!important}`
   (спец. 1.3.0) на ≥992px — тому перебиваємо тим самим селектором (ldr-custom вантажиться пізніше). */
#common-home > .row.sc-banner-plus .sc-banner-plus-title{font-size:20px!important}


/* deploy 2026-08-26: МОБ (≤991.98) — флип лейауту плашок .sc-banner-plus: опис ПІД заголовком,
   а не під картинкою. Порядок стає: заголовок → опис → картинка → кнопка (повношир. знизу).
   Механіка: content-block і item-box → flex-column; .sc-banner-plus-text → display:contents
   (його діти p+кнопка стають прямими flex-елементами item-box поряд з картинкою) → задаємо order.
   Обидві плашки (Насіння + Блог). Десктоп (≥992) не чіпаємо. */
@media (max-width:1399.98px){
  #common-home > .row.sc-banner-plus .content-block{
    display:-webkit-box;display:-ms-flexbox;display:flex;
    -webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;
    text-align:center;                     /* заголовок+підзаголовок по центру (як у макеті) */
  }
  #common-home > .row.sc-banner-plus .sc-banner-plus-item-box{
    -webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;
    -webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;
  }
  #common-home > .row.sc-banner-plus .sc-banner-plus-text{display:contents!important}
  #common-home > .row.sc-banner-plus .sc-banner-plus-text > p{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}
  #common-home > .row.sc-banner-plus .sc-banner-plus-item-img{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;-ms-flex-item-align:center!important;align-self:center!important;display:block!important;width:auto!important;max-width:100%!important;margin:.75rem auto 0!important}
  #common-home > .row.sc-banner-plus .sc-banner-plus-item-img img{width:auto!important;height:auto!important;max-width:100%!important;max-height:170px!important;-o-object-fit:contain;object-fit:contain}
  #common-home > .row.sc-banner-plus .sc-banner-plus-text > .sc-btn{
    -webkit-box-ordinal-group:4;-ms-flex-order:3;order:3;width:100%;
    -webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;
  }
}


/* deploy 2026-08-26: БЛОГ-плашка на МОБ (≤991.98) — макет Figma «blog cover – main mob» (1358×948).
   Плашка тримає пропорції 1358/948 (як було); всередині layered: заголовок+опис зверху по центру
   (з флипу), мобільна композиція blog-main-mob (JS у header.twig підміняє src на моб) — absolute
   за координатами Figma (X181/Y229/W1096.87/H908 → left 13.33% / top 24.16% / W 80.77% / H 95.78%,
   низ вилітає ~20%, обрізає overflow:hidden); білий градієнт знизу (під кнопкою, над картинкою);
   кнопка absolute знизу поверх градієнта (тому НЕ додає висоти). Перебиває загальний флип-блок
   вище (спец. 1.3.1 > 1.3.0). Плашку «Насіння» не чіпає. */
@media (max-width:991.98px){
  #common-home .sc-banner-plus-item:has(a[href*="/blog-ua"]) .content-block{
    position:relative!important;overflow:hidden!important;padding:1.1rem 1rem 0!important;
  }
  #common-home .sc-banner-plus-item:has(a[href*="/blog-ua"]) .sc-banner-plus-title{
    padding:0!important;margin:0 0 .2rem!important;position:relative;z-index:3;
  }
  #common-home .sc-banner-plus-item:has(a[href*="/blog-ua"]) .sc-banner-plus-text>p{
    padding:0!important;margin:0!important;position:relative;z-index:3;
  }
  /* картинка В ПОТОЦІ після підзаголовка (ніколи не наїде на текст), велика; кнопка absolute
     поверх низу картинки (тому не додає висоти); білий градієнт зводить картинку до кнопки. */
  #common-home .sc-banner-plus-item:has(a[href*="/blog-ua"]) .sc-banner-plus-item-img{
    position:static!important;display:block!important;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;
    width:78%!important;max-width:78%!important;height:auto!important;margin:.5rem auto 0!important;
    -ms-flex-item-align:center!important;align-self:center!important;z-index:1;
  }
  #common-home .sc-banner-plus-item:has(a[href*="/blog-ua"]) .sc-banner-plus-item-img img{
    width:100%!important;height:auto!important;max-height:none!important;max-width:100%!important;
    -o-object-fit:contain;object-fit:contain!important;
  }
  #common-home .sc-banner-plus-item:has(a[href*="/blog-ua"]) .content-block::after{
    content:"";position:absolute;left:0;right:0;bottom:0;height:30%;
    background:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),color-stop(60%,#fff));
    background:linear-gradient(to bottom,rgba(255,255,255,0),#fff 60%);
    z-index:2;pointer-events:none;
  }
  #common-home .sc-banner-plus-item:has(a[href*="/blog-ua"]) .sc-banner-plus-text>.sc-btn{
    position:absolute!important;left:1rem!important;right:1rem!important;bottom:1rem!important;
    width:auto!important;z-index:3;
  }
}


/* deploy 2026-08-26: мега-меню — верхні (жирні) назви категорій брендовим зеленим,
   як у кнопок; ховер — темніший зелений. Клас .sc-megamenu-children-title є в КОЖНОЇ
   назви категорії (тема генерує), тож правило само поширюється на нові категорії.
   Підкатегорії (звичайні пункти без цього класу) не чіпаємо. */
.sc-megamenu-children-title,
.sc-megamenu-children-title span{color:#47980E!important}
.sc-megamenu-children-title:hover,
.sc-megamenu-children-title:focus,
.sc-megamenu-children-title:hover span,
.sc-megamenu-children-title:focus span{color:#3A7D07!important}


/* deploy 2026-08-26: сторінка товару — ціни у таблиці фасовок (kjseries) вагою 700,
   чистий чорний #000. Клас .kj-item + .price-actual тема ставить кожному рядку → всі товари. */
.kj-item td.price_special,
.kj-item .price-actual{font-weight:700!important;color:#000!important}


/* deploy 2026-08-26: головна — смуга з 4 плашками-пілюлями переваг під hero-банером.
   HTML вставляє JS у header.twig (adv(), тільки #common-home, після .sc-slideshow-plus).
   Ряд = ширина hero-банера: той самий лівий оффсет, що у .sc-slideshow-plus.with-megamenu
   (margin-left 318px ≥1200, 388px ≥1600; нижче 1200 — на всю ширину, моб окремо потім).
   Пілюля: іконка ліворуч у колі #F0F0F0, праворуч заголовок+опис, r=full, без тіні. */
.ldr-advantages{margin-top:24px}
@media(min-width:1200px){.ldr-advantages{margin-left:318px}}
@media(min-width:1600px){.ldr-advantages{margin-left:388px}}
.ldr-adv-card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;
  gap:18px;height:100%;padding:12px;background:#FFFFFF;border:1px solid #F2F4F8;border-radius:999px;color:#000;}
.ldr-adv-ico{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:48px;height:48px;border-radius:50%;background:#F6F6F6;border:1px solid #F2F4F8;
  display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;
  -webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#000;}
.ldr-adv-ico svg{width:24px;height:24px;display:block;stroke-width:1.5;}
.ldr-adv-ico svg path{stroke-width:1.5;}
.ldr-adv-txt{min-width:0;}
.ldr-adv-title{font-weight:600;font-size:13px;line-height:1.2;color:#000;margin:0 0 4px;}
.ldr-adv-desc{font-weight:400;font-size:12px;line-height:1.35;color:#6B6B6B;margin:0;}
/* наш блок переваг ховаємо на моб (моб-версія окремо, згодом) */
@media(max-width:991.98px){.ldr-advantages{display:none!important}}
/* штатний модуль теми «переваги магазину» ховаємо по всьому сайту (моб+деск) — замінений нашим .ldr-advantages */
.sc-advantages{display:none!important}

/* deploy 2026-08-27: зазор над блоком «Ви дивилися» (sc-pv) = як над «Наші бренди»
   (у брендів pt-xl-4=24px, у sc-pv pt=0 → заголовок тулиться до блога вище). Додаємо 24px згори на деск. */
@media(min-width:992px){#common-home [id^="sc-pv"]{padding-top:24px!important}}

/* deploy 2026-08-27: розділювач перед .sc-banner-plus — вертикальні відступи як у розділювача над «Наші новини».
   Той блок нижче має mt:-24 (Bootstrap g-gutter) → з'їдає низ; компенсуємо margin-bottom, щоб контент був ~36px під лінією. */
.ldr-adv-divider{margin-top:36px;margin-bottom:12px}


/* deploy 2026-08-27: всі outline-іконки сайту — товщина штриха 1.5px.
   Діє лише на inline-SVG зі stroke (fill-іконки й FA-гліфи не змінюються). Логотип — <img>, не зачеплений. */
svg{stroke-width:1.5px}
svg *{stroke-width:1.5px}

/* deploy 2026-09-24: інфо-сторінки (Про магазин, Доставка, Оплата…) — розміри заголовків і ритм відступів.
   Скоуп #information-information — блог (теж .content-block-text) не зачіпає.
   Ритм: абзац↔абзац 12 · пункт списку 4 · заголовок→свій текст 12/8 · нова група перед h2 40 / h3 28. */
#information-information .content-block-text > *{margin:0}
#information-information .content-block-text > * + *{margin-top:12px}
#information-information .content-block-text li + li{margin-top:4px}
#information-information .content-block-text h2{font-size:24px;line-height:1.25;font-weight:700}
#information-information .content-block-text h3{font-size:20px;line-height:1.3;font-weight:600}
#information-information .content-block-text > * + h2{margin-top:40px}
#information-information .content-block-text > * + h3{margin-top:28px}
#information-information .content-block-text > h2 + h3{margin-top:16px}
#information-information .content-block-text > h3 + *{margin-top:8px}
@media(max-width:767.98px){
  #information-information .content-block-text > * + h2{margin-top:32px}
  #information-information .content-block-text > * + h3{margin-top:24px}
}

/* deploy 2026-09-24: «Про магазин» — блок «Контакти»: плашка з контактами (1/3) + Google-карта (2/3), однакова висота.
   Розмітка — у тілі інфо-сторінки id=4 (.ldr-contacts). Фон+рамка плашки = як .sc-empty-reviews (відгуки на картці: #FBFBFB + 1px #F2F4F8), радіус 12 (вкладений у картку 16). */
.ldr-contacts{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:16px}
#information-information .content-block-text .ldr-contacts-card{margin:0;padding:24px;list-style:none;background:#FBFBFB;border:1px solid #F2F4F8;border-radius:12px}
#information-information .content-block-text .ldr-contacts-card li + li{margin-top:8px}
.ldr-contacts-map{min-height:360px;border-radius:12px;overflow:hidden;background:#FBFBFB}
.ldr-contacts-map iframe{display:block;width:100%;height:100%;min-height:360px;border:0}
@media(max-width:767.98px){
  .ldr-contacts{grid-template-columns:minmax(0,1fr)}
  #information-information .content-block-text .ldr-contacts-card{padding:16px}
  .ldr-contacts-map,.ldr-contacts-map iframe{min-height:280px}
}

/* deploy 2026-09-24: футер — іконки заголовків (Телефони / Соц мережі / Підписка) і месенджерів (Telegram/Viber/WhatsApp) білі.
   Це <img> зі sprite.svg (#include--…, свої fill/stroke #C7C9D9/#E5F0FF) — color не діє, тому фільтр: будь-який колір → #fff, альфа зберігається. */
.sc-footer .sc-footer-title > img,
.sc-footer .sc-footer-middle-info img[src*="sprite.svg#include--"]{filter:brightness(0) invert(1)}

/* deploy 2026-09-24: футер — усі текстові посилання білі, hover = приглушений rgb(193,207,191)
   (тема робить навпаки: .sc-footer-list a / .sc-footer-phones / .sc-footer-email = приглушені, hover білий).
   Виняток: круглі кнопки соцмереж і плаваюча кнопка зв'язку (.sc-fixed-contact-item — меню на білому фоні). */
.sc-footer a:not(.sc-footer-socials-item):not(.sc-fixed-contact-item):not(.sc-btn){color:#fff}
.sc-footer a:not(.sc-footer-socials-item):not(.sc-fixed-contact-item):not(.sc-btn):hover{color:rgb(193,207,191)}

/* deploy 2026-09-24: футер — підписка: зазор 10px між полем і кнопкою, кнопка скруглена з усіх боків (8px, як поля/кнопки GLOBAL-RADIUS).
   Bootstrap .input-group зліплює їх (margin-left:-1px + лівий радіус 0) — перекриваємо. */
#footer-subscribe .input-group > #footer-make-subscribe{margin-left:10px!important;border-radius:8px!important}
#footer-subscribe .input-group > #InputSubscribeEmail{border-radius:8px!important}