@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@200;700&display=swap');
/* ============================================================
   MIZON.cz — vizuální identita (Fáze 7)
   Externí stylesheet. Nahrát do Správce souborů a propojit v hlavičce:
   <link rel="stylesheet" href="/user/documents/upload/mizon.css">
   JS (patička 4 sloupce, layout kategorií, home dlaždice, hero preload)
   zůstává v poli header/footer HTML kódů — sem patří jen CSS.
   ------------------------------------------------------------
   BREAKPOINTY (jednotné schéma — držet při všech úpravách!):
     • Desktop: @media(min-width:1080px)
     • Tablet:  @media(min-width:576px) and (max-width:1079px)   (jen tablet)
     • Mobil:   @media(max-width:575px)
     • Tablet+mobil (vše pod desktopem): @media(max-width:1079px)
     • Tablet+desktop (vše nad mobilem): @media(min-width:576px)
   VÝJIMKY svázané s interními breakpointy Samby (NE naše volba, needitovat):
     • @media(min-width:768px) — menu overlay: Samba přepíná na hamburger ≤767px
     • @media (min-width:768px) and (max-width:1079px) — kompaktní menu tabletu (plné menu je jen ≥768)
     • @media(max-width:767px) — přebíjí rámeček položek, který Samba dělá ve svém @media(max-width:767px)
   ============================================================ */

/* ---- Design tokeny + rebrand Samba akcentu na eukalyptus ---- */
:root{
  --mz-paper:#EFF1EB; --mz-surface:#FBFCF9; --mz-ink:#1E231E; --mz-muted:#6C736A;
  --mz-line:#D8DDD1; --mz-sage:#4b5377; --mz-sage2:#5c6489; --mz-sage-tint:#E7E8F1;
  --mz-clay:#B39A7E; --mz-clay-tint:#EDE4D8;
  /* PRIMÁRNÍ FONT (nadpisy + tlačítka) = Noto Sans Bold (700). Název tokenu ponechán --mz-serif
     kvůli desítkám referencí; už to není serif. Body/odstavce = Noto Sans ExtraLight (200), viz body{}. */
  --mz-serif:"Noto Sans","Source Sans 3",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  /* ⚠ TYPOGRAFIE: root font-size šablony Samba je 10px (ne 16px) → rem hodnoty vycházejí
     1,6× menší, než by člověk čekal. Proto jsou textové tokeny v px.
     --mz-text = JEDINÁ velikost odstavcového textu napříč webem; ladit jen tady. */
  --mz-pad:clamp(28px,5vw,64px);  /* JEDNOTNE bocni odsazeni obsahu od okraju — ladit jen zde.
     Spodni mez 28px (drive 20) = na malem mobilu (<560px) text lepe odsazeny od kraju, lici s logem. */
  --mz-text:18px;        /* běžný odstavec / body copy */
  --mz-text-sm:14px;     /* popisky, meta, CTA v dlaždicích */
  --mz-text-lh:1.7;      /* řádkování odstavců */
  --mz-gap-text:20px;    /* globální vertikální rytmus: nadpis → odstavec (patří k sobě) */
  --mz-gap-cta:40px;     /* globální vertikální rytmus: odstavec → tlačítko/CTA (vzduch před akcí) */
  --color-secondary:#4b5377 !important;
  --color-secondary-h:229 !important; --color-secondary-s:23% !important; --color-secondary-l:38% !important;
  --color-secondary-hover:#3b4260 !important; --colors-forms-activated:#4b5377 !important;
}

/* ---- Základ: pozadí, text, serif nadpisy, akcent ---- */
body{background-color:var(--mz-paper) !important; color:var(--mz-ink); font-family:"Noto Sans","Source Sans 3",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important; font-weight:200 !important;}
/* Odstavce/běžný text = Noto Sans ExtraLight přes DĚDIČNOST z body{font-weight:200}.
   ⚠ Nevynucovat 200 na span/div/a globálně — přebilo by to vnitřní <span> uvnitř nadpisů
   (např. název produktu = <a class="name"><span>…</span></a>) a nadpis by zůstal tenký. */
