/* ==========================================================================
   MEGALU - uprava vzhledu obchodu (megalu.cz, Shoptet template-11)
   Zdroj pravdy: projects/megalu/pdp-redesign/megalu-ui.css
   Nasazeno jako soubor: /user/documents/upload/code/megalu-ui.css
   V administraci: Vzhled a obsah > HTML kody > Zahlavi (jeden radek <link>)
   Pri kazde zmene souboru zvednout ?v=N v tom odkazu, jinak CDN servíruje starou verzi.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1) Skryte prvky na detailu produktu
   -------------------------------------------------------------------------- */

/* "Detailni informace" odkaz */
body.type-detail .p-info-wrapper > p:has(> a.chevron-after),
body.type-detail .p-info-wrapper > p > a.chevron-after,
/* Tisk / Zeptat se / Hlidat / Sdilet + vyskakovaci "Zavrit" */
body.type-detail .social-buttons-wrapper,
/* pas Overeno zakazniky / Podpora / Doprava zdarma (jen na detailu, homepage zustava) */
body.type-detail .benefitBanner.position--benefitProduct,
/* doplnek nazvu pod H1 - zustava v DOM kvuli SEO, jen se nezobrazuje */
body.type-detail .p-detail-inner-header h1 .product-appendix,
/* "Merna cena: 2 899 Kc / 1 ks" - u kusoveho zbozi nic nerika, casto je prazdna */
body.type-detail .p-final-price-wrapper .price-measure,
/* nadpis "Detailni popis produktu" nad popisem (jen ten prvni, ne nadpisy v textu) */
body.type-detail .basic-description > h3:first-child,
/* cely radek s odkazem "Moznosti doruceni" v tabulce nad kosikem */
body.type-detail table.detail-parameters tr:has(> th > a.shipping-options),
/* zaloha pro prohlizece bez :has() - skryje aspon samotny odkaz */
body.type-detail table.detail-parameters a.shipping-options,
/* odkaz "Podrobnosti hodnoceni" u hvezdicek (hvezdicky zustavaji) */
body.type-detail .stars-wrapper a.stars-link.show-ratings,
/* pocet kusu (mnozstvi) u tlacitka Pridat do kosiku - input name="amount" zustava
   v DOM s hodnotou 1, takze formular odesila spravne mnozstvi */
body.type-detail .add-to-cart .quantity {
  display: none !important;
}

/* --------------------------------------------------------------------------
   2) Drobeckova navigace
   -------------------------------------------------------------------------- */

/* Nazev produktu se v drobecku od 10.8.2026 zase ZOBRAZUJE (zkraceny
   vytecnikem) - je to standard a potvrzuje navstevnikovi, ze je na spravne
   strance. Ven zustava jen marketingovy doplnek za nazvem (.appendix).
   Cely vzhled drobecku resi sekce 5.4. */

/* --------------------------------------------------------------------------
   3) Skladovost hned za cenou, oddelena svislou carou
   -------------------------------------------------------------------------- */

body.type-detail .p-info-wrapper .p-final-price-wrapper,
body.type-detail .p-info-wrapper .availability-value {
  display: inline-block !important;
  vertical-align: baseline;
}
body.type-detail .p-info-wrapper .availability-value::before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 16px;
  margin: 0 12px -2px 4px;
  background: #dcdcdc;
}

/* --------------------------------------------------------------------------
   4) Hodnoticí hvezdicky - znacka MEGALU zluta, o 20 % vetsi, zaoblene hroty
   -------------------------------------------------------------------------- */

:root {
  --mgl-star: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.1l2.8 5.7 6.3.9-4.6 4.4 1.1 6.3-5.6-3-5.6 3 1.1-6.3L3 9.7l6.3-.9z' fill='%23000' stroke='%23000' stroke-width='2.6' stroke-linejoin='round'/%3E%3C/svg%3E");
  --mgl-yellow: #fcb91d;
  --mgl-star-off: #e2e2e2;
  /* barva hlavicky - doladeno Olem 2026-08-09 (vychozi znackova byla #030F1A) */
  --mgl-charcoal: #03101B;
}

/* svisla cara pred hvezdickami */
.stars-wrapper::before { display: none !important; }

.stars .star { width: 14.4px !important; height: 14.4px !important; }
.stars .star::before {
  content: "" !important;
  display: inline-block !important;
  width: 14.4px !important;
  height: 14.4px !important;
  vertical-align: -2px;
  background: var(--mgl-yellow);
  -webkit-mask: var(--mgl-star) center / contain no-repeat;
  mask: var(--mgl-star) center / contain no-repeat;
}
.stars .star.star-off::before { background: var(--mgl-star-off); }
.stars .star.star-half::before {
  background: linear-gradient(90deg, var(--mgl-yellow) 50%, var(--mgl-star-off) 50%);
}

/* --------------------------------------------------------------------------
   5) HLAVICKA podle schvaleneho navrhu
   Zdroj: projects/megalu/web/homepage-redesign/homepage-proposal.tpl.html
          (.m-topbar / .m-head / .m-search / .m-cart / .m-nav)
   Plati na CELEM webu, ne jen na titulce. Hodnoty jsou prevzate 1:1 z navrhu.
   Doplnky, ktere nejdou CSS (telefon, presun Prihlaseni, text kosiku): megalu-ui.js
   -------------------------------------------------------------------------- */

:root {
  --mgl-sun: #FEC84B;
  --mgl-ink: #03101B;
  --mgl-hdr-line: rgba(255,255,255,.08);
}

.top-navigation-bar,
header#header,
.top-navigation-contacts,
.top-navigation-menu {
  background-color: var(--mgl-charcoal) !important;
}

/* --- 5.1 horni pruh: kontakt vlevo, odkazy vpravo, zadne svisle oddelovace --- */
body.desktop .top-navigation-bar {
  border-bottom: 1px solid var(--mgl-hdr-line);
  font-size: 12.5px;
}
body.desktop .top-navigation-bar .container {
  display: flex; align-items: center; gap: 22px; min-height: 38px;
}
/* !important je tu nutny: sablona drzi kontakty na PEVNYCH 30 % pruhu
   (flex: 0 0 30% = 341 px na 1280 px), i kdyz je uvnitr jen e-mail siroky
   139 px. Tech ~200 px zbytecne ubiralo odkazum vpravo a posledni
   ("Velkoobchod") se orezaval. */
body.desktop .top-navigation-contacts {
  display: flex; align-items: center; gap: 22px; float: none;
  flex: 0 0 auto !important;
}
/* navrh ma jen e-mail a telefon, ne popisek "Zakaznicka podpora:" */
body.desktop .top-navigation-contacts > strong { display: none !important; }
/* Sablona deli pruh na 30/40/30 %, a protoze Prihlaseni se prestehovalo dolu,
   zbyla vpravo prazdna tretina - odkazy proto koncily uprostred. Prazdny blok
   smrskneme a menu necháme roztahnout az k prave hrane, obsah zarovnany vpravo.

   POZOR: NEDAVAT .top-navigation-menu pevnou sirku (flex: 0 0 auto) ani
   display:flex. Sablona si podle sirky toho bloku pocita, kolik odkazu se vejde,
   a zbytek schova pod sipku (trida .cropped). Pri max-content sirce usoudi, ze
   se vejde vsechno, odkryje vsech sedm a pruh pretece z obrazovky. */
body.desktop .top-navigation-menu {
  flex: 1 1 auto !important; float: none; text-align: right;
}
body.desktop .top-navigation-tools { flex: 0 0 auto !important; }

body.desktop .top-navigation-bar a,
body.desktop .top-navigation-bar-menu a {
  color: rgba(255,255,255,.72) !important;
  font-size: 12.5px !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  font-weight: 400 !important;
}
body.desktop .top-navigation-bar a:hover,
body.desktop .top-navigation-bar-menu a:hover { color: #fff !important; }

/* svisle carky mezi odkazy - navrh je nema */
body.desktop .top-navigation-bar-menu > li { border: 0 !important; }
body.desktop .top-navigation-bar-menu > li::before,
body.desktop .top-navigation-bar-menu > li::after,
body.desktop .top-navigation-bar-menu > li > a::before,
body.desktop .top-navigation-bar-menu > li > a::after { content: none !important; display: none !important; }
body.desktop .top-navigation-bar-menu > li + li { margin-left: 18px !important; }

/* Zadna rozbalovaci sipka - vsechny odkazy na jednom radku (Ole, 9.8.2026).
   Sablona pri uzkem okne cast odkazu odsune pod sipku (trida .cropped) a kopie
   si drzi v .top-navigation-bar-menu-helper. Premereno na 960-1440 px: vsech
   sedm se vejde vedle kontaktu bez preteceni, takze sipku i kopie schovavame
   a .cropped polozky vracime do radku. */
body.desktop .top-navigation-menu-trigger,
body.desktop .top-navigation-bar-menu-helper { display: none !important; }
body.desktop .top-navigation-bar-menu { white-space: nowrap !important; }

/* Pod 1400 px je kontejner uz jen 1178 px a e-mail + telefon + sedm odkazu se
   na jeden radek nevejde ani po zkraceni nazvu a zmenseni pisma (chybelo 15 px).
   Prednost dostavaji odkazy, telefon se skryva - zustava v pate a na Kontaktech.
   Nad 1400 px je videt oboji. Vymereno na zivem webu 9.8.2026. */
@media (max-width: 1399px) {
  body.desktop .top-navigation-contacts a.mgl-phone { display: none !important; }
  body.desktop .top-navigation-bar-menu > li + li { margin-left: 14px !important; }
  body.desktop .top-navigation-bar-menu a { font-size: 12px !important; }
}
/* Od 10.8.2026 je v pruhu osm odkazu (pribyl Blog) a pod 1200 px uz se vedle
   e-mailu nevejdou - "Velkoobchod" pretekal o ~40 px za pravou hranu. Kontakt
   se proto skryva; zustava v pate i na strance Kontakty. */
@media (max-width: 1199px) {
  body.desktop .top-navigation-contacts { display: none !important; }
}
/* uzka notebookova okna - jeste o kousek tesneji, at se vejde i "Velkoobchod" */
@media (max-width: 1100px) {
  body.desktop .top-navigation-bar-menu > li + li { margin-left: 8px !important; }
  body.desktop .top-navigation-bar-menu a { font-size: 11.5px !important; }
}
body.desktop .top-navigation-bar-menu > li,
body.desktop .top-navigation-bar-menu > li.cropped {
  display: inline-block !important; float: none !important;
}

/* --- 5.2 hlavni radek: logo | vyhledavani | prihlaseni + kosik --------------- */
body.desktop header#header .header-top {
  display: flex; align-items: center; gap: 26px; min-height: 74px;
}
/* sablona dava logu i tlacitkum flex-basis 33 %, takze vyhledavani skoncilo
   uprostred pruhu. Navrh ma logo | vyhledavani hned vedle | vpravo tlacitka. */
body.desktop header#header .site-name-wrapper { margin: 0; flex: 0 0 auto !important; }
body.desktop header#header .site-name { width: auto; }
body.desktop header#header .site-name img { height: 34px; width: auto; }

/* vyhledavaci pole jako pilulka s tmavym sklem */
body.desktop header#header .search {
  flex: 0 1 460px !important; max-width: 460px; margin: 0; float: none;
}
body.desktop header#header .search form.search-form { margin: 0; }
body.desktop header#header .search form.search-form fieldset {
  position: relative;
  display: flex; align-items: center; gap: 8px;
  margin: 0; padding: 9px 8px 9px 16px; border: 0;
  background: rgba(255,255,255,.09);
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 999px;
}
body.desktop header#header .search input.search-input {
  flex: 1 1 auto; min-width: 0;
  background: transparent !important; border: 0 !important; box-shadow: none !important;
  color: #fff !important; font-size: 14px !important;
  height: auto !important; line-height: 1.4 !important; padding: 0 !important;
}
body.desktop header#header .search input.search-input::placeholder { color: rgba(255,255,255,.6); opacity: 1; }
body.desktop header#header .search input.search-input:focus { outline: none; }
body.desktop header#header .search form.search-form fieldset:focus-within {
  border-color: rgba(254,200,75,.55);
}
/* zluta pilulka HLEDAT */
body.desktop header#header .search form.search-form button[type="submit"] {
  flex: 0 0 auto;
  background: var(--mgl-sun) !important;
  color: var(--mgl-charcoal) !important;
  border: 0 !important;
  font-weight: 800 !important; font-size: 12.5px !important;
  text-transform: uppercase; letter-spacing: .04em;
  padding: 6px 14px !important; border-radius: 999px !important;
  height: auto !important; line-height: 1.4 !important;
}
/* naseptavac musi zustat pod polem, ne uvnitr pilulky jako flex polozka */
body.desktop header#header .search .search-whisperer {
  position: absolute !important; top: calc(100% + 10px); left: 0; right: 0; z-index: 60;
  width: auto !important;   /* sablona ma pevnych 280 px, chceme sirku pilulky */
}

/* prihlaseni + kosik vpravo */
body.desktop header#header .navigation-buttons {
  margin-left: auto; display: flex; align-items: center; gap: 20px; float: none;
  flex: 0 0 auto !important; width: auto !important;
}
/* Ole 10.8.2026: prihlaseni i kosik jsou BILE IKONY - a to v cele hlavicce,
   nejen ve zmensenem pruhu. Zluta pilulka "Kosik" i textove "Prihlaseni"
   zmizely, castka v hlavicce uz taky ne (.cart-price se schovava).
   Ikony kresli SVG masky z promennych --mgl-ico-* (definice v sekci 5.3). */
body.desktop header#header .navigation-buttons .top-nav-button-login,
body.desktop header#header .navigation-buttons a.cart-count {
  display: inline-flex !important; align-items: center; justify-content: center;
  position: relative;
  width: 34px !important; height: 34px !important; padding: 0 !important;
  background: transparent !important; border: 0 !important; box-shadow: none !important;
  border-radius: 0 !important;
}
/* sablona kresli pod kurzorem bily obdelnik - na tmave hlavicce to probliklo */
body.desktop header#header .navigation-buttons .top-nav-button-login:hover,
body.desktop header#header .navigation-buttons .top-nav-button-login:focus,
body.desktop header#header .navigation-buttons a.cart-count:hover,
body.desktop header#header .navigation-buttons a.cart-count:focus,
body.desktop header#header .navigation-buttons a.cart-count:active {
  background: transparent !important; box-shadow: none !important; outline: none;
}

body.desktop header#header .navigation-buttons .top-nav-button-login > span,
body.desktop header#header .navigation-buttons a.cart-count .cart-price { display: none !important; }

body.desktop header#header .navigation-buttons .top-nav-button-login::before {
  content: ""; display: block; width: 22px; height: 22px;
  flex: 0 0 auto; margin: 0 !important;
  background: #fff;
  -webkit-mask: var(--mgl-ico-user) center / contain no-repeat;
  mask: var(--mgl-ico-user) center / contain no-repeat;
}
/* Sablona dava ikone kosiku margin-right: 20px. Uvnitr 34px flexboxu se pak
   24px ikona + 20px margin nevejde a flex ji smrskne na 14 px - proto margin
   nulujeme a zakazujeme zmensovani. */
body.desktop header#header .navigation-buttons a.cart-count::before {
  content: "" !important; display: block !important; width: 24px; height: 24px;
  flex: 0 0 auto; margin: 0 !important; font-size: 0 !important;
  background: #fff;
  -webkit-mask: var(--mgl-ico-cart) center / contain no-repeat;
  mask: var(--mgl-ico-cart) center / contain no-repeat;
}
body.desktop header#header .navigation-buttons .top-nav-button-login:hover::before,
body.desktop header#header .navigation-buttons a.cart-count:hover::before { background: var(--mgl-sun); }

/* zluta tecka, kdyz je neco v kosiku (tridu nasazuje megalu-ui.js) */
body.desktop header#header .navigation-buttons a.cart-count.mgl-cart-full::after {
  content: ""; position: absolute; top: 1px; right: 0;
  width: 9px; height: 9px; border-radius: 50%;
  background: var(--mgl-sun);
  box-shadow: 0 0 0 2px var(--mgl-charcoal);
}

/* --- 5.3 LEPIVA ZMENSENA HLAVICKA (Ole 10.8.2026) ---------------------------
   Pri scrollovani se hlavicka slozi do JEDNOHO pruhu: logo | hlavni menu |
   lupa | kosik | burger s odkazy z horniho pruhu. Horni pruh (kontakt +
   odkazy) odjede nahoru, vyhledavaci pilulka se sbali do kolecka.

   Tridu .mgl-scrolled dava na <html> megalu-ui.js (vlastni posluchac, at
   nezavisime na sablonovem .scrolled, ktery je z modulu mobilni hlavicky).
   Burger a jeho panel taky vklada megalu-ui.js.

   .header-top dostane display:contents, takze se logo, vyhledavani a tlacitka
   stanou primymi polozkami .navigation-wrapper a jde je proto poskladat kolem
   navigace pomoci order - bez zasahu do DOM sablony.
   -------------------------------------------------------------------------- */

body.desktop header#header {
  position: sticky; top: 0; z-index: 90;
}
/* Pruh musi sedet uplne nahore u hrany okna (Ole 10.8.2026). Drive tu bylo
   natvrdo top: 28px pro prihlaseneho administratora - jenze ta lista se v
   obchode nemusi vubec zobrazit a vznikla nad hlavickou prazdna mezera.
   Odsazeni proto pocita megalu-ui.js podle skutecne vysky admin listy. */

/* burger + sbalene vyhledavani se ukazuji az ve zmensenem stavu */
body.desktop header#header .mgl-burger-wrap { display: none; }

/* Hlavicka si i ve zmensenem stavu drzi PUVODNI vysku v toku - tu ji nastavuje
   megalu-ui.js (header.style.height). Bez toho by se pri prepnuti zkratila ze
   130 na 56 px a cela stranka by poskocila o 74 px nahoru. Tmavy pruh proto
   nekresli sama hlavicka, ale ::before, a zbytek jejiho boxu je pruhledny a
   proklikavatelny (pointer-events). */
html.mgl-scrolled body.desktop header#header {
  background: transparent !important;
  pointer-events: none;
}
html.mgl-scrolled body.desktop header#header::before {
  content: ""; position: absolute; top: 0; left: 0; right: 0; height: 56px;
  background: var(--mgl-charcoal);
  box-shadow: 0 8px 24px rgba(3,16,27,.28);
}
/* Zadny gap: sablona ma v .header-top jeste par pomocnych prvku nulove sirky
   a kazdy z nich by si jednu mezeru vzal - logo pak zacinalo 32 px od kraje.
   Odsazeni proto dava kazda polozka sama pres margin. */
html.mgl-scrolled body.desktop header#header .navigation-wrapper {
  position: relative; pointer-events: auto;
  display: flex; align-items: center; gap: 0; height: 56px;
}
html.mgl-scrolled body.desktop header#header .header-top {
  display: contents;
}
html.mgl-scrolled body.desktop header#header .site-name-wrapper { order: 1; margin: 0 !important; }
html.mgl-scrolled body.desktop header#header .site-name img { height: 26px; }
/* Sablona necha nav vysoky jen 32 px a menu v nem visi absolutne - pri
   centrovani by proto vyjelo 12 px pod tmavy pruh. align-self ho roztahne
   na celou vysku pruhu, takze .navigation-in sedne presne do nej. */
html.mgl-scrolled body.desktop header#header nav#navigation {
  order: 2; flex: 1 1 auto; min-width: 0;
  /* min-height ze sekce 8 by ve zmensenem 56px pruhu pretekalo */
  align-self: stretch; height: auto !important; min-height: 0 !important;
  margin: 0 0 0 18px !important;
  border-top: 0 !important; background: transparent !important;
}
html.mgl-scrolled body.desktop header#header nav#navigation > .navigation-in {
  background: transparent !important; padding-bottom: 0 !important;
}
/* uzsi pruh -> mensi pismo a odsazeni, at se vejde vsech osm kategorii */
html.mgl-scrolled body.desktop header#header nav#navigation .menu-level-1 { padding-left: 0; }
html.mgl-scrolled body.desktop header#header nav#navigation .menu-level-1 > li > a {
  height: 56px; padding: 0 9px !important; font-size: 13.5px !important;
}
html.mgl-scrolled body.desktop header#header nav#navigation .menu-level-1 > li > a::after { left: 9px; right: 9px; }
/* "Vice" (prepad hlavniho menu) se do zmenseneho pruhu nevejde */
html.mgl-scrolled body.desktop header#header .navigation-wrapper > .menu-helper { display: none !important; }

html.mgl-scrolled body.desktop header#header .search {
  order: 3; flex: 0 0 auto !important; max-width: none; margin-left: 12px;
}
html.mgl-scrolled body.desktop header#header .navigation-buttons {
  order: 4; margin-left: 12px; gap: 10px;
}

/* --- ikony ve zmensenem pruhu (Ole 10.8.2026) -------------------------------
   Zadne barevne kolecko - jen bile ikony: lupa, panacek (prihlaseni), kosik,
   burger. Kosik dostane malou zlutou tecku, kdyz je v nem zbozi (tridu
   .mgl-cart-full nasazuje megalu-ui.js).
   -------------------------------------------------------------------------- */
:root {
  --mgl-ico-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.1' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='M16 16l4.5 4.5'/%3E%3C/svg%3E");
  --mgl-ico-cart: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 4h2.4l2.2 10.5a1.8 1.8 0 0 0 1.8 1.4h7.7a1.8 1.8 0 0 0 1.8-1.4l1.4-6.6H6'/%3E%3Ccircle cx='9.5' cy='19.6' r='1.5'/%3E%3Ccircle cx='17' cy='19.6' r='1.5'/%3E%3C/svg%3E");
  --mgl-ico-user: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='3.9'/%3E%3Cpath d='M4.6 20.2a7.6 7.6 0 0 1 14.8 0'/%3E%3C/svg%3E");
}
html.mgl-scrolled body.desktop header#header .search form.search-form fieldset {
  width: 34px; height: 34px; padding: 0 !important;
  justify-content: center; cursor: pointer;
  background: transparent !important; border-color: transparent !important;
  transition: width .18s ease;
}
html.mgl-scrolled body.desktop header#header .search input.search-input {
  width: 0 !important; flex: 0 0 0 !important; padding: 0 !important; opacity: 0;
}
html.mgl-scrolled body.desktop header#header .search form.search-form button[type="submit"] {
  width: 26px; height: 26px; padding: 0 !important; border-radius: 50% !important;
  font-size: 0 !important; background: transparent !important;
}
html.mgl-scrolled body.desktop header#header .search form.search-form button[type="submit"]::before {
  content: ""; display: block; width: 21px; height: 21px;
  background: #fff;
  -webkit-mask: var(--mgl-ico-search) center / contain no-repeat;
  mask: var(--mgl-ico-search) center / contain no-repeat;
}
/* po kliknuti na lupu se pole zase rozjede (tridu prepina megalu-ui.js) */
html.mgl-scrolled body.desktop header#header .search.is-open form.search-form fieldset {
  width: 300px; height: 40px; padding: 6px 6px 6px 16px !important;
  justify-content: flex-start; cursor: auto;
  background: rgba(255,255,255,.09) !important; border-color: rgba(255,255,255,.14) !important;
}
html.mgl-scrolled body.desktop header#header .search.is-open input.search-input {
  width: auto !important; flex: 1 1 auto !important; opacity: 1;
}
html.mgl-scrolled body.desktop header#header .search.is-open form.search-form button[type="submit"] {
  width: 30px; height: 30px; background: var(--mgl-sun) !important;
}
html.mgl-scrolled body.desktop header#header .search.is-open form.search-form button[type="submit"]::before {
  background: var(--mgl-charcoal);
}

/* Panacek a kosik uz vypadaji stejne v obou stavech hlavicky - resi je
   sekce 5.2, tady uz pro ne nic zvlast neni. */

/* --- burger s odkazy z horniho pruhu ---------------------------------------- */
html.mgl-scrolled body.desktop header#header .mgl-burger-wrap { display: block; position: relative; }
header#header .mgl-burger {
  display: flex; flex-direction: column; justify-content: center; gap: 4px;
  width: 34px; height: 34px; padding: 0 5px;
  background: transparent; border: 0; cursor: pointer;
}
header#header .mgl-burger span {
  display: block; height: 2px; border-radius: 2px; background: #fff;
  transition: transform .18s ease, opacity .18s ease;
}
header#header .mgl-burger:hover span { background: var(--mgl-sun); }
header#header .mgl-burger-wrap.is-open .mgl-burger span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
header#header .mgl-burger-wrap.is-open .mgl-burger span:nth-child(2) { opacity: 0; }
header#header .mgl-burger-wrap.is-open .mgl-burger span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }

