a.nav-link[title="Promocje"] {
    color: #e30613!important;
}

/* === Distil: efekt "ruchomych" grafik po najechaniu (zoom 6% + uniesienie), 17.09.2026 === */
.bento-item { transition: transform .35s ease, box-shadow .35s ease; }
.bento-item .bento-img { transition: transform .75s cubic-bezier(.2,.7,.2,1); will-change: transform; }
.bento-item:hover .bento-img,
.bento-item:focus-visible .bento-img { transform: scale(1.06); }
.bento-item:hover { transform: translateY(-3px); box-shadow: 0 14px 28px -10px rgba(0,0,0,.35); }

#main_tree5 .main_tree_sub__item a.nav-gfx { display: block; overflow: hidden; transition: transform .35s ease, box-shadow .35s ease; }
#main_tree5 .main_tree_sub__item a.nav-gfx img { display: block; width: 100%; transition: transform .75s cubic-bezier(.2,.7,.2,1); will-change: transform; }
#main_tree5 .main_tree_sub__item a.nav-gfx:hover img,
#main_tree5 .main_tree_sub__item a.nav-gfx:focus-visible img { transform: scale(1.06); }
#main_tree5 .main_tree_sub__item a.nav-gfx:hover { transform: translateY(-3px); box-shadow: 0 14px 28px -10px rgba(0,0,0,.35); }

#main_banner1 .swiper-slide { overflow: hidden; }
#main_banner1 .swiper-slide img { transition: transform 6s linear; }
#main_banner1 .swiper-slide-active img { transform: scale(1.04); }

@media (prefers-reduced-motion: reduce) {
  .bento-item, .bento-item .bento-img, #main_tree5 a.nav-gfx, #main_tree5 a.nav-gfx img, #main_banner1 .swiper-slide img { transition: none !important; transform: none !important; }
}

