body footer .container.footer-bottom #signature {order: unset !important; max-height: none !important; height: auto !important; width: auto !important;}
body footer .container.footer-bottom #signature .title {display: block !important;}
body footer .container.footer-bottom .copyright .podpis {display: none !important;}

.products-block .product .p .name {line-height: 1.4em !important;}
.type-detail .flags-default .flag-25-s-kodem-leto26 {background-color: #727512 !important; color: #fff;}
.products-block.products .p .name {overflow: unset !important;}
@media only screen and (min-width: 768px) {
#header #navigation .navigation-in .menu-level-1 > li > a {    padding: 28px 10px;  }
/* titulka: kategorie (bannery vedle carouselu) 4 vedle sebe - carousel odstranen ve scripts.min.js */
body.desktop .next-to-carousel-banners {display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr));  gap: 30px 20px;}
body.desktop .next-to-carousel-banners .banner-wrapper {  width: auto !important; max-width: none !important; flex: none !important; margin: 0 !important;}
}

/* === Titulka: nadpisy (13. 10. 2026) ===
   scripts.min.js dela z nadpisu 1. banneru H1 a z nadpisu sekci H2 (.homepage-group-title, .kr-h2).
   Styl jednotne podle uvitaciho "KLARA ROTT" (.welcome .h1), verzalkami. */
#carousel h1.extended-banner-title { margin: 0; }
html body h2.homepage-group-title.homepage-group-title,
body h2.kr-h2,
body .page-logos::before {
  font-family: 'Burgess Pro', serif !important;
  font-size: 26px !important; font-weight: 400 !important; line-height: 1.1 !important;
  letter-spacing: normal !important; text-transform: uppercase !important;
  color: rgba(0, 0, 0, .7) !important; text-align: center;
}
body h2.kr-h2 { position: static; margin: .67em 0; }
body .hp-ratings h2.kr-h2 { margin: 0 auto 10px; }
@media (max-width: 480px) { body .hp-ratings h2.kr-h2 { margin-bottom: 0; } }

/* === Titulka: "Nejprodavanejsi" bez carouselu (13. 10. 2026) ===
   desktop 5 vedle sebe (10 produktu = 2 rady), tablet 3, mobil 2; pod 992 px jen prvnich 6 */