header#header .mgl-burger-panel {
  display: none; position: absolute; top: calc(100% + 10px); right: 0; z-index: 70;
  min-width: 232px; padding: 10px 0;
  background: #fff; border-top: 3px solid var(--mgl-sun);
  border-radius: 0 0 14px 14px; box-shadow: 0 24px 48px rgba(3,16,27,.45);
}
header#header .mgl-burger-wrap.is-open .mgl-burger-panel { display: block; }
header#header .mgl-burger-panel ul { margin: 0; padding: 0; list-style: none; }
header#header .mgl-burger-panel a {
  display: block; padding: 8px 20px;
  color: #0F1D28 !important; font-size: 13.5px; font-weight: 500; text-decoration: none;
  /* horni pruh ma text-align: right a dedilo se to az sem */
  text-align: left;
}
header#header .mgl-burger-panel a:hover { color: #145998 !important; background: rgba(3,16,27,.04); }
header#header .mgl-burger-panel li.mgl-burger-sep { margin: 8px 0 0; border-top: 1px solid rgba(3,16,27,.1); padding-top: 8px; }

/* --- 5.3b NAHLED KOSIKU A PRIHLASENI NA NAJETI MYSI (Ole 10.8.2026) ---------
   Sablona ma oba panely (#cart-widget, #login) v .user-action uplne nahore
   stranky, mimo hlavicku - pri lepive hlavicce by tedy vyjely nekam nad
   obrazovku. Nepresouvame je (Shoptet si na ne drzi reference), jen jim
   megalu-ui.js pri otevreni spocita position: fixed pod prislusnou ikonou.
   Vzhled je stejny jako u rozbaleneho burgeru: bila karta, zluty prouzek
   nahore, zaoblene rohy dole.
   -------------------------------------------------------------------------- */
body.desktop .popup-widget.mgl-pop {
  width: 380px;
  border: 0 !important;
  border-top: 3px solid var(--mgl-sun) !important;
  border-radius: 0 0 14px 14px !important;
  box-shadow: 0 24px 48px rgba(3,16,27,.45) !important;
  /* sablona necha nad vnitrkem misto pro sipecku - bez tohohle svitila mezi
     zlutym prouzkem a bilou kartou tmava mezera */
  background: #fff !important;
  margin: 0 !important; padding: 0 !important;
  overflow: hidden;
  z-index: 95 !important;
}
/* sablonova sipecka nad panelem - burger ji taky nema */
body.desktop .popup-widget.mgl-pop::before,
body.desktop .popup-widget.mgl-pop::after { content: none !important; display: none !important; }
/* viditelnost si ridime sami, at nezalezi na sablonovych tridach na <body> */
body.desktop .popup-widget.mgl-pop.mgl-pop-open { display: block !important; }
body.desktop .popup-widget.mgl-pop:not(.mgl-pop-open) { display: none !important; }

body.desktop #login.mgl-pop .popup-widget-inner { padding: 18px 20px 20px; }
body.desktop #login.mgl-pop h2 { font-size: 15px; font-weight: 800; margin: 0 0 12px; }
body.desktop #login.mgl-pop .btn-primary {
  background: var(--mgl-sun) !important; color: var(--mgl-charcoal) !important;
  border: 0 !important; border-radius: 999px !important; font-weight: 800 !important;
}
body.desktop #login.mgl-pop .alternative-links { margin-bottom: 0; }

/* Nahled kosiku: sablonovy markup (cela stranka kosiku vcetne kroku 1-2-3
   a postranniho sloupce) zustava v DOM kvuli Shoptetu, ale je schovany -
   ukazujeme vlastni kratky vypis, ktery staví megalu-ui.js. */
body.desktop #cart-widget.mgl-pop { min-width: 0; }
body.desktop #cart-widget.mgl-pop.mgl-mini-ready > .place-cart-here { display: none !important; }
body.desktop #cart-widget.mgl-pop .loader-overlay { display: none !important; }
body.desktop #cart-widget.mgl-pop .cart-widget-button {
  padding: 12px 16px 16px; border-top: 1px solid rgba(3,16,27,.08);
}
body.desktop #cart-widget.mgl-pop.mgl-cart-is-empty .cart-widget-button { display: none !important; }
body.desktop #cart-widget.mgl-pop .cart-widget-button .btn-conversion {
  display: block; width: 100%; text-align: center;
  background: var(--mgl-sun) !important; color: var(--mgl-charcoal) !important;
  border: 0 !important; border-radius: 999px !important; font-weight: 800 !important;
}