/* === Distil: okładki bloga — równe kafle: stała proporcja 1376/1058 (wszystkie okładki są w tej proporcji: blog_grafiki_kafel.py), bez szarych pasów; 20.09.2026 === */
.article__image_wrapper, .blog-item_sub .blog_image_wrapper { height: auto !important; aspect-ratio: 1376 / 1058 !important; max-height: none !important; flex-grow: 0 !important; overflow: hidden; background: transparent !important; padding: 0 !important; }
.article__image { width: 100% !important; height: 100% !important; max-height: none !important; object-fit: cover; display: block; }
/* strona wpisu: okładka na całą szerokość nad tekstem (szablon: float:left, max-width 33% → na telefonie mini-miniatura) */
#blog-item img.blog_image, .blog-item_sub img.blog_image { float: none !important; display: block; width: 100%; max-width: 100% !important; height: auto !important; object-fit: unset; margin: 0 0 20px !important; }
@media (max-width: 767px) { .article__image_wrapper { max-width: 100%; } }
@media (min-width: 1024px) { #blog-item img.blog_image, .blog-item_sub img.blog_image { max-width: 820px !important; } }
/* === Distil: hero SVG (jeden plik) — na desktopie szerokość jak slidery produktów (--content-max-width), wycentrowany; 18.09.2026 === */
@media (min-width: 1024px) {
  #main_banner1 .main_slider__item a { display: flex; justify-content: center; }
  #main_banner1 .main_slider__item img { max-height: none; max-width: var(--content-max-width, 1170px); width: 100%; height: auto; display: block; border-radius: 10px; }
  #main_banner1 .swiper-slide-active img { transform: none; }
}

/* === Distil: blok CMS "Dzielimy pasję…" — jedna wielkość tekstu jak w całym sklepie (14/20), śródtytuły 16/600; 18.09.2026 === */
#main_cms2 .cms_banner__content p.mb-24, #main_cms2 .cms_banner__hidden p { font-size: 14px; line-height: 20px; }
#main_cms2 .cms_banner__content .cms_banner__heading { font-size: 16px; line-height: 24px; font-weight: 600; }

/* === Distil: Source Sans 3 self-hosted (OFL, Google Fonts v19, variable 200-900) — czcionka z kitu Typekit szablonu renderuje "eq"→"ę" i "añ"→"ą" (Tequila, añejo); nadpisanie zmiennej --font-family szablonu; 18.09.2026 === */
@font-face { font-family: 'Source Sans 3 Distil'; font-style: normal; font-weight: 200 900; font-display: swap; src: url('/data/include/cms/cms_styles/SourceSans3-normal-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Source Sans 3 Distil'; font-style: normal; font-weight: 200 900; font-display: swap; src: url('/data/include/cms/cms_styles/SourceSans3-normal-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Source Sans 3 Distil'; font-style: italic; font-weight: 200 900; font-display: swap; src: url('/data/include/cms/cms_styles/SourceSans3-italic-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Source Sans 3 Distil'; font-style: italic; font-weight: 200 900; font-display: swap; src: url('/data/include/cms/cms_styles/SourceSans3-italic-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
:root, body { --font-family: 'Source Sans 3 Distil', 'source-sans-3', 'Arial', 'Helvetica', sans-serif; }

/* === Distil: równe odstępy między modułami SG — blok kafli kategorii (#main_cms) miał 20px zamiast 80/40, a H1 marginesy 15/15 zamiast 0/24; 20.09.2026 === */
#main_cms { margin-bottom: 80px !important; }
#main_cms .kat-h1 { margin: 0 auto 24px !important; }
@media (max-width: 991px) { #main_cms { margin-bottom: 40px !important; } }
/* mobile: karty produktów w strefach hotspot wystają ~19px poza sekcję → odstęp po nich 21px zamiast 40 */
@media (max-width: 991px) { [id^="main_hotspot_zone"] .hotspot { padding-bottom: 19px; } }

/* === Distil: nagłówek modułu producentów „Popularne marki” → „Nasi Partnerzy” (literał szablonu; zmiana w Composerze wymaga publikacji nowej wersji — do zrobienia przy najbliższej publikacji, wtedy usunąć ten blok); 21.09.2026 === */
#main_producers .headline { font-size: 0 !important; }
#main_producers .headline::before { content: "Nasi Partnerzy"; font-size: 32px; line-height: 32px; }
@media (max-width: 991px) { #main_producers .headline::before { font-size: 28px; } }

/* === Distil: karta produktu — porządki 21.09.2026: brak sklepu stacjonarnego, bez liczby sztuk w magazynie, bez PayPo (płatność odroczona wyłączona dla alkoholu), etykieta kodu „Symbol” → „EAN / SKU” === */
#projector_stocks, #projector_paypo, #projector_amount { display: none !important; }
.dictionary__param[data-code="true"] .dictionary__name_txt { font-size: 0 !important; }
.dictionary__param[data-code="true"] .dictionary__name_txt::before { content: "EAN / SKU"; font-size: 14px; }
/* === Distil: gorny pasek = kafelki z wlasnymi nazwami; prawdziwe korzenie kategorii
   zostaja w menu (Base dopasowuje je po nazwie) ale nie pokazujemy ich w pasku.
   Selektor po title, NIE po href: kafelek linkuje do adresu swojej kategorii,
   wiec href jest identyczny - rozroznia je dopiero nazwa (RUM vs RUMY).
   Struktura: #menu_categories > div#menu_navbar > ul > li.nav-item > span.nav-link-wrapper > a
   WHISKY zostaje widoczne - kafelek o tej nazwie kolidowalby z kategoria.
   Pole hidden=y w menu IdoSell odpada: wylacza cala kategorie ze sklepu (302 na noproduct).
   22.09.2026 === */
#menu_categories #menu_navbar > ul > li.nav-item:has(> .nav-link-wrapper > a[title="ALKOHOLE ŚWIATA"]),
#menu_categories #menu_navbar > ul > li.nav-item:has(> .nav-link-wrapper > a[title="BEZALKOHOLOWE 0%"]),
#menu_categories #menu_navbar > ul > li.nav-item:has(> .nav-link-wrapper > a[title="DRINKI"]),
#menu_categories #menu_navbar > ul > li.nav-item:has(> .nav-link-wrapper > a[title="GIN"]),
#menu_categories #menu_navbar > ul > li.nav-item:has(> .nav-link-wrapper > a[title="INNE"]),
#menu_categories #menu_navbar > ul > li.nav-item:has(> .nav-link-wrapper > a[title="KONIAK / BRANDY"]),
#menu_categories #menu_navbar > ul > li.nav-item:has(> .nav-link-wrapper > a[title="KOSZE/ZESTAWY UPOMINKOWE DLA FIRM/OPAKOWANIA PREZENTOWE"]),
#menu_categories #menu_navbar > ul > li.nav-item:has(> .nav-link-wrapper > a[title="LIKIERY"]),
#menu_categories #menu_navbar > ul > li.nav-item:has(> .nav-link-wrapper > a[title="NAPOJE / DRINKI"]),
#menu_categories #menu_navbar > ul > li.nav-item:has(> .nav-link-wrapper > a[title="PIWA / CYDRY"]),
#menu_categories #menu_navbar > ul > li.nav-item:has(> .nav-link-wrapper > a[title="RUM"]),
#menu_categories #menu_navbar > ul > li.nav-item:has(> .nav-link-wrapper > a[title="TEQUILA / MEZCAL"]),
#menu_categories #menu_navbar > ul > li.nav-item:has(> .nav-link-wrapper > a[title="VOUCHER PODARUNKOWY"]),
#menu_categories #menu_navbar > ul > li.nav-item:has(> .nav-link-wrapper > a[title="WINA / SZAMPANY"]),
#menu_categories #menu_navbar > ul > li.nav-item:has(> .nav-link-wrapper > a[title="WÓDKA"]) { display: none; }