h1,h2,h3,.category-title,.main-heading,.block-title,.product-detail h1,.p-detail-inner h1,
.subcategories .name,.subcategories h3{font-family:var(--mz-serif) !important; font-weight:700 !important; letter-spacing:-.01em;}
.content a,.category-perex a,.footer a:hover{color:var(--mz-sage);}
.btn{border-radius:2px !important; letter-spacing:.02em;}
.price-final-holder,.price-final,.p-final-price{color:var(--mz-ink) !important;}
.btn-conversion,.add-to-cart-button,.btn-conversion.add-to-cart-button{
  background-color:var(--mz-sage) !important; border-color:var(--mz-sage) !important; color:#fff !important;}
.btn-conversion:hover,.add-to-cart-button:hover{background-color:var(--mz-sage2) !important; border-color:var(--mz-sage2) !important;}

/* ---- JEDNOTNÁ VELIKOST ODSTAVCOVÉHO TEXTU NAPŘÍČ WEBEM ----
   Ladí se výhradně tokenem --mz-text. Cílí na obsahové odstavce, ne na navigaci a tlačítka. */
main.content p, main.content li, main.content dd, main.content td,
.description p, .description li, .basic-description p, .basic-description li,
.tab-content p, .tab-content li,
.p-short-description, .category-perex, .category-perex p,
.mizon-peptidy p, .mizon-o-znacce p, .mizon-partneri p{
  font-size:var(--mz-text) !important; line-height:var(--mz-text-lh) !important;}

/* ---- Skryté defaultní šablonové sekce ---- */
.next-to-carousel-banners,[data-testid="gridTopBanners"],.benefit-banners-full-width,[class*="benefit-banners"]{display:none !important;}
.footer-newsletter-full-width,.footer-newsletter{display:none !important;}          /* newsletter blok (rozhodnutí klienta) */
body.type-category .category-top .products-top-wrapper{display:none !important;}     /* „Nejprodávanější" */
body:not(.type-product) .breadcrumbs{display:none !important;}                        /* drobečky jen na kartě produktu */

/* ---- Bez postranního panelu (stránky, kategorie, detail produktu) ---- */
body.type-page aside.sidebar-left, body.type-category aside.sidebar-left, body.type-product aside.sidebar-left{display:none !important;}
body.type-page main.content, body.type-category main.content, body.type-product main.content{
  max-width:100% !important; width:100% !important; flex-basis:100% !important;}
.mizon-filters-top{margin:0 0 24px;}
.mizon-filters-top .box-filters{background:transparent; padding:0;}

/* ---- Rozbalovací menu: zobrazit všechny podkategorie (bez ořezu na 4 + …) ---- */
.navigation-in .menu-level-3{max-height:none !important;}
.navigation-in .menu-level-3 > li{display:block !important;}

/* ---- Dlaždice kategorií — obrázkové karty (à la Tatcha) ---- */
.subcategories.with-image{display:grid !important; grid-template-columns:repeat(auto-fill,minmax(230px,1fr)) !important; gap:20px !important; margin:8px 0 20px !important;}
.subcategories.with-image>li{width:auto !important; max-width:none !important; flex:none !important; margin:0 !important; padding:0 !important; list-style:none;}
.subcategories.with-image>li>a{display:flex !important; flex-direction:column !important; align-items:stretch !important; gap:0 !important; border:1px solid var(--mz-line); border-radius:14px; overflow:hidden; background:var(--mz-surface); height:100%; padding:0 !important; text-decoration:none !important;}
.subcategories.with-image>li>a::after,.subcategories.with-image>li>a::before{display:none !important; content:none !important;}
.subcategories.with-image .image{display:block !important; width:100% !important; height:200px !important; flex:none !important; margin:0 !important; padding:0 !important; overflow:hidden; background:var(--mz-sage-tint); line-height:0;}
.subcategories.with-image .image img{width:100% !important; height:200px !important; min-height:200px !important; max-width:none !important; object-fit:cover !important; object-position:center !important; display:block !important; transition:transform .5s ease;}
.subcategories.with-image .text{display:block !important; font-family:var(--mz-serif) !important; font-size:19px !important; font-weight:700 !important; color:var(--mz-ink) !important; padding:15px 18px 17px !important; letter-spacing:-.01em; width:auto !important; line-height:1.2;}
.subcategories.with-image>li>a:hover .text{color:var(--mz-sage) !important;}
.subcategories.with-image>li>a:hover .image img{transform:scale(1.045);}

/* ---- Produktové karty — jemný hover ---- */
.products-block .product .p a.image img,.product .p a.image img{transition:transform .5s ease;}
.products-block .product:hover .p a.image img,.product:hover .p a.image img{transform:scale(1.04);}
.product a.name:hover{color:var(--mz-sage) !important;}

/* ---- Patička ---- */
.mizon-footer{border-top:1px solid var(--mz-line); margin-top:20px;}
.mizon-footer h3{color:var(--mz-ink);}
.mizon-footer a:hover{color:var(--mz-sage); opacity:1;}

/* ============================================================
   SEKCE 1 — HERO CAROUSEL (full-bleed, à la Tatcha)
   ============================================================ */
.carousel-wrapper{width:100vw !important; max-width:100vw !important; position:relative !important; left:50% !important; transform:translateX(-50%) !important; margin:0 !important; overflow:hidden;}
/* přechod prolínáním (fade) místo horizontálního posunu — robustní ve full-bleed (Bootstrap slide se jinak zasekával) */
.carousel-inner{position:relative !important; overflow:hidden !important;}
.carousel-inner .item{position:absolute !important; top:0 !important; left:0 !important; right:0 !important; width:100% !important; transform:none !important; transition:opacity .7s ease !important; opacity:0 !important; display:block !important; z-index:0 !important; float:none !important;}
.carousel-inner .item.active{opacity:1 !important; z-index:2 !important; position:relative !important;}
.carousel .item img{width:100% !important; height:calc(100vh - 76px) !important; min-height:520px !important; object-fit:cover !important; object-position:50% 42% !important; display:block !important; max-width:none !important;}
.carousel .extended-banner-texts{position:absolute !important; left:0 !important; top:0 !important; bottom:0 !important; right:auto !important; width:100% !important; max-width:none !important; height:auto !important; background:transparent !important; box-shadow:none !important; border:0 !important; display:flex !important; flex-direction:column !important; justify-content:center !important; align-items:flex-start !important; padding:0 clamp(28px,7vw,120px) !important; z-index:2 !important; pointer-events:none !important;}
.carousel .extended-banner-title{font-family:var(--mz-serif) !important; font-size:clamp(3rem,6.2vw,5.6rem) !important; font-weight:700 !important; color:var(--mz-ink) !important; line-height:1.02 !important; letter-spacing:-.015em !important; margin:0 0 1.2rem !important; max-width:16ch !important; display:block !important;}
.carousel .extended-banner-text{font-family:"Noto Sans",sans-serif !important; font-size:var(--mz-text) !important; color:var(--mz-ink) !important; opacity:.9 !important; line-height:1.55 !important; margin:0 0 2.8rem !important; max-width:32ch !important; display:block !important;}
.carousel .extended-banner-link{display:inline-block !important; font-family:"Noto Sans",sans-serif !important; font-size:15px !important; font-weight:700 !important; letter-spacing:.1em !important; text-transform:uppercase !important; color:#fff !important; background:var(--mz-sage) !important; padding:20px 42px !important; border-radius:2px !important; text-decoration:none !important; border:0 !important; pointer-events:auto !important;}
.carousel .extended-banner-link:hover{background:var(--mz-sage2) !important;}
/* decentní přepínače (šipky) — auto-posun je 5000ms (data-interval na carouselu) */
.carousel-control{opacity:1 !important; width:70px !important; background:none !important; filter:none !important; text-shadow:none !important; z-index:20 !important; pointer-events:auto !important;}
.carousel-control::before{display:none !important; content:none !important;}   /* skrýt nativní kroužek+šipku Samby (jinak dvojitá šipka) */
.carousel-control::after{content:"" !important; position:absolute !important; top:calc(50% - 9px) !important; width:15px; height:15px; border-top:2px solid var(--mz-ink); border-left:2px solid var(--mz-ink); opacity:.5; transition:opacity .25s ease; background:none !important;}
.carousel-control.left::after{left:30px; transform:rotate(-45deg);}
.carousel-control.right::after{left:auto; right:30px; transform:rotate(135deg);}
.carousel-control:hover::after{opacity:.9;}
.carousel-control .sr-only{position:absolute !important; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0);}

/* ============================================================
   SEKCE 2 — přepínatelný katalog kategorií (pure-CSS taby)
   „Objevte péči" + přepínače (podle použití / typu pleti / složení),
   pod nimi full-width dlaždice subkategorií aktivního přepínače.
   --mz-sec-pad = standardní vertikální odsazení sekcí (držet napříč sekcemi).
   ============================================================ */
:root{--mz-sec-pad:clamp(72px,9vw,130px);}
.mizon-kat2{padding:var(--mz-sec-pad) 0 !important; width:100vw; position:relative; left:50%; transform:translateX(-50%); margin:0 !important; background:#fff !important;}
.mz-k2-radio{position:absolute; opacity:0; width:0; height:0; pointer-events:none;}
.mz-k2-head{display:flex; flex-wrap:wrap; align-items:baseline; gap:.5rem 1.1rem; padding:0 var(--mz-pad); margin:0 0 clamp(36px,4.5vw,60px);}
.mz-k2-fixed,.mz-k2-tab{font-family:var(--mz-serif); font-weight:700; font-size:clamp(2.1rem,4.4vw,3.7rem); letter-spacing:-.015em; line-height:1.05;}
.mz-k2-fixed{color:var(--mz-ink);}
.mz-k2-tab{color:var(--mz-muted); opacity:.5; cursor:pointer; transition:opacity .2s ease,color .2s ease;}
.mz-k2-tab:hover{opacity:.8;}
#mzk2-a:checked ~ .mz-k2-head label[for="mzk2-a"],
#mzk2-b:checked ~ .mz-k2-head label[for="mzk2-b"],
#mzk2-c:checked ~ .mz-k2-head label[for="mzk2-c"],
#mzk2-d:checked ~ .mz-k2-head label[for="mzk2-d"]{color:var(--mz-ink) !important; opacity:1 !important;}
.mz-k2-panel{display:none;}
#mzk2-a:checked ~ .mz-k2-panels .mz-k2-panel[data-p="a"],
#mzk2-b:checked ~ .mz-k2-panels .mz-k2-panel[data-p="b"],
#mzk2-c:checked ~ .mz-k2-panels .mz-k2-panel[data-p="c"],
#mzk2-d:checked ~ .mz-k2-panels .mz-k2-panel[data-p="d"]{display:block;}
/* dlaždice na jeden řádek — variabilní šířka dle počtu (6/4/7); čtvercový obrázek 400×400 (ostrý) */
.mz-k2-grid{display:grid; gap:5px; padding:0 var(--mz-pad);}
.mz-k2-n6{grid-template-columns:repeat(6,minmax(0,1fr));}
.mz-k2-n4{grid-template-columns:repeat(4,minmax(0,1fr));}
.mz-k2-n7{grid-template-columns:repeat(7,minmax(0,1fr));}
.mz-k2-tile{display:flex; flex-direction:column; border:1px solid var(--mz-line); border-radius:0; overflow:hidden; background:var(--mz-surface); text-decoration:none; color:var(--mz-ink);}
.mz-k2-img{display:block; aspect-ratio:1/1; overflow:hidden; background:var(--mz-sage-tint); line-height:0;}
.mz-k2-img img{width:100%; height:100%; aspect-ratio:1/1; object-fit:cover; display:block; transition:transform .5s ease;}
.mz-k2-tile:hover .mz-k2-img img{transform:scale(1.045);}
.mz-k2-name{display:block; font-family:var(--mz-serif); font-size:clamp(1.45rem,1.85vw,2rem); padding:18px 18px 6px; line-height:1.15; color:var(--mz-ink);}
.mz-k2-desc{display:block; font-family:"Noto Sans",sans-serif; font-size:var(--mz-text-sm); color:var(--mz-muted); padding:0 18px 22px; line-height:1.5;}
.mz-k2-tile:hover .mz-k2-name{color:var(--mz-sage);}
/* mobil: jeden řádek zůstane, ale povolit horizontální posun ať dlaždice nejsou mikroskopické */
/* tablet + mobil (≤1024): jeden řádek → vodorovně posuvatelný (swipe). minmax(220px,30%) dá ~3 dlaždice
   na tabletu a ~2 na mobilu, s náznakem další (peek). Desktop (>1024) zůstává beze změny. */
@media (max-width:1079px){
  /* FLEX swipe: grid-auto-flow:column nectil padding-left a 1. dlaždici oříznul; flex ho drží */
  .mz-k2-grid{display:grid !important; grid-template-columns:none !important; grid-auto-flow:column !important; grid-auto-columns:minmax(220px,30%) !important; overflow-x:auto !important; scroll-snap-type:x proximity; padding:0 0 12px; -webkit-overflow-scrolling:touch;}
  .mz-k2-tile{scroll-snap-align:start;}
  .mz-k2-fixed,.mz-k2-tab{font-size:clamp(1.6rem,4.8vw,2.7rem) !important;}
}

/* ============================================================
   SEKCE 3 + 6 — split (obrázek / text vedle sebe), full-bleed
   S3 (peptidy, DOM: img+div) = obrázek vlevo, text vpravo
   S6 (o-znacce, DOM: div+img) = text vlevo, obrázek vpravo
   SEKCE 4 — loga partnerů jako dlaždice (jeden řádek desktop / swipe ≤1024)
   SEKCE 5 (mizon-typ-pleti) — odstraněna (již není potřeba)
   ============================================================ */
.mizon-typ-pleti{display:none !important;}

.mizon-peptidy,.mizon-o-znacce{width:100vw !important; position:relative; left:50%; transform:translateX(-50%); margin:0 !important; display:flex !important; align-items:stretch; padding:0 !important; background:var(--mz-surface);}
.mizon-peptidy>img,.mizon-o-znacce>img{flex:0 0 55%; width:55%; max-width:55% !important; align-self:stretch; object-fit:cover; min-height:560px; height:auto !important; display:block; margin:0 !important; border-radius:0 !important;}
.mizon-peptidy>div,.mizon-o-znacce>div{flex:1 1 45%; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; padding:clamp(40px,6vw,110px) !important; margin:0 !important;}
.mizon-peptidy h2,.mizon-o-znacce h2{font-family:var(--mz-serif) !important; font-size:clamp(2.2rem,3.6vw,3.6rem) !important; font-weight:700 !important; line-height:1.08 !important; letter-spacing:-.015em; margin:0 0 var(--mz-gap-text) !important; color:var(--mz-ink) !important; max-width:16ch;}
.mizon-peptidy p,.mizon-o-znacce p{font-family:"Noto Sans",sans-serif !important; color:var(--mz-muted) !important; margin:0 0 var(--mz-gap-cta) !important; max-width:44ch;}

/* CTA tlačítko sekcí (eukalyptové, konzistentní s hero) */
/* JEDNOTNÝ styl tlačítek homepage (hero + sekce), větší font */
.mizon-btn,.carousel .extended-banner-link{display:inline-block !important; font-family:"Noto Sans",sans-serif !important; font-size:15px !important; font-weight:700 !important; letter-spacing:.09em !important; text-transform:uppercase !important; color:#fff !important; background:var(--mz-sage) !important; padding:20px 46px !important; border-radius:2px !important; text-decoration:none !important; border:0 !important; line-height:1.2 !important; transition:background .2s ease;}
.mizon-btn:hover,.carousel .extended-banner-link:hover{background:var(--mz-sage2) !important;}

/* Sekce 4 — loga partnerů jako dlaždice */
.mizon-partneri{padding:var(--mz-sec-pad) 0 !important; width:100vw; position:relative; left:50%; transform:translateX(-50%); margin:0 !important;}
.mizon-partneri h2,.mizon-partneri p{padding-left:var(--mz-pad); padding-right:var(--mz-pad);}
.mizon-partneri-loga{display:grid !important; grid-template-columns:repeat(6,1fr) !important; gap:5px !important; padding:0 var(--mz-pad) !important; margin-top:clamp(28px,3vw,44px) !important;}
.mizon-partneri-loga>a{display:flex !important; align-items:center; justify-content:center; border:0 !important; border-radius:0; background:transparent !important; padding:6px 10px; aspect-ratio:3/2; transition:opacity .2s ease;}
.mizon-partneri-loga>a:hover{opacity:.65;}
.mizon-partneri-loga>a img{max-width:100% !important; max-height:156px !important; width:auto !important; height:auto !important; object-fit:contain;}  /* +30 % (120→156px), bez rámečku/pozadí */

/* tablet + mobil: split se skládá pod sebe (obrázek nahoře), loga swipe */
@media (max-width:1079px){
  .mizon-peptidy,.mizon-o-znacce{flex-direction:column;}
  .mizon-peptidy>img,.mizon-o-znacce>img{flex:none; width:100% !important; max-width:100% !important; min-height:360px;}
  .mizon-o-znacce>div{order:2;}
  /* FLEX swipe (stejný důvod jako u dlaždic) */
  .mizon-partneri-loga{display:grid !important; grid-template-columns:none !important; grid-auto-flow:column !important; grid-auto-columns:minmax(180px,32%) !important; overflow-x:auto !important; scroll-snap-type:x proximity; padding:0 0 12px !important;}
  .mizon-partneri-loga>a{scroll-snap-align:start;}
}

/* Odstranění prázdných pruhů homepage (welcome-wrapper padding + margin-collapse patičky) */
.welcome-wrapper{padding-top:0 !important; padding-bottom:0 !important;}
.mizon-footer{margin-top:0 !important;}

/* ============================================================
   MENU / HLAVIČKA (à la Tatcha) — logo vlevo, nástroje + ikony vpravo
   ============================================================ */
.header-top .navigation-wrapper{justify-content:flex-start !important; align-items:center !important; gap:14px !important; flex-wrap:nowrap !important;}
.header-top .site-name{order:1 !important; margin:0 auto 0 0 !important; flex:0 0 auto !important; width:auto !important; max-width:none !important;}
.header-top .site-name a{display:inline-flex !important; align-items:center !important;}
.header-top .site-name img{height:27px !important; width:auto !important; max-height:27px !important; max-width:none !important;}  /* desktop logo ~30% menší; šířku sekce nemění (logo je flex:0 0 auto) */
.header-top .navigation-tools{order:2 !important; width:auto !important; flex:0 0 auto !important; margin:0 !important;}
.header-top .navigation-buttons{order:3 !important; width:auto !important; flex:0 0 auto !important; margin:0 !important;}
.header-top .user-action{order:4 !important; width:auto !important; flex:0 0 auto !important; margin:0 !important; position:static !important;}
/* tablet + mobil: jeden decentní řádek, těsnější mezery, menší logo */
@media(max-width:1079px){
  .header-top .navigation-wrapper{gap:10px !important; padding-left:16px !important; padding-right:16px !important;}
  .header-top .site-name img{height:32px !important; max-height:32px !important;}
}
@media(max-width:575px){
  .header-top .site-name img{height:28px !important; max-height:28px !important;}
}
/* ---- Vzhled mobilního off-canvas menu ----
   ⚠ ŽÁDNÉ přepínání display! Zobrazení hamburgeru řídí Samba JS (toggle je čistě JS, ne CSS).
   `nav.fitted{display:none}` drawer vyprázdní a `.menu-helper{display:flex}` rozbije toggle. */
@media(max-width:1079px){
  /* off-canvas menu = Samba rozbaluje .menu-helper → položky serifem (bordery řeší globální pravidlo níže) */
  .menu-helper .menu-level-1 a,
  .menu-helper .menu-level-1 b{font-family:var(--mz-serif) !important; font-weight:700 !important;}
}

/* ---- Položky menu NIKDY nemají border (všechny úrovně, desktop i mobil, každý breakpoint) ---- */
li[class*="menu-item-"],
li[class*="menu-item-"] > a,
.menu-level-1 li, .menu-level-1 li > a,
.menu-level-2 li, .menu-level-2 li > a,
.menu-level-3 li, .menu-level-3 li > a,
.menu-helper li, .menu-helper li > a{border:0 !important; border-radius:0 !important; box-shadow:none !important; background:transparent !important;}

/* ---- Přihlášení k účtu pryč z celého webu (ikona i celý popup panel, desktop i mobil) ---- */
[data-testid="signin"],
.top-nav-button-login,
.user-action-login,
#login,
.login-widget,
a[href^="/login"],
a[href*="/login/?backTo"]{display:none !important;}
/* a celý řádek/položka, která odkaz na přihlášení obsahuje (off-canvas menu) */
li:has(> a[data-testid="signin"]),
li:has(> a[href^="/login"]){display:none !important;}

/* ---- Menu do JEDNOHO řádku (desktop/tablet): nav overlay přes header-top ----
   Nav zůstává plné šířky (Samba „fitted" JS jinak menu skryje) a jen se absolutně
   vycentruje přes header-top; logo vlevo + ikony vpravo zůstávají z header-top.
   Platí ≥768 (desktop i tablet); ≤767 přebírá nativní hamburger Samby. */
@media (min-width:768px){
  header{position:relative !important;}
  header > .header-top{position:relative !important; z-index:3 !important;}
  /* prázdný střed header-topu proklikne na nav pod ním; klikají JEN samotné ovládací prvky
     (ne jejich široké kontejnerové zóny, které jinak překryjí střed a zeserou kliky na menu) */
  header > .header-top{pointer-events:none !important;}
  header > .header-top a,
  header > .header-top button,
  header > .header-top .dropdown,
  header > .header-top input,
  header > .header-top label,
  header > .header-top select{pointer-events:auto !important;}
  header > .header-bottom{position:absolute !important; top:50% !important; left:0 !important; right:0 !important;
    transform:translateY(-50%) !important; margin:0 !important; z-index:2 !important;
    background:transparent !important; box-shadow:none !important; border:0 !important; pointer-events:none !important;}
  header > .header-bottom nav,
  header > .header-bottom .menu-level-1,
  header > .header-bottom .menu-level-1 a{pointer-events:auto !important;}
}
/* ---- Decentní hover: eukalyptové podtržení místo růžového pozadí ---- */
.header-bottom .menu-level-1 > li > a,
.header-bottom .menu-level-1 > li:hover > a,
.header-bottom .menu-level-1 > li.active > a,
.header-bottom .menu-level-1 > li.open > a{background-color:transparent !important; background:transparent !important; border-radius:0 !important; position:relative !important;}
.header-bottom .menu-level-1 > li > a::after{content:'' !important; position:absolute !important; left:50% !important; bottom:2px !important;
  width:calc(100% - 34px) !important; height:1px !important; background:var(--mz-sage) !important;
  transform:translateX(-50%) scaleX(0) !important; transform-origin:center !important; transition:transform .3s ease !important; pointer-events:none !important;}
.header-bottom .menu-level-1 > li:hover > a::after,
.header-bottom .menu-level-1 > li.active > a::after,
.header-bottom .menu-level-1 > li.open > a::after{transform:translateX(-50%) scaleX(1) !important;}
.header-bottom .menu-level-1 > li:hover > a,
.header-bottom .menu-level-1 > li.active > a{color:var(--mz-sage) !important;}
/* položky hlavního menu serifem */
.header-bottom .menu-level-1 > li > a,
.header-bottom .menu-level-1 > li > a b,
.header-bottom .menu-level-1 > li > a span{font-family:var(--mz-serif) !important; font-weight:700 !important;}
/* ---- Rozevírací menu: pryč obrázky, serif nadpisy sloupců, zarovnání doleva ---- */
.header-bottom .menu-level-2 .menu-image{display:none !important;}
.header-bottom .menu-level-2 > li{padding-left:0 !important;}
.header-bottom .menu-level-2 > li > div > a,
.header-bottom .menu-level-2 > li > div > a span{font-family:var(--mz-serif) !important; font-weight:700 !important; color:var(--mz-ink) !important; text-align:left !important;}
.header-bottom .menu-level-2 > li > div > a{font-size:20px !important; letter-spacing:-.01em !important;}
.header-bottom .menu-level-2,
.header-bottom .menu-level-3,
.header-bottom .menu-level-3 li,
.header-bottom .menu-level-3 a{text-align:left !important;}
.header-bottom .menu-level-3 a:hover{color:var(--mz-sage) !important;}

/* ---- Mobilní off-canvas menu (drawer): jednotná velikost písma napříč úrovněmi ----
   Rozbalené „Produkty" mělo submenu (Podle použití/typu pleti/složení) větší než top-level.
   Desktopový dropdown záměrně používá 20px (menu-level-2 > li > div > a), ale v mobilním
   draweru to působí příliš velké → sjednotit na 16px. Scope ≤767px = kde běží Samba drawer
   (mimo naše breakpointy, ale svázané se Sambou; na tabletu 768–992 zůstává plné menu i 20px dropdown). */
@media(max-width:767px){
  .header-bottom .menu-level-1 > li > a,
  .header-bottom .menu-level-1 > li > a b,
  .header-bottom .menu-level-2 > li > a,
  .header-bottom .menu-level-2 > li > div > a,
  .header-bottom .menu-level-2 > li > div > a span,
  .header-bottom .menu-level-3 > li > a{font-size:16px !important; line-height:1.3 !important;}
}
/* ---- Duplicitní „appended" kategorie pryč z menu (Čistění pleti-2, Podle složek,
   Podle typu pleti-2, Make Up-2 a jejich pod-položky). Samba je přidává do drawer/nav navíc;
   flat menu je nemá zobrazovat. Legitimní strom Produkty/O značce/Kde koupit třídu nemá. ---- */
.menu-helper .appended-category,
.header-bottom .appended-category{display:none !important;}

/* ============================================================
   STRÁNKA KATEGORIE (à la Tatcha)
   ============================================================ */
/* --- H1 + perex: zarovnání a odsazení podle standardu homepage sekcí --- */
body.type-category .category-top{text-align:left !important;}
body.type-category .category-top h1,
body.type-category .category-top .category-title{
  text-align:left !important; font-family:var(--mz-serif) !important; font-weight:700 !important;
  font-size:clamp(2.4rem,4vw,3.6rem) !important; line-height:1.1 !important; letter-spacing:-.01em !important;
  padding:var(--mz-sec-pad,clamp(72px,9vw,130px)) var(--mz-pad) 0 !important;
  margin:0 0 18px !important;}
body.type-category .category-top .category-perex,
body.type-category .category-top > p{
  text-align:left !important; padding:0 var(--mz-pad) !important; margin:0 0 8px !important;
  max-width:min(72ch,100%) !important; color:var(--mz-muted) !important; line-height:1.65 !important;}

/* --- Dlaždice subkategorií = stejný styl jako homepage sekce 2 (mz-k2):
   čtvercový obrázek, název jako pill CTA na obrázku, posuvník ~4 na řádek.
   Nativní <img> (Shoptet plní výchozí obrázek kategorie); JS upgraduje thumb→orig. --- */
body.type-category .subcategories.with-image{
  display:grid !important; grid-template-columns:none !important;
  grid-auto-flow:column !important; grid-auto-columns:calc((100% - 15px)/4) !important;
  gap:5px !important; overflow-x:auto !important; scroll-snap-type:x proximity;
  justify-content:start !important; /* Samba dává justify-content:center → 1. dlaždice se odsune mimo obraz */
  padding:0 var(--mz-pad) !important; margin:0 0 clamp(40px,5vw,72px) !important;
  align-items:stretch !important; list-style:none !important;}
body.type-category .subcategories.with-image > li{
  width:auto !important; max-width:none !important; min-width:0 !important; flex:none !important;
  margin:0 !important; padding:0 !important; float:none !important; scroll-snap-align:start;}
body.type-category .subcategories.with-image > li > a{
  position:relative !important; display:flex !important; flex-direction:column !important; gap:0 !important;
  height:100% !important; border:1px solid var(--mz-line) !important; border-radius:0 !important;
  overflow:hidden !important; background:var(--mz-surface) !important; padding:0 !important; text-decoration:none !important;}
body.type-category .subcategories.with-image > li > a::after,
body.type-category .subcategories.with-image > li > a::before{content:none !important; display:none !important;}
body.type-category .subcategories.with-image .image{
  display:block !important; width:100% !important; height:auto !important; aspect-ratio:1/1 !important;
  min-height:0 !important; margin:0 !important; padding:0 !important; overflow:hidden !important;
  background:var(--mz-sage-tint) !important; line-height:0 !important;}
/* výška z aspect-ratio (NE height:100% — % se nerozliší proti aspect-ratio výšce rodiče → img zkolaboval na ~30px) */
body.type-category .subcategories.with-image .image img{
  opacity:1 !important; width:100% !important; height:auto !important; aspect-ratio:1/1 !important;
  min-height:0 !important; max-height:none !important; max-width:none !important; object-fit:cover !important; object-position:center !important;
  display:block !important; transition:transform .5s ease !important;}
body.type-category .subcategories.with-image > li > a:hover .image img{transform:scale(1.045) !important;}
/* název = vyplněné pill tlačítko na obrázku (jako .mz-k2-name) */
body.type-category .subcategories.with-image .text{
  position:absolute !important; left:50% !important; bottom:16px !important; transform:translateX(-50%) !important;
  margin:0 !important; padding:0 24px !important; height:44px !important; min-height:44px !important; max-height:44px !important; box-sizing:border-box !important; max-width:calc(100% - 24px) !important; z-index:2 !important;
  background:var(--mz-sage) !important; color:#fff !important; border:1px solid var(--mz-sage) !important; border-radius:999px !important;
  font-family:"Noto Sans",sans-serif !important; font-weight:400 !important; font-size:var(--mz-text-sm) !important;
  text-transform:uppercase !important; letter-spacing:.08em !important; line-height:42px !important;
  text-align:center !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important;
  transition:background .2s ease !important;}
body.type-category .subcategories.with-image > li > a:hover .text{background:var(--mz-sage2) !important; color:#fff !important;}

/* --- Výpis produktů: odsazení jako sekce + klidná typografie --- */
body.type-category .category-content-wrapper,
body.type-category .products-block,
body.type-category .products{padding-left:var(--mz-pad) !important; padding-right:var(--mz-pad) !important;}
body.type-category .products .product .name,
body.type-category .products .product a.name{font-family:var(--mz-serif) !important; font-weight:700 !important; font-size:var(--mz-text) !important; letter-spacing:-.005em !important;}
body.type-category .products .product .price-final,
body.type-category .products .product .price{color:var(--mz-ink) !important; font-size:var(--mz-text) !important;}
body.type-category .mizon-filters-top{padding-left:var(--mz-pad) !important; padding-right:var(--mz-pad) !important;}

/* --- Tablet a mobil: posuvník (jako mz-k2 ≤1079): boční padding pryč, ať se 1. dlaždice neořízne --- */
@media(max-width:1079px){
  body.type-category .subcategories.with-image{
    grid-auto-columns:minmax(220px,30%) !important; padding:0 0 12px !important;
    -webkit-overflow-scrolling:touch !important;}
  body.type-category .subcategories.with-image > li{
    width:auto !important; min-width:0 !important; max-width:none !important;}
}
@media(max-width:575px){
  /* telefon: dlaždice o půlku menší (dřív 78vw → nyní 39vw ≈ 2,5 dlaždice v záběru) */
  body.type-category .subcategories.with-image{grid-auto-columns:39vw !important;}
  body.type-category .subcategories.with-image > li{width:auto !important; min-width:0 !important; max-width:none !important;}
}

/* ============================================================
   DETAIL PRODUKTU (à la Tatcha)
   Layout: galerie vlevo (.p-image-wrapper) · info vpravo (.p-data-wrapper)
   ============================================================ */
/* --- Drobečky do PRAVÉHO sloupce nad název produktu (kompozice Tatcha) ---
   Pravý sloupec začíná v 50 % šířky; přičítáme stejný levý padding jako u .p-data-wrapper,
   aby drobečky lícovaly s H1. */
@media(min-width:1080px){
  body.type-product .breadcrumbs{
    /* srovnat s levým okrajem názvu: 50% + STEJNÝ padding jako .p-data-wrapper (clamp 12–32) */
    padding-left:calc(50% + clamp(12px,1.75vw,32px)) !important; padding-right:16px !important;
    margin:0 auto 4px !important; font-size:13px !important; letter-spacing:.06em !important;
    text-transform:uppercase !important; color:var(--mz-muted) !important;}
  body.type-product .breadcrumbs a{color:var(--mz-muted) !important; text-decoration:none !important;}
  body.type-product .breadcrumbs a:hover{color:var(--mz-sage) !important;}
}
/* --- Galerie vlevo: bez rámečků a stínů, plná šířka sloupce --- */
body.type-product .p-image-wrapper,
body.type-product .p-image,
body.type-product .p-main-image{background:transparent !important; border:0 !important; box-shadow:none !important; border-radius:0 !important;}
body.type-product .p-main-image img{width:100% !important; height:auto !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; display:block !important;}

/* --- Pravý sloupec: vzduch a klidná typografie --- */
body.type-product .p-data-wrapper{padding-left:clamp(12px,1.75vw,32px) !important;}  /* mezera sloupců -50% */
/* hlavní obrázek vertikálně zarovnat s breadcrumbs (breadcrumb text T120, obrázek byl T174 → -54px); jen desktop */
@media(min-width:1080px){
  body.type-product .p-image-wrapper{margin-top:-54px !important;}
}
body.type-product .p-detail h1,
body.type-product .p-detail-inner h1{
  font-family:var(--mz-serif) !important; font-weight:700 !important;
  font-size:clamp(1.9rem,2.7vw,2.8rem) !important; line-height:1.14 !important;
  letter-spacing:-.015em !important; margin:0 0 16px !important;}
body.type-product .p-short-description{
  color:var(--mz-muted) !important; margin:0 0 30px !important; max-width:54ch !important;}
/* popisek „VARIANTA:" a spol. */
body.type-product .p-variants-block label,
body.type-product .variant-list label{font-size:var(--mz-text-sm) !important; letter-spacing:.08em !important;}
/* cena */
body.type-product .p-price-wrapper{margin:0 0 28px !important;}
body.type-product .p-price-wrapper .price-final,
body.type-product .p-price-wrapper .price-final-holder{
  font-family:var(--mz-serif) !important; font-weight:700 !important;
  font-size:clamp(26px,2.4vw,34px) !important; color:var(--mz-ink) !important;}
/* výběr varianty */
body.type-product .p-variants-block{margin:0 0 24px !important;}
body.type-product .p-variants-block select.form-control,
body.type-product .variant-list select.form-control{
  border:1px solid var(--mz-line) !important; border-radius:2px !important; height:auto !important;
  padding:16px 18px !important; background:var(--mz-surface) !important;
  font-size:var(--mz-text) !important; max-width:100% !important; width:100% !important;}
/* tlačítko do košíku — široké a klidné. Scope na .p-data-wrapper = jen HLAVNÍ produktové tlačítko;
   dřív bez scope protékalo i do dlaždic v relačních carouselech (tam pak 22×32/fs15 vs „Detail" 16px). */
body.type-product .p-data-wrapper .add-to-cart-button,
body.type-product .p-data-wrapper .btn-conversion.add-to-cart-button{
  width:100% !important; padding:22px 32px !important; border-radius:2px !important;
  font-size:15px !important; letter-spacing:.09em !important; text-transform:uppercase !important;}

/* --- Blok „Kde koupit" (partneři) --- */
body.type-product .mizon-kde-koupit{
  border-top:1px solid var(--mz-line) !important; margin-top:36px !important; padding-top:30px !important;}
body.type-product .mizon-kde-koupit h3{
  font-family:var(--mz-serif) !important; font-weight:700 !important; font-size:24px !important;
  letter-spacing:-.01em !important; margin:0 0 16px !important;}
/* Kompletní styl partnerského boxu (přesunuto sem z inline CSS patičky, kde přebíjelo mizon.css).
   Vnitřní odsazení, ať jméno partnera nelepí na rámeček. */
body.type-product .mizon-partner,
body.type-product .mizon-kde-koupit a.mizon-partner{
  display:flex !important; align-items:center !important; justify-content:space-between !important;
  gap:16px !important; min-height:44px !important; padding:20px 24px !important; margin:8px 0 !important;
  border:1px solid var(--mz-line) !important; border-radius:6px !important;
  text-decoration:none !important; color:inherit !important;}
body.type-product .mizon-kde-koupit a.mizon-partner:hover{border-color:var(--mz-sage) !important;}
body.type-product .mizon-partner:hover .mizon-partner-name{color:var(--mz-sage) !important;}
body.type-product .mizon-partner-name{font-size:var(--mz-text) !important; color:var(--mz-ink) !important;}
body.type-product .mizon-partner-cta{
  font-size:var(--mz-text-sm) !important; letter-spacing:.09em !important; text-transform:uppercase !important;
  color:var(--mz-sage) !important; white-space:nowrap !important;}

/* --- Parametry / dostupnost --- */
body.type-product .detail-parameters{
  border-top:1px solid var(--mz-line) !important; margin-top:30px !important; padding-top:20px !important;}
body.type-product .detail-parameter{font-size:var(--mz-text-sm) !important; color:var(--mz-muted) !important; padding:8px 0 !important;}

/* --- Spodní popis: pryč bílý podklad a záložka „Popis"; sekce začíná nadpisem --- */
body.type-product .p-detail-tabs,
body.type-product ul.shp-tabs.p-detail-tabs{display:none !important;}
body.type-product .tab-content,
body.type-product .tab-content > div,
body.type-product .tab-pane{
  background:transparent !important; border:0 !important; box-shadow:none !important;
  border-radius:0 !important; padding-left:0 !important; padding-right:0 !important;}

/* --- Popis / akordeony pod detailem --- */
body.type-product .p-detail h2,
body.type-product .p-detail h3{font-family:var(--mz-serif) !important; font-weight:700 !important; letter-spacing:-.01em !important;}
body.type-product .p-detail .description,
body.type-product .p-detail .basic-description{font-size:var(--mz-text) !important; line-height:var(--mz-text-lh) !important;}

/* --- Tablet a mobil: sloupce pod sebou, drobečky zpět nad název --- */
@media(max-width:1079px){
  body.type-product .p-data-wrapper{padding-left:0 !important;}
  body.type-product .breadcrumbs{padding-left:16px !important; font-size:12px !important;
    letter-spacing:.05em !important; text-transform:uppercase !important; color:var(--mz-muted) !important;}
}

/* --- Varianty jako přepínací tlačítka (à la Tatcha) ---
   JS v patičce vygeneruje .mz-variants a původní <select> jen vizuálně schová
   (musí zůstat v DOM a funkční — Shoptet z něj čte volbu do košíku). */
body.type-product .mz-variant-label{
  display:block !important; font-size:var(--mz-text) !important; color:var(--mz-ink) !important; margin:0 0 12px !important;}
body.type-product .mz-variant-label b{font-weight:400 !important; color:var(--mz-muted) !important;}
body.type-product .mz-variants{display:flex !important; flex-wrap:wrap !important; gap:10px !important; margin:0 0 26px !important;}
body.type-product .mz-variant{
  appearance:none !important; -webkit-appearance:none !important;
  border:1px solid var(--mz-line) !important; background:var(--mz-surface) !important;
  color:var(--mz-ink) !important; font-family:inherit !important; font-size:var(--mz-text-sm) !important;
  padding:13px 26px !important; border-radius:999px !important; cursor:pointer !important;
  line-height:1.2 !important; transition:border-color .2s ease, background .2s ease !important;}
body.type-product .mz-variant:hover{border-color:var(--mz-sage2) !important;}
body.type-product .mz-variant[aria-pressed="true"]{border-color:var(--mz-ink) !important; background:var(--mz-paper) !important;}
body.type-product .mz-variant[disabled]{opacity:.4 !important; cursor:not-allowed !important;}
body.mz-variants-active .p-variants-block select.form-control,
body.mz-variants-active .variant-list select.form-control{
  position:absolute !important; width:1px !important; height:1px !important;
  opacity:0 !important; pointer-events:none !important; margin:-1px !important; overflow:hidden !important;}

/* --- Tlačítko pod cenou s kotvou na detailní popis --- */
body.type-product .mz-to-desc{
  display:inline-flex !important; align-items:center !important; gap:10px !important;
  margin:0 0 28px !important; background:transparent !important;
  border:1px solid var(--mz-ink) !important; color:var(--mz-ink) !important;
  font-size:var(--mz-text-sm) !important; letter-spacing:.08em !important; text-transform:uppercase !important;
  padding:16px 30px !important; border-radius:2px !important; cursor:pointer !important;
  text-decoration:none !important; transition:background .2s ease, color .2s ease !important;}
body.type-product .mz-to-desc:hover{background:var(--mz-ink) !important; color:#fff !important;}
body.type-product .mz-to-desc::after{content:"↓" !important; font-size:1.1em !important; line-height:1 !important;}

/* --- Spodní sekce popisu: šedé pozadí přes celou šířku (bez bílých pruhů po stranách) --- */
body.type-product .full-width.p-detail-full-width{
  width:100vw !important; max-width:100vw !important; position:relative !important;
  left:50% !important; transform:translateX(-50%) !important;
  margin-left:0 !important; margin-right:0 !important;}

/* --- Galerie a la Tatcha: hlavni obrazek + zbytek jako dlazdice pod nim ---
   JS v hlavicce prepne miniatury na plne rozliseni (slozka "big") a PRESUNE je
   do vlastniho kontejneru .mz-tiles pod hlavni obrazek. Duvod: sablonovy carousel
   ma .p-thumbnails-inner position:absolute + a.p-thumbnail float:left, takze
   samotnym CSS ho na mrizku prerovnat nejde. */
body.mz-gallery .p-thumbnails-wrapper,
body.mz-gallery .p-thumbnails,
body.mz-gallery a.thumbnail-prev,
body.mz-gallery a.thumbnail-next{display:none !important;}          /* puvodni pas + posuvna navigace pryc */
.mz-tiles{
  display:grid !important; grid-template-columns:repeat(2,1fr) !important;
  gap:7px !important; margin:8px 0 0 !important; width:100% !important;}   /* poloviční mezery (h i v) */
/* hlavní obrázek na plnou šířku sloupce — srovnaný s dlaždicemi pod ním */
body.type-product .p-image,
body.type-product .p-main-image,
body.type-product .p-main-image img,
body.type-product .p-image img{width:100% !important; max-width:none !important;}
.mz-tiles a.p-thumbnail{
  display:block !important; float:none !important; position:relative !important;
  width:auto !important; height:auto !important; margin:0 !important; padding:0 !important;
  border:0 !important; aspect-ratio:1/1 !important; overflow:hidden !important;}
.mz-tiles a.p-thumbnail img{
  width:100% !important; height:100% !important; max-width:none !important;
  object-fit:cover !important; display:block !important; transition:transform .5s ease;}
.mz-tiles a.p-thumbnail:hover img{transform:scale(1.04);}
@media(max-width:575px){.mz-tiles{gap:5px !important;}}

/* --- Pryč nástrojová lišta pod tlačítkem „Do košíku" (Tisk / Zeptat se / Sdílet) --- */
body.type-product .buttons-wrapper.social-buttons-wrapper,
body.type-product .p-data-wrapper .link-icons{display:none !important;}

/* --- Drobečky začínají až hlavní subkategorií: pryč „Produkty" a SEO vrstva ---
   Cíleno přes href (ne nth-child) — u produktů s jinou hloubkou by pořadí selhalo.
   Každý <span> nese i svůj oddělovač „/", takže nezůstane viset lomítko. */
body.type-product .breadcrumbs > span:has(> a[href="/produkty/"]),
body.type-product .breadcrumbs > span:has(> a[href="/podle-pouziti/"]),
body.type-product .breadcrumbs > span:has(> a[href="/podle-typu-pleti/"]),
body.type-product .breadcrumbs > span:has(> a[href="/podle-slozeni/"]){display:none !important;}

/* ============================================================
   KATEGORIE — lišta „řazení + filtr" a vysouvací panel filtrů (à la Tatcha)
   Psáno MOBILE FIRST: základ = mobil, desktop se přidává přes min-width.
   JS v hlavičce poskládá .mz-catbar a přesune .filters do .mz-filter-panel.
   ============================================================ */
body.mz-catbar-on .mizon-filters-top{display:none !important;}   /* původní blok je po přesunu prázdný */

/* --- lišta: řazení vlevo, filtr vpravo, jeden řádek --- */
/* .category-header je flex kontejner a má vlastní šedé pozadí i odsazení —
   pozadí rušíme a lištu roztahujeme na plnou šířku, jinak se smrskne na obsah
   a tlačítko filtru se nezarovná doprava. Vlastní padding proto nepřidáváme. */
body.mz-catbar-on .category-header{background:transparent !important;}
.mz-catbar{
  display:flex !important; align-items:center !important; justify-content:space-between !important;
  gap:12px !important; flex-wrap:nowrap !important;
  width:100% !important; flex:1 1 100% !important;
  padding:0 !important; margin:0 0 26px !important;}

/* --- řazení: bez šedého pozadí a hover dekorací; styl dle přepínače sekce 2 --- */
.mz-catbar .listSorting,
.mz-catbar .listSorting__controls,
.mz-catbar .listSorting li{
  background:transparent !important; border:0 !important; border-radius:0 !important;
  box-shadow:none !important; margin:0 !important; padding:0 !important; list-style:none !important;}
.mz-catbar .listSorting{flex:1 1 auto !important; min-width:0 !important;}
.mz-catbar .listSorting__controls{
  display:flex !important; gap:clamp(14px,3vw,28px) !important;
  overflow-x:auto !important; scrollbar-width:none !important;}
.mz-catbar .listSorting__controls::-webkit-scrollbar{display:none !important;}
.mz-catbar .listSorting li{flex:0 0 auto !important;}
.mz-catbar .listSorting__control{
  background:transparent !important; border:0 !important; border-radius:0 !important; box-shadow:none !important;
  font-family:var(--mz-serif) !important; font-weight:700 !important;
  font-size:clamp(16px,1.4vw,20px) !important; letter-spacing:-.01em !important;
  color:var(--mz-muted) !important; opacity:.5 !important;
  padding:6px 0 !important; cursor:pointer !important; white-space:nowrap !important;
  transition:opacity .2s ease, color .2s ease !important;}
.mz-catbar .listSorting__control:hover{opacity:.85 !important;}
.mz-catbar .listSorting__control--current{color:var(--mz-ink) !important; opacity:1 !important;}

/* --- tlačítko filtru ---
   Šablonové .unveil-button nepoužíváme: šablona si filtrační oblast po načtení překresluje
   a tlačítko z DOMu mizí (typicky u ?order=bestseller). JS proto tvoří vlastní „Filtry". */
body.mz-catbar-on .unveil-button{display:none !important;}
.mz-catbar .mz-filter-btn{
  flex:0 0 auto !important; display:inline-flex !important; align-items:center !important; gap:10px !important;
  background:transparent !important; border:1px solid var(--mz-ink) !important; color:var(--mz-ink) !important;
  font-size:var(--mz-text-sm) !important; letter-spacing:.08em !important; text-transform:uppercase !important;
  padding:12px 20px !important; border-radius:2px !important; text-decoration:none !important;
  white-space:nowrap !important; transition:background .2s ease, color .2s ease !important;}
.mz-catbar .mz-filter-btn:hover{background:var(--mz-ink) !important; color:#fff !important;}

/* --- vysouvací panel filtrů (mobile first: přes celou šířku) --- */
.mz-filter-panel{
  position:fixed; top:0; right:0; bottom:0; width:100%; max-width:100%;
  background:var(--mz-surface); z-index:1001;
  transform:translateX(100%); transition:transform .35s cubic-bezier(.4,0,.2,1);
  display:flex; flex-direction:column; overflow:hidden;
  box-shadow:-8px 0 40px rgba(0,0,0,.10);}
body.mz-filter-open .mz-filter-panel{transform:translateX(0);}
@media(min-width:576px){.mz-filter-panel{width:420px;}}
.mz-filter-head{
  display:flex; align-items:center; justify-content:space-between; gap:16px; flex:0 0 auto;
  padding:18px clamp(16px,4vw,28px); border-bottom:1px solid var(--mz-line);}
.mz-filter-head h2{font-family:var(--mz-serif); font-weight:700; font-size:22px; margin:0; letter-spacing:-.01em;}
.mz-filter-close{
  background:transparent; border:1px solid var(--mz-line); border-radius:2px;
  width:40px; height:40px; min-width:40px; cursor:pointer; font-size:20px; line-height:1;
  color:var(--mz-ink); transition:border-color .2s ease;}
.mz-filter-close:hover{border-color:var(--mz-ink);}
.mz-filter-body{flex:1 1 auto; overflow-y:auto; -webkit-overflow-scrolling:touch;
  padding:10px clamp(16px,4vw,28px) 28px;}
.mz-filter-body .filters,
.mz-filter-body .box-filters{background:transparent !important; padding:0 !important; margin:0 !important; border:0 !important;}

/* --- rozostřené pozadí za panelem --- */
.mz-filter-backdrop{
  position:fixed; inset:0; z-index:1000; background:rgba(30,35,30,.22);
  backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px);
  opacity:0; visibility:hidden; transition:opacity .3s ease, visibility .3s ease;}
body.mz-filter-open .mz-filter-backdrop{opacity:1; visibility:visible;}
body.mz-filter-open{overflow:hidden !important;}

/* --- kód produktu ve výpisu pryč --- */
body.type-category .products .p-code,
body.type-category .product .p-code{display:none !important;}

/* --- Spodní popis produktu: boční odsazení stejné jako na homepage ---
   Kontejneru se ruší jeho 16px padding a plný odstup se dá na obsah,
   aby text začínal přesně na var(--mz-pad) a pozadí zůstalo full-bleed. */
body.type-product .p-detail-full-width .container-full-width{
  padding-left:0 !important; padding-right:0 !important;}
body.type-product .p-detail-full-width .tab-content{
  padding-left:var(--mz-pad) !important; padding-right:var(--mz-pad) !important;}

/* --- Filtry v panelu: pryč mezikrok „Rozbalit filtr", parametrické filtry rovnou vypsané --- */
/* ⚠ Celý řetězec obalů musí být uvnitř panelu vynuceně viditelný.
   Šablona filtry na mobilu skrývá vlastními media queries (proto se tam „položky nenačítaly“) —
   panel je mimo její kontejnery, ale globální pravidla typu `.filter-sections{display:none}`
   by se jinak uplatnila i tady. Platí napříč všemi breakpointy. */
.mz-filter-panel .filters,
.mz-filter-panel .filters-wrapper,
.mz-filter-panel .filter-sections,
.mz-filter-panel .filter-sections > div:not(.filter-section),
.mz-filter-panel .filter-section:not(.filter-section-button){
  display:block !important; visibility:visible !important; opacity:1 !important;
  height:auto !important; max-height:none !important; overflow:visible !important;}
/* ⚠ pořadí a :not() — „Rozbalit filtr" je taky div v .filter-sections, obecné odkrytí by ho vrátilo */
.mz-filter-panel .filter-section-button{display:none !important;}

/* --- Každý filtr (Značky, Aktivní látka, Krok v rutině…) jako rozbalovák --- */
.mz-filter-panel .filter-section{border-bottom:1px solid var(--mz-line) !important; padding:0 !important; margin:0 !important;}
.mz-filter-panel .filter-section:last-child{border-bottom:0 !important;}
.mz-filter-panel .mz-facc > h4{
  cursor:pointer; display:flex; align-items:center; justify-content:space-between; gap:12px;
  margin:0 !important; padding:16px 0 !important;
  font-family:var(--mz-serif) !important; font-weight:700 !important; font-size:18px !important;
  color:var(--mz-ink) !important; letter-spacing:-.01em;}
.mz-filter-panel .mz-facc > h4::after{content:"+"; font-size:20px; line-height:1; color:var(--mz-muted);}
.mz-filter-panel .mz-facc.open > h4::after{content:"–";}
.mz-filter-panel .mz-facc > form{display:none; padding:0 0 18px;}
.mz-filter-panel .mz-facc.open > form{display:block;}
.mz-filter-panel .filter-section-boolean{padding:16px 0 !important;}
.mz-filter-panel .slider-wrapper{padding:4px 0 18px !important;}

/* ============================================================
   STATICKÉ STRÁNKY — jednotné odsazení a zarovnání (MOBILE FIRST)
   Boční odsazení řídí token --mz-pad; ladí se na jednom místě v :root.
   ============================================================ */
body.type-page .content-inner{padding-left:var(--mz-pad) !important; padding-right:var(--mz-pad) !important;}
body.type-page article.pageArticleDetail{text-align:left !important; max-width:none !important;}
body.type-page article.pageArticleDetail > header{text-align:left !important;}
body.type-page h1{
  text-align:left !important; font-family:var(--mz-serif) !important; font-weight:700 !important;
  font-size:clamp(2.4rem,4vw,3.6rem) !important; line-height:1.1 !important; letter-spacing:-.01em !important;
  margin:0 0 20px !important; padding:var(--mz-sec-pad,clamp(72px,9vw,130px)) 0 0 !important;}
body.type-page h3{
  font-family:var(--mz-serif) !important; font-weight:700 !important;
  font-size:clamp(20px,1.8vw,25px) !important; letter-spacing:-.01em !important;
  line-height:1.25 !important; margin:34px 0 10px !important; color:var(--mz-ink) !important;}
body.type-page h2{
  font-family:var(--mz-serif) !important; font-weight:700 !important;
  font-size:clamp(24px,2.2vw,30px) !important; letter-spacing:-.01em !important; margin:0 0 16px !important;}

/* --- KDE KOUPIT: dva sloupce (vlevo H1 + text, vpravo loga) --- */
/* mobil: vše pod sebou (výchozí tok). Od 900px dva sloupce. */
.mizon-partner-tiles{
  display:grid !important; grid-template-columns:repeat(2,1fr) !important;
  gap:clamp(12px,2vw,20px) !important; align-items:stretch !important;}
.mizon-partner-tiles > a{
  display:flex !important; align-items:center !important; justify-content:center !important;
  border:0 !important; border-radius:0 !important;
  padding:clamp(6px,1.4vw,14px) !important; background:transparent !important;
  aspect-ratio:3/2 !important; text-decoration:none !important; transition:opacity .2s ease;}
.mizon-partner-tiles > a:hover{opacity:.65 !important;}
.mizon-partner-tiles img{max-width:100% !important; max-height:187px !important; width:auto !important; height:auto !important; object-fit:contain !important;}  /* +30 % (144→187px), bez rámečku/pozadí */
@media(min-width:1080px){
  body.in-kde-koupit article.pageArticleDetail{
    display:grid !important; grid-template-columns:1fr 1fr !important;
    column-gap:clamp(32px,5vw,80px) !important; align-items:center !important;}
  /* ⚠ :not(.mz-kk-text) je nutné — wrapper je taky div a přímý potomek článku,
     takže by dostal display:contents, přišel o vlastní box a H1 s textem by se
     zase rozpadly na samostatné položky mřížky (H1 by visel nahoře). */
  body.in-kde-koupit article.pageArticleDetail > div:not(.mz-kk-text){display:contents !important;}
  body.in-kde-koupit article.pageArticleDetail > div.mz-kk-text{display:block !important;}  /* specificita musí přebít pravidlo pro > div výše */
  /* H1 + text jsou zabalené do .mz-kk-text (JS), aby šly vycentrovat JAKO CELEK vůči logům;
     grid jinak centruje každou položku zvlášť v jejím řádku. */
  body.in-kde-koupit .mz-kk-text{
    grid-column:1 !important; grid-row:1 / span 99 !important; align-self:center !important;}
  body.in-kde-koupit .mz-kk-text > p{max-width:52ch !important;}
  body.in-kde-koupit article.pageArticleDetail > header{grid-column:1 !important;}
  body.in-kde-koupit article.pageArticleDetail > div > h2{grid-column:2 !important; grid-row:1 !important; align-self:end !important;}
  body.in-kde-koupit article.pageArticleDetail > div > .mizon-partner-tiles{grid-column:2 !important; grid-row:2 !important;}
}

/* --- O ZNAČCE MIZON: hero obrázek přes celou šířku + úzký sloupec textu (à la Tatcha) --- */
body.in-o-znacce-mizon .mz-story-hero{
  width:100vw !important; max-width:100vw !important; position:relative !important;
  left:50% !important; transform:translateX(-50%) !important;
  margin:0 0 clamp(32px,5vw,64px) !important; overflow:hidden !important; line-height:0 !important;}
body.in-o-znacce-mizon .mz-story-hero img{
  width:100% !important; height:clamp(300px,56vh,600px) !important;
  object-fit:cover !important; object-position:center !important; display:block !important; max-width:none !important;}
body.in-o-znacce-mizon article.pageArticleDetail > div{max-width:68ch !important;}

/* ---- Patička: eukalyptové pozadí + bílý text ---- */
#footer, .footer{background-color:var(--mz-sage) !important;}
/* ⚠ Odkazy v patičce drží tmavou barvu i proti !important s ID specificitou —
   proto i -webkit-text-fill-color. Ověřit po nasazení. */
#footer, #footer *, .footer, .footer *{color:#fff !important; -webkit-text-fill-color:#fff !important;}
.mizon-footer{border-top-color:rgba(255,255,255,.22) !important;}
#footer a, .footer a, .mizon-footer a{opacity:.85;}
#footer a:hover, .footer a:hover, .mizon-footer a:hover{opacity:1 !important;}

/* ---- Statické stránky: spodní vnitřní odsazení jako u sekcí homepage ---- */
body.type-page .content-inner{padding-bottom:var(--mz-sec-pad,clamp(72px,9vw,130px)) !important;}

/* ============================================================
   KDE KOUPIT — full-bleed obsah, text centrovaný (MOBILE FIRST)
   ============================================================ */
body.in-kde-koupit .content-inner{padding-left:0 !important; padding-right:0 !important; padding-bottom:0 !important;}
body.in-kde-koupit article.pageArticleDetail{
  width:100vw !important; max-width:100vw !important; position:relative !important;
  left:50% !important; transform:translateX(-50%) !important; margin:0 !important;
  padding:var(--mz-sec-pad,clamp(72px,9vw,130px)) var(--mz-pad) !important;}
body.in-kde-koupit h1{padding-top:0 !important;}
body.in-kde-koupit article.pageArticleDetail > div > p{max-width:56ch !important;}
@media(min-width:1080px){
  body.in-kde-koupit article.pageArticleDetail > div > p{max-width:52ch !important;}
}

/* ============================================================
   O ZNAČCE MIZON — full-bleed split: text vlevo (centrovaný), obrázek vpravo
   Stejný princip jako sekce 5/6 homepage. MOBILE FIRST: pod sebou.
   ============================================================ */
body.in-o-znacce-mizon .content-inner{padding-left:0 !important; padding-right:0 !important; padding-bottom:0 !important;}
body.in-o-znacce-mizon article.pageArticleDetail{
  width:100vw !important; max-width:100vw !important; position:relative !important;
  left:50% !important; transform:translateX(-50%) !important; margin:0 !important;
  background:var(--mz-surface) !important;}
/* hero už není přes celou šířku — vyplňuje svůj sloupec */
body.in-o-znacce-mizon .mz-story-hero{
  width:100% !important; max-width:none !important; position:static !important;
  left:auto !important; transform:none !important; margin:0 !important;}
body.in-o-znacce-mizon .mz-story-hero img{
  width:100% !important; height:clamp(280px,44vh,520px) !important;
  object-fit:cover !important; display:block !important;}
body.in-o-znacce-mizon article.pageArticleDetail > header{padding:var(--mz-sec-pad,clamp(72px,9vw,130px)) var(--mz-pad) 0 !important;}
body.in-o-znacce-mizon article.pageArticleDetail > div > p,
body.in-o-znacce-mizon article.pageArticleDetail > div > h3{padding:0 var(--mz-pad) !important;}
/* MOBIL: obrázek dostane stejné boční odsazení jako text — jinak jde od kraje ke kraji
   a vyčnívá proti odsazenému nadpisu i odstavcům. Na desktopu (≥900px) zůstává
   full-bleed split, kde obrázek naopak vyplňuje celý pravý sloupec. */
@media(max-width:1079px){
  body.in-o-znacce-mizon .mz-story-hero{padding:0 var(--mz-pad) !important; margin-bottom:clamp(28px,6vw,44px) !important;}
}
body.in-o-znacce-mizon article.pageArticleDetail > div > p:last-of-type{padding-bottom:var(--mz-sec-pad,clamp(72px,9vw,130px)) !important;}
body.in-o-znacce-mizon article.pageArticleDetail > div{max-width:none !important;}
@media(min-width:1080px){
  body.in-o-znacce-mizon article.pageArticleDetail{
    display:grid !important; grid-template-columns:1fr 1fr !important; align-items:center !important;}
  body.in-o-znacce-mizon article.pageArticleDetail > div{display:contents !important;}
  body.in-o-znacce-mizon article.pageArticleDetail > header{grid-column:1 !important;}
  /* vše kromě obrázku patří do levého sloupce (týká se i nově přidaných H3) */
  body.in-o-znacce-mizon article.pageArticleDetail > div > *:not(.mz-story-hero){grid-column:1 !important;}
  body.in-o-znacce-mizon article.pageArticleDetail > div > p{max-width:52ch !important;}
  /* obrázek vyplní celou výšku sloupce — absolutní pozicování nezávisí na dopočtu výšky
     (height:100% se v grid buňce nespolehlivě rozpadalo a obrázek zůstal nízký) */
  body.in-o-znacce-mizon .mz-story-hero{
    grid-column:2 !important; grid-row:1 / span 99 !important;   /* ⚠ NE 1/-1 — v implicitní mřížce
       (bez grid-template-rows) míří -1 na konec EXPLICITNÍ mřížky a obrázek by spanoval jen 1 řádek */
    align-self:stretch !important; position:relative !important; min-height:100% !important;}
  body.in-o-znacce-mizon .mz-story-hero img{
    position:absolute !important; inset:0 !important;
    width:100% !important; height:100% !important; object-fit:cover !important;}
}

/* --- Mobilní rozbalovací menu: přepínač měny (.ext.exp) bez rámečku ---
   Prvek se staví jen v mobilním draweru (na desktopu v DOMu není), proto cílíme
   jak variantu v hlavičce, tak samostatné li — podle toho, kam ho šablona vloží. */
/* Mobilni menu (drawer): polozky bez ramecku a bez sedeho podbarveni.
   ⚠ Ramecek dela SABLONA pravidlem `.navigation-in > ul > li` uvnitr @media(max-width:767px)
   (border 1px solid + radius 8px + margin 8px 16px) — specificita (0,1,2).
   Drivejsi pokusy (`li[class*="menu-item-"]`, `.ext.exp`) mely nizsi specificitu / spatnou tridu
   (prvek je jen `li.ext`), proto na mobilu neplatily. Zde se specificita srovnava. */
@media(max-width:767px){
  .navigation-in > ul > li,
  .navigation-in > ul > li:first-child,
  .navigation-in > ul > li > a,
  .navigation-in > ul > li > div{
    border:0 !important; border-style:none !important; border-width:0 !important;
    border-radius:0 !important; box-shadow:none !important; outline:0 !important;
    background:transparent !important; background-color:transparent !important;}
}

/* ============================================================
   NÁKUPNÍ PROCES — košík + kroky objednávky (à la Tatcha, MOBILE FIRST)
   Platí pro body.in-kosik a stránky objednávky (in-objednavka*, type-order).
   ============================================================ */
body.in-kosik .content-inner,
body[class*="in-objednavka"] .content-inner{
  padding-left:var(--mz-pad) !important; padding-right:var(--mz-pad) !important;
  padding-bottom:var(--mz-sec-pad,clamp(72px,9vw,130px)) !important;}
body.in-kosik h1, body[class*="in-objednavka"] h1{
  font-family:var(--mz-serif) !important; font-weight:700 !important;
  font-size:clamp(2rem,3.2vw,3rem) !important; text-align:left !important;
  letter-spacing:-.01em !important; margin:0 0 24px !important;
  padding:var(--mz-sec-pad,clamp(72px,9vw,130px)) 0 0 !important;}

/* --- ukazatel kroků: minimalistický, bez šedých boxů --- */
.cart-header{
  display:flex !important; flex-wrap:wrap !important; gap:clamp(14px,3vw,32px) !important;
  list-style:none !important; margin:0 0 clamp(28px,4vw,48px) !important; padding:0 !important;
  background:transparent !important; border:0 !important;}
.cart-header li{
  background:transparent !important; border:0 !important; border-radius:0 !important;
  padding:0 0 10px !important; margin:0 !important; flex:0 0 auto !important;
  font-size:var(--mz-text-sm) !important; letter-spacing:.08em !important; text-transform:uppercase !important;
  color:var(--mz-muted) !important; border-bottom:1px solid transparent !important;}
.cart-header li a{color:var(--mz-muted) !important; text-decoration:none !important;}
.cart-header li.active, .cart-header li[class*="current"]{
  color:var(--mz-ink) !important; border-bottom-color:var(--mz-sage) !important;}
.cart-header li.active a{color:var(--mz-ink) !important;}

/* --- tabulka košíku: bez rámečků, jen vlasové linky --- */
.cart-table{width:100% !important; border-collapse:collapse !important; background:transparent !important; border:0 !important;}
.cart-table th{
  font-size:var(--mz-text-sm) !important; letter-spacing:.06em !important; text-transform:uppercase !important;
  color:var(--mz-muted) !important; font-weight:400 !important; text-align:left !important;
  background:transparent !important; border:0 !important; border-bottom:1px solid var(--mz-line) !important;
  padding:0 12px 12px 0 !important;}
.cart-table td{
  background:transparent !important; border:0 !important; border-bottom:1px solid var(--mz-line) !important;
  padding:20px 12px 20px 0 !important; vertical-align:middle !important; font-size:var(--mz-text) !important;}
.cart-table .p-name, .cart-table a.name{
  font-family:var(--mz-serif) !important; font-weight:700 !important; font-size:var(--mz-text) !important;
  color:var(--mz-ink) !important; letter-spacing:-.005em !important;}
.cart-table img{border-radius:2px !important;}
.cart-table input[type=number], .cart-table input[type=text]{
  border:1px solid var(--mz-line) !important; border-radius:2px !important;
  padding:10px !important; background:var(--mz-surface) !important; font-size:var(--mz-text) !important;}

/* --- souhrn / rekapitulace --- */
.cart-summary, .order-summary, [class*="recapitulation"]{
  background:var(--mz-surface) !important; border:1px solid var(--mz-line) !important;
  border-radius:2px !important; padding:clamp(20px,3vw,32px) !important; box-shadow:none !important;}
.cart-summary .price, .cart-summary strong,
.order-summary .price, .price-total, .cart-price-total{
  font-family:var(--mz-serif) !important; font-weight:700 !important;
  font-size:clamp(22px,2vw,28px) !important; color:var(--mz-ink) !important;}

/* --- formulářová pole a výběr dopravy/platby --- */
body.in-kosik input, body.in-kosik select, body.in-kosik textarea,
body[class*="in-objednavka"] input:not([type=radio]):not([type=checkbox]),
body[class*="in-objednavka"] select, body[class*="in-objednavka"] textarea{
  border:1px solid var(--mz-line) !important; border-radius:2px !important;
  padding:14px 16px !important; background:var(--mz-surface) !important;
  font-size:var(--mz-text) !important; height:auto !important;}
body[class*="in-objednavka"] label{font-size:var(--mz-text) !important;}
[class*="radio-wrapper"], [class*="payment-shipping"] li, .shipping-billing li{
  border:1px solid var(--mz-line) !important; border-radius:2px !important;
  background:var(--mz-surface) !important; padding:16px 18px !important; margin:0 0 10px !important;
  list-style:none !important;}
[class*="radio-wrapper"]:hover, .shipping-billing li:hover{border-color:var(--mz-sage2) !important;}

/* --- tlačítka nákupního procesu --- */
body.in-kosik .btn-conversion, body[class*="in-objednavka"] .btn-conversion,
body.in-kosik button[type=submit], body[class*="in-objednavka"] button[type=submit]{
  background-color:var(--mz-sage) !important; border-color:var(--mz-sage) !important; color:#fff !important;
  border-radius:2px !important; padding:18px 34px !important;
  font-size:15px !important; letter-spacing:.09em !important; text-transform:uppercase !important;}
body.in-kosik .btn-conversion:hover, body[class*="in-objednavka"] .btn-conversion:hover{
  background-color:var(--mz-sage2) !important; border-color:var(--mz-sage2) !important;}
/* zpět / vedlejší akce jako textový odkaz */
body.in-kosik .btn-default, body[class*="in-objednavka"] .btn-default{
  background:transparent !important; border:1px solid var(--mz-ink) !important; color:var(--mz-ink) !important;
  border-radius:2px !important; padding:16px 28px !important;
  font-size:var(--mz-text-sm) !important; letter-spacing:.08em !important; text-transform:uppercase !important;}

/* --- pryč šedé boxy šablony v procesu --- */
body.in-kosik .box, body[class*="in-objednavka"] .box,
body.in-kosik .box-bg-default, body[class*="in-objednavka"] .box-bg-default{
  background:transparent !important; border:0 !important; box-shadow:none !important; padding:0 !important;}

/* --- Nákupní proces: doladění (v41) --- */
/* kroky vždy na jednom řádku a stejné napříč všemi třemi kroky */
.cart-header{flex-wrap:nowrap !important; align-items:center !important;}
.cart-header li{white-space:nowrap !important;}

/* odebrání položky = jen tmavý křížek, bez zeleného pozadí
   (je to button[type=submit], takže ho jinak chytne pravidlo pro konverzní tlačítka) */
body.in-kosik button.remove-item,
body[class*="in-objednavka"] button.remove-item,
.cart-table button.remove-item{
  background:transparent !important; background-color:transparent !important;
  border:0 !important; box-shadow:none !important; outline:0 !important;
  color:var(--mz-ink) !important; padding:6px !important;
  width:auto !important; height:auto !important; min-width:0 !important;
  text-transform:none !important; letter-spacing:normal !important;}
body.in-kosik button.remove-item:hover{color:var(--mz-sage) !important; background:transparent !important;}

/* „Pokračovat" a spol. — menší, proporční */
body.in-kosik .btn-conversion, body[class*="in-objednavka"] .btn-conversion,
body.in-kosik .btn-lg, body[class*="in-objednavka"] .btn-lg{
  padding:14px 26px !important; font-size:14px !important; line-height:1.2 !important;}

/* pryč blok „Dárky a slevy" + „Dopravu máte zdarma" */
body.in-kosik .cart-summary,
body.in-kosik .extras-wrap,
body.in-kosik .extra.delivery{display:none !important;}

/* --- Produktová karta ve výpisu: pořadí prvků (obrázek → název → popis → cena → sklad → tlačítko) ---
   Prvky jsou ve dvou obalech (.p-in-in: název + dostupnost | .p-bottom: cena), takže samotné
   `order` by nestačilo — .p-in-in se rozpouští přes display:contents, aby byly všechny
   prvky sourozenci jedné flex osy a šly seřadit. */
body.type-category .products .product .p{display:flex !important; flex-direction:column !important;}
body.type-category .products .product .p > a.image{order:1 !important;}
body.type-category .products .product .p-in{display:flex !important; flex-direction:column !important; order:2 !important;}
body.type-category .products .product .p-in-in{display:contents !important;}
body.type-category .products .product a.name{order:2 !important;}
body.type-category .products .product .p-desc,
body.type-category .products .product .p-short-description,
body.type-category .products .product .description{order:3 !important;}
body.type-category .products .product .p-bottom,
body.type-category .products .product .offers{order:4 !important;}
body.type-category .products .product .ratings-wrapper,
body.type-category .products .product .availability{order:5 !important;}
body.type-category .products .product .p-tools,
body.type-category .products .product .p-in > .btn,
body.type-category .products .product .p-bottom .btn{order:6 !important;}

/* --- Karta ve výpisu: dorovnání pro karty S popisem a tlačítkem (v43) ---
   Tyto karty mají hlubší strukturu: .p-bottom je display:block a uvnitř má ještě
   bezejmenný <div>, ve kterém teprve leží .prices / .availability / .p-tools / .p-desc.
   Bez rozpuštění obou obalů nejsou tyto prvky na stejné flex ose jako .name a `order` neplatí. */
body.type-category .products .product .p-bottom,
body.type-category .products .product .p-bottom > div{display:contents !important;}
body.type-category .products .product .prices{order:4 !important;}

/* --- Karta ve výpisu: vše doleva a sevřenější odsazení (v44) --- */
body.type-category .products .product .p,
body.type-category .products .product .p-in,
body.type-category .products .product .p-in-in,
body.type-category .products .product a.name,
body.type-category .products .product .p-desc,
body.type-category .products .product .prices,
body.type-category .products .product .price,
body.type-category .products .product .availability,
body.type-category .products .product .ratings-wrapper,
body.type-category .products .product .p-tools{text-align:left !important;}
body.type-category .products .product .p-in{align-items:flex-start !important; padding:14px 0 0 !important;}
body.type-category .products .product a.name{margin:0 0 6px !important; padding:0 !important;}
body.type-category .products .product .p-desc{margin:0 0 10px !important; padding:0 !important;}
body.type-category .products .product .prices{margin:0 0 4px !important; padding:0 !important;}
body.type-category .products .product .availability,
body.type-category .products .product .ratings-wrapper{margin:0 0 12px !important; padding:0 !important;}
body.type-category .products .product .p-tools{margin:0 !important; padding:0 !important;}

/* ============================================================
   404 — stránka nenalezena (à la Tatcha, MOBILE FIRST, brand voice)
   Shoptet default „A safra! Něco se pokazilo." porušuje tone of voice
   (vykřičník, hovorové citoslovce) → texty nahrazeny přes ::after
   (obsah 404 není v běžném editoru administrace, pole html-kódů plná → CSS-only).
   ============================================================ */
body.in-404 .content-inner{padding:0 !important;}
body.in-404 .empty-content-404{
  text-align:center !important; max-width:600px !important; margin:0 auto !important;
  padding:var(--mz-sec-pad,clamp(72px,9vw,130px)) var(--mz-pad) !important;}
/* velké porcelánově-eukalyptové „404" */
body.in-404 .empty-content-404::before{
  content:"404" !important; display:block !important; font-family:var(--mz-serif) !important;
  font-size:clamp(88px,16vw,168px) !important; line-height:.9 !important; letter-spacing:-.03em !important;
  color:var(--mz-sage-tint) !important; margin:0 0 6px !important;}
/* headline (klidný, bez vykřičníku) */
body.in-404 .empty-content-404 h1{font-size:0 !important; text-align:center !important; padding:0 !important; margin:0 0 16px !important;}
body.in-404 .empty-content-404 h1::after{
  content:"Tuto stránku se nepodařilo najít" !important; display:block !important;
  font-family:var(--mz-serif) !important; font-weight:700 !important;
  font-size:clamp(1.7rem,3vw,2.6rem) !important; line-height:1.15 !important;
  letter-spacing:-.01em !important; color:var(--mz-ink) !important;}
/* redundantní „Stránka nebyla nalezena." pryč */
body.in-404 .empty-content-404 h2{display:none !important;}
/* podtext */
body.in-404 .empty-content-404 p:first-of-type{font-size:0 !important; margin:0 0 32px !important;}
body.in-404 .empty-content-404 p:first-of-type::after{
  content:"Odkaz může být zastaralý nebo obsahovat překlep. Odsud se snadno vrátíte zpět." !important;
  display:block !important; font-size:var(--mz-text) !important; line-height:var(--mz-text-lh) !important;
  color:var(--mz-muted) !important; max-width:44ch !important; margin:0 auto !important;}
/* CTA (vede na úvod = rozcestník) */
body.in-404 .empty-content-404 .btn{
  display:inline-block !important; background:var(--mz-sage) !important; border:0 !important;
  color:#fff !important; border-radius:2px !important; padding:18px 40px !important;
  font-size:15px !important; letter-spacing:.09em !important; text-transform:uppercase !important; text-decoration:none !important;}
body.in-404 .empty-content-404 .btn:hover{background:var(--mz-sage2) !important;}
body.in-404 .empty-content-404 p:last-of-type{margin:0 !important;}

/* --- Ztmavení + rozostření při otevřeném hledání — EXPLICITNÍ (funguje i na mobilu/tabletu) ---
   Samba svůj ::before závoj definuje jen na desktopu → na mobilu se nic nedělo. Proto tu ::before
   vytváříme kompletně (content/position/z-index), aby platil na všech šířkách. Eukalyptovo-inkoustový. */
body.search-window-visible::before{
  content:"" !important; position:fixed !important; inset:0 !important; z-index:1002 !important;
  background:rgba(30,35,30,.30) !important;
  -webkit-backdrop-filter:blur(5px) !important; backdrop-filter:blur(5px) !important;}
/* Mobil/tablet: .overall-wrapper má nahoře padding-top (rezerva pro fixní lištu) → prázdný pruh
   nad hlavičkou. Tmavě zelený závoj (30 %) přes bílou = ŠEDÝ PRUH. Řešení: na ≤1024px světlý
   porcelánový závoj — přes bílou/porcelán zůstává světlý (žádná šedá), blur zachován. */
@media (max-width:1079px){
  body.search-window-visible::before{background:rgba(239,241,235,.55) !important;}
  /* Na mobilu/tabletu je hlavička position:fixed;top:0 (kryje rezervovaný padding-top).
     Obecné pravidlo `body.search-window-visible header{position:relative}` (níže v souboru,
     stejná specificita + !important, ALE později v pořadí → vyhrávalo) ji přepínalo na
     relative → spadla na top:60 a odkryla rezervovaný pruh = ODSAZENÍ. Prefix `html` zvyšuje
     specificitu, takže toto pravidlo vyhraje bez ohledu na pořadí; header drží fixní nad blur. */
  html body.search-window-visible header{position:fixed !important; top:0 !important; z-index:1003 !important;}}

/* --- Okno hledání — vizuální identita --- */
body.search-window-visible .user-action-search input[type=text],
body.search-window-visible .user-action-search .query-input{
  border:1px solid var(--mz-line) !important; border-radius:2px !important;
  padding:16px 18px !important; height:auto !important; font-size:var(--mz-text) !important;
  background:#fff !important; box-shadow:none !important; outline:none !important; color:var(--mz-ink) !important;}
body.search-window-visible .user-action-search input[type=text]:focus,
body.search-window-visible .user-action-search .query-input:focus{
  border-color:var(--mz-sage) !important; box-shadow:0 0 0 1px var(--mz-sage) !important; outline:none !important;}
body.search-window-visible .user-action-search .search-button{
  background:var(--mz-sage) !important; border:0 !important; color:#fff !important; border-radius:2px !important;
  padding:0 30px !important; font-size:14px !important; letter-spacing:.09em !important; text-transform:uppercase !important;}
body.search-window-visible .user-action-search .search-button:hover{background:var(--mz-sage2) !important;}
/* křížek zavřít — nad panel vpravo, bílý na blur */
body.search-window-visible .user-action-search .search-widget-close{
  position:absolute !important; top:-46px !important; right:0 !important; left:auto !important;
  width:34px !important; height:34px !important; color:#fff !important; opacity:.9 !important; cursor:pointer !important;}
body.search-window-visible .user-action-search .search-widget-close:hover{opacity:1 !important;}

/* ============================================================
   FULL-WIDTH POZADÍ — pryč šedé pruhy po stranách na širokých displejích
   ============================================================
   Bílé pozadí obsahu nese `.container.content-wrapper`, ale na širokých
   displejích ho Samba zastropuje max-šířkou → za ním prosvítá porcelán těla
   jako šedé pruhy po stranách. `.container` má záporný grid margin, takže
   sundat mu strop NEJDE (způsobí overflow). Řešení: bílou dát na plně-širokou
   `.overall-wrapper` (bez stropu) → bílá dosáhne k okrajům na jakékoli šířce.
   Tělo zůstává porcelánové (token), full-bleed sekce mají vlastní pozadí navrch. */
.overall-wrapper{background-color:#fff !important;}

/* --- TABLET (768–1024): one-row menu je těsný → zkompaktnit, ať se logo + nav + ikony
   vejdou na jeden řádek bez překryvu (overlay nav se jinak kryje s logem/ikonami). --- */
@media (min-width:768px) and (max-width:1079px){
  header > .header-top .navigation-wrapper{gap:6px !important; padding-left:10px !important; padding-right:10px !important;}
  header > .header-top .navigation-tools,
  header > .header-top .navigation-buttons,
  header > .header-top .user-action{margin:0 !important;}
  header > .header-top .site-name img{height:26px !important; max-height:26px !important;}
  /* CZK přepínač menší a těsnější */
  header > .header-top .navigation-tools{font-size:12px !important;}
  header > .header-top .navigation-buttons > *{margin:0 2px !important;}
  /* nav kompaktní, aby se vešel do středové mezery */
  header > .header-bottom .menu-level-1{gap:clamp(8px,1.4vw,16px) !important;}
  header > .header-bottom .menu-level-1 > li > a{font-size:12.5px !important; letter-spacing:.01em !important; padding:6px 3px !important;}
  header > .header-bottom .menu-level-1 > li > a::after{bottom:0 !important;}
}

/* --- Vyhledávání: dialog vycentrovaný pod menu, nad rozostřením (blur = body::before z-1002) ---
   Šablona ho dává position:absolute; top:100% (padá z ikon vpravo → natěsno v rohu).
   → position:fixed, horizontálně vycentrovaný, kousek pod hlavičkou, jako čistý overlay panel. */
body.search-window-visible header{position:relative !important; z-index:1003 !important;}   /* hlavička ostrá nad blur */
body.search-window-visible .user-action-search{
  position:fixed !important; top:clamp(120px,20vh,220px) !important;
  left:50% !important; right:auto !important; bottom:auto !important;
  transform:translateX(-50%) !important;
  width:min(720px,92vw) !important; max-width:92vw !important; z-index:1004 !important;
  background:var(--mz-surface) !important; box-shadow:0 24px 70px rgba(30,35,30,.20) !important;
  border-radius:2px !important; padding:clamp(16px,2vw,26px) !important;}
body.search-window-visible .user-action-search::before,
body.search-window-visible .user-action-search::after{display:none !important;}   /* pryč pointer/šipka šablony */

/* --- Sekce 2 dlaždice: CTA tlačítko „Prozkoumat" (celá dlaždice je link, CTA jen zvýrazňuje) --- */
.mz-k2-tile::after{
  content:"Prozkoumat"; display:inline-block; align-self:flex-start;
  margin:2px 18px 20px; padding:13px 24px;
  background:var(--mz-sage); border:0; border-radius:2px;                       /* eukalyptus plné = identita tlačítek */
  font-family:"Noto Sans",sans-serif; font-size:13px; font-weight:700; letter-spacing:.09em; text-transform:uppercase;
  color:#fff; line-height:1; transition:background .2s ease;}
.mz-k2-tile:hover::after{background:var(--mz-sage2);}
.mz-k2-desc{padding-bottom:14px;}   /* těsněji nad CTA */

/* --- Produktový layout: hlavní obrázek čtvercový, vyplněný obrázkem (cover), jemný hover ---
   Výchozí menší náhled (cloud-zoom lupa) nahrazen: čtvercový kontejner vyplní obrázek,
   hover jen decentní zvětšení; agresivní cloud-zoom lupa vypnuta (klik-lightbox zůstává). */
body.type-product .p-image,
body.type-product .p-main-image{aspect-ratio:1/1 !important; height:auto !important; overflow:hidden !important; display:block !important;}
body.type-product .p-main-image img,
body.type-product .p-image img{width:100% !important; height:100% !important; object-fit:cover !important; transition:transform .5s ease !important;}
body.type-product .p-main-image:hover img{transform:scale(1.06) !important;}
body.type-product .cloud-zoom-lens,
body.type-product .cloud-zoom-big,
body.type-product .cloud-zoom-loading,
body.type-product .mousetrap{display:none !important;}

/* --- Patička: layout 4 sloupců (přesunuto z inline <style> hlavičky kvůli uvolnění místa na JS) --- */
.mizon-footer{max-width:1200px; margin:0 auto; padding:40px 20px; display:flex; flex-wrap:wrap; gap:32px;}
.mizon-footer .col{flex:1 1 200px;}
.mizon-footer h3{font-size:15px; margin:0 0 12px; text-transform:uppercase; letter-spacing:.04em;}
.mizon-footer a{display:block; text-decoration:none; padding:3px 0;}
.mizon-footer p{margin:0 0 6px; font-size:14px; line-height:1.5;}
.mizon-footer .social a{display:inline-block; margin-right:14px; font-weight:700;}

/* --- Mobilní sticky lišta produktu (Do košíku + Kde koupit) — vizuální identita ---
   Styl přesunut sem z footeru (limit znaků). Dřív: #222 černá + radius 6px + border #ccc = mimo
   identitu. Teď: eukalyptové primární (var --mz-sage), outline sekundární, ostré rohy 2px, verzálky.
   Lišta je jen mobil (≤768px); desktop nedotčen (mimo breakpoint je display:none). */
.mizon-sticky{position:fixed; left:0; right:0; bottom:0; z-index:900; display:none; gap:10px;
  background:var(--mz-surface); border-top:1px solid var(--mz-line); padding:10px 12px;
  box-shadow:0 -6px 24px rgba(30,35,30,.08);}
.mizon-sticky>*{flex:1; min-height:48px; border-radius:2px; font-family:"Noto Sans",sans-serif;
  font-size:13px; font-weight:700; letter-spacing:.09em; text-transform:uppercase; line-height:1.1;
  display:flex; align-items:center; justify-content:center; text-decoration:none; cursor:pointer;
  transition:background .2s ease, color .2s ease, border-color .2s ease;}
.mizon-sticky .mizon-sticky-buy{background:var(--mz-sage); color:#fff; border:0;}
.mizon-sticky .mizon-sticky-buy:hover{background:var(--mz-sage2);}
.mizon-sticky .mizon-sticky-kde{background:var(--mz-surface); color:var(--mz-ink); border:1px solid var(--mz-line);}
.mizon-sticky .mizon-sticky-kde:hover{border-color:var(--mz-sage); color:var(--mz-sage);}
@media (max-width:1079px){.mizon-sticky{display:flex;} body.mizon-has-sticky{padding-bottom:72px;}}

/* ============================================================
   PRODUKT — MOBIL & TABLET (≤1024) à la Tatcha
   Obrázek jako carousel s tečkami NAHOŘE; název + text POD obrázkem.
   Desktop (≥1025) beze změny (dvousloupcový layout výše zůstává).
   Carousel staví externí mizon.js (do polí header/footer se ~1,1 kB JS nevešlo). --- */
@media(max-width:1079px){
  /* Mobilní název je div.h1 (ne <h1>) → globální serif ho míjel a zůstával Exo 2 bold. Serif sem. */
  body.type-product .p-detail-inner-header-mobile .h1{
    font-family:var(--mz-serif) !important; font-weight:700 !important;
    font-size:clamp(2rem,5.4vw,2.6rem) !important; line-height:1.16 !important;
    letter-spacing:-.015em !important; color:var(--mz-ink) !important; margin:0 0 6px !important;}
  /* Pořadí uvnitř galerie: obrázek/carousel první (order 1), název-blok pod něj (order 2) */
  body.type-product .p-image-wrapper{display:flex !important; flex-direction:column !important;}
  body.type-product .p-image-wrapper > *{order:1 !important;}
  body.type-product .p-image-wrapper > .p-detail-inner-header-mobile{
    order:2 !important; margin-top:22px !important; text-align:left !important;}
}
/* --- Carousel obrázků (elementy staví JS jen na ≤1024, na desktopu neexistují → styl je neškodný) --- */
/* Původní hlavní obrázek + mřížka dlaždic se skryjí, jakmile JS postaví carousel (třída .mz-has-slider).
   Šablona má na .p-image display:...!important → inline display:none nestačí, proto přes třídu s !important. */
body.type-product .p-image-wrapper.mz-has-slider > .p-image,
body.type-product .p-image-wrapper.mz-has-slider > .mz-tiles,
body.type-product .p-image-wrapper.mz-has-slider > .row{display:none !important;}
.mz-slider{position:relative; width:100%;}
.mz-slider-track{display:flex; overflow-x:auto; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch; scrollbar-width:none;}
.mz-slider-track::-webkit-scrollbar{display:none;}
.mz-slide{flex:0 0 100%; scroll-snap-align:center; aspect-ratio:1/1; background:var(--mz-paper);}
.mz-slide img{width:100%; height:100%; object-fit:cover; display:block;}
/* Tečková navigace NA obrázku (overlay), dole uprostřed, lehce odsazená. Bílé tečky + jemný stín
   kvůli čitelnosti na jakémkoli obrázku; aktivní eukalyptová. */
.mz-dots{position:absolute; left:0; right:0; bottom:16px; z-index:3; display:flex; justify-content:center; gap:8px; margin:0;}
.mz-dot{width:7px; height:7px; padding:0; border-radius:50%; border:0; background:rgba(255,255,255,.72); box-shadow:0 1px 3px rgba(30,35,30,.4); cursor:pointer; transition:background .2s ease, transform .2s ease;}
.mz-dot.is-active{background:var(--mz-sage); transform:scale(1.25);}

/* Drobečková navigace pod obrázek — jen tablet (576–1079). Přesun uzlu do .p-image-wrapper (za carousel,
   před název) dělá mizon.js; tady jen odsazení. Na mobilu drobečky zůstávají beze změny. */
@media(min-width:576px) and (max-width:1079px){
  body.type-product .p-image-wrapper > .breadcrumbs{margin:16px 0 4px !important; padding:0 !important;}
}

/* --- Mobil (≤767): odsadit text produktu od krajů (název, cena, krátký popis byly na ~8px) ---
   Obrázek/carousel zůstává full-bleed (Tatcha); jen text dostane boční --mz-pad → lící s logem. */
@media(max-width:767px){
  body.type-product .p-data-wrapper,
  body.type-product .p-image-wrapper > .p-detail-inner-header-mobile{
    padding-left:var(--mz-pad) !important; padding-right:var(--mz-pad) !important;}
}

/* ============================================================
   VLASTNÍ IKONY (Material Symbols, thin) — náhrada ikon-fontu Samby ("shoptet").
   Metoda: ::before content:"" + mask-image (SVG bere barvu textu = currentColor →
   funguje na světlém i tmavém pozadí). ::after (duplikát glyfu) zhasnut.
   Ikony: hledání, košík, hamburger (mobil), křížek (menu/popupy), domů (breadcrumbs). */
.icon-search::before{content:"" !important; display:inline-block !important; width:22px !important; height:22px !important; background-color:currentColor !important; -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%20-960%20960%20960%27%3E%3Cpath%20d%3D%27M778-164%20528-414q-30%2026-69%2040t-77%2014q-92%200-156-64t-64-156q0-92%2064-156t156-64q92%200%20156%2064t64%20156q0%2041-15%2080t-39%2066l250%20250-20%2020ZM382-388q81%200%20136.5-55.5T574-580q0-81-55.5-136.5T382-772q-81%200-136.5%2055.5T190-580q0%2081%2055.5%20136.5T382-388Z%27%2F%3E%3C%2Fsvg%3E") center/contain no-repeat !important; mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%20-960%20960%20960%27%3E%3Cpath%20d%3D%27M778-164%20528-414q-30%2026-69%2040t-77%2014q-92%200-156-64t-64-156q0-92%2064-156t156-64q92%200%20156%2064t64%20156q0%2041-15%2080t-39%2066l250%20250-20%2020ZM382-388q81%200%20136.5-55.5T574-580q0-81-55.5-136.5T382-772q-81%200-136.5%2055.5T190-580q0%2081%2055.5%20136.5T382-388Z%27%2F%3E%3C%2Fsvg%3E") center/contain no-repeat !important; vertical-align:middle !important;}
.icon-search::after{content:none !important;}
.icon-cart::before{content:"" !important; display:inline-block !important; width:24px !important; height:24px !important; background-color:currentColor !important; -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%20-960%20960%20960%27%3E%3Cpath%20d%3D%27M272-132q-26%200-43-17t-17-43v-416q0-26%2017-43t43-17h74v-26q0-56%2039-95t95-39q56%200%2095%2039t39%2095v26h74q26%200%2043%2017t17%2043v416q0%2026-17%2043t-43%2017H272Zm0-28h416q12%200%2022-10t10-22v-416q0-12-10-22t-22-10h-74v106q0%206-4%2010t-10%204q-6%200-10-4t-4-10v-106H374v106q0%206-4%2010t-10%204q-6%200-10-4t-4-10v-106h-74q-12%200-22%2010t-10%2022v416q0%2012%2010%2022t22%2010Zm102-508h212v-26q0-45-30.5-75.5T480-800q-45%200-75.5%2030.5T374-694v26ZM240-160v-480%20480Z%27%2F%3E%3C%2Fsvg%3E") center/contain no-repeat !important; mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%20-960%20960%20960%27%3E%3Cpath%20d%3D%27M272-132q-26%200-43-17t-17-43v-416q0-26%2017-43t43-17h74v-26q0-56%2039-95t95-39q56%200%2095%2039t39%2095v26h74q26%200%2043%2017t17%2043v416q0%2026-17%2043t-43%2017H272Zm0-28h416q12%200%2022-10t10-22v-416q0-12-10-22t-22-10h-74v106q0%206-4%2010t-10%204q-6%200-10-4t-4-10v-106H374v106q0%206-4%2010t-10%204q-6%200-10-4t-4-10v-106h-74q-12%200-22%2010t-10%2022v416q0%2012%2010%2022t22%2010Zm102-508h212v-26q0-45-30.5-75.5T480-800q-45%200-75.5%2030.5T374-694v26ZM240-160v-480%20480Z%27%2F%3E%3C%2Fsvg%3E") center/contain no-repeat !important; vertical-align:middle !important;}
.icon-cart::after{content:none !important;}
.btn-cart.add-to-cart-button::before{content:none !important;}  /* košík dodává potomek .icon-cart; ::before by byl duplikát */
/* Hamburger (jen mobil — toggle je na desktopu skrytý). Při otevřeném menu se přepne na křížek. */
header .toggle-window[data-target="navigation"]::before{content:"" !important; display:inline-block !important; width:26px !important; height:26px !important; background-color:currentColor !important; -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%20-960%20960%20960%27%3E%3Cpath%20d%3D%27M172-278v-28h616v28H172Zm0-188v-28h616v28H172Zm0-188v-28h616v28H172Z%27%2F%3E%3C%2Fsvg%3E") center/contain no-repeat !important; mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%20-960%20960%20960%27%3E%3Cpath%20d%3D%27M172-278v-28h616v28H172Zm0-188v-28h616v28H172Zm0-188v-28h616v28H172Z%27%2F%3E%3C%2Fsvg%3E") center/contain no-repeat !important; vertical-align:middle !important;}
body.navigation-window-visible header .toggle-window[data-target="navigation"]::before{-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%20-960%20960%20960%27%3E%3Cpath%20d%3D%27m256-236-20-20%20224-224-224-224%2020-20%20224%20224%20224-224%2020%2020-224%20224%20224%20224-20%2020-224-224-224%20224Z%27%2F%3E%3C%2Fsvg%3E") center/contain no-repeat !important; mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%20-960%20960%20960%27%3E%3Cpath%20d%3D%27m256-236-20-20%20224-224-224-224%2020-20%20224%20224%20224-224%2020%2020-224%20224%20224%20224-20%2020-224-224-224%20224Z%27%2F%3E%3C%2Fsvg%3E") center/contain no-repeat !important;}
/* Křížek — všechny známé close prvky (neškodné, pokud některý na dané stránce není). */
.search-widget-close::before, .navigation-close::before, .popup-widget-close::before, .window-close::before, .icon-close::before{content:"" !important; display:inline-block !important; width:22px !important; height:22px !important; background-color:currentColor !important; -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%20-960%20960%20960%27%3E%3Cpath%20d%3D%27m256-236-20-20%20224-224-224-224%2020-20%20224%20224%20224-224%2020%2020-224%20224%20224%20224-20%2020-224-224-224%20224Z%27%2F%3E%3C%2Fsvg%3E") center/contain no-repeat !important; mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%20-960%20960%20960%27%3E%3Cpath%20d%3D%27m256-236-20-20%20224-224-224-224%2020-20%20224%20224%20224-224%2020%2020-224%20224%20224%20224-20%2020-224-224-224%20224Z%27%2F%3E%3C%2Fsvg%3E") center/contain no-repeat !important; vertical-align:middle !important;}
.mz-filter-close{font-size:0 !important;}
.mz-filter-close::before{content:"" !important; display:inline-block !important; width:20px !important; height:20px !important; background-color:currentColor !important; -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%20-960%20960%20960%27%3E%3Cpath%20d%3D%27m256-236-20-20%20224-224-224-224%2020-20%20224%20224%20224-224%2020%2020-224%20224%20224%20224-20%2020-224-224-224%20224Z%27%2F%3E%3C%2Fsvg%3E") center/contain no-repeat !important; mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%20-960%20960%20960%27%3E%3Cpath%20d%3D%27m256-236-20-20%20224-224-224-224%2020-20%20224%20224%20224-224%2020%2020-224%20224%20224%20224-20%2020-224-224-224%20224Z%27%2F%3E%3C%2Fsvg%3E") center/contain no-repeat !important; vertical-align:middle !important;}
/* Domů v drobečkové navigaci. */
.navigation-home-icon::before{content:"" !important; display:inline-block !important; width:16px !important; height:16px !important; background-color:currentColor !important; -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%20-960%20960%20960%27%3E%3Cpath%20d%3D%27M240-200h156v-234h168v234h156v-360L480-742%20240-560v360Zm-28%2028v-402l268-203%20268%20203v402H536v-234H424v234H212Zm268-299Z%27%2F%3E%3C%2Fsvg%3E") center/contain no-repeat !important; mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%20-960%20960%20960%27%3E%3Cpath%20d%3D%27M240-200h156v-234h168v234h156v-360L480-742%20240-560v360Zm-28%2028v-402l268-203%20268%20203v402H536v-234H424v234H212Zm268-299Z%27%2F%3E%3C%2Fsvg%3E") center/contain no-repeat !important; vertical-align:middle !important;}
.navigation-home-icon::after{content:none !important;}

/* ============================================================
   KATEGORIE — dlaždice produktů (doladění layoutu)
   ============================================================ */
/* 2) Zarovnat dlaždice s H1: .products je Bootstrap row (ml/mr -16) UVNITŘ .category-content-wrapper,
   který už odsazuje o --mz-pad. Další --mz-pad na .products = dvojité odsazení → dlaždice nelícovaly
   s H1. Vynulovat → 1. dlaždice lícuje vlevo s H1, poslední vpravo s pravým okrajem H1. */
body.type-category .products,
body.type-category .products-block{padding-left:0 !important; padding-right:0 !important;}
/* 3) Obrázek roztažený do celé šířky dlaždice, čtvercový (jako subkategorie); mezery mezi dlaždicemi
   drží sloupcový padding gridu. */
body.type-category .products .product .image,
body.type-category .products .product a.image{
  display:block !important; width:100% !important; aspect-ratio:1/1 !important; height:auto !important;
  overflow:hidden !important; margin:0 0 14px !important; background:var(--mz-sage-tint) !important;}
body.type-category .products .product .image img{
  width:100% !important; height:100% !important; object-fit:cover !important; display:block !important;}
/* 4) Popis produktu menší než název (název 18px serif, popis --mz-text-sm 14px). */
body.type-category .products .product .p-desc,
body.type-category .products .product .p-short-description,
body.type-category .products .product .description{font-size:var(--mz-text-sm) !important;}
/* 5) Spodní detailní popis kategorie = vlastní sekce, text zarovnaný doleva. */
body.type-category .category__secondDescription{
  text-align:left !important; border-top:1px solid var(--mz-line) !important;
  margin-top:clamp(40px,5vw,72px) !important; padding-top:clamp(32px,4vw,52px) !important;}
body.type-category .category__secondDescription > *{
  text-align:left !important; max-width:72ch !important; margin-left:0 !important; margin-right:0 !important;}

/* ============================================================
   KONTEJNER OBSAHU — plynulá šířka na desktopu (fix pásma 1080–1199)
   ============================================================
   Bootstrap `.container` má PEVNÉ šířky po breakpointech: 960px pro ≥992 a skok na 1170px až od
   ≥1200. V našem desktop pásmu 1080–1199 tak zůstával úzkých 960px (obsah vmáčknutý, vypadalo to
   jako tablet). Řešení: od ≥1080 kontejner fluidní s max-width 1170 (= hodnota ≥1200) a auto margin.
   → 1080–1169 vyplní šířku, od 1170 výš se ustálí na 1170 centrovaně. ≥1200 beze změny (taky 1170). */
@media(min-width:1080px){
  body .container.content-wrapper{
    width:auto !important; max-width:1170px !important;
    margin-left:auto !important; margin-right:auto !important;}
}

/* --- Produkt: 2-sloupcový layout i v pásmu 1080–1199 (fix jako u kategorie) ---
   Samba přepíná detail produktu na 2 sloupce až od ≥1200px. V 1080–1199 (náš desktop) tak zůstával
   jednosloupcový (obří obrázek + mobilní hlavička + mřížka náhledů, data až dole) — a carousel se sem
   nestaví (jen ≤1079). Řešení: v tomto pásmu zopakovat desktop 2-sloupec (jako ≥1200):
   .p-detail-inner na řádek, děti po 50 %, zobrazit desktop hlavičku a skrýt mobilní. */
@media(min-width:1080px) and (max-width:1199px){
  body.type-product .p-detail-inner{flex-direction:row !important; flex-wrap:wrap !important; align-items:flex-start !important;}
  body.type-product .p-image-wrapper{width:50% !important; flex:0 0 50% !important; display:block !important;}
  body.type-product .p-data-wrapper{width:50% !important; flex:0 0 50% !important;}
  body.type-product .p-detail-inner-header{display:block !important;}          /* desktop název (v pravém sloupci) */
  body.type-product .p-detail-inner-header-mobile{display:none !important;}    /* skrýt mobilní název (v obrázku) */
}

/* ============================================================
   PRODUKT — sekce „Doplňte svůj rituál" (Rutina) + „Podobné produkty"
   (nativní carousely Samby; přejmenování/přeřazení/intro řeší mizon.js) — sladit s identitou.
   ============================================================ */
body.type-product .products-alternative-header,
body.type-product .products-related-header{
  font-family:var(--mz-serif) !important; font-weight:700 !important;
  font-size:clamp(24px,2.4vw,32px) !important; letter-spacing:-.01em !important;
  color:var(--mz-ink) !important; text-align:left !important;
  border-top:1px solid var(--mz-line) !important;                 /* dělící linka nad sekcí */
  margin:clamp(48px,6vw,88px) 0 6px !important; padding:clamp(30px,3.5vw,52px) 0 0 !important;}
/* intro text u Rutiny (vkládá mizon.js) */
body.type-product .mz-rutina-intro{
  font-family:"Noto Sans",sans-serif !important; color:var(--mz-muted) !important;
  font-size:var(--mz-text) !important; margin:0 0 22px !important; max-width:60ch !important; text-align:left !important;}
/* názvy produktů v dlaždicích serifem (jako jinde) */
body.type-product .products-alternative .product .name,
body.type-product .products-alternative .product a.name,
body.type-product .products-related .product .name,
body.type-product .products-related .product a.name{
  font-family:var(--mz-serif) !important; font-weight:700 !important; font-size:var(--mz-text) !important; letter-spacing:-.005em !important;}
/* pryč kód produktu z dlaždic carouselu (jako ve výpisu kategorie) */
body.type-product .products-alternative-wrapper .p-code,
body.type-product .products-related-wrapper .p-code,
body.type-product .product-slider .p-code{display:none !important;}

/* ============================================================
   PRODUKT — dlaždice v sekcích relací (Rutina + Podobné) = STEJNÝ styl jako výpis kategorie.
   Struktura .product je identická; níže je 1:1 kopie kategorie-pravidel se scope na relační wrappery. */
body.type-product .products-alternative-wrapper .product .name,
body.type-product .products-related-wrapper .product .name,
body.type-product .products-alternative-wrapper .product a.name,
body.type-product .products-related-wrapper .product a.name{font-family:var(--mz-serif) !important; font-weight:700 !important; font-size:var(--mz-text) !important; letter-spacing:-.005em !important;}
body.type-product .products-alternative-wrapper .product .price-final,
body.type-product .products-related-wrapper .product .price-final,
body.type-product .products-alternative-wrapper .product .price,
body.type-product .products-related-wrapper .product .price{color:var(--mz-ink) !important; font-size:var(--mz-text) !important;}
body.type-product .products-alternative-wrapper .product .p,
body.type-product .products-related-wrapper .product .p{display:flex !important; flex-direction:column !important;}
body.type-product .products-alternative-wrapper .product .p > a.image,
body.type-product .products-related-wrapper .product .p > a.image{order:1 !important;}
body.type-product .products-alternative-wrapper .product .p-in,
body.type-product .products-related-wrapper .product .p-in{display:flex !important; flex-direction:column !important; order:2 !important;}
body.type-product .products-alternative-wrapper .product .p-in-in,
body.type-product .products-related-wrapper .product .p-in-in{display:contents !important;}
body.type-product .products-alternative-wrapper .product a.name,
body.type-product .products-related-wrapper .product a.name{order:2 !important;}
body.type-product .products-alternative-wrapper .product .p-desc,
body.type-product .products-related-wrapper .product .p-desc,
body.type-product .products-alternative-wrapper .product .p-short-description,
body.type-product .products-related-wrapper .product .p-short-description,
body.type-product .products-alternative-wrapper .product .description,
body.type-product .products-related-wrapper .product .description{order:3 !important;}
body.type-product .products-alternative-wrapper .product .p-bottom,
body.type-product .products-related-wrapper .product .p-bottom,
body.type-product .products-alternative-wrapper .product .offers,
body.type-product .products-related-wrapper .product .offers{order:4 !important;}
body.type-product .products-alternative-wrapper .product .ratings-wrapper,
body.type-product .products-related-wrapper .product .ratings-wrapper,
body.type-product .products-alternative-wrapper .product .availability,
body.type-product .products-related-wrapper .product .availability{order:5 !important;}
body.type-product .products-alternative-wrapper .product .p-tools,
body.type-product .products-related-wrapper .product .p-tools,
body.type-product .products-alternative-wrapper .product .p-in > .btn,
body.type-product .products-related-wrapper .product .p-in > .btn,
body.type-product .products-alternative-wrapper .product .p-bottom .btn,
body.type-product .products-related-wrapper .product .p-bottom .btn{order:6 !important;}
body.type-product .products-alternative-wrapper .product .p-bottom,
body.type-product .products-related-wrapper .product .p-bottom,
body.type-product .products-alternative-wrapper .product .p-bottom > div,
body.type-product .products-related-wrapper .product .p-bottom > div{display:contents !important;}
body.type-product .products-alternative-wrapper .product .prices,
body.type-product .products-related-wrapper .product .prices{order:4 !important;}
body.type-product .products-alternative-wrapper .product .p,
body.type-product .products-related-wrapper .product .p,
body.type-product .products-alternative-wrapper .product .p-in,
body.type-product .products-related-wrapper .product .p-in,
body.type-product .products-alternative-wrapper .product .p-in-in,
body.type-product .products-related-wrapper .product .p-in-in,
body.type-product .products-alternative-wrapper .product a.name,
body.type-product .products-related-wrapper .product a.name,
body.type-product .products-alternative-wrapper .product .p-desc,
body.type-product .products-related-wrapper .product .p-desc,
body.type-product .products-alternative-wrapper .product .prices,
body.type-product .products-related-wrapper .product .prices,
body.type-product .products-alternative-wrapper .product .price,
body.type-product .products-related-wrapper .product .price,
body.type-product .products-alternative-wrapper .product .availability,
body.type-product .products-related-wrapper .product .availability,
body.type-product .products-alternative-wrapper .product .ratings-wrapper,
body.type-product .products-related-wrapper .product .ratings-wrapper,
body.type-product .products-alternative-wrapper .product .p-tools,
body.type-product .products-related-wrapper .product .p-tools{text-align:left !important;}
body.type-product .products-alternative-wrapper .product .p-in,
body.type-product .products-related-wrapper .product .p-in{align-items:flex-start !important; padding:14px 0 0 !important;}
body.type-product .products-alternative-wrapper .product a.name,
body.type-product .products-related-wrapper .product a.name{margin:0 0 6px !important; padding:0 !important;}
body.type-product .products-alternative-wrapper .product .p-desc,
body.type-product .products-related-wrapper .product .p-desc{margin:0 0 10px !important; padding:0 !important;}
body.type-product .products-alternative-wrapper .product .prices,
body.type-product .products-related-wrapper .product .prices{margin:0 0 4px !important; padding:0 !important;}
body.type-product .products-alternative-wrapper .product .availability,
body.type-product .products-related-wrapper .product .availability,
body.type-product .products-alternative-wrapper .product .ratings-wrapper,
body.type-product .products-related-wrapper .product .ratings-wrapper{margin:0 0 12px !important; padding:0 !important;}
body.type-product .products-alternative-wrapper .product .p-tools,
body.type-product .products-related-wrapper .product .p-tools{margin:0 !important; padding:0 !important;}
body.type-product .products-alternative-wrapper .product .image,
body.type-product .products-related-wrapper .product .image,
body.type-product .products-alternative-wrapper .product a.image,
body.type-product .products-related-wrapper .product a.image{display:block !important; width:100% !important; aspect-ratio:1/1 !important; height:auto !important;
  overflow:hidden !important; margin:0 0 14px !important; background:var(--mz-sage-tint) !important;}
body.type-product .products-alternative-wrapper .product .image img,
body.type-product .products-related-wrapper .product .image img{width:100% !important; height:100% !important; object-fit:cover !important; display:block !important;}
body.type-product .products-alternative-wrapper .product .p-desc,
body.type-product .products-related-wrapper .product .p-desc,
body.type-product .products-alternative-wrapper .product .p-short-description,
body.type-product .products-related-wrapper .product .p-short-description,
body.type-product .products-alternative-wrapper .product .description,
body.type-product .products-related-wrapper .product .description{font-size:var(--mz-text-sm) !important;}

/* ============================================================
   COOKIE LIŠTA (.siteCookies) — vizuální identita (eukalyptus jako patička)
   ============================================================ */
.siteCookies__form{background:transparent !important; color:#fff !important; box-shadow:none !important;}  /* pozadí je na --bottom (celá šířka); form = jen centrovaný obsah */
.siteCookies__form p, .siteCookies__form a, .siteCookies__text,
.siteCookies__form label, .siteCookies__form span{color:#fff !important;}
.siteCookies__form a{text-decoration:underline !important;}
/* Odmítnout / Souhlasím — porcelánové plné, verzálky (identita tlačítek) */
.siteCookies__button{
  background:var(--mz-paper) !important; color:var(--mz-ink) !important; border:0 !important; border-radius:999px !important;
  font-family:"Noto Sans",sans-serif !important; font-size:13px !important; font-weight:700 !important;
  letter-spacing:.09em !important; text-transform:uppercase !important; padding:13px 26px !important; box-shadow:none !important;}
.siteCookies__button:hover{background:#fff !important;}
/* Nastavení — outline bílý */
.siteCookies__link{
  background:transparent !important; color:#fff !important; border:1px solid rgba(255,255,255,.55) !important; border-radius:999px !important;
  font-family:"Noto Sans",sans-serif !important; font-size:13px !important; font-weight:700 !important;
  letter-spacing:.09em !important; text-transform:uppercase !important; padding:12px 24px !important; text-decoration:none !important;}
.siteCookies__link:hover{border-color:#fff !important; background:rgba(255,255,255,.10) !important; color:#fff !important;}
/* perzistentní lištička „Nastavení" (po přijetí) — eukalyptová, decentní */
.cookies-settings.js-cookies-settings{
  background:var(--mz-sage) !important; color:#fff !important; border:0 !important; border-radius:2px 0 0 2px !important;
  font-family:"Noto Sans",sans-serif !important; font-size:12px !important; letter-spacing:.06em !important;}

/* --- Relační carousely: tlačítko „Do košíku" na velikost dlaždicového tlačítka (jako kategorie) ---
   Hlavní produktové tlačítko `.add-to-cart-button` má padding 22×32/fs15 (velké) a protékalo i do
   dlaždic v carouselu → nesedělo s „Detail" (16px/fs14). Zde srovnáno na dlaždicový standard. */
body.type-product .products-alternative-wrapper .add-to-cart-button,
body.type-product .products-related-wrapper .add-to-cart-button{
  width:auto !important; padding:16px 20px !important; font-size:14px !important;}

/* --- Cookie lišta: full-width fixed dole, obsah vycentrovaný (max 1170); text vlevo, tři tlačítka
   pohromadě vpravo se stejnými mezerami. „Nastavení" přesouvá do skupiny tlačítek mizon.js (Samba ho
   dává do textového bloku a vnořené flexy s velkou mezerou nešly srovnat čistým CSS). --- */
.siteCookies--bottom{position:fixed !important; left:0 !important; right:0 !important; bottom:0 !important; top:auto !important;
  width:auto !important; max-width:none !important; margin:0 !important; transform:none !important; z-index:9999 !important;
  background:var(--mz-sage) !important;}  /* tmavé pozadí přes CELOU šířku — bez něj prosvítaly boky (form je centrovaný 1170px) */
.siteCookies__form{
  display:flex !important; flex-direction:row !important; align-items:center !important;
  gap:24px !important; flex-wrap:nowrap !important;
  max-width:1170px !important; margin:0 auto !important; padding:14px var(--mz-pad) !important;}
.siteCookies__content{flex:1 1 auto !important; min-width:0 !important;}
.siteCookies__content p,.siteCookies__text{margin:0 !important; font-size:14px !important; line-height:1.4 !important;}
.siteCookies__buttonWrap{display:flex !important; flex-direction:row !important; align-items:center !important; gap:12px !important; flex:0 0 auto !important;}
/* stejná velikost tlačítek (box-sizing → rámeček „Nastavení" nepřidá výšku) */
.siteCookies__button,.siteCookies__link{
  box-sizing:border-box !important; height:44px !important; padding:0 22px !important; font-size:13px !important;
  display:inline-flex !important; align-items:center !important; justify-content:center !important; white-space:nowrap !important; margin:0 !important;}

/* Tablet + mobil (≤1079, naše dělení): cookie lišta DVOJŘÁDKOVÁ — text nahoře, tlačítka v řádku dole.
   Desktop beze změny. Samba na malých šířkách dělá tlačítka full-width (naskládaná pod sebe) → přebít
   na auto-width, ať jsou v řádku (na úzkém mobilu se čistě zalomí). */
@media(max-width:1079px){
  .siteCookies__form{flex-direction:column !important; align-items:stretch !important; gap:14px !important;}
  .siteCookies__buttonWrap{flex-wrap:wrap !important; justify-content:flex-start !important;}
  .siteCookies__button,.siteCookies__link{width:auto !important; flex:0 0 auto !important; min-width:0 !important;}
}

/* --- Přepínač měn v hlavičce: šipka = vlastní chevron (mask), názvy měn serif + menší --- */
.dropdown[data-testid="topnavCurrencyDropdown"] .caret::before{content:"" !important;display:inline-block !important;width:24px !important;height:24px !important;background-color:currentColor !important;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%27268%20-612%20424%20240%27%3E%3Cpath%20d%3D%27M480-380%20276-584l20-20%20184%20184%20184-184%2020%2020-204%20204Z%27%2F%3E%3C%2Fsvg%3E") center/contain no-repeat !important;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%27268%20-612%20424%20240%27%3E%3Cpath%20d%3D%27M480-380%20276-584l20-20%20184%20184%20184-184%2020%2020-204%20204Z%27%2F%3E%3C%2Fsvg%3E") center/contain no-repeat !important;vertical-align:middle !important;}
#topNavigationDropdown,
.dropdown[data-testid="topnavCurrencyDropdown"] .dropdown-menu a{font-family:var(--mz-serif) !important; font-size:13px !important;}

/* --- Rozbalovací šipky (submenu-arrow: Produkty dropdown na desktopu i položky v mobilním draweru)
   = vlastní chevron (mask). Pevných 28px — em škálovalo podle font-size elementu, který se v desktop
   menu liší, takže vycházelo malé; px je jednotné napříč desktop/tablet/mobil. --- */
.submenu-arrow::after{content:"" !important;display:inline-block !important;width:28px !important;height:28px !important;background-color:currentColor !important;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%27268%20-612%20424%20240%27%3E%3Cpath%20d%3D%27M480-380%20276-584l20-20%20184%20184%20184-184%2020%2020-204%20204Z%27%2F%3E%3C%2Fsvg%3E") center/contain no-repeat !important;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%27268%20-612%20424%20240%27%3E%3Cpath%20d%3D%27M480-380%20276-584l20-20%20184%20184%20184-184%2020%2020-204%20204Z%27%2F%3E%3C%2Fsvg%3E") center/contain no-repeat !important;vertical-align:middle !important;}
.submenu-arrow::before{content:none !important;}
/* Mobilní drawer: měnová položka „Měna (CZK)" + volby CZK/EUR serifem (jako ostatní položky menu). */
.navigationActions__submenu a,
li:has(> ul.navigationActions__submenu) > a{font-family:var(--mz-serif) !important;}
/* Menu (desktop i tablet ≥768): vertikálně vycentrovat položky uvnitř nav.fitted (Samba dává navu
   pevnou výšku 46px a menu sedělo u horního okraje → na tabletu „odskočené nahoru"). */
@media(min-width:768px){
  header > .header-bottom nav.fitted > .navigation-in{position:relative !important; top:50% !important; transform:translateY(-50%) !important;}
}

/* Přepínač měn: caret span jako flex-center, ať se chevron svisle zarovná s názvem měny (tlačítko je flex). */
.dropdown[data-testid="topnavCurrencyDropdown"] .caret{display:inline-flex !important; align-items:center !important;}
/* Mobilní drawer (≤767): chevron zpět menší — desktop/tablet zůstává 28px, telefon jako dřív. */
@media(max-width:767px){
  .submenu-arrow::after{width:13px !important; height:13px !important;}
}

/* ============================================================
   TLAČÍTKA ve stylu přepínače variant (.mz-variant) — v86
   Dva archetypy zachovány: PRIMÁRNÍ = vyplněné barvou, SEKUNDÁRNÍ = jemný okraj.
   Sjednocení tvaru: pill (radius 999px), normální velikost písmen, bez prostrkání, 14px.
   (Přebíjí roztroušená border-radius:2px / uppercase pravidla výše — stejná specificita, pozdější zdroj.)
   ============================================================ */
/* PRIMÁRNÍ (vyplněné barvou — sage) */
.btn-conversion, .add-to-cart-button, .btn-conversion.add-to-cart-button,
.mizon-btn, .carousel .extended-banner-link,
body.type-product .p-data-wrapper .add-to-cart-button,
body.type-product .p-data-wrapper .btn-conversion.add-to-cart-button,
.mizon-sticky .mizon-sticky-buy,
body.in-404 .empty-content-404 .btn,
body.in-kosik .btn-conversion, body[class*="in-objednavka"] .btn-conversion,
.mz-k2-tile::after{
  border-radius:999px !important; text-transform:uppercase !important; letter-spacing:.08em !important;
  font-size:var(--mz-text-sm) !important; font-weight:400 !important;}
/* SEKUNDÁRNÍ (transparent + jemný okraj = přesně .mz-variant) */
body.type-product .mz-to-desc,
.mz-catbar .mz-filter-btn,
body.type-category .products .product a.btn.btn-primary,
body.in-kosik .btn-default, body[class*="in-objednavka"] .btn-default,
.mizon-sticky .mizon-sticky-kde{
  border-radius:999px !important; text-transform:uppercase !important; letter-spacing:.08em !important;
  font-size:var(--mz-text-sm) !important; font-weight:400 !important;
  padding:13px 26px !important;
  background:var(--mz-surface) !important; border:1px solid var(--mz-line) !important; color:var(--mz-ink) !important;}
body.type-category .products .product a.btn.btn-primary:hover{border-color:var(--mz-sage2) !important; color:var(--mz-ink) !important; background:var(--mz-surface) !important;}
body.type-product .mz-to-desc:hover,
.mz-catbar .mz-filter-btn:hover,
body.type-category .products .product a.btn.btn-primary:hover,
.mizon-sticky .mizon-sticky-kde:hover{
  background:var(--mz-surface) !important; border-color:var(--mz-sage2) !important; color:var(--mz-ink) !important;}

/* Drobečková navigace = Noto Sans ExtraLight (200) — dřív působila tučně (aktivní drobek). */
body.type-product .breadcrumbs, body.type-product .breadcrumbs a,
body.type-product .breadcrumbs span, body.type-product .breadcrumbs strong,
body.type-product .breadcrumbs b{
  font-family:"Noto Sans","Source Sans 3",sans-serif !important; font-weight:200 !important;}

/* ============================================================
   HOMEPAGE SEKCE 2 (mz-k2) — v87: dlaždice = jen obrázek + název jako CTA na obrázku.
   Bez popisu, bez „Prozkoumat". Název = vyplněné pill tlačítko, horizontálně centrované, lehce nad spodní hranou.
   ============================================================ */
.mz-k2-tile{position:relative !important;}
.mz-k2-tile::after{content:none !important;}          /* pryč „Prozkoumat" CTA */
.mz-k2-desc{display:none !important;}                  /* pryč popisový text */
.mz-k2-name{
  position:absolute !important; left:50% !important; bottom:16px !important; transform:translateX(-50%) !important;
  margin:0 !important; padding:0 24px !important; height:44px !important; min-height:44px !important; max-height:44px !important; box-sizing:border-box !important; max-width:calc(100% - 24px) !important; z-index:2 !important;
  background:var(--mz-sage) !important; color:#fff !important; border:1px solid var(--mz-sage) !important; border-radius:999px !important;
  font-family:"Noto Sans",sans-serif !important; font-weight:400 !important; font-size:var(--mz-text-sm) !important;
  text-transform:uppercase !important; letter-spacing:.08em !important; line-height:42px !important;
  text-align:center !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important;
  transition:background .2s ease !important;}
.mz-k2-tile:hover .mz-k2-name{background:var(--mz-sage2) !important; color:#fff !important;}

/* ============================================================
   CENÍK DOPRAVY — tabulka ve vizuální identitě (.mz-shipping-table) — v88
   ============================================================ */
.mz-shipping-table{width:100% !important; max-width:620px !important; border-collapse:collapse !important;
  margin:6px 0 30px !important; font-family:"Noto Sans",sans-serif !important; border:0 !important;}
.mz-shipping-table th, .mz-shipping-table td{
  padding:14px 18px !important; border:0 !important; border-bottom:1px solid var(--mz-line) !important; vertical-align:middle !important;}
.mz-shipping-table thead th{
  background:var(--mz-sage) !important; color:#fff !important; text-align:left !important;
  font-weight:400 !important; text-transform:uppercase !important; letter-spacing:.06em !important;
  font-size:13px !important; border-bottom:0 !important;}
.mz-shipping-table tbody td{font-size:var(--mz-text-sm) !important; color:var(--mz-ink) !important;}
.mz-shipping-table tbody tr:last-child td{border-bottom:0 !important;}
.mz-shipping-table tbody tr:nth-child(even) td{background:var(--mz-surface) !important;}

/* ============================================================
   v89 — Kategorie: sjednocení tlačítek, stejné výšky dlaždic, nav tlačítka; Homepage sekce 2 větší
   ============================================================ */
/* (2) Kategoriové „Do košíku" na stejnou velikost jako „Varianty" (44px, padding 13/26). */
body.type-category .products .product .btn-cart.add-to-cart-button,
body.type-category .products .product .add-to-cart-button{
  padding:13px 26px !important; height:auto !important; min-height:0 !important; line-height:1.2 !important;
  font-size:var(--mz-text-sm) !important;}

/* (5) Stejné výšky dlaždic v řádku — karta .p vyplní roztaženou výšku, akční blok dolů. */
body.type-category .products .product{display:flex !important;}
body.type-category .products .product > .p{display:flex !important; flex-direction:column !important; flex:1 1 auto !important; width:100% !important; height:auto !important;}
body.type-category .products .product .p-in{display:flex !important; flex-direction:column !important; flex:1 1 auto !important;}
body.type-category .products .product .p-bottom{margin-top:auto !important;}

/* (6) Navigační tlačítka jako sekundární pill (Načíst další, Nahoru, šipky stránkování). */
.loadMore__button, .goToTop__button, .pagination__link--next, .pagination__link--prev{
  border-radius:999px !important; border:1px solid var(--mz-line) !important; background:var(--mz-surface) !important;
  color:var(--mz-ink) !important; text-transform:uppercase !important; letter-spacing:.08em !important;
  font-family:"Noto Sans",sans-serif !important; font-weight:400 !important; font-size:var(--mz-text-sm) !important;
  box-shadow:none !important;}
.loadMore__button{padding:13px 26px !important;}
.goToTop__button{padding:13px 22px !important;}
.pagination__link--next, .pagination__link--prev{width:auto !important; height:auto !important; padding:10px 18px !important; border-radius:999px !important;}
.loadMore__button:hover, .goToTop__button:hover,
.pagination__link--next:hover, .pagination__link--prev:hover{
  background:var(--mz-surface) !important; border-color:var(--mz-sage2) !important; color:var(--mz-ink) !important;}

/* (3) Homepage sekce 2: větší dlaždice — desktop ukáže ~4, delší sekce se posouvají (slider). */
@media(min-width:1080px){
  .mz-k2-grid{grid-template-columns:none !important; grid-auto-flow:column !important;
    grid-auto-columns:calc((100% - 15px)/4) !important; overflow-x:auto !important; scroll-snap-type:x proximity;}
  .mz-k2-tile{scroll-snap-align:start;}
}

/* ============================================================
   v90 — Kategorie: sjednocení výšky tlačítek + zarovnání; produkt: tabulka parametrů + fix log
   ============================================================ */
/* (2) Kategorie: „Do košíku" i „Varianty" pevná výška 44px (ikona košíku dělala 52px). */
body.type-category .products .product .btn-cart.add-to-cart-button,
body.type-category .products .product .add-to-cart-button,
body.type-category .products .product a.btn.btn-primary{
  height:44px !important; min-height:44px !important; padding:0 24px !important; box-sizing:border-box !important;}

/* (5) Vertikální poloha tlačítka stejná v řádku — sjednocení výšky obsahu: název + popis na 2 řádky. */
/* Ořez na 2 řádky s „…". Pozn.: -webkit-line-clamp přímo na a.name nefunguje (a.name je flex-item →
   blokifikace), proto se clampuje jeho vnitřní <span>. a.name má pevnou výšku jako fallback (span-less). */
body.type-category .products .product a.name{
  display:block !important; line-height:1.25 !important;
  max-height:2.5em !important; min-height:2.5em !important; overflow:hidden !important;}
body.type-category .products .product a.name > span{
  display:-webkit-box !important; -webkit-line-clamp:2 !important; -webkit-box-orient:vertical !important;
  overflow:hidden !important; line-height:1.25 !important;}
body.type-category .products .product .p-desc,
body.type-category .products .product .short-description{
  display:-webkit-box !important; -webkit-line-clamp:2 !important; -webkit-box-orient:vertical !important;
  overflow:hidden !important; line-height:1.45 !important; max-height:2.9em !important; min-height:2.9em !important;}

/* (A) Detail produktu: „Doplňkové parametry" jako decentní tabulka v identitě. */
body.type-product .detail-parameters{width:100% !important; border-collapse:collapse !important; margin:6px 0 18px !important; font-family:"Noto Sans",sans-serif !important;}
body.type-product .detail-parameters tr{border-bottom:1px solid var(--mz-line) !important;}
body.type-product .detail-parameters th,
body.type-product .detail-parameters td{padding:11px 0 !important; text-align:left !important; vertical-align:top !important; border:0 !important; background:none !important;}
body.type-product .detail-parameters th{width:42% !important; color:var(--mz-muted) !important; font-weight:400 !important; font-size:var(--mz-text-sm) !important;}
body.type-product .detail-parameters .row-header-label{font-weight:400 !important;}
body.type-product .detail-parameters td{color:var(--mz-ink) !important; font-size:var(--mz-text-sm) !important;}
body.type-product .detail-parameters td a{color:var(--mz-ink) !important; text-decoration:none !important;}
body.type-product .detail-parameters td a:hover{color:var(--mz-sage) !important;}

/* (B) Detail produktu: slider „Kde koupit" nesmí přetékat stránku — flexibilní wrap grid místo pevných 180px. */
body.type-product #mizonKdeKoupit .mizon-partneri-loga{
  display:grid !important; grid-template-columns:repeat(auto-fit,minmax(110px,1fr)) !important;
  grid-auto-flow:row !important; grid-auto-columns:auto !important; overflow:visible !important;
  gap:8px 12px !important; padding:0 !important;}

/* (B2) „Kde koupit" na detailu je uvnitř flex .description-inner → jako flex-item se smrskl na obsah.
   Roztáhnout na plnou šířku, aby loga měla dost sloupců (ne 1–2). */
body.type-product #mizonKdeKoupit{flex:1 1 100% !important; width:100% !important; max-width:100% !important; min-width:0 !important;}

/* (Menu) Dropdown „Produkty": názvy 3 hlavních kategorií na jednom řádku (nezalamovat), sloupce dál od sebe. */
.header-bottom .menu-level-2 > li > div > a,
.header-bottom .menu-level-2 > li > div > a span,
.header-bottom .menu-level-2 > li > a,
.header-bottom .menu-level-2 > li > a span{white-space:nowrap !important;}
.header-bottom .menu-level-2 > li{padding-right:40px !important;}



/* (Obrázek detailu) Zvětšit doleva: levá hrana obrázku = --mz-pad (jako full-width text dole), pravá
   hrana zůstává → větší čtverec. Jen na širokém desktopu (≥1280), kde je info-kontejner centrovaný a
   obrázek je odsazený od --mz-pad; níž je kontejner ~full-width a obrázek už u kraje je. */
@media(min-width:1280px){
  body.type-product .p-image-wrapper{overflow:visible !important;}
  body.type-product .p-image-wrapper > .p-image,
  body.type-product .p-image-wrapper > .p-main-image{
    margin-left:calc(-1 * (50vw - 569px - var(--mz-pad))) !important;
    width:calc(50vw - 64px - var(--mz-pad)) !important; max-width:none !important;}
}

/* (Galerie náhledů) Stejně jako hlavní obrázek: zvětšit doleva na --mz-pad, pravá hrana zůstává.
   Náhledy jsou v .mz-tiles (grid 2 sloupce), přímý potomek .p-image-wrapper. Jen širší desktop. */
@media(min-width:1280px){
  body.type-product .p-image-wrapper > .mz-tiles{
    margin-left:calc(-1 * (50vw - 569px - var(--mz-pad))) !important;
    width:calc(50vw - 64px - var(--mz-pad)) !important; max-width:none !important;}
}

/* (Detail) Jediná oddělovací čára MEZI tlačítkem „Detailní popis produktu" a sekcí „Doplňkové parametry".
   Čára = horní okraj sekce parametrů (tlačítko zůstává čistý pill dle globálního sekundárního stylu);
   žádné dvojité čáry dole. */
body.type-product .pr-action .extended-description{border-top:1px solid var(--mz-line) !important; margin-top:24px !important; padding-top:24px !important;}
body.type-product .pr-action .extended-description h4{margin-top:0 !important; padding-top:0 !important;}
body.type-product .pr-action > .detail-parameters{border-top:0 !important;}
body.type-product .pr-action .extended-description table tr:last-child,
body.type-product .pr-action .extended-description table tr:last-child td{border-bottom:0 !important;}

/* ============================================================
   RELAČNÍ SEKCE („Doplňte svůj rituál" + „Podobné produkty") = stejné chování jako dlaždice kategorie
   ============================================================ */
/* „Varianty" (a.btn-primary) → globální sekundární pill */
body.type-product .products-alternative-wrapper .product a.btn.btn-primary,
body.type-product .products-related-wrapper .product a.btn.btn-primary{
  border-radius:999px !important; text-transform:uppercase !important; letter-spacing:.08em !important;
  font-size:var(--mz-text-sm) !important; font-weight:400 !important; height:44px !important; min-height:44px !important;
  padding:0 24px !important; box-sizing:border-box !important;
  background:var(--mz-surface) !important; border:1px solid var(--mz-line) !important; color:var(--mz-ink) !important;}
body.type-product .products-alternative-wrapper .product a.btn.btn-primary:hover,
body.type-product .products-related-wrapper .product a.btn.btn-primary:hover{
  background:var(--mz-surface) !important; border-color:var(--mz-sage2) !important; color:var(--mz-ink) !important;}
/* „Do košíku" = 44px (stejně jako v layoutu kategorie) */
body.type-product .products-alternative-wrapper .product .btn-cart.add-to-cart-button,
body.type-product .products-alternative-wrapper .product .add-to-cart-button,
body.type-product .products-related-wrapper .product .btn-cart.add-to-cart-button,
body.type-product .products-related-wrapper .product .add-to-cart-button{
  height:44px !important; min-height:44px !important; padding:0 24px !important; box-sizing:border-box !important;
  font-size:var(--mz-text-sm) !important; width:auto !important;}
/* Stejné výšky karet v řádku + tlačítko dole zarovnané */
body.type-product .products-alternative-wrapper .product,
body.type-product .products-related-wrapper .product{display:flex !important;}
body.type-product .products-alternative-wrapper .product > .p,
body.type-product .products-related-wrapper .product > .p{display:flex !important; flex-direction:column !important; flex:1 1 auto !important; width:100% !important;}
body.type-product .products-alternative-wrapper .product .p-in,
body.type-product .products-related-wrapper .product .p-in{display:flex !important; flex-direction:column !important; flex:1 1 auto !important;}
body.type-product .products-alternative-wrapper .product .p-bottom,
body.type-product .products-related-wrapper .product .p-bottom{margin-top:auto !important;}
/* Ořez názvu (přes vnitřní span, s „…") + popisu na 2 řádky */
body.type-product .products-alternative-wrapper .product a.name,
body.type-product .products-related-wrapper .product a.name{
  display:block !important; line-height:1.25 !important; max-height:2.5em !important; min-height:2.5em !important; overflow:hidden !important;}
body.type-product .products-alternative-wrapper .product a.name > span,
body.type-product .products-related-wrapper .product a.name > span{
  display:-webkit-box !important; -webkit-line-clamp:2 !important; -webkit-box-orient:vertical !important; overflow:hidden !important; line-height:1.25 !important;}
body.type-product .products-alternative-wrapper .product .p-desc,
body.type-product .products-related-wrapper .product .p-desc{
  display:-webkit-box !important; -webkit-line-clamp:2 !important; -webkit-box-orient:vertical !important;
  overflow:hidden !important; line-height:1.45 !important; max-height:2.9em !important; min-height:2.9em !important;}

/* ============================================================
   GLOBÁLNÍ ODSAZENÍ OD STRAN = --mz-pad — jednotně na kategorii, homepage sekci 5 (levý text) a menu.
   (Relace na detailu jsou už v --mz-pad oblasti; produktový detail řeší breakout obrázku.)
   ============================================================ */
/* Kategorie: obsah přes celou šířku, --mz-pad má KAŽDÝ prvek sám (nadpis/perex/sort mají vlastní, dlaždicím
   ho přidáme). Kontejner NESMÍ přidat další padding, jinak se --mz-pad zdvojuje (nadpis měl 144px místo 64). */
body.type-category .container.content-wrapper{
  max-width:none !important; width:auto !important; margin-left:0 !important; margin-right:0 !important;
  padding-left:0 !important; padding-right:0 !important;}
body.type-category .container.content-wrapper .content-inner{padding-left:0 !important; padding-right:0 !important;}
body.type-category .content.narrow{padding-left:0 !important; padding-right:0 !important;}
/* Dlaždice: --mz-pad zajišťuje už .category-content-wrapper (ř. 395) + .products{padding:0} (ř. 1290).
   NEpřidávat sem padding na .products — zdvojilo by to odsazení (obrázky dlaždic šly na 128 místo 64). */

/* Homepage sekce 5 „O značce MIZON" — levý textový sloupec na --mz-pad. */
.mizon-o-znacce > div{padding-left:var(--mz-pad) !important; padding-right:var(--mz-pad) !important; box-sizing:border-box !important;}

/* Menu (desktop + tablet ≥576): logo vlevo a ikony vpravo VŽDY v --mz-pad — nezávisle na šířce.
   Hlavička je Bootstrap `.container` (max-width, centrovaný) → při zúžení se logo/ikony stahovaly ke středu.
   Fix: nav-wrapper full-width (max-width:none, margin 0) + padding = --mz-pad. Flex-gap zafixován na 14px
   (byl responzivní), takže „phantom" před logem = konstantní 2×14=28px → logo margin-left −28 to vyruší.
   Pravá ikona (poslední flex-item) sedí na padding-right = --mz-pad sama. */
@media(min-width:576px){
  header .header-top .navigation-wrapper{
    max-width:none !important; width:auto !important; margin-left:0 !important; margin-right:0 !important;
    padding-left:var(--mz-pad) !important; padding-right:var(--mz-pad) !important; column-gap:14px !important;}
  header .header-top .navigation-wrapper > .site-name{margin-left:-28px !important;}
  /* „CZK" blíž k ikonám: odebrat levý padding bloku ikon → mezera CZK↔lupa = mezera lupa↔košík. */
  header .header-top .navigation-buttons{padding-left:0 !important;}
}

/* Stránka Kde koupit: pod logy partnerů skrýt jejich jména (span). */
body.in-kde-koupit .mizon-partner-tiles a span{display:none !important;}

/* Relace na detailu („Doplňte svůj rituál" + „Podobné produkty") — zarovnat na globální --mz-pad
   (full-bleed jako popis/obrázek). Nadpisy a wrappery jsou v centrovaném kontejneru → breakout přes
   negativní marginy (stejná logika jako obrázek). Jen širší desktop, kde je kontejner centrovaný. */
@media(min-width:1280px){
  body.type-product .products-alternative-header,
  body.type-product .products-related-header,
  body.type-product .mz-rutina-intro,
  body.type-product .products-alternative-wrapper,
  body.type-product .products-related-wrapper{
    margin-left:calc(-1 * (50vw - 569px - var(--mz-pad))) !important;
    margin-right:calc(-1 * (50vw - 569px - var(--mz-pad))) !important;
    width:auto !important; max-width:none !important;}
}

/* Menu: rozbalovací dropdown „Produkty" (jediné .menu-level-2 pod top-level položkou) — globální odsazení
   --mz-pad z obou stran (sloupce dřív lícovaly na úplný okraj panelu). */
.header-bottom .menu-level-1 > li > .menu-level-2{
  padding-left:var(--mz-pad) !important; padding-right:var(--mz-pad) !important; box-sizing:border-box !important;}
/* Vnitřní obal sloupce má 24px padding → text (nadpis i odkazy) nelícoval s logem. Vynulovat, aby obsah
   1. sloupce začínal přesně na --mz-pad (jako logo). */
.header-bottom .menu-level-1 > li > .menu-level-2 > li > div{padding-left:0 !important; padding-right:0 !important;}

/* Produkty dropdown: VŽDY 4 sloupce (tablet i desktop ≥768), ať se 4. větev nezalomí pod ostatní.
   Samba dává flex-wrap:wrap + auto šířky → na užší šířce se nevejdou 4 vedle sebe a 4. sloupec spadne
   do 2. řádku (viz screen). Vynutit nowrap + 4 stejně široké sloupce. */
@media(min-width:768px){
  .header-bottom .menu-level-1 > li > .menu-level-2{flex-wrap:nowrap !important; align-items:flex-start !important;}
  .header-bottom .menu-level-1 > li > .menu-level-2 > li{
    flex:1 1 25% !important; max-width:25% !important; min-width:0 !important; padding-right:24px !important;}
  /* dlouhé nadpisy sloupců smí zalomit (jinak nowrap přeteče úzký sloupec) */
  .header-bottom .menu-level-1 > li > .menu-level-2 > li > div > a,
  .header-bottom .menu-level-1 > li > .menu-level-2 > li > div > a span,
  .header-bottom .menu-level-1 > li > .menu-level-2 > li > a,
  .header-bottom .menu-level-1 > li > .menu-level-2 > li > a span{white-space:normal !important;}
}
/* ============================================================
   OBJEDNÁVKOVÝ PROCES — identita v2: šedé pozadí + čáry místo boxů — v113
   Scope: body.ordering-process (.in-kosik / .in-krok-1 / .in-krok-2)
   Pryč krémové boxy → prosvítá globální šedá (--mz-paper). Přebytečné rámečky pryč,
   sekce odděleny jen tenkou čárou (--mz-line). Globální fonty a tlačítka.
   ============================================================ */

/* --- Globální odsazení od stran; cart grid srovnat na globál (h1 i obsah na --mz-pad) --- */
body.ordering-process .container.content-wrapper{max-width:none !important; width:auto !important; margin:0 !important;
  padding-left:var(--mz-pad) !important; padding-right:var(--mz-pad) !important; box-sizing:border-box !important;}
body.ordering-process .content.narrow, body.ordering-process .content-wrapper-in{padding:0 !important; max-width:none !important; width:auto !important;}
/* .content-inner mělo padding-left:64px navíc → cart grid byl na 128 místo 64 (dvojité odsazení) */
body.ordering-process .content-inner{padding-left:0 !important; padding-right:0 !important;}
body.ordering-process .cart-wrapper, body.ordering-process .cart-inner{padding-left:0 !important; padding-right:0 !important; margin-left:0 !important; margin-right:0 !important; max-width:none !important; width:auto !important;}
body.ordering-process .row.cart-row{margin-left:0 !important; margin-right:0 !important;}
body.ordering-process .col-md-8{padding-left:0 !important;}
body.ordering-process .sidebar-in-cart{padding-right:0 !important;}

/* --- Fonty: nadpisy serif, text Noto Sans --- */
body.ordering-process h1{font-family:var(--mz-serif) !important; font-weight:700 !important; color:var(--mz-ink) !important; letter-spacing:-.015em !important;}
body.ordering-process h2, body.ordering-process .co-box h2, body.ordering-process legend{font-family:var(--mz-serif) !important; font-weight:700 !important; color:var(--mz-ink) !important; font-size:20px !important; letter-spacing:-.01em !important;}
body.ordering-process, body.ordering-process p, body.ordering-process td, body.ordering-process label, body.ordering-process .form-control, body.ordering-process a{font-family:"Noto Sans","Source Sans 3",sans-serif !important;}

/* --- BOXY → průhledné (prosvítá šedá), bez rámečku/stínu; oddělení jen tenkou čárou --- */
body.ordering-process .box, body.ordering-process .co-box, body.ordering-process .box-bg-default,
body.ordering-process .summary-wrapper, body.ordering-process .sidebar-in-cart, body.ordering-process .checkout-box-wrapper,
body.ordering-process .recapitulation-single, body.ordering-process .contact-info, body.ordering-process .contact-box,
body.ordering-process .order-recapitulation, body.ordering-process .order-summary,
body.ordering-process .order-recapitulation td, body.ordering-process .order-recapitulation th, body.ordering-process .order-summary-item{
  background:transparent !important; border:0 !important; box-shadow:none !important; border-radius:0 !important;}
/* rekapitulace produktů: bez svislých čar mezi sloupci, jen spodní čára řádku */
body.ordering-process .cart-item-name, body.ordering-process .cart-item-amount, body.ordering-process .cart-item-price,
body.ordering-process .cart-item > div{border-left:0 !important; border-right:0 !important;}
body.ordering-process .cart-item{border-bottom:1px solid var(--mz-line) !important;}
/* rekapitulace: řádky produktů oddělené jen spodní čárou; žádné svislé čáry mezi sloupci */
body.ordering-process .order-recapitulation tbody tr, body.ordering-process .order-recapitulation .order-summary-item{border-bottom:1px solid var(--mz-line) !important;}
body.ordering-process .order-recapitulation table, body.ordering-process .order-recapitulation td, body.ordering-process .order-recapitulation th,
body.ordering-process table.order-recapitulation td, body.ordering-process table.order-recapitulation th{border-left:0 !important; border-right:0 !important;}
/* hlavní sekce kroku (co-box) oddělené horní čárou */
body.ordering-process .co-box{padding:24px 0 !important; margin:0 !important; border-top:1px solid var(--mz-line) !important;}
body.ordering-process .co-box:first-of-type{border-top:0 !important;}

/* --- Kroky (progress) --- */
body.ordering-process ol.cart-header{display:flex !important; flex-wrap:wrap !important; gap:6px 22px !important; list-style:none !important;
  padding:0 !important; margin:0 0 clamp(24px,3vw,40px) !important; position:relative !important; z-index:0 !important;}
body.ordering-process ol.cart-header .step, body.ordering-process ol.cart-header .step a, body.ordering-process ol.cart-header .step strong{
  font-family:"Noto Sans",sans-serif !important; font-weight:400 !important; text-transform:uppercase !important; letter-spacing:.08em !important;
  font-size:12px !important; color:var(--mz-muted) !important; text-decoration:none !important;}
body.ordering-process ol.cart-header .step.active, body.ordering-process ol.cart-header .step.active strong{color:var(--mz-ink) !important;}
body.ordering-process ol.cart-header .step.completed, body.ordering-process ol.cart-header .step.completed a{color:var(--mz-sage) !important;}
/* Menu + jeho dropdown vždy nad obsahem objednávky (kroky ho dřív překrývaly). */
.header-bottom{z-index:60 !important;}

/* --- Formulářová pole (funkční okraj) --- */
body.ordering-process .form-control, body.ordering-process select.form-control, body.ordering-process textarea.form-control{
  background:var(--mz-surface) !important; border:1px solid var(--mz-line) !important; border-radius:2px !important; color:var(--mz-ink) !important; box-shadow:none !important;}
body.ordering-process .form-control:focus{border-color:var(--mz-sage) !important; box-shadow:0 0 0 2px var(--mz-sage-tint) !important; outline:0 !important;}
body.ordering-process label, body.ordering-process .control-label{color:var(--mz-muted) !important;}
body.ordering-process input[type=radio], body.ordering-process input[type=checkbox]{accent-color:var(--mz-sage) !important;}

/* --- Dopravní/platební volby = čisté řádky s dělící čárou --- */
body.ordering-process .radio-wrapper{border:0 !important; border-bottom:1px solid var(--mz-line) !important; border-radius:0 !important;
  background:transparent !important; padding:14px 2px !important; margin:0 !important; box-shadow:none !important;}
body.ordering-process .radio-wrapper:last-child{border-bottom:0 !important;}
body.ordering-process .shipping-billing-name, body.ordering-process .billing-name{font-family:"Noto Sans",sans-serif !important; font-weight:400 !important; color:var(--mz-ink) !important;}

/* --- Rekapitulace: jednoduché 2-sloupcové řádky (žádné vnořené boxy/přetékání) --- */
body.ordering-process .order-summary-item, body.ordering-process .recapitulation-shipping-billing{
  display:flex !important; justify-content:space-between !important; align-items:baseline !important; gap:16px !important;
  padding:8px 0 !important; border:0 !important; background:transparent !important;}
body.ordering-process .recapitulation-shipping-billing-label{white-space:normal !important; flex:1 1 auto !important;}
body.ordering-process .recapitulation-shipping-billing-info{white-space:nowrap !important; text-align:right !important;}
body.ordering-process .price-primary, body.ordering-process .p-price, body.ordering-process .payment-shipping-price,
body.ordering-process .order-summary-item .price, body.ordering-process .cart-summary .price{color:var(--mz-ink) !important;}

/* --- Košík: řádky, obrázek svisle na střed s názvem --- */
body.ordering-process .cart-row{align-items:center !important;}
body.ordering-process .cart-content, body.ordering-process .cart-widget{border-color:var(--mz-line) !important;}
body.ordering-process .delete-cart-item{color:var(--mz-muted) !important;}
body.ordering-process .delete-cart-item:hover{color:var(--mz-ink) !important;}

/* --- GLOBÁLNÍ TLAČÍTKA --- */
/* Primární (sage pill) */
body.ordering-process .next-step-forward, body.ordering-process .next-step-finish,
body.ordering-process .btn-conversion, body.ordering-process .add-to-cart-button{
  display:inline-flex !important; align-items:center !important; justify-content:center !important; gap:6px !important;
  background:var(--mz-sage) !important; color:#fff !important; border:1px solid var(--mz-sage) !important; border-radius:999px !important;
  min-height:44px !important; padding:0 28px !important; box-sizing:border-box !important; text-transform:uppercase !important; letter-spacing:.08em !important;
  font-family:"Noto Sans",sans-serif !important; font-weight:400 !important; font-size:var(--mz-text-sm) !important; line-height:1.1 !important; box-shadow:none !important;}
body.ordering-process .next-step-forward:hover, body.ordering-process .next-step-finish:hover, body.ordering-process .btn-conversion:hover{
  background:var(--mz-sage2) !important; border-color:var(--mz-sage2) !important; color:#fff !important;}
/* Text uvnitř tlačítek na globální velikost (dřív .order-button-text = 18px) */
body.ordering-process .order-button-text, body.ordering-process .button-text,
body.ordering-process .next-step .btn > span:not(.order-button-suffix){
  font-size:var(--mz-text-sm) !important; text-transform:uppercase !important; letter-spacing:.08em !important; font-weight:400 !important;}
/* Finish: druhotný text „s povinností platby" MENŠÍ, pod hlavní popisek */
body.ordering-process .next-step-finish{flex-direction:column !important; gap:1px !important; height:auto !important; padding:7px 28px !important;}
body.ordering-process .order-button-suffix{display:block !important; font-size:11px !important; text-transform:none !important;
  letter-spacing:.01em !important; font-weight:200 !important; opacity:.9 !important; line-height:1.1 !important;}
/* Sekundární (outline pill) */
body.ordering-process .next-step-back, body.ordering-process .btn-default:not(.btn-conversion){
  display:inline-flex !important; align-items:center !important; justify-content:center !important; gap:6px !important;
  background:transparent !important; color:var(--mz-ink) !important; border:1px solid var(--mz-line) !important; border-radius:999px !important;
  min-height:44px !important; padding:0 28px !important; box-sizing:border-box !important; text-transform:uppercase !important; letter-spacing:.08em !important;
  font-family:"Noto Sans",sans-serif !important; font-weight:400 !important; font-size:var(--mz-text-sm) !important; line-height:1.1 !important; box-shadow:none !important;}
body.ordering-process .next-step-back:hover, body.ordering-process .btn-default:not(.btn-conversion):hover{border-color:var(--mz-sage2) !important; background:transparent !important;}
/* Košíkový sidebar: obě tlačítka pod sebou na plnou šířku */
body.ordering-process .next-step--cart{flex-direction:column !important; align-items:stretch !important; gap:10px !important; margin-top:14px !important;}
body.ordering-process .next-step--cart .next-step-forward, body.ordering-process .next-step--cart .next-step-back{width:100% !important;}
/* Kroky 1–2: spodní lišta zpět vlevo / vpřed vpravo */
body.ordering-process .next-step:not(.next-step--cart){display:flex !important; justify-content:space-between !important; gap:14px !important; margin-top:24px !important;}

/* --- Souhlas s VOP = malý decentní text --- */
body.ordering-process .consents, body.ordering-process .consents *, body.ordering-process [class*="agreement"]{
  font-size:11.5px !important; color:var(--mz-muted) !important; line-height:1.45 !important;}

/* --- „Potřebujete pomoc?" toggle = decentní sekundární, ne těžké plné tlačítko --- */
body.ordering-process .toggle-contacts{display:inline-flex !important; align-items:center !important; gap:8px !important; width:auto !important;
  background:transparent !important; color:var(--mz-sage) !important; border:0 !important; border-radius:0 !important; box-shadow:none !important;
  padding:6px 0 !important; text-transform:none !important; letter-spacing:0 !important; font-family:"Noto Sans",sans-serif !important;
  font-weight:400 !important; font-size:var(--mz-text-sm) !important; min-height:0 !important;}
body.ordering-process .toggle-contacts:hover{color:var(--mz-sage2) !important; background:transparent !important;}

/* --- Kontaktní karta (FairFox): logo malé, bez přetékání --- */
body.ordering-process .contact-info img, body.ordering-process .contact-info svg,
body.ordering-process .contact-box img, body.ordering-process .contact-box svg{max-width:48px !important; width:48px !important; height:auto !important;}
body.ordering-process .contact-box a{white-space:nowrap !important;}
/* Instagram: dlouhý URL nahradit textem „Instagram" (čistě CSS, href zůstává). */
body.ordering-process .contact-box .instagram a{font-size:0 !important; letter-spacing:0 !important; white-space:nowrap !important;}
body.ordering-process .contact-box .instagram a::after{content:"Instagram" !important; font-size:var(--mz-text-sm) !important; letter-spacing:0 !important; color:var(--mz-sage) !important;}

/* --- Rozbalovák „Související produkty" v košíku = pill tlačítka --- */
body.ordering-process .cart-content .add-to-cart-button, body.ordering-process .products-related-wrapper .add-to-cart-button{
  border-radius:999px !important; padding:0 22px !important; height:40px !important; min-height:40px !important; font-size:var(--mz-text-sm) !important;}
body.ordering-process .cart-content .products a.btn.btn-primary{
  border-radius:999px !important; background:transparent !important; border:1px solid var(--mz-line) !important; color:var(--mz-ink) !important;
  text-transform:uppercase !important; letter-spacing:.08em !important; font-size:var(--mz-text-sm) !important;}

/* ============================================================
   OBJEDNÁVKOVÝ PROCES — dolaďení v114 (2026-08-05)
   ============================================================ */
/* --- „Související produkty" v košíku: kompaktnější, ať sedí zbytku; Detail = sekundární pill --- */
body.ordering-process .cart-related-product{padding-top:8px !important; padding-bottom:8px !important;}
body.ordering-process .cart-related-img, body.ordering-process .cart-related-img img{width:52px !important; max-width:52px !important; min-width:52px !important; height:52px !important;}
body.ordering-process .cart-related-name{font-size:14px !important; line-height:1.3 !important; font-weight:700 !important;}
body.ordering-process .cart-related-product .add-to-cart-button{height:36px !important; min-height:36px !important; padding:0 18px !important; font-size:12px !important;}
body.ordering-process .cart-related-product .btn.btn-primary, body.ordering-process .cart-related-product a.btn-primary{
  display:inline-flex !important; align-items:center !important; justify-content:center !important;
  border-radius:999px !important; height:36px !important; min-height:36px !important; padding:0 22px !important;
  background:transparent !important; border:1px solid var(--mz-line) !important; color:var(--mz-ink) !important;
  text-transform:uppercase !important; letter-spacing:.08em !important; font-size:12px !important; font-weight:400 !important; box-shadow:none !important;}
body.ordering-process .cart-related-product .btn.btn-primary:hover, body.ordering-process .cart-related-product a.btn-primary:hover{border-color:var(--mz-sage2) !important; color:var(--mz-ink) !important; background:transparent !important;}

/* --- Rekapitulace dopravy/platby (krok 1–2): pryč béžové boxy a rámečky → čistý řádek --- */
body.ordering-process .recapitulation-single, body.ordering-process .recapitulation-shipping-billing,
body.ordering-process .recapitulation-shipping-billing-label, body.ordering-process .recapitulation-shipping-billing-info,
body.ordering-process .order-summary-inner{background:transparent !important; border:0 !important; box-shadow:none !important; border-radius:0 !important; padding-left:0 !important; padding-right:0 !important;}
body.ordering-process .recapitulation-single{display:flex !important; justify-content:space-between !important; align-items:baseline !important;
  gap:12px !important; padding:8px 0 !important; margin:0 !important; border-bottom:1px solid var(--mz-line) !important;}
body.ordering-process .recapitulation-shipping-billing-info{white-space:nowrap !important; text-align:right !important; color:var(--mz-ink) !important;}

/* --- Finish tlačítko: „s povinností platby" jako malý text POD tlačítkem (mimo něj) --- */
body.ordering-process .next-step-finish{position:relative !important; flex-direction:row !important; overflow:visible !important; height:44px !important; padding:0 28px !important; gap:6px !important;}
body.ordering-process .order-button-suffix{position:absolute !important; top:calc(100% + 6px) !important; left:0 !important; right:0 !important;
  display:block !important; text-align:center !important; color:var(--mz-muted) !important; font-size:11px !important; text-transform:none !important;
  letter-spacing:.01em !important; font-weight:200 !important; line-height:1.2 !important; opacity:1 !important; white-space:nowrap !important;}
/* místo pod spodní lištou tlačítek pro text „s povinností platby" */
body.ordering-process .next-step:not(.next-step--cart){margin-bottom:34px !important; align-items:flex-start !important;}

/* --- „Potřebujete pomoc?" / kontaktní karta: sjednotit a zmenšit fonty --- */
body.ordering-process .contact-box, body.ordering-process .contact-box a, body.ordering-process .contact-box strong,
body.ordering-process .contact-box b, body.ordering-process .contact-box span, body.ordering-process .contact-box div,
body.ordering-process .contact-box li{font-size:13px !important; line-height:1.4 !important;}
body.ordering-process .contact-box .instagram a{font-size:0 !important;}
body.ordering-process .contact-box .instagram a::after{content:"Instagram" !important; font-size:13px !important; color:var(--mz-sage) !important; letter-spacing:0 !important;}

/* ============================================================
   OBJEDNÁVKOVÝ PROCES — dolaďení v115 (2026-08-05)
   ============================================================ */
/* „Související produkty": zmenšit neproporčně velké „Skladem"/„Na objednávku" */
body.ordering-process .cart-related-availability, body.ordering-process .cart-related-availability *{font-size:13px !important;}
/* Rekapitulace zarovnat s tlačítky sloupce (order-summary mělo 32px padding navíc) */
body.ordering-process .order-summary{padding-left:0 !important; padding-right:0 !important;}
/* Řádky dopravy/platby: název vlevo, cena vpravo (jako produktové řádky); pryč generický label */
body.ordering-process .recapitulation-single > span:first-child{display:none !important;}
body.ordering-process .recapitulation-single > strong{display:flex !important; flex-direction:row !important; justify-content:space-between !important; align-items:baseline !important; width:100% !important; gap:12px !important; font-weight:400 !important; color:var(--mz-ink) !important;}
body.ordering-process .recapitulation-single > strong > span{order:2 !important; font-weight:700 !important; white-space:nowrap !important;}

/* v116: „Celkem k úhradě" (.order-summary-item.price) mělo margin:-16px → čouhalo mimo sloupec.
   Vynulovat, ať všechny řádky rekapitulace lícují (labely vlevo / ceny vpravo na okraji sloupce). */
body.ordering-process .order-summary-item, body.ordering-process .order-summary-item.price{margin-left:0 !important; margin-right:0 !important;}

/* v117: krok 1 — řádky rekapitulace (doprava/produkty) byly vsunuté kvůli paddingu
   .order-recapitulation (32px). Vynulovat, ať vše lícuje s okrajem sloupce/tlačítek. */
body.ordering-process .order-recapitulation, body.ordering-process .order-summary-inner, body.ordering-process .cart-items{padding-left:0 !important; padding-right:0 !important;}

/* v118: krok 1 — řádky dopravy/platby byly vysoké (105px) kvůli padding:32px na
   .recapitulation-shipping-billing-info (Shoptet default). Vynulovat → kompaktní řádky (41px)
   stejně jako na kroku 2. */
body.ordering-process .recapitulation-shipping-billing-info, body.ordering-process .recapitulation-shipping-billing-label{padding:0 !important;}
body.ordering-process .recapitulation-single.recapitulation-shipping-billing{padding-top:8px !important; padding-bottom:8px !important; min-height:0 !important;}

/* ============================================================
   OBJEDNÁVKOVÝ PROCES — mobilní (jednosloupcové) rozložení až do 1079px včetně (tablet) — v119
   Dřív se 2-sloupcové rozložení (obsah col-md-8 + sidebar col-md-4) zapínalo už od 768px.
   Nově: stackované jako na mobilu do 1079px; 2-sloupcové až od 1080px (desktop).
   ============================================================ */
@media (min-width:768px) and (max-width:1079px){
  body.ordering-process .col-md-8, body.ordering-process .col-md-4, body.ordering-process .sidebar-in-cart{
    width:100% !important; max-width:100% !important; float:none !important;
    padding-left:0 !important; padding-right:0 !important;}
}

/* v120: krok 2 — „* Povinná pole" (.form-legend) menší/decentní (dřív 18px), přesun pod
   registrační checkbox řeší mizon.js. Tlačítka kroků 1–2 vždy na jednom řádku (do 1080px se stackovala). */
body.ordering-process .form-legend{font-size:12px !important; color:var(--mz-muted) !important; font-weight:400 !important; margin:16px 0 0 !important; text-align:left !important;}
body.ordering-process .next-step:not(.next-step--cart){flex-direction:row !important; flex-wrap:nowrap !important;}

/* v121: krok 1 — volby dopravy/platby: logo + cena/„Zdarma" vždy na jednom řádku.
   Dřív se cena při šířkách ~1359–1515px zalomila pod logo (label flex-wrap:wrap + cena flex:1 0 128px:
   .payment-info narostl a na cenu zbyla < flex-basis → wrap na plnou šířku). Fix: nowrap + cena auto. */
body.ordering-process .radio-wrapper label{flex-wrap:nowrap !important; align-items:center !important;}
body.ordering-process .radio-wrapper .payment-shipping-price{flex:0 0 auto !important; width:auto !important; min-width:0 !important; white-space:nowrap !important; text-align:right !important; margin-left:14px !important;}
body.ordering-process .radio-wrapper .payment-info{min-width:0 !important;}

/* ============================================================
   HOMEPAGE — dolaďení (2026-08-06)
   ============================================================ */
/* (1) Sekce 1 (carousel) na desktopu (≥1080) = polovina výšky displeje (50vh). */
@media (min-width:1080px){
  body.in-index .carousel, body.in-index .carousel .carousel-inner,
  body.in-index .carousel .item, body.in-index .carousel .carousel-item,
  body.in-index .carousel .carousel-item-inner, body.in-index .carousel img{height:50vh !important;}
  body.in-index .carousel img{object-fit:cover !important; width:100% !important;}
}

/* (3) Layout kategorie — názvy produktů na dlaždicích VELKÝM písmem + separátor (linka) pod názvem. */
body.type-category .products .product a.name,
body.type-category .products .product a.name span{text-transform:uppercase !important; letter-spacing:.02em !important;}
body.type-category .products .product a.name{border-bottom:1px solid var(--mz-line) !important; padding-bottom:12px !important; margin-bottom:12px !important; box-sizing:content-box !important;}

/* ============================================================
   Dolaďení v123 (2026-08-06)
   ============================================================ */
/* (2) Homepage sekce 1 (carousel): obsah (nadpis+text+tlačítko) zarovnat na globální odsazení
   (--mz-pad) a vertikálně na střed banneru. */
body.in-index .carousel .extended-banner-texts{padding-left:var(--mz-pad) !important; padding-right:var(--mz-pad) !important;
  box-sizing:border-box !important; top:50% !important; bottom:auto !important; transform:translateY(-50%) !important; height:auto !important;
  display:flex !important; flex-direction:column !important; align-items:flex-start !important; justify-content:center !important;}
/* (3) Homepage sekce 4: loga partnerů do JEDNOHO řádku (desktop); ≤1079 responzivně zalomí a vycentruje. */
body.in-index .mizon-partneri-loga{display:flex !important; flex-wrap:nowrap !important; justify-content:space-between !important; align-items:center !important; gap:20px !important;}
body.in-index .mizon-partneri-loga a{margin:0 !important; flex:0 0 auto !important; display:inline-flex !important; align-items:center !important;}
body.in-index .mizon-partneri-loga a img{max-height:120px !important; width:auto !important; height:auto !important; max-width:none !important;}
@media(max-width:1079px){ body.in-index .mizon-partneri-loga{flex-wrap:wrap !important; justify-content:center !important; gap:24px 40px !important;} }
/* (1) Layout kategorie — názvy produktů na dlaždicích větší (proporčně; dřív 18px). */
body.type-category .products .product a.name, body.type-category .products .product a.name span{font-size:21px !important;}

/* v124 (2026-08-10) */
/* #1: Produkty dropdown — názvy subkategorií (menu-level-3) velkými písmeny + trochu větší (12→14px). */
.header-bottom .menu-level-1 > li > .menu-level-2 .menu-level-3 > li > a{
  text-transform:uppercase !important; letter-spacing:.06em !important; font-size:14px !important;}

/* v125 (2026-08-10) */
/* Spodní pruh pod patičkou: skrýt odznak „Vytvořeno na Shoptetu" (#signature).
   Odkaz „Upravit nastavení cookies" (.cookies-settings) ZŮSTÁVÁ — GDPR prvek.
   Placený tarif (Basic) → skrytí odznaku je v pořádku. Na ostrém e-shopu lze
   navíc vypnout oficiálně: Vzhled a obsah → Editor vzhledu → zápatí. */
#signature{ display:none !important; }
/* pruh se pak zúží jen na cookie odkaz; ať nezabírá zbytečnou výšku */
.footer-bottom-full-width .footer-bottom{ justify-content:flex-start; }
/* Pozn.: od v126 přesouvá mizon.js cookie odkaz do patičky a celou lištu skryje. Pravidla výše
   zůstávají jako GDPR fallback pro případ, že by JS neproběhl (lišta pak zůstane s cookie odkazem). */

/* v126 (2026-08-10) */

/* #1 — Statické právní/info stránky: obsah na globální --mz-pad (jako zbytek webu), ne vycentrovaný
   box 1170px. Sidebar (.sidebar-left) je prázdný → .content-inner jede full-bleed; ten už má --mz-pad
   (ř. 725), takže text lící s logem (64px) i s hlavičkou/patičkou. */
body.in-kontakty .container.content-wrapper,
body.in-cenik-dopravy .container.content-wrapper,
body.in-obchodni-podminky .container.content-wrapper,
body.in-podminky-ochrany-osobnich-udaju .container.content-wrapper,
body.in-reklamacni-rad .container.content-wrapper{ max-width:none !important; padding-left:0 !important; padding-right:0 !important; }
body.in-kontakty main.content,
body.in-cenik-dopravy main.content,
body.in-obchodni-podminky main.content,
body.in-podminky-ochrany-osobnich-udaju main.content,
body.in-reklamacni-rad main.content{ padding-left:0 !important; padding-right:0 !important; }

/* #2 — Přesunutý cookie odkaz ve sloupci „Právní" (za „Reklamační řád", před sociální sítě)
   sladit s ostatními odkazy sloupce (16px, plynule v seznamu). */
.footer a.mz-footer-cookies,
.footer a.cookies-settings.mz-footer-cookies{ font-size:16px !important; margin:0 !important; cursor:pointer !important; }

/* #3 — Cookie modal (Colorbox) v identitě: krémová karta, hairline oddělovače, hranaté pilulky,
   tlačítka jako na webu. Tmavý overlay (.shoptet-modal-md) i zavírací × (#cboxClose = Shoptet
   ikonový font) zůstávají nativní — nestylujeme je.
   POZOR: Shoptetí cookie CSS se načítá AŽ ZA mizon.css se stejnou specificitou + !important, takže
   plain `.cookiesSetting__…` by prohrálo (pozdější vyhrává). Modal žije v Colorboxu → prefixujeme
   `#colorbox ` (ID) = vyšší specificita, přebije nativní class-pravidla bez ohledu na pořadí. */
/* Colorbox wrappery: nech modal růst podle obsahu, nic neořezávej (nativně mají fixní výšku +
   overflow:hidden → spodek s tlačítky se ořízl). */
#colorbox, #cboxWrapper, #cboxContent, #cboxLoadedContent{ height:auto !important; overflow:visible !important; }
#colorbox .cookiesDialog{ background:var(--mz-surface) !important; border:0 !important; border-radius:0 !important; box-shadow:0 26px 70px rgba(30,35,30,.30) !important; height:auto !important; max-height:92vh !important; overflow-y:auto !important; padding:clamp(24px,3vw,36px) !important; }
#colorbox .cookiesSetting__form{ color:var(--mz-ink) !important; }
#colorbox .cookiesSetting__title{ font-family:var(--mz-serif) !important; font-weight:700 !important; color:var(--mz-ink) !important; font-size:clamp(22px,2.3vw,27px) !important; letter-spacing:.005em !important; margin:0 0 10px !important; }
#colorbox .cookiesSetting__perex{ color:var(--mz-muted) !important; font-size:14.5px !important; line-height:1.55 !important; margin:0 0 20px !important; }
#colorbox .cookiesSetting__data{ background:var(--mz-paper) !important; border:1px solid var(--mz-line) !important; border-radius:0 !important; padding:2px 20px !important; }
#colorbox .cookiesSetting__item{ border-bottom:1px solid var(--mz-line) !important; padding:16px 0 !important; margin:0 !important; }
#colorbox .cookiesSetting__item:last-child{ border-bottom:0 !important; }
#colorbox .cookiesSetting__item__name{ font-weight:700 !important; color:var(--mz-ink) !important; font-size:15px !important; }
#colorbox .cookiesSetting__item__text{ color:var(--mz-muted) !important; font-size:13px !important; line-height:1.5 !important; }
#colorbox .cookiesSetting__item__status{ border:1px solid var(--mz-line) !important; border-radius:0 !important; background:var(--mz-surface) !important; transition:border-color .15s, background .15s; }
#colorbox .cookiesSetting__item__status:has(input:checked){ border-color:var(--mz-sage) !important; background:var(--mz-sage-tint) !important; }
#colorbox .cookiesSetting__item__checkbox{ accent-color:var(--mz-sage) !important; }
#colorbox .cookiesSetting__item__state{ color:var(--mz-ink) !important; }
#colorbox .cookiesSetting__bottom{ margin-top:22px !important; }
/* Tlačítka = globální styl webu (.btn-primary): bílá s šalvějovým obrysem, radius 2px, 14px/600,
   letter-spacing .28px. Hlavní CTA „Povolit vše" (--green) = plná šalvěj. */
#colorbox .cookiesSetting__button{ font-family:inherit !important; background:#fff !important; color:var(--mz-sage) !important; border:1px solid var(--mz-sage) !important; border-radius:2px !important; height:auto !important; line-height:16px !important; padding:15px 24px !important; font-size:14px !important; font-weight:600 !important; letter-spacing:.28px !important; text-transform:none !important; }
#colorbox .cookiesSetting__button:not(.cookiesSetting__button--green):hover{ background:var(--mz-sage-tint) !important; }
#colorbox .cookiesSetting__button--green{ background:var(--mz-sage) !important; border:1px solid var(--mz-sage) !important; color:#fff !important; }
#colorbox .cookiesSetting__button--green:hover{ background:var(--mz-sage2) !important; border-color:var(--mz-sage2) !important; }
#colorbox .cookiesSetting__uncheckLink{ color:var(--mz-muted) !important; background:transparent !important; border:0 !important; text-decoration:underline !important; text-underline-offset:3px !important; }
#colorbox .cookiesSetting__uncheckLink:hover{ color:var(--mz-ink) !important; }

/* v129 (2026-08-11) — mobilní doladění (jen ≤575) */

/* #1 — Výpis kategorie: názvy produktů na dlaždicích na mobilu o polovinu menší (21px → 10,5px). */
@media(max-width:575px){
  body.type-category .products .product a.name,
  body.type-category .products .product a.name span{ font-size:10.5px !important; }
}

/* #2 — Homepage carousel (sekce 1): obsah (nadpis+text+tlačítko) posunout dolů a decentně odsadit
   od spodku sekce (dřív vertikálně na střed banneru). Jen mobil; boční --mz-pad zůstává z ř. 2071. */
@media(max-width:575px){
  body.in-index .carousel .extended-banner-texts{
    top:auto !important; bottom:clamp(28px,8vw,48px) !important; transform:none !important; height:auto !important; }
}

/* #3 — Detail produktu: relace „Doplňte svůj rituál" + „Podobné produkty" — na mobilu srovnat boční
   odsazení s ostatním obsahem detailu. Na ≤1079 má .p-data-wrapper i header padding 0, ale Samba dává
   wrapperu relací 32px navíc → dlaždice odsazené dovnitř. Vynulovat, ať lícují se zbytkem obsahu. */
@media(max-width:575px){
  body.type-product .products-alternative-wrapper,
  body.type-product .products-related-wrapper{ padding-left:0 !important; padding-right:0 !important; }
}