.mgl-cart-mini { max-height: 46vh; overflow-y: auto; padding: 6px 0 2px; }
.mgl-cart-list { margin: 0; padding: 0; list-style: none; }
.mgl-cart-list li {
  display: flex; align-items: center; gap: 12px;
  padding: 10px 18px; border-bottom: 1px solid rgba(3,16,27,.07);
}
.mgl-cart-list li:last-child { border-bottom: 0; }
.mgl-cart-list img {
  width: 46px; height: 46px; flex: 0 0 46px;
  object-fit: contain; border-radius: 8px; background: #f4f5f6;
}
.mgl-cart-name {
  font-size: 13px; font-weight: 600; color: #0F1D28; line-height: 1.35;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.mgl-cart-meta { font-size: 12.5px; color: #6B7682; margin-top: 3px; }
.mgl-cart-total {
  display: flex; justify-content: space-between; align-items: baseline;
  padding: 12px 18px 2px; font-size: 13px; color: #6B7682;
}
.mgl-cart-total .mgl-cart-sum { font-size: 16px; font-weight: 800; color: #0F1D28; }
.mgl-cart-empty { padding: 20px 18px; font-size: 13.5px; color: #5c6670; }

/* Uzka notebookova okna: osm kategorii + logo + tri ikony se do 56px pruhu uz
   nevejde, tak jeste o kousek stahneme pismo a mezery. Premereno na zivem webu. */
@media (max-width: 1360px) {
  html.mgl-scrolled body.desktop header#header .navigation-wrapper { gap: 12px; }
  html.mgl-scrolled body.desktop header#header nav#navigation .menu-level-1 > li > a {
    padding: 0 7px !important; font-size: 12.5px !important;
  }
  html.mgl-scrolled body.desktop header#header nav#navigation .menu-level-1 > li > a::after { left: 7px; right: 7px; }
}

@media (prefers-reduced-motion: reduce) {
  header#header .mgl-burger span,
  html.mgl-scrolled body.desktop header#header .search form.search-form fieldset { transition: none; }
}

/* --- 5.4 DROBECKOVA NAVIGACE - NAVRH A "CISTA LINKA" (Ole 10.8.2026) --------
   Sablona kresli drobecky jako pruh vysoky 38+ px: kazdy odkaz ma padding
   10px 20px a oddelovac jsou dve otocene carky na a::before/::after.
   Sedy podklad #F1F1F1 nekresli sablona, ale doplnek .shkBreadcrumb.

   Navrh A (Ole schvalil 10.8.2026, "compact and light"):
   - bily podklad + vlasova linka misto sedeho pruhu
   - pismo 11.5px / Nunito 300, svetle sedy text, mirne rozpalkovane
   - oddelovac je vlasova sipka presne na stredu radku (dosud sedela vysoko)
   - cela cesta VCETNE nazvu produktu, zkraceneho vytecnikem
   - MOBIL: misto cele cesty jediny zpetny odkaz "< nadrazena uroven",
     tap target 44 px (stejny princip jako Coolblue na telefonu)
   Vyska zustava ~33 px na desktopu, ~44 px na mobilu.
   -------------------------------------------------------------------------- */

.shkBreadcrumb { background: #fff !important; padding: 0 !important; }

.breadcrumbs-wrapper { padding-top: 0 !important; padding-bottom: 0 !important; }
.breadcrumbs {
  display: flex !important; flex-wrap: nowrap; align-items: center;
  margin: 0 !important; padding: 9px 0 8px !important;
  border-bottom: 1px solid #EFF2F5 !important; background: transparent !important;
  font-size: 11.5px !important; font-weight: 300 !important;
  line-height: 1.35; letter-spacing: .012em;
  min-width: 0;
}
.breadcrumbs > span {
  align-self: center; display: inline-flex; align-items: center; flex: none;
}
.breadcrumbs > span > a,
.breadcrumbs > span > span {
  display: inline !important;
  min-height: 0 !important;
  padding: 0 !important;
  font-weight: 300;
}
.breadcrumbs,
.breadcrumbs > span > a { color: #7C8794 !important; }
.breadcrumbs > span > a:hover { color: var(--mgl-charcoal) !important; }

/* aktualni stranka: tmava, ale porad lehka. Jako jedina se smi zkracovat,
   proto flex: 0 1 auto + min-width: 0 (jinak by ji nowrap vytlacil ven). */
.breadcrumbs > span[data-testid="breadcrumbsLastLevel"] {
  flex: 0 1 auto; min-width: 0; overflow: hidden;
}
.breadcrumbs > span[data-testid="breadcrumbsLastLevel"] > span[itemprop="name"] {
  display: block !important;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  color: var(--mgl-charcoal) !important; font-weight: 400;
}
/* doplnek nazvu produktu do drobecku nepatri, je to cela veta navic */
.breadcrumbs .appendix { display: none !important; }

/* Sablonove oddelovace pryc - na desktopu je kresli dve otocene carky na
   odkazu, na mobilu sipka primo na spanu (jinak by vedle nasi sipky svitila
   jeste jedna: "Domu > > Projektory"). */
.breadcrumbs > span > a::before,
.breadcrumbs > span > a::after,
.breadcrumbs > span::before,
.breadcrumbs > span::after { content: none !important; display: none !important; }
/* nas oddelovac: vlasova sipka z otocenych okraju, sviscle presne na stredu
   (glyf "\203A" v Nunitu sedel vysoko u horni dotaznice). */
.breadcrumbs .navigation-bullet {
  display: inline-flex !important; align-items: center; justify-content: center;
  width: 22px; font-size: 0; color: #C9D0D7;
}
.breadcrumbs .navigation-bullet::before {
  content: "" !important; display: block !important;
  width: 4.5px; height: 4.5px; margin-left: -2px;
  border: solid currentColor; border-width: 1.1px 1.1px 0 0;
  transform: rotate(45deg);
}

/* --- MOBIL: cela cesta -> jediny zpetny odkaz ------------------------------
   :nth-last-of-type(2) je vzdy nadrazena uroven: na detailu produktu
   podkategorie, na kategorii jeji rodic, na kategorii nejvyssi urovne "Domu".
   Titulka drobecky vubec nevykresluje, takze prazdny stav nehrozi. */
body.mobile .breadcrumbs {
  padding: 0 !important; border-bottom: 1px solid #EFF2F5 !important;
}
body.mobile .breadcrumbs > span { display: none !important; }
body.mobile .breadcrumbs > span:nth-last-of-type(2) { display: inline-flex !important; }
body.mobile .breadcrumbs > span:nth-last-of-type(2) > .navigation-bullet { display: none !important; }
body.mobile .breadcrumbs > span:nth-last-of-type(2) > a {
  display: inline-flex !important; align-items: center; gap: 8px;
  min-height: 44px !important; font-size: 13.5px; font-weight: 400; letter-spacing: 0;
  color: var(--mgl-charcoal) !important;
}
/* sipka doleva jako maskovane SVG - dve otocene okraje delaly pri 6 px spis
   kosticku nez sipku (premereno na zivem webu 10.8.2026) */
body.mobile .breadcrumbs > span:nth-last-of-type(2) > a::before {
  content: "" !important; display: block !important;
  width: 14px; height: 14px; flex: none;
  background: var(--mgl-sun);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 5 8 12l7 7'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 5 8 12l7 7'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* --------------------------------------------------------------------------
   6) Mobilni hlavicka
   -------------------------------------------------------------------------- */

/* vyhledavaci pole je skryte a otevre se az po kliknuti na ikonu lupy */
body.mobile .top-navigation-bar .search { display: none !important; }
body.mobile.search-window-visible .top-navigation-bar .search { display: flex !important; }

/* Shoptet svoji ikonu lupy uz ma, jen ji sablona skryva - zobrazit a srovnat s ikonou uzivatele.
   V kosiku/pokladne ji Shoptet schovava zamerne, tam ji nechavame skrytou (nevznikne prazdne misto). */
/* Tri ikony vpravo se prekryvaly: hamburger je v sablone position:absolute
   (right:10px, 325-365px), kosik taky (right:50px, 273-325px) a lupa zustala
   v toku uplne vpravo (315-355px) - lezela pres oboji a splynula s hamburgerem
   v jeden necitelny znak. Rozmistujeme je proto natvrdo, kazdou na svoje misto:
   kosik | lupa | hamburger. */
body.mobile:not(.ordering-process) .responsive-tools a[data-target="search"] {
  display: flex !important;
  align-items: center;
  justify-content: center;
  position: absolute !important;
  top: 5px !important;
  right: 56px !important;
  width: 40px !important;
  height: 40px !important;
  margin: 0 !important;
}
body.mobile:not(.ordering-process) .responsive-tools a[data-target="search"]::before {
  font-size: 23px;
}
/* kosik o kus doleva, aby lupa mela misto */
body.mobile:not(.ordering-process) a.btn-icon.cart-count { right: 108px !important; }

/* Panacek (prihlaseni) i na mobilu - sablona ho ma v .responsive-tools, jen
   ho skryva. Ctvrta ikona jde nalevo od kosiku: panacek | kosik | lupa | menu.
   (Ole 10.8.2026 - stejna sada bilych ikon jako ve zmensene desktop hlavicce.) */
body.mobile:not(.ordering-process) .responsive-tools a[data-target="login"] {
  display: flex !important;
  align-items: center; justify-content: center;
  position: absolute !important;
  top: 5px !important; right: 160px !important;
  width: 40px !important; height: 40px !important; margin: 0 !important;
  color: #fff !important;
}
body.mobile:not(.ordering-process) .responsive-tools a[data-target="login"]::before {
  color: #fff !important; font-size: 22px;
}

/* zluta tecka, kdyz je neco v kosiku (tridu nasazuje megalu-ui.js) */
body.mobile a.btn-icon.cart-count { position: absolute; }
/* Odkaz je 52 px siroky, ale samotna ikonka konci uz kolem 246 px - tecka
   proto neni u prave hrany odkazu, ale u rohu ikonky. */
body.mobile a.btn-icon.cart-count.mgl-cart-full::after {
  content: ""; position: absolute; top: -3px; right: 19px;
  width: 9px; height: 9px; border-radius: 50%;
  background: var(--mgl-sun);
  box-shadow: 0 0 0 2px var(--mgl-charcoal);
}

/* Lupa byla JEDINY prvek v toku uvnitr .responsive-tools - jakmile je absolutni,
   kontejner spadne z 50 na 10 px, cely horni pruh se sesype a hamburger (ktery
   se centruje pres top:50%) vyjede nad okraj obrazovky. Vysku proto drzime. */
body.mobile .top-navigation-bar .top-navigation-tools,
body.mobile .top-navigation-bar .responsive-tools {
  min-height: 50px !important;
  align-items: center;
}

/* obsah zacina hned pod hlavickou (114px bylo misto pro vyhledavaci pole) */
body.mobile { padding-top: 14px !important; }
body.mobile.search-window-visible { padding-top: 114px !important; }
/* Na titulce tech 14 px svitilo bile mezi hlavickou a tmavym hero banerem -
   ted na nej hero navazuje primo. Odsazeni pod fixni hlavicku drzi
   .overall-wrapper (padding-top: 50px), takze se nic nepodsune. */
body.mobile.type-index:not(.search-window-visible) { padding-top: 0 !important; }

/* hamburger je v sablone tmave sedy na cernem pozadi - srovnat s ostatnimi ikonami */
body.mobile .responsive-tools a[data-target="navigation"],
body.mobile .responsive-tools a[data-target="navigation"]::before { color: #fff !important; }

/* krizek pro zavreni otevreneho menu (vpravo nahore) - taky tmave sedy na tmavem pozadi */
body.mobile nav#navigation .navigation-close,
body.mobile nav#navigation .navigation-close::before { color: #fff !important; }

/* Logo v otevrenem menu je v sablone holy <img>; megalu-ui.js ho obali odkazem na uvodni stranku.
   Ten <img> je absolutne pozicovany, takze by obalujici odkaz mel nulovou vysku a neslo by
   na nej kliknout - proto pozicovani prebira odkaz a obrazek uvnitr uz je v normalnim toku. */
.top-navigation-contacts a.mgl-logo-link {
  position: absolute;
  top: 9px;
  left: 0;
  right: 0;
  display: block;
  height: 50px;
  text-align: center;
  cursor: pointer;
}
.top-navigation-contacts a.mgl-logo-link img.shk-logoBurgerMenu {
  position: static !important;
  display: inline-block;
  height: 50px;
  width: auto;
  margin: 0;
}

/* MGL-HOME:BEGIN */
/* --------------------------------------------------------------------------
   7) TITULNI STRANA - nova homepage (srpen 2026)

   Navrh a zdroj pravdy: projects/megalu/web/homepage-redesign/
   HTML sekci (.mgl-*) drzi administrace: Vzhled a obsah > Titulni strana obchodu
   Chovani (karusel, popisky u karet): megalu-ui.js

   Vse je zamcene na body.type-index, aby to nesahlo na zadnou jinou stranku.
   -------------------------------------------------------------------------- */

body.type-index {
  --mgl-ink: #03101B;
  --mgl-ink2: #0A1D2E;
  --mgl-sun: #FEC84B;
  --mgl-aqua: #23C2C5;
  --mgl-gum: #FE75CF;
  --mgl-navy: #145998;
  --mgl-paper: #FAFAFC;
  --mgl-card: #FFFFFF;
  --mgl-line: #E4E9EE;
  --mgl-muted: #5A6B78;
  --mgl-text: #0F1D28;
  /* Sirka obsahu = presne Shoptetuv .container, aby vsechny sekce sedely na
     stejne svislici jako logo, menu a hero baner. Zmereno na zivem webu:
     1418 / 1178 / 972 px + 20 px padding, pod 992 px tekute.
     (Bylo pevnych 1240 px, tedy uzsi nez menu - viditelne od chvile,
     kdy se hero zarovnal s kontejnerem.) */
  --mgl-w: 100%;
  --mgl-pad: 16px;
  background: var(--mgl-paper);
}
@media (min-width: 992px)  { body.type-index { --mgl-w: 972px;  --mgl-pad: 20px; } }
@media (min-width: 1200px) { body.type-index { --mgl-w: 1178px; --mgl-pad: 20px; } }
@media (min-width: 1400px) { body.type-index { --mgl-w: 1418px; --mgl-pad: 20px; } }

/* --- poradi sekci ---------------------------------------------------------
   Obaly se zplosti pres display:contents, takze nativni bloky Shoptetu
   i nase vlastni sekce jsou jedni a ti sami flex potomci .overall-wrapper
   a daji se poskladat pomoci order. Zadny JS, zadne prekresleni. */

body.type-index .overall-wrapper { display: flex; flex-direction: column; align-items: stretch; }
body.type-index .overall-wrapper > * { min-width: 0; }
body.type-index .overall-wrapper > .user-action { order: -60; }
body.type-index .overall-wrapper > .admin-bar { order: -55; }
body.type-index .overall-wrapper > .top-navigation-bar { order: -50; }
body.type-index .overall-wrapper > header#header { order: -45; }

/* nativni banerovy karusel a posledni komentare/hodnoceni na titulku nechceme.
   POZOR: na desktopu ho sablona veze v .before-carousel, v mobilni sablone
   ale v .row.banners-row > .wide-carousel > #carousel - proto se stary baner
   "Zvazujete nakup projektoru" na telefonu porad zobrazoval nad novym hero. */
body.type-index .overall-wrapper > .before-carousel,
body.type-index .overall-wrapper > .latest-contribution-box,
body.type-index .benefitBanner.position--benefitHomepage,
body.type-index .banners-row,
body.type-index .wide-carousel,
body.type-index #carousel.carousel,
body.type-index #eshopHeader { display: none !important; }

/* Nativni sloupec s produkty a blogem. Desktop ma vlastni .content-wrapper.container,
   mobilni sablona (body.mobile) strka totez primo do #content-wrapper - proto obe. */
body.type-index .overall-wrapper > .content-wrapper.container,
body.type-index .overall-wrapper > .content-wrapper.container > .content-wrapper-in,
body.type-index .overall-wrapper > .content-wrapper.container > .content-wrapper-in > main,
/* nase sekce: mezi .welcome-wrapper a .mgl-* je pet obalu, ktere Shoptet
   a editor pridavaji - zplostime je explicitne ... */
body.type-index .overall-wrapper > .welcome-wrapper,
body.type-index .overall-wrapper > .welcome-wrapper > .content-wrapper-in,
body.type-index .overall-wrapper > .welcome-wrapper > .content-wrapper-in > .container,
body.type-index .overall-wrapper > .welcome-wrapper > .content-wrapper-in > .container > .welcome-wrapper,
body.type-index .overall-wrapper > .welcome-wrapper > .content-wrapper-in > .container > .welcome-wrapper > .welcome,
body.type-index .overall-wrapper > .welcome-wrapper > .content-wrapper-in > .container > .welcome-wrapper > .welcome > div,
/* ... a pro jistotu jeste obecne, kdyby Shoptet vnoreni zmenil */
body.type-index .overall-wrapper > .welcome-wrapper *:has(.mgl-hero, .mgl-trust, .mgl-ladder-foot, .mgl-bundle, .mgl-cats, .mgl-proof, .mgl-seo) { display: contents; }

/* nadpis titulni strany od Shoptetu - stejny text mame ve vlastni SEO sekci */
body.type-index .overall-wrapper > .welcome-wrapper .h1,
body.type-index .overall-wrapper > .welcome-wrapper > .content-wrapper-in > .container > .welcome-wrapper > h1,
body.type-index .overall-wrapper > .welcome-wrapper > .content-wrapper-in > .container > .welcome-wrapper > h2 { display: none !important; }

body.type-index .mgl-hero { order: 10; }
body.type-index .mgl-trust { order: 20; }
body.type-index .homepage-products-heading-1 { order: 30; }
body.type-index .products-block.homepage-products-1 { order: 31; }
body.type-index .mgl-bundle { order: 40; }
body.type-index .mgl-cats { order: 50; }
body.type-index .mgl-proof { order: 60; }
body.type-index .homepage-blog-wrapper { order: 70; }
body.type-index .mgl-seo { order: 80; }

/* sirka pro nativni bloky, kterym jsme zplostenim vzali .container */
body.type-index .homepage-products-heading-1,
body.type-index .products-block.homepage-products-1,
body.type-index .homepage-blog-wrapper {
  width: 100%;
  max-width: var(--mgl-w);
  margin-inline: auto;
  padding-inline: var(--mgl-pad);
}

/* --- spolecne -------------------------------------------------------------- */
body.type-index .mgl-in {
  width: 100%;
  max-width: var(--mgl-w);
  margin-inline: auto;
  padding-inline: var(--mgl-pad);
}
/* Sablona dava kazdemu prvku v obsahu titulni strany max-width: 800px a nechava
   ho smrsknout na sirku nejsirsiho potomka - polozky mrizky pak sedi na stred
   sve bunky misto pres celou sirku a radky jsou rozhozene (kazda ikona jinde).
   Vracime jim normalni chovani polozky mrizky. */
body.type-index .mgl-in > * {
  max-width: none;
  width: 100%;
  justify-self: stretch;
  margin-inline: 0;
}
body.type-index .mgl-kicker {
  font-size: 12px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase;
  color: var(--mgl-navy); margin: 0 0 8px;
}
body.type-index .mgl-h2 {
  font-size: clamp(23px, 4.2vw, 34px); font-weight: 800; letter-spacing: -.02em;
  line-height: 1.12; margin: 0 0 8px; color: var(--mgl-text);
}
body.type-index .mgl-sub { color: var(--mgl-muted); margin: 0 0 22px; font-size: 15.5px; max-width: 62ch; }
body.type-index .mgl-btn {
  display: inline-flex; align-items: center; justify-content: center;
  font-weight: 800; font-size: 15px; line-height: 1.2; padding: 13px 22px;
  border-radius: 999px; border: 1px solid transparent; text-decoration: none;
}
body.type-index a.mgl-btn-sun { background: var(--mgl-sun); color: var(--mgl-ink); }
body.type-index a.mgl-btn-ghost { border-color: rgba(255,255,255,.3); color: #fff; }
body.type-index a.mgl-btn-ink { background: var(--mgl-ink); color: #fff; }
body.type-index .mgl-btn:hover { text-decoration: none; opacity: .92; }

/* --- 7.1 HERO KARUSEL ------------------------------------------------------ */
body.type-index .mgl-hero {
  position: relative; background: var(--mgl-ink); color: #fff;
  width: 100%; max-width: 100%; min-width: 0; overflow: hidden;
}
body.type-index .mgl-hero::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 4px; z-index: 4;
  background: linear-gradient(90deg, var(--mgl-sun), var(--mgl-gum) 55%, var(--mgl-navy));
}
body.type-index .mgl-car { position: relative; width: 100%; min-width: 0; }
body.type-index .mgl-car-view { overflow: hidden; width: 100%; min-width: 0; }
body.type-index .mgl-track {
  display: flex; flex-wrap: nowrap; width: 100%;
  transition: transform .55s cubic-bezier(.22,.7,.24,1);
}
body.type-index .mgl-slide { flex: 0 0 100%; width: 100%; min-width: 0; position: relative; }

body.type-index .mgl-slide .mgl-in {
  position: relative; z-index: 2;
  display: grid; gap: 18px; align-items: center;
  padding-top: 26px; padding-bottom: 46px;
}
body.type-index .mgl-shot { text-align: center; }
body.type-index .mgl-shot img {
  max-height: 230px; max-width: min(100%, 300px); width: auto; height: auto;
  margin-inline: auto; display: block;
  filter: drop-shadow(0 24px 34px rgba(0,0,0,.5));
}
body.type-index .mgl-eyebrow {
  display: inline-block; font-size: 11px; font-weight: 700; letter-spacing: .13em;
  text-transform: uppercase; color: var(--mgl-sun);
  border: 1px solid rgba(254,200,75,.34); border-radius: 999px; padding: 5px 12px; margin-bottom: 14px;
}
body.type-index .mgl-slide h2.mgl-h1 {
  font-size: clamp(28px, 7.4vw, 54px); font-weight: 800; line-height: 1.04;
  letter-spacing: -.03em; margin: 0 0 12px; color: #fff;
}
body.type-index .mgl-slide h2.mgl-h1 .lit { color: var(--mgl-sun); }
body.type-index .mgl-dek { font-size: 16px; color: rgba(255,255,255,.78); margin: 0 0 20px; max-width: 46ch; }
body.type-index .mgl-cta { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; margin-bottom: 18px; }
body.type-index .mgl-from { font-size: 14px; color: rgba(255,255,255,.62); }
body.type-index .mgl-from b { color: #fff; font-size: 15.5px; }
body.type-index .mgl-hproof { display: flex; gap: 8px 22px; flex-wrap: wrap; font-size: 13px; color: rgba(255,255,255,.78); }
body.type-index .mgl-hproof b { color: #fff; }
body.type-index .mgl-stars { color: var(--mgl-sun); letter-spacing: 1px; }

/* svetlo: u projektoru kuzel z objektivu, u ostatnich rad vlastni barva */
body.type-index .mgl-beam, body.type-index .mgl-glow { position: absolute; pointer-events: none; z-index: 1; }
body.type-index .mgl-beam {
  top: -10%; right: 20%; width: 90%; height: 120%;
  background: linear-gradient(270deg, rgba(255,244,207,.26) 0%, rgba(255,244,207,.09) 42%, rgba(255,244,207,0) 78%);
  clip-path: polygon(100% 41%, 100% 59%, 0% 104%, 0% -4%);
  filter: blur(38px); opacity: .6;
}
body.type-index .mgl-glow {
  top: 26%; right: 14%; width: 320px; height: 320px; translate: 50% -50%;
  background: radial-gradient(circle, rgba(255,247,220,.34), rgba(255,247,220,0) 66%);
  filter: blur(14px);
}
body.type-index .s-watch .mgl-glow { background: radial-gradient(circle, rgba(35,194,197,.40), rgba(35,194,197,0) 66%); }
body.type-index .s-glass .mgl-glow { background: radial-gradient(circle, rgba(254,117,207,.38), rgba(254,117,207,0) 66%); }
body.type-index .s-cam .mgl-glow { background: radial-gradient(circle, rgba(254,200,75,.34), rgba(254,200,75,0) 66%); }
body.type-index .s-watch .mgl-eyebrow { color: var(--mgl-aqua); border-color: rgba(35,194,197,.36); }
body.type-index .s-glass .mgl-eyebrow { color: var(--mgl-gum); border-color: rgba(254,117,207,.36); }
body.type-index .s-watch h2.mgl-h1 .lit { color: var(--mgl-aqua); }
body.type-index .s-glass h2.mgl-h1 .lit { color: var(--mgl-gum); }

body.type-index .mgl-nav {
  position: absolute; top: 50%; translate: 0 -50%; z-index: 5;
  width: 44px; height: 44px; border-radius: 50%; cursor: pointer; display: none;
  background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.22); color: #fff;
  font-size: 22px; font-weight: 700; line-height: 1; padding: 0;
}
body.type-index .mgl-nav:hover { background: rgba(255,255,255,.18); }
body.type-index .mgl-prev { left: 14px; }
body.type-index .mgl-next { right: 14px; }
body.type-index .mgl-dots {
  position: absolute; left: 0; right: 0; bottom: 16px; z-index: 5;
  display: flex; gap: 8px; justify-content: center;
}
body.type-index .mgl-dots button {
  width: 9px; height: 9px; padding: 0; border: 0; border-radius: 99px; cursor: pointer;
  background: rgba(255,255,255,.32); transition: width .25s ease, background .25s ease;
}
body.type-index .mgl-dots button[aria-current="true"] { background: var(--mgl-sun); width: 26px; }

/* --- 7.2 PRUH VYHOD -------------------------------------------------------- */
/* bez spodni cary - byla to vodorovna linka primo nad nadpisem zebricku */
body.type-index .mgl-trust { background: var(--mgl-card); }
/* Na mobilu jedna vyhoda pod druhou (bylo 2x2, dlouhe texty se lamaly).
   Cely pruh je o 20 % vetsi - pismo, ikony i odsazeni (Ole, 9.8.2026). */
body.type-index .mgl-trust .mgl-in { display: grid; grid-template-columns: 1fr; gap: 0; }
body.type-index .mgl-ben {
  display: flex; gap: 13px; align-items: flex-start;
  padding: 18px 12px 18px 0; border-top: 1px solid var(--mgl-line);
}
/* pri jednom sloupci nema caru jen prvni polozka */
body.type-index .mgl-trust .mgl-in > .mgl-ben:first-child { border-top: 0; }
body.type-index .mgl-ben b { display: block; font-size: 16.2px; font-weight: 800; letter-spacing: -.01em; color: var(--mgl-text); }
body.type-index .mgl-ben span span { font-size: 15px; color: var(--mgl-muted); }
body.type-index .mgl-ico {
  flex: 0 0 46px; width: 46px; height: 46px; border-radius: 13px;
  display: grid; place-items: center;
}
body.type-index .mgl-ico svg { width: 25px; height: 25px; fill: none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
body.type-index .mgl-ico-a { background: #E6FCFD; } body.type-index .mgl-ico-a svg { stroke: #0E7A7C; }
body.type-index .mgl-ico-b { background: #EAF1F8; } body.type-index .mgl-ico-b svg { stroke: var(--mgl-navy); }
body.type-index .mgl-ico-c { background: #FFE6F5; } body.type-index .mgl-ico-c svg { stroke: #C42E93; }
body.type-index .mgl-ico-d { background: #FFF4CF; } body.type-index .mgl-ico-d svg { stroke: #9A6A00; }

/* --- 7.3 ZEBRICEK MODELU (nativni produktovy blok) -------------------------- */
body.type-index .homepage-products-heading-1 {
  font-size: clamp(23px, 4.2vw, 34px) !important; font-weight: 800; letter-spacing: -.02em;
  text-align: left; color: var(--mgl-text); margin: 40px auto 18px; padding-top: 0; border: 0;
}
body.type-index .homepage-products-heading-1::after { display: none; }
body.type-index .products-block.homepage-products-1 { margin-bottom: 8px; }
body.type-index .products-block.homepage-products-1 > .product {
  float: none !important; width: auto !important; padding: 0 !important;
}
body.type-index .products-block.homepage-products-1 {
  display: flex !important; flex-wrap: wrap; gap: 12px;
}
body.type-index .products-block.homepage-products-1 > .product {
  flex: 1 1 calc(50% - 6px); min-width: 0; display: flex;
  /* sablona kresli vpravo od kazde karty sedivou svislici (#dadada) - karty uz
     maji vlastni zaobleny ramecek, takze to byly jen cary navic vedle nich */
  border: 0 !important;
}
body.type-index .products-block.homepage-products-1 .p {
  background: var(--mgl-card); border: 1px solid var(--mgl-line); border-radius: 14px;
  padding: 12px; width: 100%; display: flex; flex-direction: column; height: 100%;
  transition: box-shadow .18s ease, transform .18s ease;
}
body.type-index .products-block.homepage-products-1 .p:hover {
  transform: translateY(-2px); box-shadow: 0 12px 24px rgba(3,16,27,.10);
}
body.type-index .products-block.homepage-products-1 .p > a.image { display: block; margin-bottom: 8px; }
body.type-index .products-block.homepage-products-1 .p > a.image img {
  height: 96px; width: auto; max-width: 100%; margin-inline: auto; display: block; object-fit: contain;
}
body.type-index .products-block.homepage-products-1 .mgl-badge {
  align-self: flex-start; font-size: 10px; font-weight: 800; letter-spacing: .07em;
  text-transform: uppercase; padding: 3px 8px; border-radius: 5px;
  background: var(--mgl-sun); color: var(--mgl-ink); margin-bottom: 7px;
}
body.type-index .products-block.homepage-products-1 .mgl-badge.quiet { background: #EEF3F7; color: var(--mgl-muted); }
/* Standard zadny odznak nema, ale misto po nem drzime - jinak by mel nadpis
   o 20 px vys nez sousedni karty a rada by se rozjela. */
body.type-index .products-block.homepage-products-1 .mgl-badge.empty {
  background: transparent !important; visibility: hidden;
}
body.type-index .products-block.homepage-products-1 .mgl-title {
  display: block; font-size: 15.5px; font-weight: 800; letter-spacing: -.015em; color: var(--mgl-text);
  margin-bottom: 2px;
}
/* Veta "pro koho to je" ma nekde jeden radek, jinde dva - hvezdicky pod ni pak
   zacinaly v kazde karte jinde. Drzime ji vzdy na dvou radcich. */
body.type-index .products-block.homepage-products-1 .mgl-who {
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
  font-size: 12.5px; font-weight: 700; color: var(--mgl-navy); margin-bottom: 7px;
  min-height: 34px;
}
/* dlouhy marketingovy nazev nahradil kratky - v DOM zustava kvuli mikrodatum */
body.type-index .products-block.homepage-products-1 .p.mgl-mapped .mgl-longname {
  position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap;
}
/* Sablona drzi nazev na PEVNYCH 45 px s overflow:hidden. Nam se do nej ale
   vejde titulek + parametry + veta "pro koho to je" (~100 px), takze se rady
   prekryvaly a spodek textu se orizl. Na titulce ho pousteme na obsah. */
body.type-index .products-block.homepage-products-1 a.name {
  display: block; margin-bottom: 4px;
  height: auto !important; max-height: none !important; overflow: visible !important;
  /* Junior nema radek s parametry vubec, takze mel hvezdicky o 37 px vys nez
     ostatni karty. Drzime vysku na titulek + dva radky parametru. */
  min-height: 58px;
}
/* parametry maximalne na dva radky, at maji karty srovnatelnou vysku */
body.type-index .products-block.homepage-products-1 .product-appendix {
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
  font-size: 12px; line-height: 1.45; color: var(--mgl-muted); font-weight: 400;
}
/* merna cena ("1 799 Kc / 1 ks") je vyplnena jen u nekterych modelu - tlacitka
   pak sedela v kazde karte jinde. U kusoveho zbozi stejne nic nerika. */
body.type-index .products-block.homepage-products-1 .price-measure,
body.type-index .products-block.homepage-products-1 .price-standard-measure { display: none !important; }
/* Hvezdicky a skladovost byly vedle sebe na jednom radku. Ole je chce pod sebe:
   hvezdicky na svem radku, skladovost pod nimi. U produktu bez hodnoceni ma
   sablona .stars-placeholder, takze staci obema dat stejnou vysku a radek
   "Skladem" sedi ve vsech kartach na stejne svislici. */
body.type-index .products-block.homepage-products-1 .ratings-wrapper {
  display: flex !important; flex-direction: column; align-items: flex-start;
  gap: 4px; margin: 8px 0 2px;
}
body.type-index .products-block.homepage-products-1 .ratings-wrapper .stars-wrapper,
body.type-index .products-block.homepage-products-1 .ratings-wrapper .stars-placeholder {
  display: block; min-height: 16px; margin: 0; float: none; width: auto;
}
body.type-index .products-block.homepage-products-1 .ratings-wrapper .availability {
  margin: 0; float: none;
}
body.type-index .products-block.homepage-products-1 .availability { font-size: 12.5px; font-weight: 700; }
/* .p-bottom neni primy potomek .p (mezi nimi je .p-in), takze margin-top:auto
   nemel na cem zabrat a cena s tlacitkem sedely v kazde karte jinde podle toho,
   kolik textu nad nimi bylo. Sloupcovy flex proto pokracuje i v .p-in. */
body.type-index .products-block.homepage-products-1 .p-in {
  display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0;
}
body.type-index .products-block.homepage-products-1 .p-bottom { margin-top: auto; padding-top: 10px; }
body.type-index .products-block.homepage-products-1 .price-additional { display: none; }
body.type-index .products-block.homepage-products-1 .price.price-final strong {
  font-size: 19px; font-weight: 800; letter-spacing: -.02em; color: var(--mgl-text);
}
/* obal tlacitka se smrskaval na obsah, takze width:100% bylo jen 75-108 px */
body.type-index .products-block.homepage-products-1 .p-bottom > div,
body.type-index .products-block.homepage-products-1 .p-tools {
  display: block !important; width: 100% !important; max-width: none !important; float: none !important;
}
body.type-index .products-block.homepage-products-1 .p-tools { margin-top: 8px; }
/* Produkty s variantami maji misto kosiku odkaz "Detail" (a.btn.btn-primary,
   inline-block, radius 5 px, stara zluta) - v rade to trcelo. Davame mu presne
   stejny tvar i barvu jako tlacitku Do kosiku. */
/* Sablona obchodu ma na tlacitko pravidlo
   .products-block > div .p .p-bottom > div .p-tools > .btn:last-child { border-radius:5px !important }
   coz je o jednu tridu specifictejsi nez nase - proto zustaval hranaty roh.
   Pridavame .p a .p-bottom, aby nase pravidlo vyhralo. */
body.type-index .products-block.homepage-products-1 .p .p-bottom .p-tools a.btn,
body.type-index .products-block.homepage-products-1 .p .p-bottom .p-tools a.btn-primary,
body.type-index .products-block.homepage-products-1 .p-tools a.btn,
body.type-index .products-block.homepage-products-1 .p-tools a.btn-primary {
  display: block !important; width: 100% !important; text-align: center;
  background: var(--mgl-sun) !important; color: var(--mgl-ink) !important;
  font-weight: 800 !important; font-size: 13.5px !important;
  padding: 10px 8px !important; border-radius: 999px !important; border: 0 !important;
  line-height: 1.3 !important; height: auto !important;
}

body.type-index .products-block.homepage-products-1 .btn-cart {
  display: block; width: 100%; text-align: center; background: var(--mgl-sun); color: var(--mgl-ink);
  font-weight: 800; font-size: 13.5px; padding: 10px 8px; border-radius: 999px; border: 0;
}
body.type-index .products-block.homepage-products-1 .btn-cart:hover { background: #f5bb32; }
body.type-index .products-block.homepage-products-1 .p-code { display: none; }
body.type-index .mgl-ladder-foot {
  order: 32; width: 100%; max-width: var(--mgl-w); margin: 0 auto 6px; padding-inline: var(--mgl-pad);
  font-size: 14.5px; color: var(--mgl-muted);
}
body.type-index .mgl-ladder-foot a { color: var(--mgl-navy); font-weight: 800; border-bottom: 2px solid var(--mgl-sun); text-decoration: none; }

/* --- 7.4 BALICKY ----------------------------------------------------------- */
body.type-index .mgl-bundle { background: linear-gradient(120deg, #FFF4CF, #FFE6F5 88%); margin-top: 34px; }
body.type-index .mgl-bundle .mgl-in { display: grid; gap: 22px; padding-block: 34px; align-items: center; }
body.type-index .mgl-bundle img { width: 100%; max-width: 260px; height: auto; margin-inline: auto; display: block; }
body.type-index .mgl-bundle p { color: #4A5A66; margin: 0 0 16px; font-size: 15.5px; }
body.type-index .mgl-list { list-style: none; margin: 0 0 18px; padding: 0; display: grid; gap: 7px; font-size: 14.5px; }
body.type-index .mgl-list li { display: flex; gap: 9px; align-items: baseline; color: var(--mgl-text); }
body.type-index .mgl-list i { font-style: normal; color: var(--mgl-navy); font-weight: 800; }

/* --- 7.5 KATEGORIE --------------------------------------------------------- */
body.type-index .mgl-cats { padding-block: 40px 6px; }
body.type-index .mgl-cat-grid { display: grid; grid-template-columns: 1fr; gap: 12px; }
body.type-index a.mgl-cat {
  display: flex; flex-direction: column; gap: 4px; justify-content: space-between;
  border-radius: 14px; padding: 18px; min-height: 104px;
  border: 1px solid var(--mgl-line); background: var(--mgl-card); text-decoration: none;
}
body.type-index a.mgl-cat b { font-size: 16.5px; font-weight: 800; letter-spacing: -.015em; color: var(--mgl-text); }
body.type-index a.mgl-cat span { font-size: 13px; color: var(--mgl-muted); }
body.type-index a.mgl-cat i { font-style: normal; font-size: 13px; font-weight: 800; color: var(--mgl-navy); }
body.type-index a.mgl-cat.a { background: #E6FCFD; border-color: #C7F2F3; }
body.type-index a.mgl-cat.b { background: #FFE6F5; border-color: #FBD2EA; }
body.type-index a.mgl-cat.c { background: #FFF4CF; border-color: #F6E4AE; }
body.type-index a.mgl-cat.d { background: #EAF1F8; border-color: #D6E3F0; }

/* --- 7.6 DUKAZ ------------------------------------------------------------- */
body.type-index .mgl-proof { background: var(--mgl-ink); color: #fff; margin-top: 40px; }
body.type-index .mgl-proof .mgl-in { padding-block: 40px; }
body.type-index .mgl-proof .mgl-kicker { color: var(--mgl-aqua); }
body.type-index .mgl-proof .mgl-h2 { color: #fff; }
body.type-index .mgl-proof .mgl-sub { color: rgba(255,255,255,.66); }
body.type-index .mgl-proof-grid { display: grid; gap: 12px; }
body.type-index .mgl-score {
  background: var(--mgl-ink2); border: 1px solid rgba(255,255,255,.10); border-radius: 16px;
  padding: 20px; text-align: center;
}
/* Ole 9.8.2026: cela sekce zarovnana vlevo (karta se skore byla na stred) */
body.type-index .mgl-score { text-align: left; }
body.type-index .mgl-proof .mgl-quotes { width: 100%; max-width: none; justify-self: stretch; }

body.type-index .mgl-score .num { font-size: 46px; font-weight: 800; letter-spacing: -.04em; line-height: 1; }
body.type-index .mgl-score .of { color: rgba(255,255,255,.55); font-size: 13px; margin-top: 5px; }
body.type-index .mgl-score .mgl-stars { font-size: 18px; margin-top: 6px; display: block; }
body.type-index .mgl-score .rec { margin-top: 12px; padding-top: 12px; border-top: 1px solid rgba(255,255,255,.10); font-size: 13px; color: rgba(255,255,255,.78); }
body.type-index .mgl-quotes { display: grid; gap: 12px; }
body.type-index .mgl-quote { background: var(--mgl-ink2); border: 1px solid rgba(255,255,255,.09); border-radius: 14px; padding: 16px; }
body.type-index .mgl-quote p { margin: 8px 0 10px; font-size: 14.5px; color: rgba(255,255,255,.92); }
body.type-index .mgl-quote .who { font-size: 12px; color: rgba(255,255,255,.5); }

/* Mobil: vsechny ctyri karty stejne velke a pod sebou.
   .mgl-quotes je vlastni mrizka, takze jeji karty nemohly zarovnat vysku se
   sousedni kartou skore. display:contents ji na mobilu "rozpusti" - vsechny
   ctyri karty se stanou primymi polozkami .mgl-proof-grid a grid-auto-rows: 1fr
   jim da stejnou vysku i stejne rozestupy. */
@media (max-width: 859.98px) {
  body.type-index .mgl-proof .mgl-quotes { display: contents; }
  body.type-index .mgl-proof-grid { grid-template-columns: 1fr; grid-auto-rows: 1fr; gap: 12px; }
}

/* Karty se smrskavaly na sirku sveho obsahu a sedely na stred bunky, takze
   rozestupy mezi recenzemi vychazely 20 / 47 / 104 px misto stejnych. Stejna
   pricina jako u hero textu a USP - jen o uroven hloubeji, nez sahalo pravidlo
   `.mgl-in > *`. */
body.type-index .mgl-proof-grid > *,
body.type-index .mgl-quotes > *,
body.type-index .mgl-cat-grid > * {
  width: 100%; max-width: none; justify-self: stretch; margin-inline: 0;
}

/* --- 7.7 PORADNA (nativni blog blok) ---------------------------------------
   Ole 9.8.2026: sekce "Poradna" podle navrhu - kicker + nadpis + podnadpis,
   presne TRI clanky (ktere a v jakem poradi resi megalu-ui.js) a karty jako
   ve zbytku stranky. Sablona sem sype vsechny novinky za sebou ve flexu.
   -------------------------------------------------------------------------- */
/* Podklad pres celou sirku, ale obsah porad zarovnany s kontejnerem.
   Zadny 100vw ani pseudoelement (ten je tu vypnuty kvuli clearfixu .row) -
   sirku obsahu resi vypocitane vnitrni odsazeni. */
body.type-index .homepage-blog-wrapper {
  margin-top: 0;
  background: #E7FCFE;
  display: grid !important; grid-template-columns: 1fr; gap: 16px;
  width: 100%; max-width: none;
  /* .row ma v mobilni sablone margin: 0 -10px - pruh by presahoval vlevo a chybel vpravo */
  margin-inline: 0 !important;
  padding-block: 44px;
  padding-inline: calc((100% - var(--mgl-w)) / 2 + var(--mgl-pad));
}
@media (min-width: 700px)  { body.type-index .homepage-blog-wrapper { grid-template-columns: repeat(3, 1fr); gap: 20px; } }

/* hlavicka sekce pres celou sirku */
body.type-index .homepage-blog-wrapper > .mgl-kicker,
body.type-index .homepage-blog-wrapper > .homepage-group-title,
body.type-index .homepage-blog-wrapper > .mgl-guide-sub { grid-column: 1 / -1; width: 100%; max-width: none; }
body.type-index .homepage-blog-wrapper > .mgl-kicker { margin: 0 0 8px; }
body.type-index .homepage-blog-wrapper .homepage-group-title {
  font-size: clamp(23px, 4.2vw, 34px) !important; font-weight: 800; letter-spacing: -.02em;
  text-align: left; color: var(--mgl-text); margin: 0 0 6px; border: 0; line-height: 1.12;
}
body.type-index .homepage-blog-wrapper > .mgl-guide-sub {
  margin: 0 0 6px; color: var(--mgl-muted); font-size: 15.5px; max-width: 70ch;
}

/* clanky, ktere do trojice nepatri */
body.type-index .homepage-blog-wrapper .news-item.mgl-hidden { display: none !important; }

/* Obal ma i tridu .row (Bootstrap), jejiz clearfix ::before/::after se v gridu
   chovaji jako dalsi dve polozky - jedna zabrala prvni bunku a karty se posunuly
   o sloupec doprava (prvni pole zustalo prazdne a treti clanek spadl na dalsi radek). */
body.type-index .homepage-blog-wrapper::before,
body.type-index .homepage-blog-wrapper::after { content: none !important; display: none !important; }

/* karta */
body.type-index .homepage-blog-wrapper .news-item {
  background: var(--mgl-card); border: 1px solid var(--mgl-line); border-radius: 14px;
  overflow: hidden; height: 100%; width: 100%; max-width: none; margin-inline: 0;
  display: flex;
}
body.type-index .homepage-blog-wrapper .news-item > a {
  display: flex; flex-direction: column; height: 100%; width: 100%; text-decoration: none;
}
/* obrazky maji ruzne pomery stran - sjednocujeme na 16:9 */
body.type-index .homepage-blog-wrapper .news-item .image { display: block; width: 100%; }
body.type-index .homepage-blog-wrapper .news-item .image img {
  display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover;
}
body.type-index .homepage-blog-wrapper .news-item .text {
  padding: 14px 16px 16px; display: flex; flex-direction: column; flex: 1 1 auto;
}
body.type-index .homepage-blog-wrapper .news-item .title {
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
  font-size: 16px; font-weight: 800; letter-spacing: -.015em; color: var(--mgl-text);
  margin-bottom: 6px; line-height: 1.3; min-height: 2.6em;
}
body.type-index .homepage-blog-wrapper .news-item .description {
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
  font-size: 13.5px; color: var(--mgl-muted); line-height: 1.5;
}
body.type-index .homepage-blog-wrapper .news-item .read-article {
  margin-top: auto; padding-top: 12px;
  font-weight: 800; color: var(--mgl-navy); font-size: 13.5px;
}


/* --- 7.7b NEWSLETTER "Slevy driv nez ostatni" -------------------------------
   Formular je puvodni uzel z paticky, presunuty sem pres megalu-ui.js.
   Stylujeme jen obal - do vnitrku formulare nesaháme vic, nez je nutne. */
body.type-index .mgl-news { order: 75; background: var(--mgl-ink2); color: #fff; }
body.type-index .mgl-news .mgl-in {
  display: grid; grid-template-columns: 1fr; gap: 22px; align-items: center;
  padding-block: 40px;
}
@media (min-width: 860px) {
  body.type-index .mgl-news .mgl-in { grid-template-columns: 1fr 1fr; gap: 34px; }
}
body.type-index .mgl-news .mgl-h2 { color: #fff; margin: 0 0 8px; }
body.type-index .mgl-news .mgl-sub { color: rgba(255,255,255,.7); margin: 0; font-size: 15.5px; }

/* vlastni nadpis bloku z paticky nepotrebujeme - mame svuj */
body.type-index .mgl-news .newsletter-header { display: none !important; }
body.type-index .mgl-news .custom-footer__newsletter { width: 100%; max-width: none; margin: 0; padding: 0; background: none; }

body.type-index .mgl-news form.subscribe-form { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin: 0; }
body.type-index .mgl-news form.subscribe-form input[type="email"],
body.type-index .mgl-news form.subscribe-form input.form-control {
  flex: 1 1 240px; min-width: 0;
  background: rgba(255,255,255,.08) !important; border: 1px solid rgba(255,255,255,.16) !important;
  border-radius: 999px !important; padding: 13px 20px !important; height: auto !important;
  color: #fff !important; font-size: 15px !important; box-shadow: none !important;
}
body.type-index .mgl-news form.subscribe-form input::placeholder { color: rgba(255,255,255,.55); opacity: 1; }
body.type-index .mgl-news form.subscribe-form .btn {
  flex: 0 0 auto;
  background: var(--mgl-sun) !important; color: var(--mgl-ink) !important; border: 0 !important;
  border-radius: 999px !important; font-weight: 800 !important; font-size: 14.5px !important;
  padding: 13px 26px !important; height: auto !important;
}
/* souhlas se zpracovanim - drobne pod polem, pres celou sirku */
body.type-index .mgl-news form.subscribe-form .consents,
body.type-index .mgl-news form.subscribe-form [class*="consent"] {
  flex: 1 1 100%; font-size: 12.5px; color: rgba(255,255,255,.6);
}
body.type-index .mgl-news form.subscribe-form a { color: var(--mgl-sun); }


/* --- 7.7c Newsletter na mobilu ----------------------------------------------
   Sablona dava poli pevnou sirku (420 px), takze na 390px displeji cely formular
   pretekal a stranka jela do strany (scrollWidth 456 > 390). */
body.type-index .mgl-news .mgl-news-form,
body.type-index .mgl-news .custom-footer__newsletter,
body.type-index .mgl-news form.subscribe-form { width: 100%; max-width: 100%; min-width: 0; }
body.type-index .mgl-news form.subscribe-form > * { max-width: 100%; min-width: 0; }
body.type-index .mgl-news form.subscribe-form input[type="email"],
body.type-index .mgl-news form.subscribe-form input.form-control {
  width: 100% !important; max-width: 100% !important; min-width: 0 !important;
  flex: 1 1 200px;
}
@media (max-width: 600px) {
  body.type-index .mgl-news form.subscribe-form .btn { width: 100%; text-align: center; }
}

/* --- 7.8 SEO text ---------------------------------------------------------- */
/* Navazuje primo na tmavy newsletter - zadny odstup (prosvital by jako sedy pruh)
   a zadna horni linka; hranu delá sam prechod tmave -> bile. */
body.type-index .mgl-seo { background: var(--mgl-card); border-top: 0; margin-top: 0; }
/* Blok byl vycentrovany v 900px sloupci, takze zacinal uprostred stranky,
   zatimco vsechny ostatni sekce zacinaji na hrane kontejneru. Ted drzi stejnou
   svislici; kratke radky kvuli citelnosti resi max-width na odstavcich. */
body.type-index .mgl-seo .mgl-in {
  padding-block: 30px; max-width: var(--mgl-w); margin-inline: auto; padding-inline: var(--mgl-pad);
}
body.type-index .mgl-seo h2 { font-size: 16px; font-weight: 800; margin: 0 0 8px; color: var(--mgl-text); }
body.type-index .mgl-seo p { color: var(--mgl-muted); font-size: 14px; margin: 0 0 10px; }
/* Text koncil ve dvou tretinach sirky a vpravo zustavala prazdna plocha.
   Dva sloupce vyplni celou sirku a radky pritom zustanou kratke a citelne
   (pres celych 1378 px by mel radek pres 150 znaku). */
@media (min-width: 860px) {
  body.type-index .mgl-seo .mgl-in { column-count: 2; column-gap: 54px; }
  body.type-index .mgl-seo h2 { column-span: all; }
  body.type-index .mgl-seo p { break-inside: avoid; }
}

/* --- 7.9 vetsi obrazovky ---------------------------------------------------- */
@media (min-width: 600px) {
  body.type-index .mgl-cat-grid { grid-template-columns: 1fr 1fr; }
  body.type-index .mgl-trust .mgl-in { grid-template-columns: repeat(4, 1fr); }
  body.type-index .mgl-trust .mgl-in > .mgl-ben { border-top: 0; }
  /* pruh vyhod se na desktopu lepil primo na hero baner - dychani nahoru i dolu */
  body.type-index .mgl-trust .mgl-in { padding-block: 26px; }
  body.type-index .products-block.homepage-products-1 > .product { flex: 1 1 calc(33.333% - 8px); }
}

@media (min-width: 860px) {
  body.type-index .mgl-slide .mgl-in {
    grid-template-columns: 1.05fr .95fr;
    gap: 28px; padding-top: 54px; padding-bottom: 66px;
  }
  body.type-index .mgl-slide .mgl-shot { order: 2; }
  body.type-index .mgl-shot img { max-height: 380px; max-width: min(100%, 430px); }
  body.type-index .mgl-nav { display: grid; place-items: center; }
  body.type-index .mgl-dots { bottom: 24px; }
  body.type-index .mgl-glow { top: 50%; right: 27%; width: 380px; height: 380px; }
  body.type-index .mgl-beam { right: 26%; width: 74%; opacity: 1; }
  body.type-index .mgl-bundle .mgl-in { grid-template-columns: .9fr 1.1fr; gap: 40px; padding-block: 46px; }
  body.type-index .mgl-bundle img { max-width: 320px; }
  body.type-index .mgl-cat-grid { grid-template-columns: repeat(3, 1fr); }
  /* Stejna mezera mezi VSEMI kartami - vnejsi mrizka mela 26 px, vnitrni 12 px,
     takze prvni mezera byla vic nez dvojnasobna a recenze pusobily nerovnomerne. */
  body.type-index .mgl-proof-grid { grid-template-columns: 250px 1fr; gap: 20px; align-items: stretch; }
  body.type-index .mgl-quotes { grid-template-columns: repeat(3, 1fr); gap: 20px; }
  /* Ole 9.8.2026: karty recenzi nemaji dotahovat vysku karty se skore -
     drzi se svého obsahu, takze jsou nizsi. Mezi sebou zustavaji stejne,
     protoze jsou v jedne rade vlastni mrizky. */
  body.type-index .mgl-proof .mgl-quotes { align-self: start; }
  body.type-index .products-block.homepage-products-1 > .product { flex: 1 1 calc(25% - 9px); }
}

@media (min-width: 1100px) {
  body.type-index .products-block.homepage-products-1 > .product { flex: 1 1 0; min-width: 150px; }
  body.type-index .products-block.homepage-products-1 .p > a.image img { height: 104px; }
}

@media (prefers-reduced-motion: reduce) {
  body.type-index .mgl-track { transition: none; }
  body.type-index .products-block.homepage-products-1 .p:hover { transform: none; }
}

/* --------------------------------------------------------------------------
   7.10 Sirka sekci
   Sablona dava obsahu titulni strany max-width: 800px. Hero to prezil jen
   proto, ze ma vlastni max-width - stejne to potrebuji i ostatni sekce.
   -------------------------------------------------------------------------- */
body.type-index .mgl-hero,
body.type-index .mgl-car,
body.type-index .mgl-car-view,
body.type-index .mgl-track,
body.type-index .mgl-slide,
body.type-index .mgl-trust,
body.type-index .mgl-bundle,
body.type-index .mgl-cats,
body.type-index .mgl-proof,
body.type-index .mgl-seo {
  width: 100%; max-width: 100%; min-width: 0; margin-inline: 0;
}

/* Hero baner i vsechny ostatni sekce ted berou sirku z --mgl-w / --mgl-pad
   (viz sekce 7 nahore), takze zadne vlastni max-width uz nepotrebuji.
   Smrskavani textoveho sloupce resi obecne pravidlo `.mgl-in > *`. */

/* --------------------------------------------------------------------------
   7.11 Hodnoceni obchodu + fotorecenze
   Nativni bloky se zivymi daty. Radime je hned za nas tmavy pruh s hodnocenim
   a barevne je na nej napojujeme, aby to byla jedna sekce, ne tri.
   -------------------------------------------------------------------------- */
body.type-index .overall-wrapper > .container:not(#content-wrapper) { order: 62; }
body.type-index #hodnoceniobchodu { order: 61; }

body.type-index #hodnoceniobchodu {
  width: 100%; max-width: 100%; margin: 0; padding: 34px var(--mgl-pad) 44px;
  background: var(--mgl-card); border-top: 1px solid var(--mgl-line); color: var(--mgl-text);
  float: none;
}
body.type-index #hodnoceniobchodu > * { max-width: var(--mgl-w); margin-inline: auto; float: none; }
body.type-index #hodnoceniobchodu h2 { text-align: left; margin: 0 0 4px; }
body.type-index #hodnoceniobchodu h2 a {
  font-size: clamp(23px, 4.2vw, 34px); font-weight: 800; letter-spacing: -.02em;
  color: var(--mgl-text) !important; text-decoration: none;
}
body.type-index #hodnoceniobchodu .shop-eval-stars { text-align: left; margin-bottom: 18px; }
body.type-index #hodnoceniobchodu .rate-average { font-size: 26px; font-weight: 800; color: var(--mgl-text); }
body.type-index #hodnoceniobchodu br { display: none; }
body.type-index #hodnoceniobchodu .shop-eval { display: grid; grid-template-columns: 1fr; gap: 12px; }
body.type-index #hodnoceniobchodu .vote-wrap {
  background: var(--mgl-paper); border: 1px solid var(--mgl-line);
  border-radius: 14px; padding: 16px; margin: 0; float: none; width: auto; min-height: 0;
}
body.type-index #hodnoceniobchodu .vote-name { font-weight: 800; font-size: 14px; }
body.type-index #hodnoceniobchodu .vote-content { font-size: 14.5px; margin-top: 8px; color: var(--mgl-text); }
body.type-index #hodnoceniobchodu .vote-time,
body.type-index #hodnoceniobchodu .vote-delimeter { color: var(--mgl-muted); font-size: 12.5px; }
body.type-index #hodnoceniobchodu .btn {
  background: var(--mgl-sun) !important; color: var(--mgl-ink) !important; border: 0 !important;
  font-weight: 800; border-radius: 999px !important; padding: 12px 24px !important;
}

/* --------------------------------------------------------------------------
   7.12 Fotorecenze (doplnek Satisflow) ve stylu MEGALU
   Doplnek si vsechno kresli INLINE stylem primo v HTML, takze kazde pravidlo
   tady musi mit !important - jinak prohraje.
   -------------------------------------------------------------------------- */

/* obal doplnku: stejny podklad jako zbytek stranky misto ciste bile */
body.type-index div:has(> #sf-reviews-widget-headline) {
  background: var(--mgl-paper) !important;
  padding-top: 40px !important; padding-bottom: 40px !important;
}

/* nadpis jako ostatni sekce - vlevo, znackovy rez */
body.type-index #sf-reviews-widget-headline {
  font-size: clamp(23px, 4.2vw, 34px) !important;
  font-weight: 800 !important; letter-spacing: -.02em;
  text-align: left !important; color: var(--mgl-text) !important;
  margin: 0 0 4px !important; line-height: 1.15 !important;
}
/* podpis doplnku zustava (licence), jen ztlumeny a vlevo */
body.type-index #sf-widget-brand {
  display: inline-block; text-align: left !important;
  font-size: 12px !important; color: var(--mgl-muted) !important; opacity: 1 !important;
}

/* karty jako v zebricku modelu */
body.type-index article.sf-review {
  border-radius: 14px !important;
  border-color: var(--mgl-line) !important;
  overflow: hidden;
}
body.type-index article.sf-review .sf-review-name,
body.type-index article.sf-review .sf-review-text { color: var(--mgl-text) !important; }
body.type-index article.sf-review .sf-review-name > span:first-child {
  font-size: 15.5px !important; font-weight: 800 !important; letter-spacing: -.015em;
}
/* datum vytvoreni - selektor podle zacatku aria-label, at v CSS neni diakritika */
body.type-index article.sf-review .sf-review-name span[aria-label^="Datum"] {
  font-size: 12.5px !important; color: var(--mgl-muted) !important; opacity: 1 !important;
}

/* hvezdicky doplnku jsou fialovomodre (#6277EB) - znackova zluta */
body.type-index article.sf-review span.rating {
  color: var(--mgl-sun) !important; font-size: 18px !important; letter-spacing: 1px;
}

/* "Prejit na produkt": cerny hranaty ramecek -> ticha znackova pilulka */
body.type-index article.sf-review .satisflow-reviewed-product-link a {
  display: inline-block;
  background: #EEF3F7 !important; color: var(--mgl-text) !important;
  border: 0 !important; border-radius: 999px !important;
  padding: 6px 14px !important; font-size: 12.5px !important; font-weight: 700 !important;
  opacity: 1 !important; text-decoration: none !important;
}
body.type-index article.sf-review .satisflow-reviewed-product-link a:hover {
  background: var(--mgl-sun) !important;
}

/* Spodni cast karty (pod fotkou) byla vysoka 220 px a u kazde karty jina,
   protoze text recenze ma promenlivou delku (29-48 px). Stahujeme ji a davame
   ji pevnou vysku, at jsou vsechny karty stejne. */
body.type-index article.sf-review .sf-review-name {
  padding: 8px 10px 4px !important; line-height: 1.35 !important;
}
body.type-index article.sf-review .sf-review-name > span:first-child {
  font-size: 14.5px !important;
}
body.type-index article.sf-review span.rating { font-size: 15px !important; }
body.type-index article.sf-review .satisflow-reviewed-product-link {
  margin: 6px 0 0 !important;
}
body.type-index article.sf-review .satisflow-reviewed-product-link a {
  padding: 4px 12px !important; font-size: 12px !important;
}
/* text recenze: vzdy dva radky, i kdyz je prazdny nebo delsi */
body.type-index article.sf-review .sf-review-text {
  padding: 0 10px !important; min-height: 40px !important;
}
body.type-index article.sf-review .sf-review-text p {
  -webkit-line-clamp: 2 !important; margin: 0 !important;
  font-size: 13.5px !important; line-height: 1.4 !important;
}
/* radek s palcem nahoru */
body.type-index article.sf-review .sf-upvote-btn-wrapper { height: 34px !important; }
body.type-index article.sf-review .sf-upvote-btn-wrapper span {
  line-height: 34px !important; font-size: 16px !important;
}

/* Doplnek drzi kartu na min-height: 575 px (nastavuje JS), takze pod zkracenym
   obsahem zbylo ~100 px prazdna. Pousteme vysku na obsah a rezervujeme dole misto
   pro pruh s palcem, ktery je position:absolute; bottom:0.
   Viewport karuselu ma vysku inline z JS - cells jsou absolutni, takze ji nelze dat
   auto (zkolabovala by na nulu); davame pevnou, dopocitanou z obsahu. */
body.type-index article.sf-review {
  min-height: 0 !important; height: auto !important;
  padding-bottom: 38px !important;
}
body.type-index .flickity-viewport { height: 500px !important; }



/* --------------------------------------------------------------------------
   7.13 Nativni "Hodnoceni obchodu" pryc (Ole 9.8.2026)
   Duplikovalo nasi sekci Overena hodnoceni - stejne 4,9 z 243 hodnoceni,
   jen v sablonovem vzhledu. Pravidla v 7.11 zustavaji pro pripad navratu.
   -------------------------------------------------------------------------- */
body.type-index #hodnoceniobchodu { display: none !important; }

/* fotorecenze */
body.type-index .overall-wrapper > .container:not(#content-wrapper):not(#hodnoceniobchodu) {
  width: 100%; max-width: var(--mgl-w); margin-inline: auto; padding-inline: var(--mgl-pad);
}

/* --------------------------------------------------------------------------
   8) ZNACKOVA HLAVICKA A PATICKA (na celem webu, ne jen na titulce)
   Menu bylo bile na cerne hlavicce; brandbook i schvaleny navrh maji cely
   horni pruh v Blue Charcoal.
   -------------------------------------------------------------------------- */
nav#navigation > .navigation-in,
nav#navigation { background-color: var(--mgl-charcoal) !important; }
nav#navigation { border-top: 1px solid var(--mgl-hdr-line); }
/* Ole 10.8.2026: menu sedelo pismem primo na spodni hrane hlavicky. Odsazeni
   dava text i zlutou linku hover od hranice s obsahem. */
body.desktop nav#navigation > .navigation-in { padding-bottom: 10px; }

/* Sablona nechava nav v toku vysoky jen 32 px, protoze .navigation-in v nem
   visi absolutne (position: absolute, width: 9999em). Tmavy pruh proto konci
   driv, nez menu doopravdy konci, a na vsech strankach s drobeckama se pod
   nej podsune svetly pruh, ktery ukousne spodek pismen (Ole 10.8.2026).
   Na titulce to videt neni - drobecky tam nejsou - proto ji vynechavame.
   Presnou vysku dopocita megalu-ui.js z .navigation-in; tohle je jen
   pojistka, aby to sedelo uz pred spustenim skriptu. */
body.desktop:not(.type-index) nav#navigation { min-height: 59px; }

/* --- horni uroven podle navrhu (.m-nav): 48px, 14.5px/600, mezera 26px ------
   Sablona dava 32px / 14px / weight 400 a k tomu svisle oddelovace - na tmavem
   pruhu to vypada jako dodatecna listovka, ne jako hlavni navigace. */
nav#navigation .menu-level-1 > li > a {
  display: flex; align-items: center;
  height: 48px; padding: 0 13px !important;
  font-size: 14.5px !important;
  font-weight: 600 !important;
  color: rgba(255,255,255,.9) !important;
  position: relative;
}
/* Sablona dava nav zaporny margin (-20px), takze pruh zacinal o 20 px vlevo
   od loga. Vracime ho zpet na hranu obsahu a prvni polozku nechavame bez
   vnitrniho odsazeni - prvni pismeno tak sedi presne pod logem. */
nav#navigation .menu-level-1 { padding-left: 20px; }
nav#navigation .menu-level-1 > li:first-child > a { padding-left: 0 !important; }
nav#navigation .menu-level-1 > li:first-child > a::after { left: 0; }
/* aktivni kategorie zlute - navrh to tak ma */
nav#navigation .menu-level-1 > li > a.active,
nav#navigation .menu-level-1 > li > a.active > b { color: var(--mgl-sun) !important; }
nav#navigation .menu-level-1 > li > a > b { color: #fff !important; font-weight: 600 !important; }

/* --- HOVER: podtrzeni misto bileho ctverce ----------------------------------
   Sablona kreslila pod kurzorem BILY obdelnik a nase pravidlo do nej dalo
   zlute pismo - zlata na bile je necitelna a cely pruh probliknul bile.
   Ted pozadi zustava tmave a sviti jen text + zluta linka pod polozkou. */
nav#navigation .menu-level-1 > li > a:hover,
nav#navigation .menu-level-1 > li > a:focus,
nav#navigation .menu-level-1 > li.exp > a,
nav#navigation .menu-level-1 > li.active > a,
nav#navigation .menu-level-1 > li:hover > a {
  background-color: transparent !important;
  background-image: none !important;
  color: #FEC84B !important;
}
nav#navigation .menu-level-1 > li > a:hover > b,
nav#navigation .menu-level-1 > li.exp > a > b,
nav#navigation .menu-level-1 > li.active > a > b { color: #FEC84B !important; }

/* samotna linka */
nav#navigation .menu-level-1 > li > a::after {
  content: ""; position: absolute; left: 13px; right: 13px; bottom: 0;
  height: 3px; border-radius: 3px 3px 0 0; background: #FEC84B;
  transform: scaleX(0); transform-origin: center;
  transition: transform .18s ease;
}
nav#navigation .menu-level-1 > li > a:hover::after,
nav#navigation .menu-level-1 > li > a:focus::after,
nav#navigation .menu-level-1 > li.exp > a::after,
nav#navigation .menu-level-1 > li:hover > a::after { transform: scaleX(1); }
@media (prefers-reduced-motion: reduce) {
  nav#navigation .menu-level-1 > li > a::after { transition: none; }
}

nav#navigation .menu-level-1 > li > a .submenu-arrow { border-color: rgba(255,255,255,.6) !important; }

/* --- rozbalovaci podmenu ----------------------------------------------------
   Zustava svetle, ale jako karta: odsazeni, zaoblene rohy dole, stin a zluty
   prouzek nahore, aby to nebyl holy bily pas pres celou sirku. */
nav#navigation .menu-level-2 {
  background-color: #fff !important;
  border-top: 3px solid #FEC84B !important;
  border-radius: 0 0 16px 16px !important;
  box-shadow: 0 24px 48px rgba(3,16,27,.45) !important;
  padding: 18px 10px !important;
}
nav#navigation .menu-level-2 a { color: #0F1D28 !important; }
nav#navigation .menu-level-2 a:hover { color: #145998 !important; }
nav#navigation .menu-level-2 .menu-image img { border-radius: 10px !important; }

/* svisle oddelovace mezi polozkami - navrh je nema vubec */
nav#navigation .menu-level-1 > li,
nav#navigation .menu-level-1 > li > a { border: 0 !important; }
nav#navigation .menu-level-1 > li::before,
nav#navigation .menu-level-1 > li::after { content: none !important; display: none !important; }
/* bily ctverec s hamburgerem vpravo v pruhu */
nav#navigation .menu-helper,
nav#navigation + .menu-helper,
#navigation .menu-helper { background-color: transparent !important; }
nav#navigation .menu-helper span,
#hamburgerMenu span { background-color: #fff !important; }
/* ikona hamburgeru vpravo v pruhu */
nav#navigation ~ .menu-helper,
.top-menu-trigger-visible #hamburgerMenu span { background-color: #fff !important; }

/* paticka: brandova charcoal misto ciste cerne */
.footer { background-color: #03101B !important; }
.footer .footerNewsletter__ico { display: none !important; }
.footer .footerNewsletter__wrapper { width: 100% !important; max-width: 560px; }
.footer .footerNewsletter__desc { display: none !important; }   /* prekryvalo nadpis ODBER NOVINEK */
.footer .subscribe-form .btn,
.footer #formNewsletterWidget .btn {
  background: #FEC84B !important; color: #03101B !important;
  border: 0 !important; border-radius: 999px !important; font-weight: 800 !important;
}
/* platebni metody - nativni obrazek je slozeny na vysku, zmensime ho */
.footer .banner-wrapper img { max-width: 240px; height: auto; }

/* Odber novinek: sablona barvi texty bile, ale blok ma svetle pozadi, takze
   pulka textu je neviditelna. Schvaleny navrh ma tenhle pruh tmavy - tim se
   spravi obojí najednou. */
.footer .footerNewsletter { background-color: #0A1D2E !important; }
.footer .footerNewsletter .container,
.footer .footerNewsletter .footerNewsletter__wrapper,
.footer .footerNewsletter form,
.footer .footerNewsletter > div { background-color: transparent !important; }
.footer .footerNewsletter span,
.footer .footerNewsletter p,
.footer .footerNewsletter label { color: #fff !important; }
.footer .footerNewsletter a { color: #FEC84B !important; }
.footer .footerNewsletter .btn,
.footer .footerNewsletter .btn span { color: #03101B !important; }
.footer .footerNewsletter input[type="email"],
.footer .footerNewsletter input[type="text"] {
  background: rgba(255,255,255,.08) !important; border: 1px solid rgba(255,255,255,.18) !important;
  color: #fff !important; border-radius: 999px !important;
}
/* MGL-HOME:END */

/* --------------------------------------------------------------------------
   9) Detail produktu: galerie zustava stat pri scrollovani (jen desktop)

   Sablona ma .p-image-wrapper a .p-info-wrapper jako dva Bootstrap sloupce
   (col-xs-12 col-lg-6, oba float: left) uvnitr .p-detail-inner. Sticky se
   proto pousti presne na konci .p-detail-inner - tedy tam, kde zacinaji
   zalozky s popisem produktu. Presne to chceme: obrazek drzi, prava strana
   scrolluje, a jakmile zacne popis, galerie odjede s nim.

   Overeno na zivem PDP (CDP, 1440 px): zadny rodic nema overflow != visible,
   takze sticky neni nicim zabity; galerie se drzi na top: 20 px, zatimco
   .p-info-wrapper projede z -416 na -1050 px.

   POZOR - dnes to skoro neni videt: galerie je 817 px vysoka, nakupni box
   jen 644 px, takze je jen ~97 px na cem klouzat. Efekt naskoci az s novym
   nakupnim boxem (vyber sestavy + doplnek + blok duvery), kde je pravy
   sloupec vyssi nez galerie.

   Breakpoint 1200 px = presne tam, kde Bootstrap 3 pousti col-lg-6. Pod nim
   jsou sloupce pod sebou a sticky by galerii lepil pres obsah.
   align-self je pojistka pro pripad, ze by sablona .row prepla na flex/grid:
   grid/flex polozky se defaultne roztahnou na vysku radku a sticky pak nema
   zadnou volnou drahu.
   -------------------------------------------------------------------------- */

@media (min-width: 1200px) {
  body.desktop.type-detail .p-image-wrapper {
    position: sticky;
    top: 20px;
    align-self: flex-start;
  }
}

/* --------------------------------------------------------------------------
   10) DETAIL PRODUKTU - nakupni box podle navrhu "Coolblue v barvach MEGALU"

   Markup vklada megalu-ui.js. Tady je jen vzhled. Tri bloky:
   .mgl-deliv (slib doruceni) | .mgl-sestavy (vyber sestavy) | .mgl-reassure
   (blok duvery + ikony plateb).

   Puvodni radek "Varianta:" se SKRYVA, nemaze - vykresluje ho Shoptet doplnek
   a nas blok z nej cte data. Kdyby JS z jakehokoli duvodu nebezel, radek se
   znovu ukaze pravidlem nize (telo dostane .mgl-has-sestavy az kdyz nas blok
   opravdu vznikne), takze zakaznik nikdy neprijde o moznost vybrat balicek.
   -------------------------------------------------------------------------- */

body.type-detail.mgl-has-sestavy table.detail-parameters tr.shkRowAlternativeVariants {
  display: none !important;
}

/* --- 10.1 slib doruceni ---------------------------------------------------- */

body.type-detail .mgl-deliv {
  display: grid; grid-template-columns: 22px 1fr; gap: 10px; align-items: start;
  background: #E6FCFD; border-radius: 10px; padding: 12px 14px; margin: 12px 0 0;
  font-size: 13.5px; line-height: 1.5; color: #0E7B7D;
}
body.type-detail .mgl-deliv b { color: #064B4D; }
body.type-detail .mgl-deliv__ico {
  width: 22px; height: 22px; background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 2.6 21 7v10l-9 4.4L3 17V7z' fill='none' stroke='%230E7B7D' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/><path d='M3 7l9 4.4L21 7M12 11.4V21.4' fill='none' stroke='%230E7B7D' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/></svg>") center/22px 22px no-repeat;
}
body.type-detail .mgl-deliv__sub { display: block; color: #3f7d7e; }

/* --- 10.2 vyber sestavy ---------------------------------------------------- */

body.type-detail .mgl-sestavy { margin: 16px 0 14px; }
body.type-detail .mgl-sestavy__h {
  display: flex; justify-content: space-between; align-items: baseline; gap: 12px;
  font-size: 12px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase;
  color: #5D6B78; margin-bottom: 9px;
}
body.type-detail .mgl-sestavy__h em {
  font-style: normal; font-weight: 600; letter-spacing: 0; text-transform: none;
  font-size: 12.5px; color: #8a939b;
}

body.type-detail .mgl-vrow {
  display: grid; grid-template-columns: 20px 46px 1fr auto; gap: 12px; align-items: center;
  border: 1px solid #e3e8ec; border-radius: 10px; padding: 10px 13px; margin-bottom: 7px;
  background: #fff; color: #0B1620; text-decoration: none;
}
body.type-detail a.mgl-vrow:hover { border-color: #030F1A; background: #FCFDFE; }
body.type-detail a.mgl-vrow:focus-visible { outline: 2px solid #145998; outline-offset: 2px; }
body.type-detail .mgl-vrow.is-current { border-color: #030F1A; background: #FFFBF0; box-shadow: inset 0 0 0 1px #030F1A; }
body.type-detail .mgl-vrow.is-extra { display: none; }
body.type-detail .mgl-sestavy.is-open .mgl-vrow.is-extra { display: grid; }

body.type-detail .mgl-vrow__mark {
  width: 18px; height: 18px; border-radius: 50%; border: 2px solid #c3ccd4;
  display: grid; place-items: center;
}
body.type-detail .mgl-vrow.is-current .mgl-vrow__mark { border-color: #030F1A; }
body.type-detail .mgl-vrow.is-current .mgl-vrow__mark::after {
  content: ""; width: 9px; height: 9px; border-radius: 50%; background: #030F1A;
}
body.type-detail .mgl-vrow__img {
  width: 46px; height: 46px; object-fit: contain; border-radius: 6px;
  background: #fafbfc; border: 1px solid #eef1f4; display: block;
}
body.type-detail .mgl-vrow__name { display: block; font-size: 14px; font-weight: 700; line-height: 1.3; }
body.type-detail .mgl-vrow__desc { display: block; font-size: 12.5px; color: #5D6B78; line-height: 1.4; margin-top: 2px; }
body.type-detail .mgl-vrow__save {
  display: inline-block; background: #FFE6F5; color: #A3236F; font-size: 11px; font-weight: 800;
  border-radius: 999px; padding: 1px 8px; margin-left: 6px; vertical-align: 1px;
}
body.type-detail .mgl-vrow__here {
  display: inline-block; background: #030F1A; color: #fff; font-size: 10.5px; font-weight: 800;
  border-radius: 999px; padding: 2px 9px; margin-left: 6px; vertical-align: 1px;
  text-transform: uppercase; letter-spacing: .05em;
}
body.type-detail .mgl-vrow__ship {
  display: inline-block; background: #E6FCFD; color: #0E7B7D; font-size: 11.5px; font-weight: 700;
  border-radius: 999px; padding: 2px 9px; margin-top: 5px;
}
body.type-detail .mgl-vrow__price { text-align: right; white-space: nowrap; }
body.type-detail .mgl-vrow__price b {
  display: block; font-size: 15.5px; font-weight: 800; font-variant-numeric: tabular-nums;
}
body.type-detail .mgl-vrow__price s,
body.type-detail .mgl-vrow__noship { display: block; font-size: 11.5px; color: #98a2ab; }
body.type-detail .mgl-vrow__noship { text-decoration: none; }

body.type-detail .mgl-vmore {
  display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%;
  background: #fff; border: 1px dashed #cfd7de; border-radius: 10px; padding: 11px;
  font: inherit; font-size: 13.5px; font-weight: 700; color: #145998; cursor: pointer;
}
body.type-detail .mgl-vmore:hover { background: #F7FAFC; border-color: #145998; }
body.type-detail .mgl-vmore:focus-visible { outline: 2px solid #145998; outline-offset: 2px; }
body.type-detail .mgl-vmore__c {
  width: 16px; height: 16px; background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='m3.5 6 4.5 4.5L12.5 6' fill='none' stroke='%23145998' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>") center/16px 16px no-repeat;
  transition: transform .18s ease;
}
body.type-detail .mgl-sestavy.is-open .mgl-vmore__c { transform: rotate(180deg); }

/* --- 10.3 blok duvery + ikony plateb --------------------------------------- */

body.type-detail .mgl-reassure { margin-top: 15px; padding-top: 14px; border-top: 1px solid #eef1f4; }
body.type-detail .mgl-trust { list-style: none; margin: 0; padding: 0; }
body.type-detail .mgl-trust__i {
  display: grid; grid-template-columns: 20px 1fr; gap: 11px; align-items: start;
  padding: 9px 0; border-top: 1px solid #f2f5f7; font-size: 13.5px; line-height: 1.45;
}
body.type-detail .mgl-trust__i:first-child { border-top: 0; }
body.type-detail .mgl-trust__i::before {
  content: ""; width: 20px; height: 20px; margin-top: 1px;
  background-position: center; background-repeat: no-repeat; background-size: 20px 20px;
}
body.type-detail .mgl-trust__i--truck::before  { background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M2.5 6.5h10v9h-10z' fill='none' stroke='%230E7B7D' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/><path d='M12.5 9.5h4l3 3v3h-7z' fill='none' stroke='%230E7B7D' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/><circle cx='6.5' cy='17.5' r='2' fill='none' stroke='%230E7B7D' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/><circle cx='16.5' cy='17.5' r='2' fill='none' stroke='%230E7B7D' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/></svg>"); }
body.type-detail .mgl-trust__i--shield::before { background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 2.8 4.5 5.8v5.4c0 4.6 3.1 8.2 7.5 10 4.4-1.8 7.5-5.4 7.5-10V5.8z' fill='none' stroke='%230E7B7D' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/><path d='m8.8 11.8 2.2 2.2 4.2-4.4' fill='none' stroke='%230E7B7D' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/></svg>"); }
body.type-detail .mgl-trust__i--return::before { background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M3.5 8.5h11a5.5 5.5 0 0 1 0 11H8' fill='none' stroke='%230E7B7D' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/><path d='m7 4.5-3.5 4 3.5 4' fill='none' stroke='%230E7B7D' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/></svg>"); }
body.type-detail .mgl-trust__i--star::before   { background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='m12 3.2 2.7 5.6 6.1.9-4.4 4.3 1 6.1-5.4-2.9-5.4 2.9 1-6.1L3.2 9.7l6.1-.9z' fill='none' stroke='%230E7B7D' stroke-width='1.9' stroke-linejoin='round'/></svg>"); }
body.type-detail .mgl-trust__lo { color: #6b7680; }
body.type-detail .mgl-trust a { color: inherit; text-decoration: none; border-bottom: 1px solid #cfd7de; }
body.type-detail .mgl-trust a:hover { border-bottom-color: #030F1A; }

body.type-detail .mgl-pay { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; margin-top: 13px; }
body.type-detail .mgl-pay__t { width: 100%; font-size: 11.5px; color: #7a848d; margin-bottom: 2px; }
body.type-detail .mgl-pay__i {
  width: 38px; height: 24px; border-radius: 4px; display: block;
  background-position: center; background-repeat: no-repeat; background-size: 38px 24px;
}
body.type-detail .mgl-pay__i--visa    { background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 38 24'><rect x='.5' y='.5' width='37' height='23' rx='4' fill='%23fff' stroke='%23DCE1E6'/><text x='19' y='16.4' text-anchor='middle' font-family='Arial,Helvetica,sans-serif' font-size='10.5' font-weight='700' font-style='italic' letter-spacing='.6' fill='%231A1F71'>VISA</text></svg>"); }
body.type-detail .mgl-pay__i--mc      { background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 38 24'><rect x='.5' y='.5' width='37' height='23' rx='4' fill='%23fff' stroke='%23DCE1E6'/><circle cx='15.6' cy='12' r='6' fill='%23EB001B'/><circle cx='22.4' cy='12' r='6' fill='%23F79E1B'/><path d='M19 7.4a6 6 0 0 0 0 9.2 6 6 0 0 0 0-9.2z' fill='%23FF5F00'/></svg>"); }
body.type-detail .mgl-pay__i--maestro { background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 38 24'><rect x='.5' y='.5' width='37' height='23' rx='4' fill='%23fff' stroke='%23DCE1E6'/><circle cx='15.6' cy='12' r='6' fill='%23ED0006'/><circle cx='22.4' cy='12' r='6' fill='%230099DF'/><path d='M19 7.4a6 6 0 0 0 0 9.2 6 6 0 0 0 0-9.2z' fill='%236C6BBD'/></svg>"); }
body.type-detail .mgl-pay__i--gpay    { width: 46px; background-size: 46px 24px; background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 46 24'><rect x='.5' y='.5' width='45' height='23' rx='4' fill='%23fff' stroke='%23DCE1E6'/><text x='9' y='16.4' font-family='Arial,Helvetica,sans-serif' font-size='11' font-weight='700' fill='%234285F4'>G</text><text x='18' y='16.4' font-family='Arial,Helvetica,sans-serif' font-size='11' font-weight='500' fill='%235F6368'>Pay</text></svg>"); }
body.type-detail .mgl-pay__i--apay    { width: 46px; background-size: 46px 24px; background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 46 24'><rect x='.5' y='.5' width='45' height='23' rx='4' fill='%23fff' stroke='%23DCE1E6'/><g transform='translate(7,4.4) scale(.6)' fill='%23000'><path d='M17.05 12.53c-.02-2.2 1.8-3.26 1.88-3.31 -1.03-1.5 -2.62-1.7 -3.19-1.73 -1.36-.14 -2.65.8 -3.34.8 -.69 0 -1.75-.78 -2.88-.76 -1.48.02 -2.85.86 -3.61 2.18 -1.54 2.67 -.39 6.62 1.11 8.79 .73 1.06 1.6 2.25 2.74 2.21 1.1-.04 1.51-.71 2.84-.71 1.33 0 1.7.71 2.86.69 1.18-.02 1.93-1.08 2.65-2.14 .84-1.23 1.18-2.42 1.2-2.48 -.03-.01 -2.3-.88 -2.32-3.5z'/><path d='M14.9 6.1c.6-.73 1-1.74 .89-2.75 -.86.03 -1.9.57 -2.52 1.3 -.55.64 -1.03 1.67 -.9 2.66 .96.07 1.94-.49 2.53-1.21z'/></g><text x='22.5' y='16.4' font-family='Arial,Helvetica,sans-serif' font-size='11' font-weight='500' fill='%23000'>Pay</text></svg>"); }
body.type-detail .mgl-pay__i--comgate { width: 78px; background-size: 78px 24px; background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 78 24'><rect x='.5' y='.5' width='77' height='23' rx='4' fill='%23fff' stroke='%23DCE1E6'/><circle cx='12' cy='12' r='5.2' fill='none' stroke='%23E2001A' stroke-width='2.2' stroke-linecap='round' stroke-dasharray='24 9' transform='rotate(-35 12 12)'/><text x='21.5' y='16.2' font-family='Arial,Helvetica,sans-serif' font-size='10.5' font-weight='700' fill='%231B3D6D'>ComGate</text></svg>"); }

/* --- 10.5 poradi podle navrhu: podnadpis, hodnoceni, USP, priplatek ---------

   Poradi v nakupnim boxu vynucuje order() v megalu-ui.js pres appendChild,
   ne CSS - flex order by rozbil poradi pro ctecky a pro Shoptetuv vlastni JS.
   Tady je jen vzhled novych bloku.
   -------------------------------------------------------------------------- */

/* podnadpis (doplnek nazvu). Text se KOPIRUJE z .product-appendix, ktery
   zustava schovany - mikrodata a feedy tim nejsou dotcene. */
body.type-detail .mgl-head { margin: 6px 0 0; }
body.type-detail .mgl-subtitle {
  font-size: 15px; line-height: 1.45; color: #5D6B78; max-width: 62ch; margin: 0 0 8px;
}

body.type-detail .mgl-rating { display: flex; align-items: center; gap: 9px; flex-wrap: wrap; }
body.type-detail .mgl-rating .stars { display: inline-flex; gap: 1px; }
body.type-detail .mgl-rating__v {
  font-size: 15px; font-weight: 800; color: #030F1A; font-variant-numeric: tabular-nums;
}
body.type-detail .mgl-rating__a { font-size: 13.5px; color: #145998; }
body.type-detail .mgl-rating__a:hover { text-decoration: underline; }

/* puvodni obal hvezdicek uz je prazdny - hvezdicky jsou v .mgl-rating */
body.type-detail.mgl-has-head .stars-wrapper { display: none !important; }

/* --- priplatek "Instalace aplikaci" jako samostatny blok -------------------- */

body.type-detail table.detail-parameters tr[data-mgl-moved] { display: none !important; }

body.type-detail .mgl-addon {
  border: 1px solid #e3e8ec; border-radius: 10px; padding: 13px 14px; margin: 0 0 14px;
}
body.type-detail .mgl-addon__h {
  display: flex; flex-wrap: wrap; justify-content: space-between; gap: 2px 12px;
  align-items: baseline; font-size: 13.5px; font-weight: 700; margin-bottom: 9px;
}
/* Veta se pod 520px sama zalomi na vlastni radek, aby nemackala nazev. */
body.type-detail .mgl-addon__opt {
  font-size: 12px; font-weight: 500; color: #8a939b; text-align: right; flex: 0 1 auto;
}
body.type-detail .mgl-addon__note { font-size: 12.5px; color: #5D6B78; margin: 9px 0 0; line-height: 1.5; }

/* select uz nezije v tabulce, takze selektor bez ni */
body.type-detail select.surcharge-parameter {
  -webkit-appearance: none; appearance: none; width: 100%; max-width: none;
  font: inherit; font-size: 13.5px; color: #030F1A; background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3.5 6 4.5 4.5L12.5 6' fill='none' stroke='%23030F1A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right 13px center; background-size: 14px 14px;
  border: 1.5px solid #dfe4e9; border-radius: 9px; padding: 10px 36px 10px 13px;
  line-height: 1.3; cursor: pointer;
}
body.type-detail select.surcharge-parameter:hover { border-color: #c3ccd4; }
body.type-detail select.surcharge-parameter:focus {
  outline: 0; border-color: #030F1A; box-shadow: 0 0 0 3px rgba(254, 200, 75, .45);
}

/* tabulka parametru se stehuje pod nakupni box - at nerozdeluje cestu k tlacitku */
body.type-detail table.detail-parameters { margin-top: 22px; }

/* kod produktu a vlajky dotazene na radek hodnoceni */
body.type-detail .mgl-rating .p-code { font-size: 12.5px; color: #8a939b; }
body.type-detail .mgl-rating .flags { display: inline-flex; gap: 6px; margin: 0; }
body.type-detail .mgl-rating .flags .flag { margin: 0; }

/* Kratky popis je zase videt (Ole, 9. 8.) - sedi mezi hodnocenim a cenou.
   Odrazky jsou kompaktnejsi: sablona jim dava line-height 1.6 a mezeru 8px,
   takze krok radku byl 35px. Ted je 24px - ctyri odrazky usetri ~44px, coz je
   presne to, co posouvalo cenu k ohybu. */
body.type-detail .p-info-wrapper .p-short-description {
  font-size: 14px; line-height: 1.45; color: #3d4a55; max-width: 62ch; margin: 0 0 12px;
}
/* Odrazky: vlastni zaskrtavatko misto puntiku a zarovnani na levou hranu nadpisu.
   Sablona krátkému popisu zadne ikony nedava (ta stara zmizela s prepsanym HTML),
   takze si je kreslime sami - a hlavne rusime 40px odsazeni, ktere prohlizec dava
   seznamu automaticky. Ikona pak zacina presne tam, kde nadpis. */
body.type-detail .p-info-wrapper .p-short-description ul {
  gap: 4px; margin: 0; padding-left: 0; list-style: none;
}
body.type-detail .p-info-wrapper .p-short-description li {
  position: relative; padding: 0 0 0 25px; line-height: 1.45; list-style: none;
}
body.type-detail .p-info-wrapper .p-short-description li::marker { content: none; }
body.type-detail .p-info-wrapper .p-short-description li::before {
  content: ""; position: absolute; left: 0; top: 2px; width: 17px; height: 17px;
  background-repeat: no-repeat; background-position: center; background-size: 17px 17px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9.2' fill='none' stroke='%230E7B7D' stroke-width='1.9'/%3E%3Cpath d='m8.2 12.3 2.6 2.6 5-5.4' fill='none' stroke='%230E7B7D' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
body.type-detail .p-info-wrapper .p-short-description p { margin-bottom: 8px; }
body.type-detail .p-info-wrapper .p-short-description p:last-child,
body.type-detail .p-info-wrapper .p-short-description ul:last-child { margin-bottom: 0; }

/* rada s chatem potrebuje odstup od ikon plateb */
body.type-detail .mgl-advisor {
  display: grid; grid-template-columns: 20px 1fr; gap: 10px; align-items: center;
  margin-top: 14px; padding-top: 13px; border-top: 1px solid #f2f5f7;
  font-size: 13px; color: #48545e; line-height: 1.5;
}
body.type-detail .mgl-advisor__ico {
  width: 20px; height: 20px; border-radius: 50%; background: #FFF4CF;
}
body.type-detail .mgl-advisor__a { color: #145998; font-weight: 700; }
body.type-detail .mgl-advisor__a:hover { text-decoration: underline; }

/* --- 10.6 nazev v pravem sloupci, galerie zacina na stejne lince --------------

   .p-detail-inner-header stehuje megalu-ui.js dovnitr .p-info-wrapper. Nadpis
   pres celou sirku byl 30px; v polovicnim sloupci potrebuje mensi stupen, jinak
   se lame do ctyr radku a odsune cenu pod ohyb.
   -------------------------------------------------------------------------- */

body.type-detail.mgl-head-right .p-detail-inner-header { margin: 0 0 14px; }
body.type-detail.mgl-head-right .p-detail-inner-header h1 {
  font-size: 26px; line-height: 1.22; margin: 0 0 2px; letter-spacing: -.01em;
}
/* Pod 1200 px se hlavicka vraci nad galerii - resi to megalu-ui.js, ne CSS,
   protoze jde o presun v DOM, ne o poradi ve flexu. */

/* Hvezdicky: .stars mel vysku 12px, ale hvezda uvnitr 14,4px - pretekala a
   opticky sedela vys nez cislo vedle ni. Flex + line-height 1 srovna krabici
   s obsahem, takze se stred hvezd potka se stredem textu. */
body.type-detail .mgl-rating .stars {
  display: inline-flex; align-items: center; gap: 1px; line-height: 1; height: auto;
}
body.type-detail .mgl-rating .star { display: block; line-height: 1; height: auto; }
body.type-detail .mgl-rating .star::before { display: block; vertical-align: middle; }

/* --- 10.7 "Skladem" v brandove Aqua misto Shoptetovy zelene -----------------

   Brand kit MEGALU zadnou zelenou nema. Nejbliz je Aqua #23C2C5; pro text v teto
   velikosti je ale prilis svetla (kontrast na bile ~2,1:1), takze jede tmavsi
   varianta #0E7B7D - ta ma na bile ~4,9:1, tedy AA. Stejnou barvu uz nesou
   zaskrtavatka u odrazek i ikony pod tlacitkem, takze je cely sloupec jednotny.

   Sablona kresli dostupnost jako #009901 primo na .availability-label.
   Scopovano na detail produktu - v kategoriich zustava sablonova zelena.
   -------------------------------------------------------------------------- */

body.type-detail .p-info-wrapper .availability-value .availability-label,
body.type-detail .p-info-wrapper .availability-value a.availability-label {
  color: #0E7B7D !important;
}

/* ==========================================================================
   9) PATICKA podle schvaleneho navrhu (.m-foot / .m-pay / .m-legal)
   Plati na celem webu. Obsah spravuje Shoptet - my resime vzhled a rozlozeni.
   Sloupce a platebni radek prestavuje megalu-ui.js (footerLayout).
   ========================================================================== */
.footer { position: relative; background-color: var(--mgl-charcoal) !important; color: rgba(255,255,255,.68); }
.footer .container.footer-rows { background: transparent !important; }
.footer a { color: rgba(255,255,255,.68); }
.footer a:hover { color: #fff; }

/* ctyri sloupce podle navrhu: kontakt + Nakup / Znacka / Poradna */
body.desktop .footer .custom-footer {
  display: grid !important; grid-template-columns: 1.3fr 1fr 1fr 1fr !important; gap: 30px;
  align-items: start; justify-content: start;
}
body.desktop .footer .custom-footer > div { width: auto; max-width: none; margin: 0; padding: 0; }
.footer .custom-footer h3, .footer .custom-footer h4,
.footer .custom-footer .h4, .footer .custom-footer b, .footer .custom-footer strong {
  color: #fff !important; font-size: 14px; font-weight: 800; letter-spacing: .04em;
  margin-bottom: 10px; display: block;
}
.footer .custom-footer .mgl-fcol ul { list-style: none; margin: 0; padding: 0; }
.footer .custom-footer .mgl-fcol li { margin: 0 0 8px; }

/* platebni radek pres celou sirku, Heureka vpravo */
.mgl-foot-pay {
  display: flex; align-items: center; gap: 18px; flex-wrap: wrap;
  /* vodorovne odsazeni jako ma obsah kontejneru - popisek jinak visel az u okraje okna */
  padding: 22px 20px; margin-top: 8px;
  border-top: 1px solid rgba(255,255,255,.10);
}
.mgl-foot-pay .lbl { font-size: 13px; font-weight: 700; color: rgba(255,255,255,.6); }
.mgl-foot-pay .custom-footer__banner6,
.mgl-foot-pay .custom-footer__banner5611 { width: auto !important; margin: 0 !important; padding: 0 !important; }
.mgl-foot-pay .custom-footer__banner6 img {
  background: #fff; border-radius: 10px; padding: 10px 14px;
  max-width: 240px; max-height: none; width: auto; height: auto; display: block;
}
.mgl-foot-pay .custom-footer__banner5611 { margin-left: auto !important; }
.mgl-foot-pay .custom-footer__banner5611 img { max-width: 96px; height: auto; display: block; }

/* spodni pruhy s odkazy a copyrightem byly bile uprostred tmave paty */
.footer .container.footer-links-icons,
.footer .container.footer-bottom {
  background: transparent !important;
  border-top: 1px solid rgba(255,255,255,.10);
  color: rgba(255,255,255,.6) !important;
}
.footer .footer-links-icons a,
.footer .footer-bottom a { color: rgba(255,255,255,.85) !important; }
.footer .footer-links-icons a:hover,
.footer .footer-bottom a:hover { color: #fff !important; }
.footer .footer-bottom span,
.footer .footer-bottom div { color: rgba(255,255,255,.6) !important; }

/* znackovy prouzek uplne dole */
.footer::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 5px; pointer-events: none;
  background: linear-gradient(90deg, var(--mgl-sun), #FE75CF 55%, #145998);
}

/* mobil */
body.mobile .footer .custom-footer { display: block !important; }
body.mobile .footer .custom-footer > div { width: 100% !important; max-width: 100% !important; }
@media (max-width: 859.98px) {
  .mgl-foot-pay { gap: 14px; }
  .mgl-foot-pay .custom-footer__banner5611 { margin-left: 0 !important; }
}


/* --- 9.2 Platebni znacky podle navrhu ---------------------------------------
   Puvodni jeden slozeny obrazek z banneru nahrazuji jednotlive znacky, kazda na
   sve bile dlazdici (jak ma navrh). Same znacky jsou vyriznute z toho sve banneru
   obchodu, takze jde o oficialni podoby, ne prekreslene. */
.mgl-pay-row { display: flex; gap: 10px; flex-wrap: wrap; }
.mgl-pay-chip {
  background: #fff; border-radius: 9px; height: 42px; padding: 0 14px;
  display: grid; place-items: center; background-repeat: no-repeat;
  background-position: center; background-size: auto 21px; width: 76px;
}
.mgl-pay-chip.is-comgate { width: 112px; }
.mgl-pay-chip.is-gpay { width: 90px; }
.mgl-pay-chip.is-visa { background-image: url("data:image/webp;base64,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"); }
.mgl-pay-chip.is-mc { background-image: url("data:image/webp;base64,UklGRjINAABXRUJQVlA4WAoAAAAQAAAAmwAAXwAAQUxQSIsFAAABoEZrmyFJeiOyxrZt27Ztr23btr1j2za6ZjW2pzG2ZysjvnMys5CRp77fEeFQspW64WKkhCaadyL3B+AbVgguKnW6972xS7fuPZJ6eG94yZ/v3tOhAlyELPiADAk4KNRk4PPfzVm/48DJY/u3rZ755ZP96ueNblagEFIAmcvfMzacpige7NSUP0aVywRIKRJtsgUgf/sPV+y/RnFxcffCN5vmAWDJ4ByeXrV4K8UbG7Ftpb1Qth3xhm58vYmnawlYIQDFxkw6Ry5UxFYqqsnKjnj7kfrLYHexVkCWBIo/uvU2EWk3luLBDXXbcnPLA0XdRsaxLCBz60lpnubFb3JUY8jBse8buI00HyAsoNqXp939pMgPlLua9E8qATF75lr3rCcid6v5gPZ0aGF/QEjDYgGVfrhCpJQmv9BKEV36qhxgxdjP2cbscZusTDRZE23qCRhdh5DI894FJ16TGWgn/OwbObw9s4DuKY5lkyG4e3RxU8cw6R2w39Ncc9A20a6e7p8Eyo7XZMeMN7K///+8ACxhapmFx0Zbho2f8wMYlU5kk2HYRPs6m3EKgbYHSSkyD6VpT9N8E+Ja5g5G9X4mA5cxCTx/J0a3zDsv7CStKBDYmhYV860S2X8nUhQUlOsNDBHaXxchnyXPErKDKxTXa36Rl7rB8lVK/kURSlrYdK2fD5UoGCabkhiK7g5MWCXyh107ufVG9wRVyOxLXTvZ9VIjyMQu9b/EspP5DyfLQCRyg3zKtTnQ9TksET+o5f9KEQeI0DdxY4TIt594KKRtiru+kBNkExNQ+kQJKWMHdb1ra4/wEDMWMqYv2y6vjwuX7gIrVv2ix8dItTWHFFFLFMUyopbIRgzdH+OtBx84NTNyKKfwVAJFzmlF3OgjCHnnv+rU3Ijent2tJHLuI0XcQFMvSDe6j1v4qRZ6BPO1TQxNrlSFJVH2HEcTsulphDLhfieaJVltQYgpPAnRndJA3jOkWRJNo4HmxBRsGge8rBVX8lcmzORqjqazNTL/y5Zo6lkxjZj6QRF6uvUd0mwFfj+QrdqJXfwoRbgSTdveJZsvSf2KLyG6/jtnYk92QvjCFNbkD85+6K85k2vvcbagtMf5uuYr2jaYbL5kUdu7nD1jVE5n7Nnsyaz/8fVMq3tgNl/vAmeq4VXW3qFaEluRY4G8Z9l6Zx8BIaZyNeN2SYTwIFffiJZbkCh/ga9va44u4Omb5KVKcKt+PH3LnQ/J2DfwbpCA43yNo7GDbdmF8I65nGVozOWhqPwZiffJ5qYczCFE9BhfulbMyD2wYoyNPkc2LyWcXYpYY8rbWRlTVqozLCBG1el/tsbigRB+4CSH4XgJGVuEyLOXr9wPSLS4w0bOzNcJpGlZeIKLXKMNbq5RAvojDzlax0tDJJTblm0JC7ltTRJMvJPIl5LsquhGVx8Ji4X/5iGXMmEttjW5c1BvDPCZIJt3Kdk6eXN3u8Pym/M8Lnlzng/UN5CQjRf+DzJXfEeQueJLi8MykWPfKbgc+91N8o4LLMeePswMyww3oeiEQLkJqcFwE/Z3A6QxTseggwFwOnb28nI6ykwMgtPxpcvpMMiFyfv+RcNcmDNvZI/FhQkb5cI4/qVNAWmaQ/SjUQ7R13E4RNnv2WuSQ7TZwyEyz72q/uUZQ9yrjE8T4F5luXejCe6VjuJeQQbFWQvf8s9ZS3kwEc6adIx2U9P9c9aOfFffw1kLjuvX/K3Ntg+uX2TTW764fiXum3LeezAnxvU7/vPA3MFx/YAo/mPmCmP+TEm142/z1JSxo8tnBoQ/jmSBTh+tOnA9/uTCrgWvmuFIGuOWVuh4z7tjl4T3HE89vie8dOy793QyyC0t3HTQCz/M3rjtSOrJA/+unfbVE33r5TbELQUAVlA4IIAHAADQJgCdASqcAGAAPikSiEKhoSEUTHzoGAKEsgbkws55hPoHXPbL7D+Mv7gfD5Yn5393/5P/rerDPZ6iexP4n+sfuj/he0x5gH8E/iX9n/LP+udxrzAfqr/tP7r7xXoX9AD+Tf1D/ze0B/sfYO/bH2AP5N/ovVf/0v/G/0HwOfsh/4/8f8A38l/pf/A/P/uAPUA/gHqjJQOf6y5iLntThpVFjF9ELPg9UewL/Jf6V/u/Wj9d37K+wb+qJfWEwTj691FmxT+V4RdA3rRgCl+FjNsEZboZV7J1aQj11nKRvglswzYyk0Jl4gbSwlVMd1DigTbGn9N8cc4qf7OHc1hW2A6ZAQYQ9bzNWXjjo2eem9KkPToT5dc7Aol6Yafc0b8zeFFHYriUsRGHFztJlz6HFLuQD2zX/zRhw8Peni1LW0gAAP7+1e//9ux//bkP//bFREIiTjuwwCjQcXs0uSGA5WYFHPObEdG//SZTqvWRledY0fc7S1gLkmOBxNJ54witYebsDs8ugARPnchonRXw5kM+gmwzLd+oQAdI9BueG9lpXqik4dNCImHWt9CtpGHwJubCjB/EZwMTz0sEmUViB3ucYOoCk637u9PSRWfXT+XeEOLxf1fUn3Qj82fmXioaUFplUYBI4R+xn0f3OThtdGahAESwekn2t7NEpNVil2PTHHi3bNZ5ysELtjMwcJ1iIfPFtm6ekKf9Mu5c8ffnKRfJ3eUKGEFs9PGU5DS08T2XuKmq0Du3459/pvLfHwqLb17NS33/eWODlAglH1rhhpilpB8tqbRzRgU8iD7B7f38jHJDTqy9NsumEV3t6E7T36xQjQQ4y83QZHyiN8yGT83ovf617n7KLWTrHq1Aj/i6H+pWRxkHxUs57SHccI9AorTpWe0OH9GC/Jn/AfHDX+MAemdL0c56TRcEimBixRGK0Kh8aJKb2xKTATJK3ZCFF+CTMsTT40jgwG+7OeqWL1iB+47lZtydVixt5CSbwkEkBZLXIhIuVCjj94qrf//BXOHEwHaOiWgBXeKh5CxOD8SSGGdr/rTVOwe/vpjCcdr1//dr/Ebvb+TnVQgI8M3U4I7VPEUvHYxEnzY8nOtAuNCOfxmJTppePmlWrGUr5Quw5yBvD0cQz9wRpFSDjtVUEWN6d2wYklbbpg8gomv44DlyDwAZXMCBtHzMl8Ci4EcOLifFl/UnWlSMJyN4s56H63HyMMtdpD0h8we+o/IrJIbEW+USYmxY3ef9jFusAjI3KJZs5nNInYiM/Os+jjBbRixMRzdNtocx78aqYR/jfgB4nN88XXIr021gez79GCpmlJ2mJrUEeMWrTxlaPtF/ujmG608x/jC+4mhZR9J19T/1z6BELGW37qbLxKt0NJMqRZYsJfMmQkl5X7nREwy8iiJ65oXWCdKFgA3fQ41JrGK5kvMsL14zUAJwK0ua64p/rBMk970uGhcTGuTXAc6QJMWVvRDGgaIg3ew+Z5wK7rygEXBz9PfVGKidc/x18Rjb+z/YFBDgzkED66j72m+BReZjvOKOaTImEBrYZ4/dhjDBt8B3gIKsdbeXXb7RTiEGnT6iRntrcE96v0Hf2Q9hvcBaa6GqBlCxMHfdWonoqUjwviEnNYQrPPrOO+Hk9GBEvNCwkKAWE1qvTAeeGZzqg9AynrRqLf33HR7tbO/XENkP/pngt3jXvLwRxrmZfwDHD/KbZRMYa1wJP1JgHqWlFvxBRdc7e6+EjJ/hbDt4jx4plMg6YAcgJOGN5oMbsXgZiz6qKraHpUhsl8ea3jt4t0N60VLRJCcIrpEdk94T42sZ2DO0O7gFEo038znuaLSv4Zqjyxy+A1iLfl1p5U5LJ69XmIaVlAYVGgABxQ8YTHSdMa/9p+mgo5mNfbFrUV2QkBSHqfyn3NN+5Hdbx3RGR7B1JZq2XYDN+Ko1VAV8ttdXGchqvNnaNyjH7ydLw2Lh03vN8FBwHhCFhdnFHEAqc2qLG//vg2gSVCWW0HKgVEYnyce26Xp345H65w09loHfneLZGS2eSGTptLDgUl6swVcTCbpC3znaj5zl7AT6Y+JpWiK9oNsQGKK7VOVoNgvoMhzhbkPYvPIu3VXAaiuQfmrRGyGAVa2qgB47AfutuH3o9ywm4ZK4JIuiE/nqxjw3p+afCZhd6VT33Vo43QGv5tiKYBTq3T0BeBwfrhAbVF0fBe1dXT/hia6GlSUxLpSc4VfuBikbGm0QdgArGd4DkFOBADhBdXsbDg1UgYKm0OVPzyrJ8vE2Khuw+bFJvGdn+Xq/7bHRQX2ip0j7zJZbRpVezTgp+QgxZlsxyxMuFyYiJjZdKHi6sXbWN55whERGOYV7vwk8LJhaJWDEWmbc1fyYHzGkscqxLvV5ybBduTh9ZHLvnf4Z2zSLfuNyNJ2jy0bOCtrcxV+Pzpt4xjK9fNtfS08QU24s9Zv4jYYy2xd4C8mnwcO36S6AXHMZLJ1TbAp4XnDYEE4Mj/oBVxL3rMJgrRR/fHjC2GbkDdjNMRcQC6iU+1EW0jlZTON3PlaQiF87vk6qgZ3Oq6vWYhqpAAA="); }
.mgl-pay-chip.is-gpay { background-image: url("data:image/webp;base64,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"); }
.mgl-pay-chip.is-apay { background-image: url("data:image/webp;base64,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"); }
.mgl-pay-chip.is-comgate { background-image: url("data:image/webp;base64,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"); }

/* stary slozeny obrazek uz nepotrebujeme */
.footer .custom-footer__banner6 { display: none !important; }

/* --- 9.3 Sloupec Nase socialni site ---------------------------------------- */
body.desktop .footer .custom-footer {
  grid-template-columns: 1.15fr repeat(4, 1fr) !important; gap: 24px;
}
.footer .custom-footer .mgl-social ul { list-style: none; margin: 0; padding: 0; }
.footer .custom-footer .mgl-social li { margin: 0 0 8px; }


/* --- 9.4 Pismo v paticce vzdy bile (Ole 10.8.2026) -------------------------- */
.footer .custom-footer,
.footer .custom-footer a,
.footer .custom-footer li,
.footer .custom-footer span,
.footer .custom-footer strong,
.footer .custom-footer .contact-box a,
.footer .custom-footer .mgl-social a { color: #fff !important; }
.footer .custom-footer a:hover { color: var(--mgl-sun) !important; }
/* ikony u kontaktu i siti taky bile */
.footer .custom-footer .contact-box span::before { color: #fff !important; }


/* --- 9.5 Platba prevodem ----------------------------------------------------
   Neni to znacka, takze zadne logo - jen ikona banky a popisek. */
.mgl-pay-chip.is-prevod {
  width: auto; padding: 0 14px 0 38px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230F1D28' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9.5 12 4l9 5.5'/%3E%3Cpath d='M5.5 11v7M10 11v7M14 11v7M18.5 11v7'/%3E%3Cpath d='M3.5 20.5h17'/%3E%3C/svg%3E");
  background-position: 13px center; background-size: 17px auto;
  color: #0F1D28; font-weight: 700; font-size: 13px; white-space: nowrap;
}


/* --- 9.6 Dobirka a hotovost -------------------------------------------------
   Stejne jako prevod: nejsou to znacky, takze ikona + cerny popisek. Bez tohoto
   pravidla dedily bilou barvu paticky a na bile dlazdici zmizely (Ole 10.8.2026). */
.mgl-foot-pay .mgl-pay-chip { color: #0F1D28 !important; }
.mgl-pay-chip.is-dobirka,
.mgl-pay-chip.is-hotove {
  width: auto; padding: 0 14px 0 38px;
  background-position: 13px center; background-size: 17px auto;
  color: #0F1D28; font-weight: 700; font-size: 13px; white-space: nowrap;
}
/* balik s minci - mince ma bilou vypln, aby vykrojila roh krabice */
.mgl-pay-chip.is-dobirka { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230F1D28' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='1.9' y='5.2' width='13.4' height='13.4' rx='1.6'/%3E%3Cpath d='M1.9 9.4h13.4'/%3E%3Cpath d='M8.6 5.2v4.2'/%3E%3Ccircle cx='17.9' cy='16.9' r='5' fill='%23ffffff'/%3E%3C/svg%3E"); }
/* bankovka */
.mgl-pay-chip.is-hotove { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230F1D28' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='1.8' y='6.4' width='20.4' height='11.2' rx='1.8'/%3E%3Ccircle cx='12' cy='12' r='2.7'/%3E%3Cpath d='M5.2 9.7v4.6M18.8 9.7v4.6'/%3E%3C/svg%3E"); }


/* --- 9.7 Newsletter nad patickou i na podstrankach --------------------------
   Sablona vklada blok "Odebirat newsletter" jako dalsi sloupec do .custom-footer,
   ale jen mimo titulni stranu - pata pak mela 6 sloupcu misto 5 a socialni site
   padaly do druhe radky s velkou dirou. megalu-ui.js (newsletterBand) blok
   presouva nad paticku; tady je jeho vzhled. Zamerne NEsdilime pravidla se
   sekci 7.7b: ta je zamcena na body.type-index a stoji na promennych, ktere
   mimo homepage neexistuji. Barvy jsou proto psane primo (--mgl-ink2). */
.mgl-news--page { background: #0A1D2E; color: #fff; }
.mgl-news--page .mgl-news__in {
  display: grid; grid-template-columns: 1fr; gap: 22px; align-items: center;
  padding-block: 40px;
  /* stejna svislice jako Shoptetuv .container (zmereno: 1418/1178/972 + 20 px).
     Samotnou tridu .container nepouzivame - sablona pres ni prohazuje poradi bunek. */
  width: 100%; max-width: 100%; margin-inline: auto; padding-inline: 16px;
}
@media (min-width: 860px) {
  .mgl-news--page .mgl-news__in { grid-template-columns: 1fr 1fr; gap: 34px; }
  /* poradi bunek natvrdo, at do toho sablona nemluvi */
  .mgl-news--page .mgl-news__in > *:first-child { grid-area: 1 / 1; }
  .mgl-news--page .mgl-news__in > .mgl-news-form { grid-area: 1 / 2; }
}
@media (min-width: 992px)  { .mgl-news--page .mgl-news__in { max-width: 972px;  padding-inline: 20px; } }
@media (min-width: 1200px) { .mgl-news--page .mgl-news__in { max-width: 1178px; padding-inline: 20px; } }
@media (min-width: 1400px) { .mgl-news--page .mgl-news__in { max-width: 1418px; padding-inline: 20px; } }
.mgl-news--page .mgl-news__h {
  font-size: clamp(23px, 4.2vw, 34px); font-weight: 800; letter-spacing: -.02em;
  line-height: 1.12; margin: 0 0 8px; color: #fff;
}
.mgl-news--page .mgl-news__sub { color: rgba(255,255,255,.7); margin: 0; font-size: 15.5px; }
/* vlastni nadpis bloku z paticky nepotrebujeme - mame svuj */
.mgl-news--page .newsletter-header { display: none !important; }
.mgl-news--page .custom-footer__newsletter {
  width: 100%; max-width: none; margin: 0; padding: 0; background: none;
}
/* sablona dava poli pevnou sirku 420 px - na mobilu by stranka jela do strany */
.mgl-news--page .mgl-news-form,
.mgl-news--page .custom-footer__newsletter,
.mgl-news--page form.subscribe-form { width: 100%; max-width: 100%; min-width: 0; }
.mgl-news--page form.subscribe-form {
  display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin: 0;
}
.mgl-news--page form.subscribe-form > * { max-width: 100%; min-width: 0; }
.mgl-news--page form.subscribe-form label { color: rgba(255,255,255,.7); font-size: 13px; }
.mgl-news--page form.subscribe-form input[type="email"],
.mgl-news--page form.subscribe-form input.form-control {
  flex: 1 1 240px; width: 100% !important; max-width: 100% !important; min-width: 0 !important;
  background: rgba(255,255,255,.08) !important; border: 1px solid rgba(255,255,255,.16) !important;
  border-radius: 999px !important; padding: 13px 20px !important; height: auto !important;
  color: #fff !important; font-size: 15px !important; box-shadow: none !important;
}
.mgl-news--page form.subscribe-form input::placeholder { color: rgba(255,255,255,.55); opacity: 1; }
.mgl-news--page form.subscribe-form .btn {
  flex: 0 0 auto;
  background: var(--mgl-sun) !important; color: #0F1D28 !important; border: 0 !important;
  border-radius: 999px !important; font-weight: 800 !important; font-size: 14.5px !important;
  padding: 13px 26px !important; height: auto !important;
}
.mgl-news--page form.subscribe-form .consents,
.mgl-news--page form.subscribe-form [class*="consent"] {
  flex: 1 1 100%; font-size: 12.5px; color: rgba(255,255,255,.6);
}
.mgl-news--page form.subscribe-form a { color: var(--mgl-sun); }
@media (max-width: 600px) {
  .mgl-news--page form.subscribe-form .btn { width: 100%; text-align: center; }
}


/* --- 9.8 Svetla linka na hrane paticky pryc --------------------------------
   Sablona dava .custom-footer border-top: 1px solid #DADADA. Na bile strance to
   nikdo nevidi, ale od chvile, kdy nad patickou lezi tmavy pruh s newsletterem,
   svitila mezi dvema tmavymi plochami jako bila linka. */
.footer .custom-footer { border-top: 0 !important; }


/* ==========================================================================
   11) TLACITKA NA CELEM WEBU (Ole 10.8.2026)

   Titulni strana uz jela v nasem tvaru (.mgl-btn: pilulka 999 px, #FEC84B,
   inkoustovy text, tucnost 800, bez verzalek), zbytek webu porad ve stare
   sablonove podobe. Audit 10.8.2026 nasel 25 ruznych podob tlacitka napric
   14 typy stranek - dve ruzne zlute (#fcb91d vs #FEC84B), ctyri polomery
   (0 / 5 / 12 / 999 px) a tucnost 400 vs 800.

   Sjednocujeme cely web do jedne rodiny o trech stupnich. Hierarchii
   nechavame tak, jak je dnes - meni se tvar, pismo a odstin, ne vyznam:

     stupen 1  hlavni / konverzni  -> plna slunecni pilulka  (#FEC84B + ink)
     stupen 2  tmave               -> plna inkoustova pilulka (#03101B + bila)
     stupen 3  vedlejsi            -> bila pilulka s inkoustovym obrysem

   Zamerne NEMENIME: sipky karuselu, ikony v hlavicce, plus/minus u mnozstvi,
   krizek zavrit, radeni v kategorii a listu se souhlasem cookies - to nejsou
   tlacitka znacky, ale ovladaci prvky.

   Specificita: sablona i vlastni <style> v Zahlaví tlaci
   `.btn.btn-primary { background-color:#fcb91d !important; color:black !important }`
   (0,2,0). Prefix `body` nas dostava na (0,2,1), takze nase !important vyhrava.
   -------------------------------------------------------------------------- */

/* --- 11.1 spolecny tvar a pismo --------------------------------------------
   Vysku a vnitrni odsazeni necháváme na sablone, aby se nepreskladal kosik
   ani objednavkovy formular - menime jen tvar, rez a verzalky. */
body .btn.btn-primary,
body a.btn.btn-primary,
body .btn.btn-conversion,
body a.btn.btn-conversion,
body .btn.btn-cart,
body a.btn.btn-cart,
body .btn.btn-default,
body a.btn.btn-default,
body .btn.btn-secondary,
body a.btn.btn-secondary,
body .btn.next-step-back,
body a.btn.next-step-back,
body .btn.inline-block,
body a.btn.inline-block {
  border-radius: 999px !important;
  font-weight: 800 !important;
  text-transform: none !important;
  letter-spacing: normal;
  border-width: 1px !important;
  border-style: solid !important;
  text-shadow: none;
  transition: opacity .15s ease, background-color .15s ease, border-color .15s ease;
}

/* --- 11.2 stupen 1: hlavni / konverzni tlacitko -----------------------------
   Vsechno, co dnes sviti starou zlutou #fcb91d: Odeslat, Registrovat, Detail
   a Do kosiku na dlazdicich, Nakupni kosik v modalu, Pokracovat v kosiku
   i v kroku 1, Objednat s povinnosti platby v kroku 2. */
body .btn.btn-primary,
body a.btn.btn-primary,
body .btn.btn-cart,
body a.btn.btn-cart,
body .btn.add-to-cart-button,
body a.btn.add-to-cart-button,
body .btn.next-step-forward,
body .btn.next-step-finish,
body .p-tools .btn.btn-conversion,
body .advancedOrder__buttons .btn.btn-conversion {
  background-color: var(--mgl-sun) !important;
  border-color: transparent !important;
  color: var(--mgl-ink) !important;
}
body .btn.btn-primary:hover,
body a.btn.btn-primary:hover,
body .btn.btn-cart:hover,
body a.btn.btn-cart:hover,
body .btn.add-to-cart-button:hover,
body a.btn.add-to-cart-button:hover,
body .btn.next-step-forward:hover,
body .btn.next-step-finish:hover,
body .p-tools .btn.btn-conversion:hover,
body .advancedOrder__buttons .btn.btn-conversion:hover {
  background-color: var(--mgl-sun) !important;
  border-color: transparent !important;
  color: var(--mgl-ink) !important;
  opacity: .92;
}

/* --- 11.3 stupen 2: tmave tlacitko ------------------------------------------
   Co uz dnes je cerne, zustava tmave - jen v nasem inkoustu misto ciste
   cerne: Hledat ve vyhledavacim formulari na strance, Zpet do obchodu na 404,
   pruh Potrebujete pomoc v objednavce a Zobrazit vice u hodnoceni obchodu. */
body .btn.btn-default,
body a.btn.btn-default,
body .shop-stat-all .btn.btn-conversion,
body .shop-stat-all a.btn.btn-conversion {
  background-color: var(--mgl-ink) !important;
  border-color: transparent !important;
  color: #fff !important;
}
body .btn.btn-default:hover,
body a.btn.btn-default:hover,
body .shop-stat-all .btn.btn-conversion:hover,
body .shop-stat-all a.btn.btn-conversion:hover {
  background-color: var(--mgl-ink) !important;
  border-color: transparent !important;
  color: #fff !important;
  opacity: .92;
}
/* Hledat v hlavicce uz svoji slunecni pilulku ma (sekce 5.2) - at ji sekce
   11.3 nepreklopi do tmave. */
body header#header .btn.btn-default,
body .top-navigation-bar .btn.btn-default {
  background-color: var(--mgl-sun) !important;
  color: var(--mgl-ink) !important;
}

/* --- 11.4 stupen 3: vedlejsi tlacitko ---------------------------------------
   Bila pilulka s inkoustovym obrysem: Nacist dalsi, Nahoru, Pridat komentar,
   Pridat (slevovy kupon), Prihlasit se do meho uctu, strankovani, sipky
   u clanku. A prohlednuty "Zpet" / "Zpet do obchodu" v kosiku a v modalu. */
body .btn.btn-secondary,
body a.btn.btn-secondary,
body .btn.inline-block,
body a.btn.inline-block {
  background-color: #fff !important;
  border-color: var(--mgl-ink) !important;
  color: var(--mgl-ink) !important;
}
body .btn.btn-secondary:hover,
body a.btn.btn-secondary:hover,
body .btn.inline-block:hover,
body a.btn.inline-block:hover {
  background-color: var(--mgl-ink) !important;
  border-color: var(--mgl-ink) !important;
  color: #fff !important;
}
body .btn.next-step-back,
body a.btn.next-step-back {
  background-color: transparent !important;
  border-color: #cfd7de !important;
  color: #5A6B78 !important;
}
body .btn.next-step-back:hover,
body a.btn.next-step-back:hover {
  border-color: var(--mgl-ink) !important;
  color: var(--mgl-ink) !important;
}

/* --- 11.5 dlazdice produktu mimo titulku ------------------------------------
   Kategorie, vyhledavani a souvisejici zbozi maji stejne karty jako titulka,
   ale sablonove tlacitko 36 px / 14 px. Srovnavame je s titulkou (13,5 px). */
body:not(.type-index) .products-block .p-tools .btn.btn-primary,
body:not(.type-index) .products-block .p-tools a.btn.btn-primary,
body:not(.type-index) .products-block .p-tools .btn.btn-cart,
body:not(.type-index) .p-tools .btn.btn-primary,
body:not(.type-index) .p-tools a.btn.btn-primary,
body:not(.type-index) .p-tools .btn.btn-cart {
  font-size: 13.5px !important;
  padding: 10px 14px !important;
  height: auto !important;
  line-height: 1.3 !important;
}

/* --- 11.6 velka konverzni tlacitka ------------------------------------------
   Pokracovat (kosik + krok 1) a Objednat (krok 2) jsou nejdulezitejsi
   tlacitka na webu - drzime je velke a v 16 px. */
body .btn.btn-lg.next-step-forward,
body .btn.btn-lg.next-step-finish {
  font-size: 16px !important;
  min-height: 56px;
  padding: 14px 24px !important;
  height: auto !important;
  line-height: 1.25 !important;
}


/* ==========================================================================
   12) ZALOZKY POD FOTKAMI PRODUKTU - navrh A "Podtrzeni" (Ole 10.8.2026)

   Sablona kresli zalozky jako pet sedych dlazdic: pozadi #F6F6F6, text #4D4D4D,
   14 px / 400, bez zaobleni. Aktivni zalozka se od ostatnich lisi jen o odstin,
   takze na prvni pohled nepoznas, kde jsi - a seda #F6F6F6 navic neni v brand kitu.

   Navrh A: zadne dlazdice. Jen text, tenka linka pod celym radkem a zluta 3px
   znacka pod aktivni zalozkou - stejne podtrzeni, jake uz mame na hoveru
   v hlavnim menu (sekce 8), takze stranka mluvi jednim jazykem.

   Pocty v zavorkach prepisuje megalu-ui.js na pilulky ("Hodnoceni 195" misto
   "Hodnoceni (195)"), protoze 195 hodnoceni je socialni dukaz a v zavorce
   stejnym pismem se ztraci.

   Struktura: ul#p-detail-tabs > li.shp-tab(.active) > a.shp-tab-link
   -------------------------------------------------------------------------- */

body.type-detail ul#p-detail-tabs {
  display: flex; flex-wrap: nowrap; gap: 26px;
  margin: 0; padding: 0; list-style: none;
  border-bottom: 1px solid #E3E8EC; background: transparent;
}
body.type-detail ul#p-detail-tabs > li.shp-tab {
  margin: 0; padding: 0; background: transparent; border: 0; float: none;
}

body.type-detail ul#p-detail-tabs > li.shp-tab > a.shp-tab-link {
  position: relative; display: flex; align-items: center; gap: 7px;
  padding: 12px 0 13px; background: transparent; border: 0; border-radius: 0;
  font-size: 14.5px; font-weight: 600; color: #5D6B78; text-decoration: none;
  white-space: nowrap; transition: color .15s ease;
}
body.type-detail ul#p-detail-tabs > li.shp-tab > a.shp-tab-link:hover,
body.type-detail ul#p-detail-tabs > li.shp-tab > a.shp-tab-link:focus-visible {
  color: #0B1620; background: transparent;
}
body.type-detail ul#p-detail-tabs > li.shp-tab > a.shp-tab-link:focus-visible {
  outline: 2px solid #145998; outline-offset: 3px;
}

/* aktivni zalozka: inkoustovy tucny text + zluta znacka pres celou sirku odkazu.
   Znacka je -1px, aby prekryla linku pod radkem a nevznikla mezi nimi mezera. */
body.type-detail ul#p-detail-tabs > li.shp-tab.active > a.shp-tab-link {
  color: #030F1A; font-weight: 800; background: transparent;
}
body.type-detail ul#p-detail-tabs > li.shp-tab.active > a.shp-tab-link::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 3px;
  background: #FEC84B; border-radius: 3px 3px 0 0;
}

/* pocet jako pilulka - vklada megalu-ui.js */
body.type-detail .mgl-tabn {
  font-size: 12px; font-weight: 700; line-height: 1.5; color: #8a939b;
  background: #F2F5F7; border-radius: 999px; padding: 1px 8px;
}
body.type-detail li.shp-tab.active .mgl-tabn { background: #FFF4CF; color: #5A4300; }

/* Sablona meri, kolik zalozek se vejde, a zbytek schova pod sipku/burger.
   Ten prvek musi zustat videt a v nasem tvaru - jinak by na mobilu zmizel
   pristup k Hodnoceni a Diskuzi. */
body.type-detail ul#p-detail-tabs > li.shp-tabs-toggle,
body.type-detail ul#p-detail-tabs > li.more,
body.type-detail ul#p-detail-tabs > li:last-child > a.shp-tabs-more {
  background: transparent;
}

@media (max-width: 767px) {
  body.type-detail ul#p-detail-tabs { gap: 18px; }
  body.type-detail ul#p-detail-tabs > li.shp-tab > a.shp-tab-link { font-size: 14px; }
}

/* --- 11.7 dva tvrdohlavci ---------------------------------------------------
   Dve pravidla na webu prebijela sekci 11.1 a drzela hranaty roh 5 px.
   Obe jsou !important a specifictejsi, takze je musime porazit stejnou zbrani.

   a) Vlastni <style> v Zahlaví:
        .products-block>div .p .p-bottom>div .p-tools>.btn:last-child
          { border-radius: 5px !important }        -> (0,6,2)
      Tyka se jen tlacitka "Detail" na dlazdicich (u "Do kosiku" tlacitko neni
      posledni potomek, to uz pilulku melo). Kopirujeme jejich selektor
      s prefixem `body`, cimz jsme o element vys.

   b) Doplnek Hodnoceni obchodu+ (Dominik Martini):
        #hodnoceniobchodu .shop-stat-all a
          { border-radius: 5px !important; background-color: #000 !important }
      Ma v selektoru ID, takze zadne nase pravidlo bez ID nema sanci. Pridavame
      tedy vlastni variantu s ID. Tlacitko "Zobrazit vice" zamerne zustava
      tmave (stupen 2) - je to odkaz na hodnoceni, ne konverzni tlacitko.
   -------------------------------------------------------------------------- */

body .products-block > div .p .p-bottom > div .p-tools > .btn:last-child,
body .products-block .p .p-bottom .p-tools .btn.btn-primary:last-child {
  border-radius: 999px !important;
}

body #hodnoceniobchodu .shop-stat-all a,
body #hodnoceniobchodu .shop-stat-all a.btn {
  border-radius: 999px !important;
  background-color: var(--mgl-ink) !important;
  border-color: transparent !important;
  color: #fff !important;
  font-weight: 800 !important;
  text-transform: none !important;
}
body #hodnoceniobchodu .shop-stat-all a:hover,
body #hodnoceniobchodu .shop-stat-all a.btn:hover {
  background-color: var(--mgl-ink) !important;
  border-color: transparent !important;
  color: #fff !important;
  opacity: .92;
}

/* --- 12.1 seda plocha za listou a prekryvove menu ---------------------------

   Za zalozkami sedi .shp-tabs-holder s pozadim #F6F6F6 - to je ta seda plocha,
   kvuli ktere navrh A nesedel na bile. Radek zalozek ma vlastni linku pod sebou,
   takze holder zadne pozadi nepotrebuje.

   Tlacitko, pod ktere sablona schova zalozky, ktere se nevejdou (na mobilu jsou
   to Hodnoceni a Diskuze), je <button class="navigation-btn"> s pozadim
   rgba(0,0,0,.5) a bilym glyfem. V novem tvaru by to byl cerny ctverec uprostred
   bileho radku, takze ho prevlekame do stejneho jazyka jako zalozky.
   Scopovano na .shp-tabs-row, protoze .navigation-btn pouziva sablona i jinde.
   -------------------------------------------------------------------------- */

body.type-detail .shp-tabs-holder { background: transparent !important; }

body.type-detail .shp-tabs-row > button.navigation-btn {
  background: transparent !important; color: #030F1A !important;
  border: 0; border-radius: 8px; width: 40px; font-size: 17px; line-height: 1;
  align-self: center;
}
body.type-detail .shp-tabs-row > button.navigation-btn:hover,
body.type-detail .shp-tabs-row > button.navigation-btn:focus-visible {
  background: #FFF4CF !important; color: #5A4300 !important;
}

/* rozbalene menu se skrytymi zalozkami */
body.type-detail .shp-tabs-row .hidden-links {
  background: #fff; border: 1px solid #E3E8EC; border-radius: 10px;
  box-shadow: 0 12px 28px -14px rgba(11,22,32,.35); padding: 6px; z-index: 5;
}
body.type-detail .shp-tabs-row .hidden-links a.shp-tab-link {
  display: flex; align-items: center; gap: 7px; padding: 9px 12px;
  border-radius: 7px; font-size: 14px; font-weight: 600; color: #0B1620;
}
body.type-detail .shp-tabs-row .hidden-links a.shp-tab-link:hover { background: #F7FAFC; }

/* --- 11.8 verzalky uvnitr tlacitka ------------------------------------------
   Sekce 11.1 zrusila verzalky na samotnem tlacitku, jenze u nekolika z nich
   nese popisek vlastni potomek s vlastnim text-transform - napr.
     <a class="btn btn-lg btn-conversion next-step-forward">
       <span class="order-button-text">Pokracovat</span>
     </a>
   Kvuli tomu zustavalo "POKRACOVAT" v kosiku a "OBJEDNAT" v kroku 2 verzalkami,
   zatimco zbytek webu uz byl smisenym pismem. Sundavame verzalky i potomkum.
   -------------------------------------------------------------------------- */

body .btn.btn-primary *,
body a.btn.btn-primary *,
body .btn.btn-conversion *,
body a.btn.btn-conversion *,
body .btn.btn-cart *,
body a.btn.btn-cart *,
body .btn.add-to-cart-button *,
body a.btn.add-to-cart-button *,
body .btn.next-step-forward *,
body .btn.next-step-finish *,
body .btn.next-step-back *,
body .btn.btn-default *,
body a.btn.btn-default *,
body .btn.btn-secondary *,
body a.btn.btn-secondary *,
body .btn.inline-block *,
body a.btn.inline-block * {
  text-transform: none !important;
  letter-spacing: normal;
}


/* ==========================================================================
   13) STRANKA KATEGORIE - karta produktu, varianta A "Ohranicena" (Ole 10.8.2026)

   Zmereno na /projektory/: karta nemela zadne pozadi, ramecek, polomer ani stin
   (produkty plavaly na bile), obrazek 340x340 v karte siroke 340 => karta 519 px
   vysoka a na obrazovku 1,5 rady z 24 polozek. Cena 14 px / 400, tedy stejne
   pismo jako dostupnost pod ni.

   Novy tvar: 4 sloupce, skutecna karta s rameckem a hover stinem, obrazek na
   svetle plose, cena 21 px / 800, dostupnost v brandove Aque.

   TLACITKA - dulezite: Shoptet vykresluje "Do kosiku" jen tam, kde produkt jde
   vlozit bez rozhodovani. Projektory maji priplatek "Instalace aplikaci", takze
   u nich sablona necha jen "Detail" a prida .p-bottom.single-button. To NENI
   chyba nastaveni (option.display_shopping_cart_button = zobrazit), ale pojistka,
   aby se produkt nevlozil bez volby. Proto:
     - jsou-li tlacitka dve  -> "Do kosiku" zlute, "Detail" bily zaobleny
     - je-li Detail sam      -> Detail prebira zlutou, jinak by karta nemela CTA
   -------------------------------------------------------------------------- */

/* --- 13.1 mrizka ----------------------------------------------------------- */

@media (min-width: 1200px) {
  body.type-category .products-block > .product,
  body.type-category .products > .product { width: 25% !important; }
}

/* --- 13.2 karta ------------------------------------------------------------ */

/* Sablona kresli mrizku jako tabulku: .product ma border-right 1px #DADADA a
   posledni rada border-bottom. Vedle nasi karty (.p ma vlastni ramecek) to jsou
   linky navic - vodorovna mezi radami a svisle v mezerach mezi kartami.
   (Ole 10.8.2026: "remove extra lines between product cards".) */
body.type-category .products .product { padding: 7px !important; border: 0 !important; }

body.type-category .products .product > .p {
  display: flex; flex-direction: column; height: 100%;
  background: #fff; border: 1px solid #E6EBEF; border-radius: 14px;
  padding: 12px 12px 14px; overflow: hidden;
  transition: box-shadow .18s ease, border-color .18s ease, transform .18s ease;
}
body.type-category .products .product > .p:hover {
  border-color: #CFD9E1; box-shadow: 0 10px 26px -14px rgba(11,22,32,.4); transform: translateY(-2px);
}

/* obrazek na svetle plose, aby bily produkt na bilem nesplyval s kartou */
body.type-category .products .product > .p > a.image {
  position: relative; display: block; background: #FAFBFC; border-radius: 10px; overflow: hidden;
}
body.type-category .products .product > .p > a.image img {
  width: 100%; aspect-ratio: 1/1; object-fit: contain; display: block; mix-blend-mode: multiply;
}

/* vlajky jako pilulky */
body.type-category .products .product .flags .flag {
  border-radius: 999px !important; font-size: 10.5px !important; font-weight: 800 !important;
  letter-spacing: .05em; text-transform: uppercase; padding: 3px 9px !important;
}

/* --- 13.3 nazev ------------------------------------------------------------ */

/* Doplnek nazvu je keyword tail ("HD 1080p - Android - WiFi6 - mini dataprojektor
   na filmy i prezentace") a v karte se orizne uprostred vety. V DOM zustava
   kvuli mikrodatum a feedum, jen se nezobrazuje - stejne jako na detailu. */
body.type-category .products .product a.name .product-appendix { display: none !important; }

body.type-category .products .product a.name {
  display: block; height: auto !important; margin-top: 11px;
  font-size: 15.5px; font-weight: 800; letter-spacing: -.01em; line-height: 1.3;
  color: #030F1A; overflow: hidden;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
}
body.type-category .products .product a.name:hover { color: #145998; }

/* --- 13.4 co na karte nema co delat ---------------------------------------- */

body.type-category .products .product .p-code,           /* "Kod: PS001LE/60WT" */
body.type-category .products .product .price-additional, /* cena bez DPH */
body.type-category .products .product .price-measure {   /* merna cena */
  display: none !important;
}

/* --- 13.5 hodnoceni, cena, dostupnost -------------------------------------- */

body.type-category .products .product .ratings-wrapper { margin-top: 7px; }

body.type-category .products .product .p-bottom { margin-top: auto; padding-top: 10px; }
body.type-category .products .product .price-final { font-size: 21px !important; }
body.type-category .products .product .price-final strong {
  font-size: 21px; font-weight: 800; letter-spacing: -.02em; color: #030F1A;
  font-variant-numeric: tabular-nums;
}

/* dostupnost ma inline style="color:#009901" primo v HTML, proto !important */
body.type-category .products .product .availability,
body.type-category .products .product .availability span {
  color: #0E7B7D !important; font-weight: 700; font-size: 12.5px;
}
body.type-category .products .product .availability .availability-amount {
  color: #5D6B78 !important; font-weight: 400;
}

/* --- 13.6 tlacitka --------------------------------------------------------- */

body.type-category .products .product .p-tools { display: grid; gap: 7px; margin-top: 10px; }
body.type-category .products .product .p-tools form { margin: 0; }

body.type-category .products .product .p-tools .btn {
  display: block; width: 100%; text-align: center; border-radius: 999px !important;
  font-size: 14px !important; font-weight: 800 !important; padding: 11px 12px !important;
  line-height: 1.2 !important; border: 1.5px solid transparent !important;
}

/* "Do kosiku" - hlavni akce */
body.type-category .products .product .p-tools .btn-cart {
  background: #FEC84B !important; color: #2E2100 !important; border-color: #FEC84B !important;
}
body.type-category .products .product .p-tools .btn-cart:hover { background: #F5BC33 !important; }

/* "Detail" vedle kosiku - bily zaobleny */
body.type-category .products .p-bottom:not(.single-button) .p-tools a.btn-primary {
  background: #fff !important; color: #030F1A !important; border-color: #DFE4E9 !important;
}
body.type-category .products .p-bottom:not(.single-button) .p-tools a.btn-primary:hover {
  border-color: #030F1A !important; background: #fff !important;
}

/* Detail sam (projektory) - prebira zlutou, jinak by karta nemela CTA */
body.type-category .products .p-bottom.single-button .p-tools a.btn-primary {
  background: #FEC84B !important; color: #2E2100 !important; border-color: #FEC84B !important;
}

/* --- 13.7 uzsi obrazovky --------------------------------------------------- */

@media (max-width: 767px) {
  body.type-category .products .product > .p { padding: 10px 10px 12px; border-radius: 12px; }
  body.type-category .products .product a.name { font-size: 14.5px; }
  body.type-category .products .product .price-final strong { font-size: 19px; }
}


/* --- 9.9 Hodnoceni obchodu nad patickou -------------------------------------
   Sekci vykresluje megalu-ui.js (reviewsSection) z dat sablonoveho bloku
   #hodnoceniobchodu; original je skryty tridou .mgl-rev-src, kterou skript
   nasadi az kdyz se nase sekce opravdu postavi (kdyz se blok nenacte, zustane
   puvodni chovani). Varianta B "svetle karty" - schvalil Ole 10.8.2026:
   svetly pruh rozdeli tmavy newsletter a tmavou paticku a bila karta s citaci
   je vizualni zkratka pro "skutecna recenze".
   Sirka se nedela Shoptetovou tridou .container (ta prohazuje bunky mrizky,
   viz 9.7), ale stejnymi breakpointy jako newsletter. */
.mgl-rev-src { display: none !important; }

.mgl-rev { width: 100%; background: #FAFAFC; color: #0F1D28; }
.mgl-rev__in {
  width: 100%; max-width: 100%; margin-inline: auto; padding: 44px 16px 48px;
}
@media (min-width: 992px)  { .mgl-rev__in { max-width: 972px;  padding-inline: 20px; } }
@media (min-width: 1200px) { .mgl-rev__in { max-width: 1178px; padding-inline: 20px; } }
@media (min-width: 1400px) { .mgl-rev__in { max-width: 1418px; padding-inline: 20px; } }

.mgl-rev__kick {
  font-size: 12px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase;
  color: #145998; margin: 0 0 8px;
}
.mgl-rev__h {
  font-size: clamp(22px, 3.4vw, 30px); font-weight: 800; letter-spacing: -.02em;
  line-height: 1.14; margin: 0 0 6px; color: #0F1D28;
}
.mgl-rev__sub { font-size: 15px; line-height: 1.5; margin: 0 0 24px; max-width: 64ch; color: #5A6B78; }

.mgl-rev__grid { display: grid; grid-template-columns: 1fr; gap: 14px; }
@media (min-width: 900px) { .mgl-rev__grid { grid-template-columns: 250px repeat(3, 1fr); } }

.mgl-rev__score,
.mgl-rev__card {
  background: #fff; border: 1px solid #E4E9EE; border-radius: 14px; padding: 18px 20px;
  box-shadow: 0 1px 2px rgba(15,29,40,.05);
}
.mgl-rev__score .num { display: block; font-size: 44px; font-weight: 800; line-height: 1; letter-spacing: -.02em; }
.mgl-rev__score .lbl { display: block; font-size: 13px; margin-top: 10px; color: #5A6B78; }
.mgl-rev__score .src {
  display: block; font-size: 12.5px; margin-top: 12px; padding-top: 12px;
  border-top: 1px solid #E4E9EE; color: #5A6B78;
}
/* hvezdicky: sedy podklad + zlata vrstva orezana na podil */
.mgl-rev__stars {
  display: inline-block; position: relative; font-size: 15px; letter-spacing: 2px;
  line-height: 1; white-space: nowrap; color: #E4E9EE;
}
.mgl-rev__stars i { font-style: normal; }
.mgl-rev__stars .on { position: absolute; inset: 0; overflow: hidden; color: var(--mgl-sun); }
.mgl-rev__score .mgl-rev__stars { font-size: 17px; margin-top: 8px; }

.mgl-rev__card { display: flex; flex-direction: column; gap: 10px; }
.mgl-rev__card .q { margin: 0; font-size: 14.5px; line-height: 1.5; flex: 1; color: #0F1D28; }
.mgl-rev__card .a {
  margin: 0; font-size: 12.5px; color: #5A6B78;
  display: flex; align-items: center; gap: 7px;
}
/* kulaty odznak u recenzi, ktere prisly z Heureky. Logo ma v obrazku vlastni
   bily okraj, proto background-size 132 % - jinak je znacka v kolecku drobna. */
.mgl-rev__heu {
  flex: 0 0 auto; width: 20px; height: 20px; border-radius: 50%;
  border: 1px solid #E4E9EE; background-color: #fff;
  background-image: url("https://cdn.myshoptet.com/usr/www.megalu.cz/user/documents/upload/gallery/profesional-13-heureka.jpg");
  background-repeat: no-repeat; background-position: center; background-size: 132%;
}

.mgl-rev__cta {
  display: inline-flex; align-items: center; gap: 8px; margin-top: 24px;
  background: var(--mgl-sun); color: #0F1D28 !important; border-radius: 999px;
  padding: 12px 22px; font-weight: 800; font-size: 14.5px; text-decoration: none;
}
.mgl-rev__cta:hover { filter: brightness(.96); }

/* --- 13.8 razeni produktu ve stejnem tvaru jako zalozky na detailu ----------

   #category-header ma stejnou sedou #F6F6F6 jako mely zalozky pod fotkami, a
   aktivni volbu odlisuje jen bilym pozadim - stejna vada, stejne reseni jako
   sekce 12: zadne dlazdice, tenka linka pod radkem a zluta 3px znacka pod
   aktivni polozkou. Aktivni stav nese trida .listSorting__control--current.

   Struktura: #category-header > .listSorting > ul.listSorting__controls
              > li > button.listSorting__control    +  .listItemsTotal
   -------------------------------------------------------------------------- */

body.type-category #category-header {
  background: transparent !important; border: 0 !important;
  border-bottom: 1px solid #E3E8EC !important; border-radius: 0 !important;
  padding: 0 !important; margin: 0 0 18px !important;
  display: flex; align-items: center; gap: 18px; flex-wrap: wrap;
}
body.type-category #category-header .listSorting { background: transparent !important; }
body.type-category .listSorting__controls {
  display: flex; gap: 26px; list-style: none; margin: 0; padding: 0; flex-wrap: wrap;
}
body.type-category .listSorting__controls li { margin: 0; padding: 0; background: transparent; }

body.type-category button.listSorting__control {
  position: relative; display: block;
  background: transparent !important; border: 0 !important; border-radius: 0 !important;
  padding: 12px 0 13px !important; margin: 0 !important;
  font-size: 14.5px !important; font-weight: 600 !important; color: #5D6B78 !important;
  cursor: pointer; transition: color .15s ease;
}
body.type-category button.listSorting__control:hover { color: #0B1620 !important; background: transparent !important; }
body.type-category button.listSorting__control:focus-visible { outline: 2px solid #145998; outline-offset: 3px; }

body.type-category button.listSorting__control--current {
  color: #030F1A !important; font-weight: 800 !important; background: transparent !important;
}
body.type-category button.listSorting__control--current::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 3px;
  background: #FEC84B; border-radius: 3px 3px 0 0;
}

body.type-category #category-header .listItemsTotal,
body.type-category #category-header .itemsTotal {
  margin-left: auto; font-size: 13px; color: #5D6B78; background: transparent !important;
}
body.type-category #category-header .listItemsTotal b,
body.type-category #category-header .listItemsTotal strong { color: #030F1A; }

@media (max-width: 767px) {
  body.type-category .listSorting__controls { gap: 18px; }
  body.type-category button.listSorting__control { font-size: 14px !important; }
}

/* --- 13.9 podkategorie jako pilulky + SEO text pod vypis --------------------

   Sablona vykresluje podkategorie jako osm velkych dlazdic s obrazky pres celou
   sirku (ul.subcategories.with-image, li ma bootstrap col-* tridy) a hned pod
   nimi je to same jeste jednou v levem sloupci. Pilulky udelaji totez na jednom
   radku a vrati prostor produktum.

   SEO perex (.category-perex, 244 px) sedi nad vypisem a odsouva prvni produkt
   pod ohyb. Presouva ho megalu-ui.js pod produkty - Google si ho precte stejne.
   -------------------------------------------------------------------------- */

body.type-category ul.subcategories {
  display: flex; flex-wrap: wrap; gap: 8px; list-style: none;
  margin: 0 0 18px !important; padding: 0 !important;
}
body.type-category ul.subcategories > li {
  width: auto !important; float: none !important; padding: 0 !important; margin: 0 !important;
  flex: 0 0 auto; list-style: none;
}
body.type-category ul.subcategories > li > a {
  display: inline-flex; align-items: center; gap: 8px;
  border: 1px solid #E6EBEF; border-radius: 999px; padding: 7px 14px; background: #fff;
  font-size: 13.5px; font-weight: 600; color: #0B1620; text-decoration: none;
  transition: border-color .15s ease, color .15s ease;
}
body.type-category ul.subcategories > li > a:hover { border-color: #030F1A; color: #030F1A; }

/* obrazek v pilulce je maly kulaty naznak, ne dlazdice */
body.type-category ul.subcategories > li > a .image {
  width: 22px; height: 22px; flex: none; border-radius: 50%; overflow: hidden;
  background: #F2F5F7; display: grid; place-items: center;
}
body.type-category ul.subcategories > li > a .image img {
  width: 22px; height: 22px; object-fit: cover; display: block;
}
body.type-category ul.subcategories > li > a .text {
  display: block; font-size: 13.5px; line-height: 1.3; white-space: nowrap;
}

/* SEO perex ZUSTAVA nahore pod nadpisem (Ole 10.8.2026) - je to uvodni odstavec
   kategorie a kdo chce vic, rozklikne si sablonove "Chci se dozvedet vic".
   Meni se jen obal: sedy box se zlutou linkou vlevo byl vizualne tezsi nez
   produkty pod nim. */
body.type-category .category-perex {
  background: transparent !important; border: 0 !important; border-left: 0 !important;
  border-radius: 0 !important; padding: 0 !important; margin: 0 0 18px !important;
  font-size: 14.5px; line-height: 1.6; color: #3d4a55; max-width: 82ch;
}
body.type-category .category-perex p { margin: 0 0 8px; }
body.type-category .category-perex p:last-child { margin-bottom: 0; }
body.type-category .category-perex b,
body.type-category .category-perex strong { color: #0B1620; }

/* --- 13.9b pilulky: zrusit orez textu a nafouknutou vysku -------------------

   Sablona dava .text pevnou sirku ~114 px s text-overflow: ellipsis (proto
   "Projektory pro An..."), a a::after je absolutne umisteny prvek siroky 180 px,
   ktery drzi vysku odkazu na 51 px. Obojí je pozustatek dlazdicoveho vzhledu.
   -------------------------------------------------------------------------- */

body.type-category ul.subcategories > li > a {
  height: auto !important; min-height: 0 !important; position: relative;
}
body.type-category ul.subcategories > li > a::after,
body.type-category ul.subcategories > li > a::before {
  content: none !important;
}
body.type-category ul.subcategories > li > a .text {
  width: auto !important; max-width: none !important; flex: 0 0 auto;
  overflow: visible !important; text-overflow: clip !important; white-space: nowrap;
}


/* --- 9.10 Stranka Hodnoceni obchodu ------------------------------------------
   Stejna rec jako sekce 9.9 nad patickou: bile karty, zlate hvezdicky, odznak
   Heureky. Dve veci navic proti pouhemu prebarveni:
   1) seznam byl flex, takze radek byl vysoky podle nejdelsi recenze a kolem
      kratkych zustavaly velke diry -> prepnuto na CSS sloupce (zednicka mrizka),
   2) rozlozeni hvezdicek melo caru misto grafu -> vlastni pruh s vyplni.
   Vse zamcene na body.in-hodnoceni-obchodu. */

/* --- souhrn nahore --- */
body.in-hodnoceni-obchodu .rate-wrapper {
  background: #fff; border: 1px solid #E4E9EE; border-radius: 16px;
  padding: 24px 26px; margin: 0 0 26px; box-shadow: 0 1px 2px rgba(15,29,40,.05);
}
body.in-hodnoceni-obchodu .rate-wrap { display: grid; grid-template-columns: 1fr; gap: 22px; align-items: center; }
@media (min-width: 860px) {
  body.in-hodnoceni-obchodu .rate-wrap { grid-template-columns: 250px 1fr; gap: 40px; }
}
body.in-hodnoceni-obchodu .rate-average-inner { display: block; }
body.in-hodnoceni-obchodu .rate-average {
  display: block; font-size: 52px; font-weight: 800; line-height: 1;
  letter-spacing: -.02em; color: #0F1D28; margin-bottom: 8px;
}
body.in-hodnoceni-obchodu .rate-star-wrap { display: block; }
body.in-hodnoceni-obchodu .stars-label { display: block; margin-top: 8px; font-size: 13px; color: #5A6B78; }

/* rozlozeni 5 -> 1 hvezdicka */
body.in-hodnoceni-obchodu .votes { display: flex; flex-direction: column; gap: 9px; }
body.in-hodnoceni-obchodu .rate-list {
  display: grid; grid-template-columns: 46px 1fr; align-items: center; gap: 14px; margin: 0;
}
body.in-hodnoceni-obchodu .rate-star { display: flex; align-items: center; gap: 5px; }
body.in-hodnoceni-obchodu .rate-value { font-size: 13px; font-weight: 700; color: #0F1D28; }
body.in-hodnoceni-obchodu .rate-block { min-width: 0; }
body.in-hodnoceni-obchodu .rate-bar {
  position: relative; display: block; height: 10px; border-radius: 999px;
  background: #EEF1F4; margin-right: 54px;
}
body.in-hodnoceni-obchodu .rate-bar::before {
  content: ""; position: absolute; left: 0; top: 0; bottom: 0;
  width: var(--rate-bar-width, 0%); min-width: 0;
  background: var(--mgl-sun); border-radius: 999px;
}
body.in-hodnoceni-obchodu .rate-count {
  position: absolute; left: calc(100% + 12px); top: 50%; transform: translateY(-50%);
  font-size: 12.5px; color: #5A6B78; white-space: nowrap; background: none;
}

/* --- seznam recenzi jako karty ve sloupcich --- */
body.in-hodnoceni-obchodu .ratingsList {
  display: block !important; column-gap: 14px; column-count: 1;
}
@media (min-width: 700px)  { body.in-hodnoceni-obchodu .ratingsList { column-count: 2; } }
@media (min-width: 1100px) { body.in-hodnoceni-obchodu .ratingsList { column-count: 3; } }
/* Doplnek "Hodnoceni obchodu+" ma selektor .id--51 #content .vote-wrap:not(.admin-response .vote-wrap)
   = 1 id + 4 tridy (:not() se pocita podle sveho nejsilnejsiho argumentu) a nastavuje bily ram
   i radius 7px pres !important. Abychom ho prebili, musime mit vic trid: proto je trida stranky
   dvakrat a mrizka rozepsana. Neni to hezke, ale je to jediny zpusob bez sahani do doplnku. */
body.in-hodnoceni-obchodu.in-hodnoceni-obchodu #content .ratingsList.votes-wrap .vote-wrap {
  break-inside: avoid; -webkit-column-break-inside: avoid; page-break-inside: avoid;
  display: block; width: auto !important; float: none !important;
  margin: 0 0 14px !important; padding: 16px 18px !important;
  background: #fff !important; border: 1px solid #E4E9EE !important;
  border-radius: 14px !important; box-shadow: 0 1px 2px rgba(15,29,40,.05);
}
body.in-hodnoceni-obchodu .vote-header { display: flex; align-items: flex-start; gap: 11px; }
body.in-hodnoceni-obchodu .vote-pic { flex: 0 0 auto; }
body.in-hodnoceni-obchodu .vote-initials {
  width: 36px; height: 36px; border-radius: 50%; display: grid; place-items: center;
  font-size: 13px; font-weight: 800; color: #fff; letter-spacing: .02em;
}
body.in-hodnoceni-obchodu .vote-summary { display: block; min-width: 0; }
body.in-hodnoceni-obchodu .vote-name {
  display: flex; align-items: center; gap: 7px;
  font-size: 14.5px; font-weight: 700; color: #0F1D28; white-space: normal;
}
body.in-hodnoceni-obchodu .vote-rating { display: flex; align-items: center; gap: 7px; margin-top: 4px; }
body.in-hodnoceni-obchodu .vote-delimeter { color: #C7D0D8; }
body.in-hodnoceni-obchodu .vote-time { font-size: 12.5px; color: #5A6B78; }
body.in-hodnoceni-obchodu .vote-content {
  margin-top: 11px; font-size: 14px; line-height: 1.5; color: #0F1D28;
}
body.in-hodnoceni-obchodu .heureka-rating-group { margin: 0 0 6px; font-size: 13.5px; }
body.in-hodnoceni-obchodu .heureka-rating-group.plus div { color: #1E8E5A; }
body.in-hodnoceni-obchodu .heureka-rating-group.minus div { color: #C0564E; }


/* ==========================================================================
   14) LEVY PANEL KATEGORIE (Ole 10.8.2026)

   .sidebar-inner ma dva boxy: .box-filters (cena, skladem) a .box-categories
   (strom kategorii, 902 px). Strom je rozbaleny CELY - kazda vetev je
   li.categories.expandable.expanded a jen ta aktualni ma navic .active.
   Proto levy sloupec vypisoval cely obchod misto podkategorii projektoru.

   Sbaleni resi megalu-ui.js: z neaktivnich vetvi odebere .expanded, takze
   sablonovy prepinac dal funguje - menime jen vychozi stav, ne chovani.
   Pravidlo nize je pojistka, aby to sedelo i pred spustenim skriptu.
   -------------------------------------------------------------------------- */

/* vetev NENI <li>, ale <div class="categories cat-0X expandable [active] expanded"> */
body.type-category .sidebar .box.box-categories .categories.expandable:not(.expanded) > ul {
  display: none;
}

/* --- 14.1 obal boxu -------------------------------------------------------- */

body.type-category .sidebar .box {
  background: #fff !important; border: 1px solid #E6EBEF !important; border-radius: 12px !important;
  padding: 16px !important; margin: 0 0 14px !important; box-shadow: none !important;
}
body.type-category .sidebar .box h3,
body.type-category .sidebar .box h4,
body.type-category .sidebar .box .box-heading {
  font-size: 11.5px !important; font-weight: 800 !important; letter-spacing: .12em;
  text-transform: uppercase; color: #5D6B78 !important; margin: 0 0 12px !important;
}

/* --- 14.2 strom kategorii -------------------------------------------------- */

body.type-category .sidebar .box-categories ul { list-style: none; margin: 0; padding: 0; }
body.type-category .sidebar .box-categories li { margin: 0; padding: 0; }

body.type-category .sidebar .box-categories a {
  display: block; padding: 7px 10px; border-radius: 8px;
  font-size: 14px; line-height: 1.35; color: #2C3A46; text-decoration: none;
  transition: background-color .15s ease, color .15s ease;
}
body.type-category .sidebar .box-categories a:hover { background: #F5F8FA; color: #030F1A; }

/* aktualni kategorie: inkoustova, tucna, se svetle zlutym podkladem */
body.type-category .sidebar .box-categories li.active > a,
body.type-category .sidebar .box-categories a.active {
  background: #FFF7E2; color: #030F1A; font-weight: 800;
}

/* podkategorie odsazene a odlisene tenkou linkou, ne sipkami */
body.type-category .sidebar .box-categories .categories > ul {
  margin: 2px 0 8px 10px; padding-left: 10px; border-left: 1px solid #EDF0F3;
}
body.type-category .sidebar .box-categories .categories > ul a {
  font-size: 13.5px; color: #5D6B78; padding: 6px 10px;
}
body.type-category .sidebar .box-categories .categories > ul a:hover { color: #030F1A; }

/* sablonove sipky pred nazvy pryc - odsazeni uz nese linka */
body.type-category .sidebar .box-categories a::before,
body.type-category .sidebar .box-categories li::before { content: none !important; }

/* --- 14.3 filtr ------------------------------------------------------------ */

body.type-category .sidebar .box-filters input[type="text"],
body.type-category .sidebar .box-filters input[type="number"] {
  border: 1px solid #DFE4E9 !important; border-radius: 8px !important;
  padding: 7px 10px !important; font-size: 13px !important; color: #0B1620;
}
body.type-category .sidebar .box-filters input:focus {
  outline: 0; border-color: #030F1A !important; box-shadow: 0 0 0 3px rgba(254,200,75,.4);
}
body.type-category .sidebar .box-filters a {
  font-size: 13px; color: #145998; text-decoration: none;
}
body.type-category .sidebar .box-filters a:hover { text-decoration: underline; }

/* --------------------------------------------------------------------------
   15) VELKOOBCHOD (B2B landing) - vlastni hero zacina hned pod hlavickou
   --------------------------------------------------------------------------
   Stranka /velkoobchod/ neni bezna textova stranka: obsah je vlastni
   full-bleed layout (.mgl-b2b) s tmavym hero pruhem a vlastnim H1
   ("Prodavejte znacku, kterou zakaznici uz hledaji").
   Sablona nad nim jeste vykreslovala dva prvky ze standardni stranky:
     - drobeckovou navigaci Domu / Velkoobchod
     - cerny nadpis <h1>Velkoobchod</h1> na bilem podkladu
   Dohromady ~110 px bileho pruhu, ktery landing page rozrizne a druhy H1
   na strance. Oboji tady skryvame - jen na teto strance (body.in-velkoobchod),
   drobecky na zbytku webu zustavaji podle sekce 2.
   Nadpis zustava v DOM (jen display:none), aby zustala microdata headline.
   Vysku resi margin collapse: 17.4px margin H1 protekal az na .content-inner,
   se skrytym nadpisem odpada i ta mezera - nic dalsiho nulovat netreba. */

body.in-velkoobchod .breadcrumbs-wrapper { display: none !important; }
body.in-velkoobchod article.pageArticleDetail > header { display: none !important; }


/* --------------------------------------------------------------------------
   16) PRUH VYHOD POD VYPISEM KATEGORIE (Ole 10.8.2026)
   --------------------------------------------------------------------------
   Sablona sem veze banner "position--benefitCategory" - tri obrazkove dlazdice
   se starym textem (Overeno Zakazniky / Podpora / Doprava zdarma), obrazky se
   tahaji z CDN a text neodpovida tomu, co slibujeme na titulni strance.
   Nahrazujeme ho stejnymi ctyrmi vyhodami jako na titulce (sekce 7.2) - stejne
   SVG ikony, stejne barevne dlazdice, zadne obrazky. Obsah vklada megalu-ui.js,
   tady je jen vzhled.

   Rozdil proti titulce: kategorie ma bile pozadi, takze bily pruh by splynul.
   Vyhody proto sedi v jemne karte (sedy podklad + ram), stejnou reci jako
   karty produktu ze sekce 13.
   -------------------------------------------------------------------------- */

/* nativni mrizka banneru (3 sloupce s obrazky) uz neplati - obsah je nas */
body.type-category .benefitBanner.position--benefitCategory.mgl-band-host {
  display: block !important;
  margin: 10px 0 34px;
}

body.type-category .mgl-band {
  display: grid; grid-template-columns: 1fr; gap: 0;
  background: #FAFAFC; border: 1px solid #E4E9EE; border-radius: 16px;
  padding: 4px 18px;
}
/* na mobilu jedna vyhoda pod druhou, oddelene carou - stejne jako na titulce */
body.type-category .mgl-band .mgl-ben {
  display: flex; gap: 13px; align-items: flex-start;
  padding: 16px 0; border-top: 1px solid #E4E9EE;
  color: inherit; text-decoration: none;
}
body.type-category .mgl-band > .mgl-ben:first-child { border-top: 0; }
body.type-category .mgl-band .mgl-ben b {
  display: block; font-size: 15.5px; font-weight: 800; letter-spacing: -.01em; color: #0F1D28;
}
body.type-category .mgl-band .mgl-ben span span { font-size: 14px; color: #5A6B78; }
/* dva body jsou odkazy (hodnoceni obchodu, kontakt) - podtrhneme az na najeti */
body.type-category .mgl-band a.mgl-ben:hover b { text-decoration: underline; }

body.type-category .mgl-band .mgl-ico {
  flex: 0 0 44px; width: 44px; height: 44px; border-radius: 13px;
  display: grid; place-items: center;
}
body.type-category .mgl-band .mgl-ico svg {
  width: 24px; height: 24px; fill: none; stroke-width: 1.8;
  stroke-linecap: round; stroke-linejoin: round;
}
body.type-category .mgl-band .mgl-ico-a { background: #E6FCFD; }
body.type-category .mgl-band .mgl-ico-a svg { stroke: #0E7A7C; }
body.type-category .mgl-band .mgl-ico-b { background: #EAF1F8; }
body.type-category .mgl-band .mgl-ico-b svg { stroke: #145998; }
body.type-category .mgl-band .mgl-ico-c { background: #FFE6F5; }
body.type-category .mgl-band .mgl-ico-c svg { stroke: #C42E93; }
body.type-category .mgl-band .mgl-ico-d { background: #FFF4CF; }
body.type-category .mgl-band .mgl-ico-d svg { stroke: #9A6A00; }

/* Mezistupen: ctyri sloupce se pod 992 px lamou po jednom slove
   ("Doprava / zdarma / nad 3 000 Kc"), takze na tabletu jdou dva a dva. */
@media (min-width: 560px) {
  body.type-category .mgl-band {
    grid-template-columns: 1fr 1fr; column-gap: 22px; padding: 8px 20px;
  }
  body.type-category .mgl-band > .mgl-ben:nth-child(2) { border-top: 0; }
}
@media (min-width: 992px) {
  body.type-category .mgl-band {
    grid-template-columns: repeat(4, 1fr); column-gap: 22px; padding: 20px;
  }
  body.type-category .mgl-band .mgl-ben { border-top: 0; padding: 0; }
}

/* Sablona dava #header margin-bottom: 19px pod 768 px (nad 768 px je 0).
   Mezi tmavou hlavickou a tmavym hero je z toho bily pruh, takze ho tady nulujeme.
   Bez media query - na desktopu je ta hodnota uz tak nulova. */
body.in-velkoobchod #header { margin-bottom: 0 !important; }

/* --- 14.4 pryc se sedou plochou a ctverci uvnitr panelu (Ole 10.8.2026) -----

   Uvnitr nasich bilych boxu zustavaly dva sablonove obaly:
     - div.filter-sections s pozadim #F6F6F6 (blok "Na sklade / Rozbalit filtr")
     - bezejmenny div s rameckem 1px #E4E4E4, ktery obkresloval cely strom kategorii
   Obojí je pozustatek puvodniho vzhledu; ramecek uz nese nas box.
   -------------------------------------------------------------------------- */

body.type-category .sidebar .box .filter-sections,
body.type-category .sidebar .box .filter-section {
  background: transparent !important; border: 0 !important; border-radius: 0 !important;
  padding: 0 !important;
}
body.type-category .sidebar .box-categories div,
body.type-category .sidebar .box-filters > div > div {
  border: 0 !important; background: transparent !important; border-radius: 0 !important;
}
/* posuvnik ceny si sve barvy nechava - je to ovladaci prvek, ne dekorace */
body.type-category .sidebar .box .ui-slider,
body.type-category .sidebar .box .ui-slider-range,
body.type-category .sidebar .box .ui-slider-handle { background: initial; }
body.type-category .sidebar .box .ui-slider-handle {
  background: #030F1A !important; border: 0 !important; border-radius: 50% !important;
}

/* --- 14.5 oprava po 14.4: posuvnik a aktivni kategorie ----------------------
   14.4 zhaslo pozadi vsem divum v panelu - vzalo to i vypln posuvniku ceny.
   A aktivni vetev NENI li.active, ale div.categories.active, takze podklad
   aktualni kategorie se nechytal.
   -------------------------------------------------------------------------- */

body.type-category .sidebar .box .ui-slider {
  background: #EDF0F3 !important; height: 4px !important; border: 0 !important; border-radius: 999px !important;
}
body.type-category .sidebar .box .ui-slider .ui-slider-range {
  background: #FEC84B !important; border-radius: 999px !important; height: 4px !important;
}
body.type-category .sidebar .box .ui-slider .ui-slider-handle {
  background: #030F1A !important; border: 2px solid #fff !important; border-radius: 50% !important;
  box-shadow: 0 1px 4px rgba(11,22,32,.35);
}

body.type-category .sidebar .box-categories .categories.active > a,
body.type-category .sidebar .box-categories li.active > a,
body.type-category .sidebar .box-categories a.active {
  background: #FFF7E2 !important; color: #030F1A !important; font-weight: 800 !important;
  border-radius: 8px !important;
}


/* --------------------------------------------------------------------------
   17) LEVY PANEL KATEGORIE - pryc se sedym podkladem (Ole 10.8.2026)
   --------------------------------------------------------------------------
   Sablona barvi cely <aside class="sidebar"> sedou (.sidebar
   { background-color: var(--colors-surface-secondary) }). Sloupec se roztahuje
   na vysku vypisu produktu, takze pod filtry a stromem kategorii zustaval
   pres tisic pixelu prazdne sede plochy.

   Boxy uvnitr uz maji vlastni bily podklad a ram (sekce 14), takze podklad
   pod nimi nic nedrzi - jen ho zrusime. Sidebar je jen na kategoriich,
   jinde v sablone neni, takze scope na body.type-category nic nevynechava.
   -------------------------------------------------------------------------- */

body.type-category aside.sidebar { background-color: transparent !important; }