@media (min-width: 992px) {
  body .products-block.homepage-products-1 { display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)); }
}
@media (min-width: 768px) and (max-width: 991px) {
  body .products-block.homepage-products-1 { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (min-width: 768px) {
  body .products-block.homepage-products-1 > .product { width: auto !important; max-width: none !important; flex: none !important; }
}
@media (max-width: 991px) {
  body .products-block.homepage-products-1 > .product:nth-child(n+7) { display: none !important; }
}

/* === Karta produktu VSUDE na webu (titulka, kategorie, souvisejici...) (13. 10. 2026) ===
   Skladem vlevo, pod tim tlacitko vlevo + cena vpravo; tlacitko uzsi, aby se text nelamal */
body .products-block .product .p-bottom > div { flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 10px 8px; }
body .products-block .product .p-bottom .availability { justify-content: flex-start; width: 100%; flex: 0 0 100%; }
body .products-block .product .p-bottom .p-tools { order: 1; width: auto; flex: 0 0 auto; margin-top: 6px; }
/* sablona dava cene margin-top 15px s !important -> cena byla niz nez tlacitko */
body .products-block .product .p-bottom .prices { order: 2; width: auto; flex: 0 0 auto; margin: 6px 0 0 auto !important; align-self: center; }
body .products-block .product .p-bottom .add-to-cart-button { width: auto; height: auto; padding: 11px 14px 10px; font-size: 14px; letter-spacing: .5px; white-space: nowrap; }

/* nazev produktu: sablona ma pevnou vysku na 2 radky, historicke pravidlo overflow:unset nechavalo
   3. radek pretekat pres "Skladem" -> max. 3 radky se zkracenim, spodek karty zarovnany dolu */
body .products-block .product .p a.name {
  display: -webkit-box !important; -webkit-box-orient: vertical; -webkit-line-clamp: 3 !important;
  overflow: hidden !important; height: auto !important; max-height: none !important; min-height: 2.8em;
}
body .products-block .product .p-in { display: flex; flex-direction: column; }
body .products-block .product .p-bottom { margin-top: auto; }
/* mobil: "Do kosiku" jen ikona (text zustava pro ctecky), aby se cena vesla vedle tlacitka */
@media (max-width: 767px) {
  body .products-block .product .p-bottom .add-to-cart-button { padding: 10px 12px !important; line-height: 1 !important; }
  body .products-block .product .p-bottom .add-to-cart-button span {
    position: absolute !important; width: 1px !important; height: 1px !important;
    overflow: hidden !important; clip: rect(0 0 0 0) !important; white-space: nowrap !important;
  }
  body .products-block .product .p-bottom .prices { white-space: nowrap; }
}

/* tlacitko "Zobrazit vsechny bestsellery" (vklada scripts.min.js) */
.kr-vse-bestsellery { text-align: center; margin: 30px 0 10px; }
body .kr-vse-bestsellery .kr-vse-btn {
  display: inline-block; padding: 13px 26px 12px; border: 1px solid rgba(0, 0, 0, .7);
  color: rgba(0, 0, 0, .8); font-size: 15px; letter-spacing: .5px; text-decoration: none;
  transition: background-color .2s, color .2s, border-color .2s;
}
body .kr-vse-bestsellery .kr-vse-btn:hover { background: #727512; border-color: #727512; color: #fff; text-decoration: none; }

/* === Titulka: "Nove v nabidce" bez carouselu (13. 10. 2026) - od 768 px 4 vedle sebe, mobil 2 (sablona) === */
@media (min-width: 768px) {
  body .products-block.homepage-products-2 { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); }
  body .products-block.homepage-products-2 > .product { width: auto !important; max-width: none !important; flex: none !important; }
}

/* nadpisy produktovych sekci - vic mista pod nadpisem */
html body h2.homepage-group-title.homepage-group-title { margin-bottom: 30px !important; }
@media (max-width: 767px) { html body h2.homepage-group-title.homepage-group-title { margin-bottom: 20px !important; } }

/* === Titulka: uvitaci sekce "KLARA ROTT" + vyhody (13. 10. 2026) ===
   bezove pozadi pres celou sirku, misto textoveho nadpisu logo (text zustava pro ctecky),
   vyhody v bilych boxech */
html body.in-index .content-wrapper.homepage-box.welcome-wrapper,
html body.in-index .welcome-benefits { background-color: #f3f1ec !important; }
body.in-index .welcome-wrapper .welcome { padding-top: 60px; }
body.in-index .welcome-benefits { padding-bottom: 60px; }
body.in-index .welcome-benefits .news-item { background: #fff !important; }
body .welcome .h1[data-testid="eshopHeader"] {
  font-size: 0 !important; line-height: 0 !important; color: transparent !important;
  height: 44px; margin: 0 auto 22px !important;
  background: url("https://cdn.myshoptet.com/usr/www.klararott.cz/user/logos/group_1261156477.svg") center / contain no-repeat;
}

/* === Tlacitka "Zobrazit vice" (hodnoceni, blog... - vsude) (13. 10. 2026) ===
   sablona ma padding 12px nahore / 9px dole -> text sedel nize, vyrovnano */
body a.show-more { padding-top: 10px !important; padding-bottom: 11px !important; }

/* === Titulka: hodnoceni obchodu - prechod "do ztracena" u dlouhych recenzi (13. 10. 2026) ===
   PSupravy/main.css ma #ratingsList ... ::after {bottom:25px !important} -> prechod koncil 25 px nad
   spodkem boxu a pod nim byl videt dalsi radek textu. Jen na titulce (.hp-ratings), stranku hodnoceni neresi. */
html body .hp-ratings #ratingsList .vote-wrap .vote-content::after,
html body .rate-wrapper.blog-section #ratingsList .vote-wrap .vote-content::after { bottom: 0 !important; } /* i hodnoceni obchodu na detailu produktu (ratings-pobo.js mu odebere .hp-ratings) */

/* === Titulka: "KLARA ROTT V MEDIICH" oddelit jako samostatnou sekci (13. 10. 2026) ===
   nadpis je ::before posunuty o 70 px nad loga (top:-70px), takze margin 100px dal jen ~30px mezery;
   ostatni sekce maji ~100 px (mobil ~70 px) */
body .page-logos { margin-top: 170px !important; }
@media (max-width: 767px) { body .page-logos { margin-top: 140px !important; } }

/* === Titulka: dva propagacni boxy pod "Nove v nabidce" (13. 10. 2026, v2) - HTML vklada scripts.min.js ===
   karta jako zbytek webu: fotka nahore cela videt, pod ni text na bilem, tenky bezovy ramecek,
   zelene akcenty #727512, nadpis Burgess Pro */
.kr-boxy { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin: 70px 0 90px; }
.kr-box { position: relative; display: flex; flex-direction: column; overflow: hidden; background: #fff; border: 1px solid #e6e1d8; border-radius: 3px; color: #404040; }
.kr-box__foto { position: relative; display: block; aspect-ratio: 16 / 9; overflow: hidden; background: #f3f1ec; }
.kr-box__foto img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }
.kr-box:hover .kr-box__foto img { transform: scale(1.03); }
.kr-box__foto-odkaz { display: block; }
.kr-box__stitek { pointer-events: none; }
.kr-box__stitek {
  position: absolute; top: 16px; left: 16px; z-index: 2; padding: 6px 14px; border-radius: 999px;
  background: #727512; color: #fff; font-size: 12px; letter-spacing: .3px;
}
.kr-box__obsah { display: flex; flex: 1; flex-direction: column; padding: 28px 32px 32px; }
.kr-box__nadtitul { display: block; margin-bottom: 8px; color: #727512; font-size: 11px; font-weight: 500; letter-spacing: 2px; text-transform: uppercase; }
body .kr-box h2.kr-box__nadpis {
  margin: 0 0 12px !important; font-family: 'Burgess Pro', serif !important; font-size: 28px !important; font-weight: 400 !important;
  line-height: 1.15 !important; letter-spacing: normal !important; text-transform: none !important; text-align: left !important; color: rgba(0, 0, 0, .75) !important;
}
body .kr-box p.kr-box__text { margin: 0 0 14px; font-size: 15px; line-height: 1.6; color: #404040 !important; }
/* odrazky v boxech: body textu (zelena tecka), adresa + oteviraci doba (ikony) */
body .kr-box ul.kr-box__body, body .kr-box ul.kr-box__info { list-style: none !important; margin: 0 0 14px !important; padding: 0 !important; }
body .kr-box ul.kr-box__body li, body .kr-box ul.kr-box__info li { position: relative; margin: 0 0 4px !important; padding: 0 0 0 20px !important; list-style: none !important; background: none !important; }
body .kr-box ul.kr-box__body li { font-size: 15px; line-height: 1.6; color: #404040; }
body .kr-box ul.kr-box__body li::before { content: "" !important; position: absolute; left: 3px; top: .62em; width: 6px; height: 6px; border-radius: 50%; background: #727512; }
body .kr-box ul.kr-box__info { margin-bottom: 20px !important; padding-top: 12px !important; border-top: 1px solid #ece7df; }
body .kr-box ul.kr-box__info li { font-size: 13px; line-height: 1.6; color: #6b6b6b; }
body .kr-box ul.kr-box__info li::before { content: "" !important; position: absolute; left: 0; top: .25em; width: 14px; height: 14px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23727512' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-7-6.2-7-11.5a7 7 0 0 1 14 0C19 14.8 12 21 12 21z'/%3E%3Ccircle cx='12' cy='9.5' r='2.5'/%3E%3C/svg%3E") center / contain no-repeat; }
body .kr-box ul.kr-box__info li.kr-box__cas::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23727512' stroke-width='1.6' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5.4l3.4 2'/%3E%3C/svg%3E"); }
.kr-box__tlacitka { display: flex; flex-wrap: wrap; gap: 10px; margin-top: auto; }
body .kr-box a.kr-box__btn {
  display: inline-block; padding: 12px 22px; border: 1px solid #727512; background: #727512; color: #fff !important;
  font-size: 14px; letter-spacing: .5px; text-decoration: none !important; transition: background-color .2s, border-color .2s, color .2s;
}
body .kr-box a.kr-box__btn:hover { background: #5a5c0e; border-color: #5a5c0e; }
body .kr-box a.kr-box__btn--obrys { background: transparent; color: #727512 !important; }
body .kr-box a.kr-box__btn--obrys:hover { background: #727512; color: #fff !important; }
@media (max-width: 767px) {
  .kr-boxy { grid-template-columns: 1fr; gap: 16px; margin: 50px 0 60px; }
  .kr-box__obsah { padding: 22px; }
  body .kr-box h2.kr-box__nadpis { font-size: 24px !important; }
  /* obe tlacitka vedle sebe (na velmi uzkem displeji se samy zalomi) */
  .kr-box__tlacitka { gap: 8px; }
  body .kr-box a.kr-box__btn { flex: 1 1 auto; padding: 11px 10px !important; font-size: 13px; letter-spacing: 0; text-align: center; white-space: nowrap; }
}

/* kotvy na /butik-skin-studio/ (z boxu na titulce) - neschovat nadpis pod fixni menu */
/* odsazeni kotev (#ritualy, #kde-nas-najdete, #media...) resi globalne scroll-padding-top v sekci Zahlavi */

/* === Paticka (13. 10. 2026) ===
   Kontakt: box e-shop + box Butik & Skin studio s ikonami (HTML vklada scripts.min.js) */
footer .contact-box.kr-kontakt-hotovo > ul:not(.socials-list) { display: none !important; }
.kr-kontakt { display: flex; flex-direction: column; gap: 12px; margin: 0 0 26px; text-align: left; }
.kr-kontakt__box { padding: 18px 20px; border: 1px solid #ece7df; background: #f6f5f2; }
.kr-kontakt__box--butik { border-left: 3px solid #727512; background: #fff; }
.kr-kontakt__radek { display: flex; align-items: flex-start; gap: 12px; }
.kr-kontakt__radek + .kr-kontakt__radek { margin-top: 14px; }
.kr-kontakt__radek svg { flex: none; margin-top: 2px; color: #727512; }
/* sablona ma v kontaktu velke pismo (22px) s vyssi specificitou -> !important */
footer .kr-kontakt__radek strong, footer .kr-kontakt__radek strong a { display: block; font-size: 14px !important; font-weight: 500 !important; line-height: 1.4 !important; letter-spacing: normal !important; color: #2b2b2b !important; }
footer .kr-kontakt__radek strong a { display: inline; text-decoration: none !important; }
footer .kr-kontakt__radek strong a:hover { color: #727512 !important; }
footer .kr-kontakt__radek em { display: block; margin-top: 2px; font-size: 13px !important; font-style: normal; line-height: 1.4 !important; color: #6b6b6b !important; }

/* 4 sloupce: Kontakt (sirsi) + O nakupu + Informace + Pro firmy (banner pridany v adminu) */
@media (min-width: 992px) {
  footer .custom-footer > .custom-footer__contact { flex: 0 0 34% !important; width: 34% !important; max-width: 34% !important; }
  footer .custom-footer > div:not(.custom-footer__newsletter):not(.custom-footer__contact):not(.custom-footer__instagram):not(.custom-footer__banner29):not(:has(h3 ~ h3)) {
    flex: 0 0 22% !important; width: 22% !important; max-width: 22% !important;
  }
}
/* Informace + Pro firmy jsou v JEDNOM banneru (2 nadpisy) -> banner pres 2 sloupce, uvnitr mrizka 2 sloupcu.
   Kdyby se Pro firmy pozdeji oddelil do vlastniho banneru, tohle se samo vypne (:has). */
@media (min-width: 992px) {
  footer .custom-footer > div:has(h3 ~ h3):not(.custom-footer__newsletter):not(.custom-footer__contact) { flex: 0 0 44% !important; width: 44% !important; max-width: 44% !important; }
}
footer .custom-footer__banner16:has(h3 ~ h3) .banner-wrapper > span { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 60px; align-items: start; }
footer .custom-footer__banner16 .banner-wrapper > span > h3:nth-of-type(1) { grid-column: 1; grid-row: 1; }
footer .custom-footer__banner16 .banner-wrapper > span > ul:nth-of-type(1) { grid-column: 1; grid-row: 2; }
footer .custom-footer__banner16 .banner-wrapper > span > h3:nth-of-type(2) { grid-column: 2; grid-row: 1; }
footer .custom-footer__banner16 .banner-wrapper > span > ul:nth-of-type(2) { grid-column: 2; grid-row: 2; }
footer .custom-footer__banner16 .banner-wrapper > span > #showHeurekaBadgeHere-1 { grid-column: 1; grid-row: 3; }
/* prazdny obal po logach medii (skript sablony je presouva jinam) */
footer .custom-footer > .custom-footer__banner29:not(:has(.page-logos)) { display: none !important; }
/* odznak Heureka: skript ho presouva pod sloupec O nakupu (pod Garance spokojenosti), mensi */
#showHeurekaBadgeHere-1 { position: static !important; margin-top: 24px; }
#showHeurekaBadgeHere-1 img { display: block; width: 80px; height: auto; }
/* bez svislych car mezi sloupci paticky */
footer .custom-footer > div { border-left: 0 !important; border-right: 0 !important; }

/* === Detail produktu: tabulka Bio (presunuto z banneru Informace, 13. 10. 2026) === */
.type-detail .bio-table .bio-row th, .type-detail .bio-table .bio-row td { line-height: 2em !important; padding-top: 0 !important; }

/* === Newsletter v paticce (13. 10. 2026) ===
   captchu z formulare odebira scripts.min.js (Ecomail ji nekontroluje); tady jen pojistka proti probliknuti.
   Cely pruh bily (dle navrhu), e-mail pres celou sirku az k tlacitku. */
footer #formNewsletterWidget fieldset.box { display: none !important; }
footer #formNewsletterWidget > fieldset { background: #fff !important; }
footer #formNewsletterWidget > fieldset > div.smart-label-wrapper { flex: 1 1 auto !important; width: auto !important; min-width: 0 !important; max-width: none !important; }
footer #formNewsletterWidget #newsletterWidget { width: 100% !important; color: #2b2b2b !important; }
@media (min-width: 768px) { /* pole pro e-mail max. 400 px, bily pruh zarovnany vpravo se souhlasem */
  footer #formNewsletterWidget > fieldset { width: auto !important; margin-left: auto !important; margin-right: 0 !important; }
  footer #formNewsletterWidget > fieldset > div.smart-label-wrapper { flex: 0 1 400px !important; width: 400px !important; max-width: 400px !important; }
}
footer #formNewsletterWidget #newsletterWidget::placeholder { color: #7a7a7a !important; opacity: 1 !important; }
footer #formNewsletterWidget > fieldset > button { flex: none; background: #fff !important; color: #2b2b2b !important; font-weight: 500 !important; border-left: 1px solid #e6e1d8 !important; }
footer #formNewsletterWidget > fieldset > button:hover { background: #f3f1ec !important; }

/* === Titulka: lista "Pece podle potreb pleti" pod hlavickou (13. 10. 2026) - HTML vklada scripts.min.js === */
.kr-potreby { background: #f3f1ec; border-top: 1px solid #ece7df; border-bottom: 1px solid #e6e1d8; }
.kr-potreby .kr-potreby__in { display: flex; align-items: center; gap: 14px; padding-top: 12px !important; padding-bottom: 12px !important; } /* .container sablony nuluje padding */
/* clearfix ::before/::after z .container by ve flexu byly polozky navic (+ mezera) -> text by nesedel s logem */
.kr-potreby .kr-potreby__in::before, .kr-potreby .kr-potreby__in::after { display: none !important; content: none !important; }
.kr-potreby__popis { flex: none; font-size: 14px; color: #404040; }
.kr-potreby__pilulky { display: flex; align-items: center; gap: 8px; }
body .kr-potreby a.kr-pill {
  display: inline-block; padding: 7px 16px; border: 1px solid #cfc4b8; border-radius: 999px; background: #fff;
  color: #2b2b2b !important; font-size: 14px; line-height: 1.3; white-space: nowrap; text-decoration: none !important;
  transition: border-color .2s, color .2s;
}
body .kr-potreby a.kr-pill:hover { border-color: #727512; color: #727512 !important; }
body .kr-potreby a.kr-pill--zv { border-color: #c9b96a; background: #fbf8ea; color: #5a5c0e !important; font-weight: 500; }
.kr-potreby__oddel { flex: none; width: 1px; height: 24px; margin: 0 6px; background: #cfc4b8; }
.kr-potreby__doprava { display: flex; flex: none; align-items: center; gap: 8px; margin-left: auto; font-size: 14px; color: #404040; white-space: nowrap; }
.kr-potreby__doprava svg { color: #727512; }
.kr-potreby__doprava strong { color: #727512; font-weight: 600; }
@media (min-width: 768px) and (max-width: 1199px) { /* jeden radek: popis | cipy (posuvne do strany) | doprava */
  .kr-potreby__pilulky { flex: 1 1 auto; min-width: 0; overflow-x: auto; scrollbar-width: none; }
  .kr-potreby__pilulky::-webkit-scrollbar { display: none; }
}
@media (max-width: 1199px) { /* naznak, ze cipy pokracuji */
  .kr-potreby__pilulky { -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 28px), transparent); mask-image: linear-gradient(to right, #000 calc(100% - 28px), transparent); }
}
@media (max-width: 767px) { /* mobil: 3 radky - popis / cipy (posuvne) / doprava */
  .kr-potreby .kr-potreby__in { flex-wrap: wrap; gap: 8px; padding-top: 10px !important; padding-bottom: 10px !important; }
  .kr-potreby__popis { width: 100%; font-size: 13px; }
  .kr-potreby__pilulky { width: 100%; overflow-x: auto; padding-bottom: 4px; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
  .kr-potreby__pilulky::-webkit-scrollbar { display: none; }
  .kr-potreby__doprava { margin-left: 0; font-size: 13px; }
}

/* === Kategorie: blok "Nejprodavanejsi" (Shoptet) skryt cely (13. 10. 2026) ===
   SMupravy/main.css skryva jen samotne produkty (#productsTop), nadpis a tlacitko "Zobrazit vice
   produktu" zustavaly viset bez funkce */
.type-category .products-top-wrapper { display: none !important; }

/* === Mobil drobnosti (13. 10. 2026) === */
/* newsletter: formular odsadit od textu */
@media (max-width: 767px) { footer #formNewsletterWidget > fieldset { margin-top: 20px !important; } }
/* blok blogu na titulce: "19 polozek celkem" (na desktopu neni videt) skryt vsude */
.blog-section .blog-posts .listingControls .itemsTotal { display: none !important; }

/* === Zahlavi: horni zelena lista (13. 10. 2026) - HTML vklada zahlavi.js (v head), vsude krome objednavky === */
.kr-horni-lista { background: #727512; color: #fff; font-size: 14px; line-height: 1.3; }
.kr-horni-lista .kr-hl__in { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding-top: 9px !important; padding-bottom: 9px !important; }
.kr-horni-lista .kr-hl__in::before, .kr-horni-lista .kr-hl__in::after { display: none !important; content: none !important; }
.kr-hl__skupina { display: flex; align-items: center; gap: 22px; }
body .kr-horni-lista a { color: #fff !important; text-decoration: none !important; opacity: .95; }
body .kr-horni-lista a:hover { opacity: 1; text-decoration: underline !important; }
@media (max-width: 767px) { .kr-horni-lista { display: none; } } /* na mobilu jsou odkazy v menu (.kr-mobil-odkazy) */
@media (min-width: 768px) and (max-width: 991px) { .kr-horni-lista .kr-hl__in { gap: 12px; } .kr-hl__skupina { gap: 14px; } .kr-horni-lista { font-size: 13px; } }

/* === Zahlavi: hlavni lista v jednom radku s logem (desktop od 1200 px) ===
   menu zustava dynamicke ze Shoptetu; .header-top (logo, vyhledavani, ikony) se "rozpusti" do radku s #navigation.
   Po scrollu zustava jen hlavni lista (fixed pres body.kr-pevna, skript), horni lista a lista potreb odjedou.
   Podmenu otevira Shoptet sam se zpozdenim cca 170 ms (trida .exp), my pridavame jen jemny nabeh.
   Selektory s html body kvuli starsim pravidlum v SMupravy/PSupravy. */
@media (min-width: 1200px) {
  html body #header { background: #fff !important; }
  html body.kr-pevna #header { position: fixed !important; top: 0 !important; left: 0; right: 0; z-index: 1002; box-shadow: 0 4px 18px rgba(0, 0, 0, .09) !important; }
  html body.kr-pevna .overall-wrapper { padding-top: var(--kr-zahlavi, 70px) !important; } /* misto po hlavicce, aby obsah neposkocil */
  html body #header .navigation-wrapper { display: flex !important; align-items: center; gap: 20px; position: relative !important; }
  html body #header .navigation-wrapper::before, html body #header .navigation-wrapper::after { display: none !important; content: none !important; }
  html body #header .navigation-wrapper > .toggle-window { display: none !important; } /* mobilni tlacitko menu - jinak odsune logo */
  html body #header .header-top { display: contents !important; }
  html body #header .site-name-wrapper { order: 1; flex: none; width: auto !important; }
  html body #header .site-name { width: auto !important; } /* sablona 235 px -> zbytecna mezera za logem */
  html body #header .site-name a { display: inline-block !important; width: auto !important; }
  html body #header .site-name img { height: 40px !important; width: auto !important; max-width: none !important; transform: translateY(1.5px); } /* opticky: menu je malymi pismeny (opticky stred nize), logo verzalkami; 0 = vysoko, 3 px = nizko */
  html body #header #navigation { order: 2; flex: 0 1 auto !important; width: auto !important; height: auto !important; min-width: 0; margin-left: 10px !important; position: static !important; }
  html body #header #navigation .navigation-in { position: static !important; top: auto !important; left: auto !important; width: 100% !important; }
  html body #header #navigation .menu-level-1 { flex-wrap: nowrap !important; height: auto !important; }
  html body #header #navigation .menu-level-1 > li.splitted { display: block !important; visibility: visible !important; }
  html body #header .menu-helper { display: none !important; }
  html body #header #navigation .navigation-in .menu-level-1 > li > a {
    display: flex !important; align-items: center; gap: 5px; white-space: nowrap;
    padding: 28px 14px !important; font-size: 16px !important; color: #2b2b2b !important; letter-spacing: .2px !important;
  }
  html body #header #navigation .menu-level-1 > li > a b { font-weight: 500; }
  html body #header #navigation .menu-level-1 > li > a .submenu-arrow { position: static !important; margin: 0 !important; }
  /* mega menu pres celou sirku pod hlavni listou */
  html body #header #navigation .menu-level-2 { left: 0 !important; right: 0 !important; width: auto !important; top: 100% !important; }
  html body #header #navigation .menu-level-1 > li.exp > .menu-level-2 { animation: kr-podmenu .18s ease both; }
  html body #header .search { order: 4; flex: 0 0 250px !important; width: 250px !important; max-width: 250px !important; margin-left: auto !important; }
  html body #header .search form { height: 44px !important; min-height: 0 !important; border: 1px solid #e2ddd3 !important; border-radius: 999px !important; background: #fff !important; overflow: hidden; }
  html body #header .search form, html body #header .search fieldset { position: relative !important; }
  html body #header .search input.query-input { height: 42px !important; min-height: 0 !important; padding: 0 16px 0 44px !important; font-size: 15px !important; background: transparent !important; border: 0 !important; }
  html body #header .search button[type=submit] { position: absolute !important; left: 8px !important; right: auto !important; top: 50% !important; transform: translateY(-50%) !important; width: 34px !important; height: 34px !important; min-width: 0 !important; padding: 0 !important; margin: 0 !important; }
  html body #header .kr-lang-switcher { order: 5; } /* prepinac jazyka (vlajka) zustava */
  html body #header .top-nav-button-login { order: 6; margin-left: -12px !important; }
  html body #header .navigation-buttons { order: 7; margin-left: -12px !important; } /* vlajka, ucet, kosik blize u sebe */
  html body #header .kr-lang-switcher, html body #header .kr-lang-switcher__toggle, html body #header .top-nav-button-login,
  html body #header .navigation-buttons, html body #header .navigation-buttons a,
  html body #header .kr-lang-switcher__toggle:hover, html body #header .kr-lang-switcher__toggle:focus, html body #header .kr-lang-switcher.is-open .kr-lang-switcher__toggle,
  html body #header .top-nav-button-login:hover, html body #header .top-nav-button-login:focus,
  html body #header .navigation-buttons a:hover, html body #header .navigation-buttons a:focus { background: transparent !important; box-shadow: none !important; } /* ani pri najeti/otevreni */
}
@keyframes kr-podmenu { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }

/* === Zahlavi: mobil do 767 px - jeden radek (menu, logo, kosik) + vyhledavani na celou sirku, celkem 110 px === */
@media (max-width: 767px) {
  html body #header { height: 110px !important; min-height: 0 !important; box-shadow: 0 1px 0 #ece8e0; }
  html body #header a.toggle-window[data-target="navigation"] { top: 8px !important; left: 12px !important; }
  html body #header .site-name { left: 50% !important; top: 13px !important; transform: translateX(-50%); width: auto !important; height: 34px !important; margin: 0 !important; }
  html body #header .site-name a { display: block; width: auto !important; height: 34px !important; }
  html body #header .site-name img { height: 34px !important; width: auto !important; max-width: none !important; max-height: none !important; }
  html body #header .navigation-buttons { position: fixed !important; top: 8px !important; right: 8px !important; left: auto !important; width: auto !important; height: 44px !important; z-index: 5; }
  html body #header .navigation-buttons a.toggle-window { top: 0 !important; margin: 0 !important; }
  html body #header #formSearchForm { top: 60px !important; height: 50px !important; min-height: 0 !important; padding: 0 15px 8px !important; background: #fff !important; }
  html body #header #formSearchForm fieldset { display: block !important; position: relative !important; width: 100% !important; margin: 0 !important; }
  html body #header #formSearchForm input.query-input { width: 100% !important; height: 42px !important; min-height: 0 !important; margin: 0 !important; padding: 0 16px 0 44px !important; border: 1px solid #e2ddd3 !important; border-radius: 999px !important; font-size: 16px !important; }
  html body #header #formSearchForm button[type=submit] { position: absolute !important; left: 6px !important; right: auto !important; top: 4px !important; width: 34px !important; height: 34px !important; min-width: 0 !important; min-height: 0 !important; padding: 0 !important; margin: 0 !important; }
  html body #header #formSearchForm .search-toggle { display: none !important; }
  html body .overall-wrapper { padding-top: 110px !important; }
}

/* === Sleva 10 % (13. 10. 2026): odkaz v horni liste / mobilnim menu + formular Ecomailu jako okno uprostred ===
   spodni zalozka "Ziskat 10 % na prvni nakup" (#ec-v-form-slider-handle) skryta vsude */
body .kr-horni-lista a.kr-hl__sleva { font-weight: 700 !important; opacity: 1; }
html body #ec-v-form-slider-handle { display: none !important; }
html body #ec-v-from-slider-holder .ec-v-form-holder {
  position: fixed !important; left: 50% !important; top: 50% !important; right: auto !important; bottom: auto !important;
  transform: translate(-50%, -50%) !important; max-width: calc(100vw - 24px) !important; max-height: 92vh !important; z-index: 100001 !important;
  box-shadow: 0 0 0 100vmax rgba(0, 0, 0, .45), 0 20px 60px rgba(0, 0, 0, .3) !important;
}
.kr-zavoj { position: fixed; inset: 0; z-index: 100000; background: transparent; cursor: pointer; } /* zachyti klik mimo okno */

/* === Kotvy a pevna hlavicka (13. 10. 2026) ===
   cil odkazu (napr. /#media, /butik-skin-studio/#ritualy) se zastavi pod hlavickou, ne pod ni.
   desktop od 1200 px: pevna hlavicka 70 px; mobil do 767 px: pevna hlavicka 110 px; mezi tim hlavicka neni pevna */
html { scroll-padding-top: 20px; }
@media (min-width: 1200px) { html { scroll-padding-top: 90px; } }
@media (max-width: 767px) { html { scroll-padding-top: 130px; } }
#media { scroll-margin-top: 80px; } /* nadpis "Klara Rott v mediich" je ::before 70 px nad sekci */

/* === Hodnoceni na titulce: sipky karuselu (13. 10. 2026) ===
   sablona je dava 60 px za okraj seznamu -> pod cca 1480 px vycnivaly z okna (vodorovny posuvnik, leva sipka nebyla videt).
   Ted max. 60 px ven, ale vzdy kus od okraje okna (16 px vc. pulky posuvniku) (100% = sirka seznamu, 100vw = okno). */
@media (min-width: 768px) {
  html body .hp-ratings #ratingsList > .slick-prev, html body .rate-wrapper.blog-section #ratingsList > .slick-prev { left: max(-60px, calc((100% - 100vw) / 2 + 16px)) !important; }
  html body .hp-ratings #ratingsList > .slick-next, html body .rate-wrapper.blog-section #ratingsList > .slick-next { right: max(-60px, calc((100% - 100vw) / 2 + 16px)) !important; }
}

/* === Menu: Bestsellery zelene na vsech sirkach (13. 10. 2026) - drive jen v jednoradkove hlavicce od 1200 px === */
html body #header #navigation .navigation-in .menu-level-1 > li > a[href$="/bestsellery/"],
html body #header #navigation .navigation-in .menu-level-1 > li > a[href$="/bestsellery/"] b { color: #727512 !important; font-weight: 600 !important; } /* text je v <b> s vlastni barvou sablony */

/* === Mobilni menu a hlavicka po scrollu (13. 10. 2026) ===
   - zbytky z menu (li.appended-category) skryte - pojistka, kategorie jsou skryte i v administraci
   - horni radek menu ve vysce krizku: K z loga (odkaz na titulku, vklada zahlavi.js) | vlajka | Prihlaseni; "Jazyk" (vidi jen prihlaseny) skryty
   - #navigation jako sloupec: vnitrek menu (.navigation-in) vyplni presne zbytek vysky -> nic se neorizne, spodek jde doscrolovat
   - .kr-mobil-odkazy (vklada zahlavi.js): odkazy horni listy jako seznam oddeleny 1px linkami (44 px na radek)
   - Zpet v rozbalene kategorii: sablonova plocha .submenu-arrow (klik kategorii zavre) v radku kategorie jako "< Zpet"
   - po scrollu (html.scrolled - Shoptet; SMupravy pri tom hlavicku vysouva) drzi jen radek MENU / logo / kosik, vyhledavani odjede */
.kr-mobil-odkazy, .kr-menu-logo { display: none; } /* jen v mobilnim menu */
@media (max-width: 767px) {
  html body #navigation .menu-level-1 > li.appended-category { display: none !important; }
  html body #navigation { display: flex !important; flex-direction: column; padding-top: 58px !important; }
  html body #navigation .navigation-in { flex: 1 1 auto; min-height: 0; height: auto !important; padding-bottom: 20px !important; } /* sablona pocitala pevnou vysku -> spodek se orezaval */
  html body:is(.navigation-window-visible, .cart-window-visible, .login-window-visible) #chetty-chatbot-button,
  html body:is(.navigation-window-visible, .cart-window-visible, .login-window-visible) #chetty-notice-bubble { display: none !important; } /* chat neprekryva menu, kosik ani prihlaseni */
  html body #cart-widget.popup-widget, html body #login.popup-widget { top: 60px !important; z-index: 100 !important; } /* vysouvaci kosik / prihlaseni: sablona pocita s hlavickou 75 px -> pod nim prosvitalo vyhledavani */ /* chat neprekryva menu */

  /* horni radek: K z loga | vlajka | Prihlaseni (krizek sablony je vpravo, top 7 px) */
  html body #navigation .kr-menu-logo { display: block; position: absolute; top: 11px; left: 15px; width: 34px; height: 34px; background: no-repeat left center / auto 34px; }
  html body #navigation .kr-lang-switcher { position: absolute !important; top: 7px; left: 59px; margin: 0 !important; }
  html body #navigation .navigationActions {
    position: absolute !important; top: 3px; left: 105px; right: 60px; width: auto !important; height: 50px; align-items: center;
    display: flex !important; gap: 8px; margin: 0 !important; padding: 0 !important; overflow: hidden; background: none !important;
  }
  html body #navigation .navigationActions > li { display: flex; margin: 0 !important; padding: 0 !important; border: 0 !important; }
  html body #navigation .navigationActions > li:has(ul) { display: none !important; }
  html body #navigation .navigationActions > li > a {
    display: inline-flex !important; align-items: center; gap: 6px; height: 30px; padding: 0 10px !important; /* ghost tlacitko, na stredu s vlajkou */
    border: 1px solid #cfc8bc !important; border-radius: 6px !important; background: none !important; font-size: 14px !important; color: #2b2b2b !important; white-space: nowrap;
  }
  html body #navigation .navigationActions > li > a::before { /* panacek jako ikona uctu na desktopu */
    content: ""; width: 18px; height: 18px; flex: none;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232b2b2b' stroke-width='1.5' stroke-linecap='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c1.5-4 4.5-6 8-6s6.5 2 8 6'/%3E%3C/svg%3E") center / contain no-repeat;
  }

  /* odkazy horni listy: seznam oddeleny 1px linkami (bez podbarveni), Sleva zelene */
  .kr-mobil-odkazy { display: block; margin: 16px 15px 0; border-top: 1px solid #e6e1d8; }
  .kr-mobil-odkazy nav { display: flex; flex-direction: column; }
  body .kr-mobil-odkazy a {
    display: flex; align-items: center; min-height: 44px; padding: 6px 15px; border-bottom: 1px solid #e6e1d8;
    font-size: 14px; line-height: 1.2; color: #2b2b2b !important; text-decoration: none !important;
  }
  body .kr-mobil-odkazy a.kr-hl__sleva { font-weight: 600; color: #727512 !important; }

  /* Zpet v radku rozbalene kategorie: vlevo nazev kategorie (odkaz na ni), vpravo "< Zpet" (klik zavre) */
  html body #navigation .menu-level-1 > li.exp > a { position: relative !important; }
  html body #navigation .menu-level-1 > li.exp > a .submenu-arrow {
    display: flex !important; align-items: center; position: absolute !important; top: 0 !important; bottom: 0 !important; left: auto !important; right: 0 !important;
    width: auto !important; height: auto !important; padding: 0 15px !important; background: none !important; transform: none !important; z-index: 2;
  }
  html body #navigation .menu-level-1 > li.exp > a .submenu-arrow::before { display: none !important; }
  html body #navigation .menu-level-1 > li.exp > a .submenu-arrow::after {
    content: "‹  Zpět" !important; position: static !important; width: auto !important; height: auto !important; margin: 0 !important;
    background: none !important; transform: none !important; font-family: "Sofia Pro", sans-serif !important; font-size: 15px !important;
    font-weight: 500 !important; line-height: 1 !important; color: #727512 !important;
  }

  /* hlavicka po scrollu: drzi jen MENU / logo / kosik (60 px), vyhledavani odjede */
  html.scrolled body:not(.ordering-process):not(.search-window-visible) #header { top: 0 !important; height: 60px !important; box-shadow: 0 2px 10px rgba(0, 0, 0, .08); }
  html.scrolled body:not(.ordering-process):not(.search-window-visible) #header #formSearchForm { top: -60px !important; }
  html.scrolled body:not(.ordering-process):not(.search-window-visible) #header .site-name-wrapper .site-name { top: 13px !important; transform: translateX(-50%) !important; }
  html.scrolled body:not(.ordering-process):not(.search-window-visible) #header .navigation-buttons a.cart-count { top: 0 !important; transform: none !important; }
  html.scrolled body:not(.ordering-process):not(.search-window-visible) #header a.toggle-window[data-target="navigation"] { top: 8px !important; transform: none !important; }
}

/* === Cookie lista + okno Nastaveni cookies (14. 10. 2026) - podle navrhu OUT_navrh-cookie-lista.html ===
   HTML i chovani zustava Shoptetu: .siteCookies (fixni obal) > .siteCookies__form (karta); okno = colorbox #cboxContent.cookiesDialog,
   pri otevrenem okne ma html tridu .cookies-visible (lista je pak skryta). Pozici okna dal pocita colorbox - menime jen vzhled. */
/* lista: bila karta vlevo dole (desktop), spodni panel pres celou sirku (mobil); tmavy pruh po scrollu (--scrolled) se neuplatni */
body .siteCookies.siteCookies--bottom,
body .siteCookies.siteCookies--bottom.siteCookies--scrolled {
  left: 24px; right: auto; bottom: 24px; width: 440px; max-width: calc(100% - 48px); margin-left: 0;
  background: none; box-shadow: none; color: #2b2b2b; font-size: 15px;
}
body .siteCookies .siteCookies__form,
body .siteCookies.siteCookies--scrolled .siteCookies__form {
  display: flex; flex-direction: column; max-width: none; margin: 0; padding: 22px 24px 20px;
  border: 1px solid #e6e1d8; border-radius: 10px; background: #fff; box-shadow: 0 14px 40px rgba(43, 43, 30, .16);
}
body .siteCookies__content { display: flex; flex-direction: column; gap: 8px; }
body .siteCookies__content::before { /* nadpis jen pres CSS - HTML lista zadny nema */
  content: "Soubory cookies"; font: 600 22px/1.1 "Burgess Pro", serif; color: #2b2b2b;
}
body .siteCookies__text { margin: 0; font-size: 14px; line-height: 1.55; color: #5f5b53; }
body .siteCookies__text a,
body .siteCookies__text a:hover,
body .siteCookies__text a:focus { color: #727512; font-weight: 500; text-decoration: underline; text-underline-offset: 3px; }
body .siteCookies__links { margin: 0; }
body .siteCookies__link,
body .siteCookies__link:hover {
  display: inline-flex; align-items: center; gap: 6px; width: auto; padding: 2px 0; border: 0; border-radius: 0; background: none;
  font-size: 14px; font-weight: 500; line-height: 1.4; color: #727512; text-decoration: underline; text-underline-offset: 3px; cursor: pointer;
}
body .siteCookies__link::before { /* ozubene kolecko */
  content: ""; width: 15px; height: 15px; flex: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23727512' stroke-width='1.8'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M19.4 15a1.7 1.7 0 0 0 .3 1.8l.1.1a2 2 0 1 1-2.8 2.8l-.1-.1a1.7 1.7 0 0 0-1.8-.3 1.7 1.7 0 0 0-1 1.5V21a2 2 0 0 1-4 0v-.1a1.7 1.7 0 0 0-1.1-1.5 1.7 1.7 0 0 0-1.8.3l-.1.1a2 2 0 1 1-2.8-2.8l.1-.1a1.7 1.7 0 0 0 .3-1.8 1.7 1.7 0 0 0-1.5-1H3a2 2 0 0 1 0-4h.1a1.7 1.7 0 0 0 1.5-1.1 1.7 1.7 0 0 0-.3-1.8l-.1-.1a2 2 0 1 1 2.8-2.8l.1.1a1.7 1.7 0 0 0 1.8.3H9a1.7 1.7 0 0 0 1-1.5V3a2 2 0 0 1 4 0v.1a1.7 1.7 0 0 0 1 1.5 1.7 1.7 0 0 0 1.8-.3l.1-.1a2 2 0 1 1 2.8 2.8l-.1.1a1.7 1.7 0 0 0-.3 1.8V9a1.7 1.7 0 0 0 1.5 1H21a2 2 0 0 1 0 4h-.1a1.7 1.7 0 0 0-1.5 1z'/%3E%3C/svg%3E") center / contain no-repeat;
}
body .siteCookies__buttonWrap { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 16px; }
body .siteCookies__button {
  width: 100%; height: 44px; margin: 0; padding: 0 10px; border: 1px solid #727512; border-radius: 6px; background: #fff; color: #727512;
  font-size: 15px; font-weight: 500; line-height: 42px; opacity: 1; transition: background-color .2s, border-color .2s;
}
body .siteCookies__button:hover { background: #f3f1ec; color: #727512; opacity: 1; }
body .siteCookies__button[value="all"] { background: #727512; color: #fff; }
body .siteCookies__button[value="all"]:hover { background: #5a5c0e; border-color: #5a5c0e; color: #fff; }
body .siteCookies__button:focus-visible,
body .siteCookies__link:focus-visible { outline: 2px solid #727512; outline-offset: 2px; }
@media (max-width: 767px) {
  body .siteCookies.siteCookies--bottom,
  body .siteCookies.siteCookies--bottom.siteCookies--scrolled { left: 0; right: 0; bottom: 0; width: auto; max-width: none; }
  body .siteCookies .siteCookies__form,
  body .siteCookies.siteCookies--scrolled .siteCookies__form {
    padding: 20px 18px calc(22px + env(safe-area-inset-bottom, 0px)); border: 0; border-radius: 16px 16px 0 0; box-shadow: 0 -10px 30px rgba(43, 43, 30, .14);
  }
  body .siteCookies__content::before { font-size: 21px; }
  body .siteCookies__text { font-size: 13.5px; }
}

/* okno Nastaveni cookies */
html.cookies-visible #cboxOverlay { background: rgba(38, 38, 31, .55); } /* colorbox k tomu pridava opacity .8 */
#cboxContent.cookiesDialog { margin-top: 0; border: 0; border-radius: 12px; background: #fff; box-shadow: 0 24px 60px rgba(0, 0, 0, .25); }
#cboxContent.cookiesDialog #cboxLoadedContent { padding: 0; border-radius: 12px; }
#cboxContent.cookiesDialog #cboxClose { top: 14px; right: 14px; width: 36px; height: 36px; border-radius: 50%; background-color: #f3f1ec !important; color: #2b2b2b; }
#cboxContent.cookiesDialog #cboxClose::before { left: 0; width: 36px; font-size: 16px; line-height: 36px; text-align: center; }
.cookiesDialog .cookiesSetting__form { padding: 30px 32px 26px; color: #2b2b2b; }
.cookiesDialog .cookiesSetting__title { margin: 0 44px 8px 0; font: 600 28px/1.1 "Burgess Pro", serif; color: #2b2b2b; }
.cookiesDialog .cookiesSetting__perex { margin: 0 0 18px; font-size: 14px; line-height: 1.55; color: #5f5b53; }
.cookiesDialog .cookiesSetting__data { padding: 0; border: 0; border-top: 1px solid #e6e1d8; border-radius: 0; background: none; }
.cookiesDialog .cookiesSetting__item,
.cookiesDialog .cookiesSetting__item:last-child { display: flex; align-items: center; gap: 20px; padding: 16px 0; border-bottom: 1px solid #e6e1d8; }
.cookiesDialog .cookiesSetting__item__col1 { flex: 1; min-width: 0; }
.cookiesDialog .cookiesSetting__item__name { font-size: 15px; line-height: 1.4; color: #5f5b53; }
.cookiesDialog .cookiesSetting__item__name strong { font-weight: 600; color: #2b2b2b; }
.cookiesDialog .cookiesSetting__item__text { margin: 3px 0 0; font-size: 13.5px; line-height: 1.5; color: #5f5b53; }
.cookiesDialog .cookiesSetting__item:first-child .cookiesSetting__item__col1::after { /* Nezbytne: stitek misto prepinace */
  content: "Vždy aktivní"; display: inline-block; margin-top: 8px; padding: 2px 9px; border-radius: 999px;
  background: #f3f1ec; color: #5a5c0e; font-size: 12px; font-weight: 500;
}
/* prepinac: input zustava Shoptetu (1px, pristupny), kresli se na label .cookiesSetting__item__state; text "Zapnout" jen pro ctecky */
.cookiesDialog .cookiesSetting__item__col2 { flex: none; margin: 0; }
.cookiesDialog .cookiesSetting__item__status,
.cookiesDialog .cookiesSetting__item__status:hover { position: relative; display: block; width: auto; margin: 0; padding: 0; border: 0; background: none; }
.cookiesDialog .cookiesSetting__item .cookiesSetting__item__status .cookiesSetting__item__state {
  display: block; position: relative; width: 44px; height: 26px; padding: 0; overflow: hidden; font-size: 0; line-height: 0; color: transparent; cursor: pointer;
}
.cookiesDialog .cookiesSetting__item .cookiesSetting__item__status .cookiesSetting__item__state::before {
  content: ""; position: absolute; top: 0; left: 0; width: 44px; height: 26px; border: 0; border-radius: 999px; background: #d9d5cc; transform: none; transition: background-color .2s;
}
.cookiesDialog .cookiesSetting__item .cookiesSetting__item__status .cookiesSetting__item__state::after {
  content: ""; position: absolute; top: 3px; left: 3px; width: 20px; height: 20px; margin: 0; border: 0; border-radius: 50%;
  background: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, .2); transform: none; transition: transform .2s;
}
.cookiesDialog .cookiesSetting__item .cookiesSetting__item__status .cookiesSetting__item__checkbox:checked + .cookiesSetting__item__state::before { background: #727512; }
/* !important jen kvuli SMupravy main.min.css (input:checked+label:after = obrazek fajfky s !important) */
.cookiesDialog .cookiesSetting__item .cookiesSetting__item__status .cookiesSetting__item__checkbox:checked + .cookiesSetting__item__state::after { background: #fff !important; transform: translateX(18px); }
.cookiesDialog .cookiesSetting__item__checkbox:focus-visible + .cookiesSetting__item__state::before { outline: 2px solid #727512; outline-offset: 2px; }
.cookiesDialog .cookiesSetting__bottom { flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 22px; }
.cookiesDialog .cookiesSetting__uncheck { flex: none; margin: 0 auto 0 0; }
.cookiesDialog .cookiesSetting__uncheckLink,
.cookiesDialog .cookiesSetting__uncheckLink:hover {
  padding: 0; border: 0; background: none; font-size: 14px; font-weight: 400; line-height: 1.4; color: #5f5b53; text-decoration: underline; text-underline-offset: 3px;
}
.cookiesDialog .cookiesSetting__button {
  height: 44px; margin: 0; padding: 0 20px; border: 1px solid #727512; border-radius: 6px; background: #fff; color: #727512;
  font-size: 15px; font-weight: 500; line-height: 42px; opacity: 1;
}
.cookiesDialog .cookiesSetting__button:hover { background: #f3f1ec; color: #727512; opacity: 1; }
.cookiesDialog .cookiesSetting__button--green { margin: 0; background: #727512; color: #fff; }
.cookiesDialog .cookiesSetting__button--green:hover { background: #5a5c0e; border-color: #5a5c0e; color: #fff; }
.cookiesDialog .cookiesSetting__button:focus-visible,
.cookiesDialog .cookiesSetting__uncheckLink:focus-visible { outline: 2px solid #727512; outline-offset: 2px; }
@media (max-width: 767px) {
  .cookiesDialog .cookiesSetting__form { padding: 24px 18px 20px; }
  .cookiesDialog .cookiesSetting__title { font-size: 25px; }
  .cookiesDialog .cookiesSetting__bottom { display: grid; grid-template-columns: 1fr 1fr; }
  .cookiesDialog .cookiesSetting__button { padding: 0 6px; font-size: 14px; white-space: nowrap; }
  .cookiesDialog .cookiesSetting__uncheck { grid-column: 1 / -1; order: 3; margin: 4px auto 0; }
}