@charset "UTF-8";
/* =========================================================
   GROWINO – vlastní styly webu
   Načítá se v hlavičce: <link rel="stylesheet" href="/user/documents/upload/growino-vlastni.css">
   ========================================================= */

/* ---------- Písma na celém webu ---------- */
/* běžné texty: DM Sans */
body,
body :is(p,li,a,span,div,td,th,label,strong,b,em,small,input,button,select,textarea,blockquote):not([class*="icon"]):not(i){
  font-family:'DM Sans',sans-serif!important;
}
/* nadpisy a mezinadpisy: Bebas Neue */
body :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6),
body :is(h1,h2,h3,h4,h5,h6) :is(span,a,strong){
  font-family:'Bebas Neue',sans-serif!important;
  font-weight:400!important;
  letter-spacing:.5px;
  line-height:1.1!important;
}

/* ---------- Nadpisy kategorií ---------- */
h1.category-title{font-size:52px!important;line-height:1.05!important;color:#3C1F0F!important}
@media(max-width:700px){h1.category-title{font-size:40px!important}}

/* ---------- Top 10 nejprodávanějších (dřív Kocourův žebříček) ---------- */
.top-products-wrapper .pageElement__heading{font:400 38px 'Bebas Neue',sans-serif!important;color:#3C1F0F!important;margin:0 0 16px!important;text-align:left!important;display:flex!important;align-items:center;gap:10px}
.top-products-wrapper .pageElement__heading:before{content:"";flex:none;width:34px;height:34px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='%23F4845F'%3E%3Cellipse cx='32' cy='44' rx='14' ry='12'/%3E%3Cellipse cx='14' cy='28' rx='6' ry='8'/%3E%3Cellipse cx='25' cy='16' rx='6' ry='8'/%3E%3Cellipse cx='39' cy='16' rx='6' ry='8'/%3E%3Cellipse cx='50' cy='28' rx='6' ry='8'/%3E%3C/svg%3E") center/contain no-repeat}
.top-products-wrapper .pageElement__heading span{font-size:0!important}
.top-products-wrapper .pageElement__heading span:before{content:"Top 10 nejprodávanějších";font-size:38px;font-family:"Bebas Neue",sans-serif!important;font-weight:400!important;letter-spacing:.5px;text-transform:uppercase;color:#3C1F0F}
.top-products{counter-reset:t;list-style:none!important;margin:0!important;padding:4px 0 8px!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.top-products>li{counter-increment:t;position:relative!important;margin:0!important;padding:12px!important;background:#fff;border:2px solid #F8F4EE;border-radius:18px;display:flex!important;flex-direction:column;gap:10px;min-width:0;transition:.2s}
.top-products>li:hover{transform:translateY(-4px);box-shadow:0 10px 24px #2C24201a;border-color:#00A896}
.top-products>li:before{content:counter(t)!important;position:absolute!important;top:10px!important;left:10px!important;z-index:2;width:30px!important;height:30px!important;border-radius:50%!important;background:#F4845F!important;color:#fff!important;font:400 18px/30px 'Bebas Neue',sans-serif!important;text-align:center!important;margin:0!important;display:block!important}
.top-products>li:nth-child(1):before{background:#E0A526!important}
.top-products>li:nth-child(2):before{background:#9AA3AB!important}
.top-products>li:nth-child(3):before{background:#B9773E!important}
.top-products .top-products-image{display:block!important;position:relative!important;width:100%!important;height:0!important;min-height:0!important;max-height:none!important;padding:100% 0 0!important;margin:0!important;background:#F8F4EE;border-radius:12px;overflow:hidden;flex:none!important;float:none!important}
.top-products .top-products-image img{position:absolute!important;top:11%!important;left:11%!important;width:78%!important;height:78%!important;max-width:none!important;max-height:none!important;margin:0!important;object-fit:contain;mix-blend-mode:multiply;transition:.3s}
.top-products>li:hover img{transform:scale(1.06)}
.top-products .top-products-content{display:flex!important;flex-direction:column;flex:1;gap:8px;padding:0!important;margin:0!important;text-decoration:none!important}
.top-products .top-products-name{font:14px/1.35 'DM Sans',sans-serif!important;color:#2C2420!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em}
.top-products .top-products-content strong{margin-top:auto;font:700 18px 'DM Sans',sans-serif!important;color:#00A896!important;white-space:nowrap}
@media(max-width:1100px){.top-products{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.top-products{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px}.top-products>li{flex:0 0 46%;scroll-snap-align:start}.top-products-wrapper .pageElement__heading span:before{font-size:32px}}

/* ---------- Titulní strana ---------- */
.homepage-texts-wrapper{display:flex!important;flex-direction:column!important;gap:40px}
.homepage-texts-wrapper>*{width:100%!important;max-width:100%!important;flex:none!important;float:none!important}
.homepage-texts-wrapper,.homepage-texts-wrapper *:has(.gw-h),.gw-h{height:auto!important;max-height:none!important;overflow:visible!important}
.gw-h{font-family:'DM Sans',sans-serif;color:#2C2420;line-height:1.6;max-width:1200px;margin:24px auto 0;text-align:left!important}
.gw-h *{box-sizing:border-box}
.gw-h p{margin:0}
.gw-h a{text-decoration:none!important}
.gw-h h2,.gw-h h3{color:#3C1F0F;margin:0;text-align:left!important}
.gw-h-hero{background:#F8F4EE;border-radius:28px;padding:36px 40px;margin-bottom:24px}
.gw-h-hero h2{font-size:46px!important;line-height:1.05!important;margin-bottom:12px!important}
.gw-h-hero h2 span{color:#00A896}
.gw-h-hero p{font-size:18px;max-width:760px}
.gw-h-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px}
.gw-h-card{background:#fff;border:2px solid #F8F4EE;border-radius:20px;padding:24px;transition:.2s}
.gw-h-card:hover{transform:translateY(-4px);border-color:#00A896}
.gw-h-ico{position:relative;width:96px;height:96px;border-radius:50%;margin:18px 0 14px}
.gw-h-ico img{position:absolute!important;left:-14px;bottom:-6px;width:124px!important;height:124px!important;max-width:none!important;object-fit:contain;transition:.25s}
.gw-h-card:hover .gw-h-ico img{transform:scale(1.06) rotate(-3deg)}
.gw-h-card h3{font-size:26px!important;margin-bottom:6px!important}
.gw-h-card p{font-size:15px;color:#5a4f49}
.gw-h-cta{display:flex!important;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;background:#2C2420;color:#F8F4EE;border-radius:24px;padding:26px 32px}
.gw-h-cta strong{display:block;font:400 30px/1.1 'Bebas Neue',sans-serif!important;letter-spacing:.5px;color:#fff}
.gw-h-cta p{opacity:.85}
.gw-h-btns{display:flex!important;flex-wrap:wrap;gap:10px}
.gw-h-btn{display:inline-block;padding:12px 22px;border-radius:999px;font-weight:700;color:#fff!important;transition:.15s}
.gw-h-btn:hover{transform:translateY(-2px)}
@media(max-width:640px){.gw-h-hero{padding:28px 20px}.gw-h-hero h2{font-size:36px!important}.gw-h-grid{grid-template-columns:1fr}.gw-h-cta{padding:24px 20px}}

/* ---------- Blog ---------- */
.sectionDescription h1,
a.title[data-testid="textArticleTitle"],
.type-post h1,
.type-posts-listing h1{color:#3C1F0F!important;line-height:1.05!important}
.sectionDescription h1{font-size:52px!important}
a.title[data-testid="textArticleTitle"]{display:block;font-family:'Bebas Neue',sans-serif!important;font-weight:400!important;letter-spacing:.5px;font-size:36px!important;margin-bottom:12px;text-decoration:none!important}
a.title[data-testid="textArticleTitle"]:hover{color:#00A896!important}
@media(max-width:700px){.sectionDescription h1{font-size:40px!important}a.title[data-testid="textArticleTitle"]{font-size:30px!important}}

/* ---------- Věkové upozornění 18+ ---------- */
#site-agree-button{
  background:#00A896!important;border:2px solid #00A896!important;color:#fff!important;
  font-family:'DM Sans',sans-serif!important;font-weight:700!important;text-transform:none!important;
  padding:10px 26px!important;border-radius:999px!important;font-size:15px!important;
  text-decoration:none!important;transition:transform .15s,background .15s;
}
#site-agree-button:hover{background:#008f80!important;border-color:#008f80!important;transform:translateY(-1px)}
#site-agree-button ~ a,#site-agree-button ~ button,#site-agree-button ~ .btn{
  background:transparent!important;border:2px solid #2C2420!important;color:#2C2420!important;
  font-family:'DM Sans',sans-serif!important;font-weight:500!important;text-transform:none!important;
  padding:10px 26px!important;border-radius:999px!important;font-size:15px!important;
  text-decoration:none!important;margin-left:8px!important;
}
#site-agree-button ~ a:hover,#site-agree-button ~ button:hover,#site-agree-button ~ .btn:hover{background:#F8F4EE!important}

/* ---------- Newsletter v levém sloupci ---------- */
.box-newsletter{
  position:relative;background:#F8F4EE!important;border:0!important;border-radius:20px!important;
  padding:24px 20px 20px!important;margin-top:24px!important;overflow:hidden;text-align:left!important;
}
.box-newsletter:before{ /* korálová obálka v rohu */
  content:"";position:absolute;top:18px;right:18px;width:34px;height:34px;border-radius:50%;
  background:#F4845F url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3 7 9 6 9-6'/%3E%3C/svg%3E") center/18px no-repeat;
}
.box-newsletter :is(h2,h3,h4,.h4,.box-title){
  font-family:'Bebas Neue',sans-serif!important;font-weight:400!important;font-size:30px!important;
  line-height:1.05!important;color:#3C1F0F!important;margin:0 48px 10px 0!important;padding:0!important;border:0!important;
}
.box-newsletter p,.box-newsletter .newsletter-header + p{font-size:14px!important;line-height:1.5!important;color:#5a4f49!important;margin:0 0 14px!important}
.box-newsletter label{font-size:13px!important;font-weight:700!important;color:#3C1F0F!important;margin-bottom:6px!important}
.box-newsletter input[type="email"],.box-newsletter input[type="text"]{
  width:100%!important;height:46px!important;padding:0 18px!important;border:2px solid #E6DCCF!important;
  border-radius:999px!important;background:#fff!important;font-size:15px!important;color:#2C2420!important;
  box-shadow:none!important;outline:none!important;transition:border-color .15s;
}
.box-newsletter input[type="email"]:focus,.box-newsletter input[type="text"]:focus{border-color:#00A896!important}
.box-newsletter input::placeholder{color:#a89c93}
.box-newsletter .consents,.box-newsletter .consent,.box-newsletter small{font-size:12px!important;line-height:1.45!important;color:#6b5f58!important}
.box-newsletter .consents a,.box-newsletter .consent a{color:#3C1F0F!important;text-decoration:underline!important}
.box-newsletter :is(button,input[type="submit"],.btn){
  display:block!important;width:100%!important;height:46px!important;margin-top:14px!important;padding:0 20px!important;
  border:0!important;border-radius:999px!important;background:#00A896!important;color:#fff!important;
  font-size:0!important;cursor:pointer;transition:background .15s,transform .15s;
}
.box-newsletter :is(button,.btn):after{ /* text tlačítka místo „Přihlásit se“ */
  content:"Chci novinky 🌱";font-family:'DM Sans',sans-serif;font-size:15px;font-weight:700;letter-spacing:.2px;text-transform:none;
}
.box-newsletter :is(button,input[type="submit"],.btn):hover{background:#008f80!important;transform:translateY(-1px)}

/* Newsletter – úvodní text v tykání (přepis Shoptetího „Vložte svůj e-mail…“).
   Odstavec bez odkazu = úvodní text; souhlas s odkazem na GDPR zůstává. */
.box-newsletter p:not(:has(a)){font-size:0!important;line-height:0!important}
.box-newsletter p:not(:has(a))::after{
  content:"Nech nám e-mail a jako první se dozvíš o novinkách, akcích a tipech pro pěstování.";
  display:block;font-size:14px;line-height:1.5;color:#5a4f49;
}

/* ---------- Detail produktu: bez záložek „Popis / Diskuze“ ----------
   Lišta se záložkami a diskuze zmizí, POPIS PRODUKTU zůstává vidět. */
.type-detail .p-detail-tabs-wrapper .shp-tabs-row,
.type-detail .p-detail-tabs-wrapper .shp-tabs-holder,
.type-detail #p-detail-tabs,
.type-detail .p-detail-tabs,
.type-detail .shp-tabs-wrapper ul[role="tablist"]{
  display:none!important;
}
.type-detail #description,
.type-detail .tab-pane#description{
  display:block!important;opacity:1!important;visibility:visible!important;height:auto!important;
}
.type-detail #productDiscussion,
.type-detail .tab-pane#productDiscussion,
.type-detail #discussion{
  display:none!important;
}

/* ---------- Detail produktu: karta parametrů + akce ---------- */
.p-param-block{display:flex!important;flex-wrap:wrap;gap:16px 28px;align-items:flex-start}
.p-param-block .detail-parameters-wrapper{
  flex:0 1 420px;min-width:0;max-width:420px;background:#F8F4EE;border-radius:16px;padding:14px 14px 10px;
}
.p-param-block .detail-parameters-wrapper::before{
  content:"Parametry";display:block;margin:0 0 6px 4px;
  font:400 22px/1.1 'Bebas Neue',sans-serif;letter-spacing:.5px;color:#3C1F0F;
}
.p-param-block table.detail-parameters{width:100%!important;border-collapse:separate!important;border-spacing:0!important;margin:0!important;border:0!important}
.p-param-block table.detail-parameters tr th,
.p-param-block table.detail-parameters tr td{
  padding:5px 10px!important;border:0!important;vertical-align:top;font-size:13px!important;line-height:1.35!important;text-align:left!important;
}
.p-param-block table.detail-parameters tr:nth-child(odd of :not(.productEan)) th,
.p-param-block table.detail-parameters tr:nth-child(odd of :not(.productEan)) td{background:#fff}
.p-param-block table.detail-parameters tr th:first-child{border-radius:8px 0 0 8px}
.p-param-block table.detail-parameters tr td:last-child{border-radius:0 8px 8px 0}
.p-param-block table.detail-parameters th,
.p-param-block table.detail-parameters th .row-header-label{font-weight:400!important;color:#6b5f58!important;width:45%}
.p-param-block .row-header-label-colon{display:none!important}
.p-param-block table.detail-parameters td,
.p-param-block table.detail-parameters td a{font-weight:700!important;color:#3C1F0F!important;text-decoration:none!important}
/* klikací je jen Kategorie; ostatní hodnoty (odkazy na filtr ?pv=) jsou obyčejný text */
.p-param-block table.detail-parameters td a[href*="?"]{pointer-events:none!important;cursor:default!important}
.p-param-block table.detail-parameters td a:not([href*="?"]){color:#00A896!important;text-decoration:underline!important;text-underline-offset:3px}
.p-param-block table.detail-parameters td a:not([href*="?"]):hover{color:#008f80!important}
/* skrýt EAN (Kategorie zůstává) */
.p-param-block tr.productEan{display:none!important}

/* akce vedle tabulky */
.p-param-block .social-buttons-wrapper{flex:0 0 auto}
.p-param-block .link-icons{display:flex!important;flex-direction:column;gap:12px;align-items:flex-start}
.p-param-block .link-icon.print{display:none!important}
.p-param-block .link-icon.chat{
  display:inline-flex!important;align-items:center;gap:6px;padding:9px 18px!important;border-radius:999px;
  background:#00A896!important;color:#fff!important;font-weight:700!important;text-decoration:none!important;transition:background .15s,transform .15s;
}
.p-param-block .link-icon.chat::before{color:#fff!important}
.p-param-block .link-icon.chat span{font-size:0!important}
.p-param-block .link-icon.chat span::after{content:"Napiš nám";font-size:14px;font-weight:700}
.p-param-block .link-icon.chat:hover{background:#008f80!important;transform:translateY(-1px)}
.p-param-block .link-icon.share{color:#6b5f58!important;font-size:14px!important;text-decoration:none!important;padding-left:6px}
.p-param-block .link-icon.share:hover{color:#00A896!important}
@media(max-width:600px){.p-param-block .detail-parameters-wrapper{max-width:100%;flex-basis:100%}.p-param-block .social-buttons-wrapper{width:100%}}

/* ---------- Detail produktu: dostupnost, cena, množství, Do košíku ---------- */
/* dostupnost = štítek v barvě, kterou má dostupnost v Shoptetu (korál / zelená…) */
.p-basic-info-block{display:flex!important;flex-wrap:wrap;align-items:center;gap:10px 24px!important;padding:12px 0!important}
.p-basic-info-block .block{margin:0!important;padding:0!important;font-size:13px!important;color:#6b5f58!important}
.p-basic-info-block .availability-label{
  display:inline-flex!important;align-items:center;gap:7px;padding:6px 14px 6px 12px;border-radius:999px;
  background:color-mix(in srgb,currentColor 13%,transparent);font-size:14px!important;font-weight:700!important;
}
.p-basic-info-block .availability-label::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor;flex:none}
.p-basic-info-block .availability-label .acronym,
.p-basic-info-block .availability-label .show-tooltip{border:0!important;text-decoration:none!important;color:inherit!important;cursor:help}
.p-basic-info-block .p-code-label,.p-basic-info-block .p-manufacturer-label{font-weight:400!important;color:#8a7d74!important}
.p-basic-info-block .p-code span:not(.p-code-label){color:#3C1F0F!important;font-weight:700}
.p-basic-info-block a[data-testid="productCardBrandName"]{color:#00A896!important;font-weight:700!important;text-decoration:none!important}
.p-basic-info-block a[data-testid="productCardBrandName"]:hover{text-decoration:underline!important}

/* cena + košík */
.p-to-cart-block{display:flex!important;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 24px!important;padding:16px 0!important}
.p-to-cart-block .price-final,.p-to-cart-block .price-final-holder{
  font-family:'Bebas Neue',sans-serif!important;font-weight:400!important;font-size:46px!important;line-height:1!important;
  letter-spacing:.5px;color:#3C1F0F!important;
}
.p-to-cart-block .pr-list-unit{font-family:'DM Sans',sans-serif!important;font-size:15px!important;color:#8a7d74!important;letter-spacing:0;margin-left:4px}
.p-to-cart-block .add-to-cart{display:flex!important;align-items:center;gap:12px!important;flex-wrap:nowrap}

/* množství: zaoblený „přepínač“ − 1 + */
.p-to-cart-block .quantity{
  position:relative!important;display:inline-flex!important;align-items:center;height:50px!important;width:auto!important;
  padding:4px!important;border:2px solid #E6DCCF!important;border-radius:999px!important;background:#fff!important;gap:2px;
}
.p-to-cart-block .quantity .decrease{order:1}
.p-to-cart-block .quantity label{order:2;margin:0!important}
.p-to-cart-block .quantity .increase{order:3}
.p-to-cart-block .quantity .increase,.p-to-cart-block .quantity .decrease{
  position:static!important;display:flex!important;align-items:center;justify-content:center;
  width:38px!important;height:38px!important;min-width:38px!important;padding:0!important;margin:0!important;
  border:0!important;border-radius:50%!important;background:#F8F4EE!important;color:#3C1F0F!important;
  font-size:20px!important;line-height:1!important;cursor:pointer;transition:background .15s;
}
.p-to-cart-block .quantity .increase,.p-to-cart-block .quantity .decrease{position:relative!important;z-index:2!important;pointer-events:auto!important}
/* Shoptet kreslí + a − absolutně přes pseudo-prvky – ty schováme a ukážeme znaky z tlačítka */
.p-to-cart-block .quantity .increase::before,.p-to-cart-block .quantity .increase::after,
.p-to-cart-block .quantity .decrease::before,.p-to-cart-block .quantity .decrease::after{display:none!important;content:none!important}
.p-to-cart-block .quantity .increase__sign,.p-to-cart-block .quantity .decrease__sign{
  position:static!important;display:block!important;visibility:visible!important;opacity:1!important;
  width:auto!important;height:auto!important;font-size:22px!important;line-height:1!important;font-weight:500!important;color:inherit!important;
  clip:auto!important;overflow:visible!important;transform:none!important;margin:0!important;
}
.p-to-cart-block .quantity label{position:relative!important;z-index:1!important;width:auto!important;height:auto!important}
.p-to-cart-block .quantity input.amount{position:static!important}
.p-to-cart-block .quantity .increase:hover,.p-to-cart-block .quantity .decrease:hover{background:#FDEEE6!important;color:#E06D47!important}
.p-to-cart-block .quantity input.amount{
  width:44px!important;height:38px!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;
  text-align:center!important;font-size:16px!important;font-weight:700!important;color:#3C1F0F!important;box-shadow:none!important;
  -moz-appearance:textfield;appearance:textfield;
}
.p-to-cart-block .quantity input.amount::-webkit-inner-spin-button,
.p-to-cart-block .quantity input.amount::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}

/* Do košíku */
.p-to-cart-block .add-to-cart-button{
  height:50px!important;padding:0 28px!important;border:0!important;border-radius:999px!important;
  background:#00A896!important;color:#fff!important;font-family:'DM Sans',sans-serif!important;
  font-size:16px!important;font-weight:700!important;text-transform:none!important;letter-spacing:.2px;
  box-shadow:0 6px 16px rgba(0,168,150,.25)!important;transition:background .15s,transform .15s,box-shadow .15s;
}
.p-to-cart-block .add-to-cart-button:hover{background:#008f80!important;transform:translateY(-2px);box-shadow:0 10px 22px rgba(0,168,150,.32)!important}
@media(max-width:600px){
  .p-to-cart-block .price-final,.p-to-cart-block .price-final-holder{font-size:40px!important}
  .p-to-cart-block .p-add-to-cart-wrapper,.p-to-cart-block .add-to-cart{width:100%}
  .p-to-cart-block .add-to-cart-button{flex:1}
}

/* dostupnost / kód / značka i na mobilu v jednom řádku (šablona je jinak dává pod sebe na střed) */
@media(max-width:767px){
  .p-basic-info-block{flex-direction:row!important;flex-wrap:wrap!important;justify-content:space-between!important;align-items:center!important;gap:8px 12px!important;text-align:left!important}
  .p-basic-info-block .block{display:block!important;width:auto!important;max-width:none!important;flex:0 0 auto!important;text-align:left!important;float:none!important;font-size:12px!important}
  .p-basic-info-block .availability-label{font-size:13px!important;padding:5px 12px 5px 10px}
}

/* ---------- Kategorie: řazení produktů jako pilulky ---------- */
ul.listSorting__controls{
  display:flex!important;align-items:center;flex-wrap:wrap;gap:8px!important;margin:8px 0 16px!important;padding:0!important;
  list-style:none!important;border:0!important;
}
ul.listSorting__controls::before{
  content:"Řadit:";font-size:13px;font-weight:700;color:#6b5f58;margin-right:4px;
}
ul.listSorting__controls > li{margin:0!important;padding:0!important;border:0!important;list-style:none!important;flex:none}
ul.listSorting__controls .listSorting__control{
  display:inline-flex!important;align-items:center;gap:6px;height:38px!important;padding:0 16px!important;margin:0!important;
  border:2px solid #F8F4EE!important;border-radius:999px!important;background:#F8F4EE!important;color:#3C1F0F!important;
  font-family:'DM Sans',sans-serif!important;font-size:14px!important;font-weight:500!important;line-height:1!important;
  box-shadow:none!important;cursor:pointer;transition:background .15s,border-color .15s,color .15s;
}
ul.listSorting__controls .listSorting__control:hover{background:#E6F4F2!important;border-color:#E6F4F2!important;color:#007A6D!important}
ul.listSorting__controls .listSorting__control--current,
ul.listSorting__controls .listSorting__control--current:hover{
  background:#00A896!important;border-color:#00A896!important;color:#fff!important;font-weight:700!important;cursor:default;
}
/* ikonky */
#listSortingControl-bestseller::before{content:"🔥"}
#listSortingControl-price::before{content:"↑";font-weight:700}
#listSortingControl--price::before{content:"↓";font-weight:700}
#listSortingControl-name::before{content:"A–Z";font-size:11px;font-weight:700;letter-spacing:.3px}
/* mobil: jeden řádek, posun prstem do strany */
@media(max-width:767px){
  ul.listSorting__controls{flex-wrap:nowrap!important;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px!important}
  ul.listSorting__controls::-webkit-scrollbar{display:none}
  ul.listSorting__controls .listSorting__control{height:36px!important;padding:0 14px!important;font-size:13px!important}
}

/* ---------- Filtry: sbalené dlouhé seznamy ---------- */
.filters .gw-skryte{display:none!important}
.filters .gw-filtr-vice{
  display:inline-flex;align-items:center;gap:6px;margin:6px 0 4px 2px;padding:6px 14px;border-radius:999px;
  background:#E6F4F2;color:#007A6D!important;font-size:13px;font-weight:700;text-decoration:none!important;transition:background .15s;
}
.filters .gw-filtr-vice::after{content:"▾";font-size:11px}
.filters fieldset[data-gw-open="1"] .gw-filtr-vice::after{content:"▴"}
.filters .gw-filtr-vice:hover{background:#D2ECE8}

/* filtr parametrů rovnou rozbalený (bez tlačítka „Rozbalit filtr“) */
#category-filter-hover{display:block!important;height:auto!important;max-height:none!important;overflow:visible!important;opacity:1!important;visibility:visible!important}
[data-unveil="category-filter-hover"],
.filter-sections a[data-unveil="category-filter-hover"],
.filter-sections .unveil-button:not([data-unveil="filters"]){display:none!important}

/* nadpisy všech filtrů (Cena, Značky, Hloubka, Šířka…) jednotně v Bebas Neue */
#filters h4,#filters h4 span,
#filters .slider-wrapper h4,#filters .slider-wrapper h4 span,
#filters .filter-section h4,#filters .filter-section h4 span{
  font-family:'Bebas Neue',sans-serif!important;font-weight:400!important;font-size:24px!important;
  line-height:1.1!important;letter-spacing:.5px!important;color:#3C1F0F!important;text-transform:none!important;
}

/* ---------- Mobil: řazení v jednom řádku bez posouvání ---------- */
@media(max-width:767px){
  ul.listSorting__controls{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px!important;overflow:visible!important;flex-wrap:nowrap!important;padding:0!important}
  ul.listSorting__controls::before{display:none!important} /* bez „Řadit:“ */
  ul.listSorting__controls > li{min-width:0}
  ul.listSorting__controls .listSorting__control{
    width:100%!important;justify-content:center;height:36px!important;padding:0 4px!important;font-size:0!important;gap:0;white-space:nowrap;
  }
  /* krátké popisky na mobilu */
  #listSortingControl-bestseller::before{content:"🔥 Top";font-size:13px}
  #listSortingControl-price::before{content:"↑ Cena";font-size:13px}
  #listSortingControl--price::before{content:"↓ Cena";font-size:13px}
  #listSortingControl-name::before{content:"A–Z";font-size:13px;letter-spacing:0}
}

/* ---------- Mobil: tlačítko „Otevřít filtr“ (jen do 991 px, na PC ho šablona schovává) ---------- */
@media(max-width:991px){
.filters-unveil-button-wrapper .unveil-button[data-unveil="filters"]{
  display:flex!important;align-items:center;justify-content:center;gap:10px;width:100%;box-sizing:border-box!important;height:46px!important;margin:4px 0 14px!important;padding:0 18px!important;text-decoration:none!important;
  border:2px solid #3C1F0F!important;border-radius:999px!important;background:#fff!important;color:#3C1F0F!important;
  font-family:'DM Sans',sans-serif!important;font-size:15px!important;font-weight:700!important;text-transform:none!important;letter-spacing:.2px;
  box-shadow:none!important;transition:background .15s,color .15s;
}
.filters-unveil-button-wrapper .unveil-button[data-unveil="filters"]::before{
  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='%233C1F0F' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M4 6h16M7 12h10M10 18h4'/%3E%3C/svg%3E") center/contain no-repeat;
}
.filters-unveil-button-wrapper .unveil-button[data-unveil="filters"]:hover,
.filters-unveil-button-wrapper .unveil-button[data-unveil="filters"]:active{background:#F8F4EE!important}
}

/* ---------- Výpis produktů: karta + tlačítko Do košíku ---------- */
html body.template-12 .products-block .p{
  border:1px solid #EFE7DD!important;border-radius:18px!important;background:#fff!important;overflow:hidden;
  transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease!important;
}
@media (hover:hover) and (pointer:fine){
  html body.template-12 .products-block .p:hover{
    border-color:#BFE6E1!important;
    box-shadow:0 14px 30px rgba(44,36,32,.10),0 0 0 3px rgba(0,168,150,.10)!important;
    transform:translateY(-4px)!important;
  }
}
/* tlačítko Do košíku ve výpisu: zaoblené, výraznější přechod */
html body.template-12 .products-block .p :is(.btn-cart,.add-to-cart-button,button[type="submit"].btn,.btn.btn-conversion){
  display:inline-flex!important;align-items:center;justify-content:center;gap:8px;
  min-height:44px!important;padding:0 24px!important;border:0!important;border-radius:999px!important;
  background:#00A896!important;color:#fff!important;font-family:'DM Sans',sans-serif!important;
  font-size:15px!important;font-weight:700!important;text-transform:none!important;letter-spacing:.2px;
  box-shadow:0 6px 14px rgba(0,168,150,.22)!important;transition:background .2s,transform .2s,box-shadow .2s!important;
  white-space:nowrap!important;line-height:1!important;width:auto!important;max-width:100%;height:auto!important;
}
html body.template-12 .products-block .p :is(.btn-cart,.add-to-cart-button,button[type="submit"].btn,.btn.btn-conversion) *{
  display:inline!important;white-space:nowrap!important;line-height:1!important;
}
html body.template-12 .products-block .p :is(.btn-cart,.add-to-cart-button,button[type="submit"].btn,.btn.btn-conversion):hover{
  background:#3C1F0F!important;transform:translateY(-2px);box-shadow:0 10px 20px rgba(60,31,15,.25)!important;
}

/* na počítači tlačítko „Otevřít filtr“ nikdy (filtr je v levém sloupci rozbalený) */
@media(min-width:992px){.filters-unveil-button-wrapper{display:none!important}}

/* „Do košíku“ přesně na střed: schovat neviditelnou ikonu košíku, která text odsouvala doprava */
html body.template-12 .products-block .p :is(.btn-cart,.add-to-cart-button,button[type="submit"].btn,.btn.btn-conversion)::before,
html body.template-12 .products-block .p :is(.btn-cart,.add-to-cart-button,button[type="submit"].btn,.btn.btn-conversion)::after{
  display:none!important;content:none!important;
}
html body.template-12 .products-block .p :is(.btn-cart,.add-to-cart-button,button[type="submit"].btn,.btn.btn-conversion){gap:0!important;text-align:center!important}

/* ---------- Výpis produktů: − 1 + vedle Do košíku ---------- */
.products-block form.gw-qty-form{display:flex!important;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px}
.products-block .gw-qty{
  display:inline-flex;align-items:center;height:44px;padding:3px;border:2px solid #E6DCCF;border-radius:999px;background:#fff;flex:none;
}
.products-block .gw-qty-btn{
  display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;margin:0;border:0;border-radius:50%;
  background:#F8F4EE;color:#3C1F0F;font-size:18px;line-height:1;cursor:pointer;transition:background .15s,color .15s;
}
.products-block .gw-qty-btn:hover{background:#FDEEE6;color:#E06D47}
.products-block .gw-qty-val{
  width:30px;height:32px;padding:0;margin:0;border:0;background:transparent;text-align:center;
  font-family:'DM Sans',sans-serif;font-size:15px;font-weight:700;color:#3C1F0F;-moz-appearance:textfield;appearance:textfield;box-shadow:none;outline:none;
}
.products-block .gw-qty-val::-webkit-inner-spin-button,.products-block .gw-qty-val::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
html body.template-12 .products-block .p form.gw-qty-form .add-to-cart-button{padding:0 18px!important}

/* ---------- Okno „Přidáno do košíku“ (Rozšířená objednávka) ---------- */
#colorbox:has(.advanced-order),#colorbox:has(.advanced-order) #cboxWrapper,#colorbox:has(.advanced-order) #cboxContent{border-radius:24px!important;overflow:hidden}
.advanced-order{text-align:center!important;padding:28px 24px 26px!important;font-family:'DM Sans',sans-serif}
.advanced-order::before{ /* zelená fajfka v kolečku */
  content:"";display:block;width:56px;height:56px;margin:0 auto 12px;border-radius:50%;
  background:#E6F4F2 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300A896' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/28px no-repeat;
}
.advanced-order .h1{font-family:'Bebas Neue',sans-serif!important;font-weight:400!important;font-size:42px!important;line-height:1.05!important;letter-spacing:.5px;color:#3C1F0F!important;margin:0 0 6px!important}
.advanced-order .h2{font-family:'DM Sans',sans-serif!important;font-size:17px!important;font-weight:500!important;line-height:1.4!important;color:#5a4f49!important;margin:0 auto 20px!important;max-width:560px}
.advanced-order .extras-wrap{display:flex;justify-content:center;margin:0 0 22px!important}
.advanced-order .extra.delivery{
  width:100%;max-width:460px;background:#F8F4EE;border-radius:16px;padding:14px 18px 16px!important;margin:0!important;
  font-size:15px!important;line-height:1.45!important;color:#3C1F0F!important;text-align:center!important;
}
.advanced-order .extra.delivery strong{color:#E06D47!important;font-weight:700!important}
.advanced-order .price-range{height:10px!important;margin:10px 0 0!important;border:0!important;border-radius:999px!important;background:#EFE7DD!important;overflow:hidden}
.advanced-order .price-range > div{height:100%!important;border-radius:999px!important;background:linear-gradient(90deg,#F4845F,#00A896)!important;transition:width .6s ease}
.advanced-order .advancedOrder__buttons{display:flex!important;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px!important}
.advanced-order .advancedOrder__buttons .btn{
  display:inline-flex!important;align-items:center;justify-content:center;height:48px!important;padding:0 26px!important;border-radius:999px!important;
  font-family:'DM Sans',sans-serif!important;font-size:15px!important;font-weight:700!important;text-transform:none!important;letter-spacing:.2px;
  text-decoration:none!important;box-shadow:none!important;transition:background .15s,color .15s,transform .15s,box-shadow .15s;
}
.advanced-order .advancedOrder__buttons .next-step-back{background:#fff!important;border:2px solid #E6DCCF!important;color:#3C1F0F!important}
.advanced-order .advancedOrder__buttons .next-step-back:hover{border-color:#3C1F0F!important}
.advanced-order .advancedOrder__buttons .btn-conversion{background:#00A896!important;border:0!important;color:#fff!important;box-shadow:0 6px 16px rgba(0,168,150,.25)!important}
.advanced-order .advancedOrder__buttons .btn-conversion:hover{background:#3C1F0F!important;transform:translateY(-2px)}
@media(max-width:600px){
  .advanced-order .h1{font-size:34px!important}
  .advanced-order .advancedOrder__buttons .btn{width:100%}
}
/* okno se přizpůsobí výšce obsahu (Shoptet mu počítá pevnou výšku) */
#colorbox:has(.advanced-order),
#colorbox:has(.advanced-order) #cboxWrapper,
#colorbox:has(.advanced-order) #cboxWrapper > div,
#colorbox:has(.advanced-order) #cboxContent,
#colorbox:has(.advanced-order) #cboxLoadedContent{height:auto!important;max-height:none!important;overflow:visible!important}

/* ---------- Hlášky Shoptetu (odebráno z košíku, přidáno, chyby…) jako malá bublina dole ---------- */
.messages{
  position:fixed!important;top:auto!important;bottom:20px!important;left:50%!important;right:auto!important;
  transform:translateX(-50%)!important;width:auto!important;max-width:92vw!important;height:auto!important;
  margin:0!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;z-index:10050!important;
}
.messages .container{width:auto!important;max-width:none!important;padding:0!important;margin:0!important}
.messages .msg{
  display:flex!important;align-items:center;gap:10px;margin:8px 0 0!important;padding:12px 22px 12px 16px!important;
  border:0!important;border-radius:999px!important;background:#3C1F0F!important;color:#fff!important;
  font-family:'DM Sans',sans-serif!important;font-size:14px!important;font-weight:700!important;line-height:1.3!important;
  box-shadow:0 10px 26px rgba(44,36,32,.28)!important;animation:gwMsgIn .35s ease;
}
.messages .msg::before{content:"";width:22px;height:22px;flex:none;border-radius:50%;background:rgba(255,255,255,.18) center/14px no-repeat}
.messages .msg.msg-success{background:#00A896!important}
.messages .msg.msg-success::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E")}
.messages .msg.msg-error{background:#E06D47!important}
.messages .msg.msg-error::before,.messages .msg.msg-info::before,.messages .msg.msg-warning::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M12 7v6M12 17h.01'/%3E%3C/svg%3E")}
.messages .msg *{color:#fff!important}
.messages .msg .close,.messages .msg [class*="close"]{display:none!important}
@keyframes gwMsgIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

/* =========================================================
   KOŠÍK
   ========================================================= */
/* kroky objednávky */
ol.cart-header{display:flex!important;flex-direction:row!important;align-items:center;gap:0;margin:0 0 28px!important;padding:0!important;list-style:none!important;counter-reset:krok;border:0!important}
ol.cart-header > li.step{counter-increment:krok;flex:1 1 0;display:flex!important;align-items:center;gap:10px;position:relative;margin:0!important;padding:0 12px 0 0!important;border:0!important;background:none!important;min-width:0}
ol.cart-header > li.step:not(:last-child)::after{content:"";flex:1 1 auto;height:2px;background:#E6DCCF;margin-left:6px;border-radius:2px;min-width:16px}
ol.cart-header > li.step > a,ol.cart-header > li.step > strong{
  display:inline-flex!important;align-items:center;gap:10px;padding:0!important;margin:0!important;border:0!important;background:none!important;
  font-family:'DM Sans',sans-serif!important;font-size:14px!important;font-weight:700!important;color:#8a7d74!important;text-decoration:none!important;white-space:nowrap;
}
ol.cart-header > li.step > a::before,ol.cart-header > li.step > strong::before{
  content:counter(krok);display:inline-flex;align-items:center;justify-content:center;flex:none;width:34px;height:34px;border-radius:50%;
  background:#F8F4EE;color:#8a7d74;font:400 18px/1 'Bebas Neue',sans-serif;
}
ol.cart-header > li.step.active > a,ol.cart-header > li.step.active > strong{color:#3C1F0F!important}
ol.cart-header > li.step.active > a::before,ol.cart-header > li.step.active > strong::before{background:#00A896;color:#fff}
ol.cart-header > li.step > a:hover{color:#00A896!important}

/* položky */
.cart-table{width:100%;border-collapse:separate!important;border-spacing:0 10px!important;margin:0 0 12px!important}
.cart-table tr.removeable td{background:#fff;border-top:1px solid #EFE7DD!important;border-bottom:1px solid #EFE7DD!important;padding:14px 12px!important;vertical-align:middle!important}
.cart-table tr.removeable td:first-child{border-left:1px solid #EFE7DD!important;border-radius:18px 0 0 18px}
.cart-table tr.removeable td:last-child{border-right:1px solid #EFE7DD!important;border-radius:0 18px 18px 0}
.cart-table .cart-p-image img{width:72px!important;height:72px!important;object-fit:contain;border-radius:12px;background:#F8F4EE;padding:6px}
.cart-table .p-name a.main-link{font-size:15px!important;font-weight:700!important;color:#3C1F0F!important;text-decoration:none!important;line-height:1.35}
.cart-table .p-name a.main-link:hover{color:#00A896!important}
.cart-table .p-availability .availability-label{font-weight:700!important}
.cart-table .p-availability .availability-amount{color:#8a7d74!important;font-size:13px}
.cart-table .p-price .price-final{font-weight:500!important;color:#5a4f49!important}
.cart-table .p-total .price-final{font:400 26px/1 'Bebas Neue',sans-serif!important;letter-spacing:.5px;color:#3C1F0F!important}
/* počet kusů − 1 + (stejně jako na detailu) */
.cart-table .quantity{position:relative!important;display:inline-flex!important;align-items:center;height:44px!important;width:auto!important;padding:3px!important;border:2px solid #E6DCCF!important;border-radius:999px!important;background:#fff!important;gap:2px}
.cart-table .quantity .decrease{order:1}.cart-table .quantity label{order:2;margin:0!important;position:relative!important;z-index:1}.cart-table .quantity .increase{order:3}
.cart-table .quantity .increase,.cart-table .quantity .decrease{position:relative!important;z-index:2;display:flex!important;align-items:center;justify-content:center;width:32px!important;height:32px!important;min-width:32px!important;padding:0!important;margin:0!important;border:0!important;border-radius:50%!important;background:#F8F4EE!important;color:#3C1F0F!important;cursor:pointer}
.cart-table .quantity .increase::before,.cart-table .quantity .increase::after,.cart-table .quantity .decrease::before,.cart-table .quantity .decrease::after{display:none!important;content:none!important}
.cart-table .quantity .increase__sign,.cart-table .quantity .decrease__sign{position:static!important;display:block!important;visibility:visible!important;opacity:1!important;font-size:18px!important;line-height:1!important;color:inherit!important;clip:auto!important;width:auto!important;height:auto!important;transform:none!important}
.cart-table .quantity .increase:hover,.cart-table .quantity .decrease:hover{background:#FDEEE6!important;color:#E06D47!important}
.cart-table .quantity input.amount{position:static!important;width:36px!important;height:32px!important;padding:0!important;border:0!important;background:transparent!important;text-align:center!important;font-size:15px!important;font-weight:700!important;color:#3C1F0F!important;box-shadow:none!important;-moz-appearance:textfield;appearance:textfield}
.cart-table .quantity input.amount::-webkit-inner-spin-button,.cart-table .quantity input.amount::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
/* odebrat */
.cart-table .remove-item{width:32px!important;height:32px!important;border-radius:50%!important;border:0!important;background:#F8F4EE!important;transition:background .15s;margin-left:10px}
.cart-table .remove-item:hover{background:#FDEEE6!important}

/* bonusy + souhrn */
.cart-inner > h2.h4{font-size:22px!important;margin:18px 0 8px!important}
.cart-inner .summary .box{background:#F8F4EE!important;border:0!important;border-radius:18px!important;padding:16px 20px!important}
.cart-inner .summary .box h2.h4{font-size:22px!important;margin:0 0 8px!important}
.extra.delivery{font-size:15px!important;line-height:1.45!important;color:#3C1F0F!important}
.extra.delivery strong{color:#E06D47!important}
.extra.delivery .price-range{height:10px!important;margin:10px 0 0!important;border:0!important;border-radius:999px!important;background:#EFE7DD!important;overflow:hidden}
.extra.delivery .price-range > div{height:100%!important;border-radius:999px!important;background:linear-gradient(90deg,#F4845F,#00A896)!important}
.cart-inner .price-wrapper{display:flex;flex-direction:column;align-items:flex-end;gap:4px;padding:16px 4px!important}
.cart-inner .price-wrapper .price-label{font-size:14px!important;font-weight:500!important;color:#8a7d74!important}
.cart-inner .price-wrapper .price{font:400 46px/1 'Bebas Neue',sans-serif!important;letter-spacing:.5px;color:#3C1F0F!important}

/* tlačítka */
.next-step--cart{display:flex!important;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:12px;margin-top:18px!important}
.next-step--cart .btn{display:inline-flex!important;align-items:center;justify-content:center;height:52px!important;padding:0 30px!important;border-radius:999px!important;font-family:'DM Sans',sans-serif!important;font-size:16px!important;font-weight:700!important;text-transform:none!important;text-decoration:none!important;box-shadow:none!important;transition:background .15s,transform .15s,border-color .15s}
.next-step--cart .next-step-back{background:#fff!important;border:2px solid #E6DCCF!important;color:#3C1F0F!important}
.next-step--cart .next-step-back:hover{border-color:#3C1F0F!important}
.next-step--cart .next-step-forward{background:#00A896!important;border:0!important;color:#fff!important;box-shadow:0 8px 18px rgba(0,168,150,.28)!important}
.next-step--cart .next-step-forward:hover{background:#3C1F0F!important;transform:translateY(-2px)}

/* prázdný košík */
.cart-empty .cart-heading{font-size:44px!important}
.cart-empty .empty-cart-boxes h3{font-size:24px!important;margin:0 0 12px!important}
.cart-empty .empty-cart-boxes ul{display:flex!important;flex-wrap:wrap;gap:8px;margin:0!important;padding:0!important;list-style:none!important}
.cart-empty .empty-cart-boxes ul li{margin:0!important;padding:0!important;list-style:none!important}
.cart-empty .empty-cart-boxes ul li::before,.cart-empty .empty-cart-boxes ul li::marker{content:none!important;display:none!important}
.cart-empty .empty-cart-boxes ul li a{display:inline-block;padding:8px 14px;border-radius:999px;background:#F8F4EE;color:#3C1F0F!important;font-size:14px;font-weight:500;text-decoration:none!important;transition:background .15s,color .15s}
.cart-empty .empty-cart-boxes ul li a:hover{background:#E6F4F2;color:#007A6D!important}
.cart-empty .empty-cart-boxes ul li a[href*="/vivosun"]{background:#E6F4F2;color:#007A6D!important}
.cart-empty .search fieldset{position:relative;display:flex}
.cart-empty .search input.search-input{height:50px!important;padding:0 58px 0 20px!important;border:2px solid #E6DCCF!important;border-radius:999px!important;background:#fff!important;box-shadow:none!important;font-size:15px!important}
.cart-empty .search input.search-input:focus{border-color:#00A896!important}
.cart-empty .search button[type="submit"]{position:absolute!important;right:5px;top:5px;width:40px!important;height:40px!important;min-height:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:#F4845F!important}
.cart-empty .contact-box{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:4px}
.cart-empty .box-bg-default{background:#F8F4EE!important;border:0!important;border-radius:18px!important;padding:18px 20px!important}
.cart-empty .contact-box img{width:72px!important;height:72px!important;border-radius:50%;object-fit:cover;background:#fff;margin-bottom:6px}
.cart-empty .contact-box strong{font-size:16px;color:#3C1F0F}
.cart-empty .contact-box a{color:#3C1F0F!important;text-decoration:none!important;font-weight:500}
.cart-empty .contact-box a:hover{color:#00A896!important}

@media(max-width:767px){
  ol.cart-header > li.step > a span,ol.cart-header > li.step > strong span{display:none}
  ol.cart-header > li.step.active > a span,ol.cart-header > li.step.active > strong span{display:inline}
  .cart-inner .price-wrapper{align-items:flex-start}
  .next-step--cart .btn{width:100%}
  .cart-empty .cart-heading{font-size:34px!important}
}

/* oprava kroků košíku: pryč s rámečky/šedým pozadím šablony a jejím „1.“ */
ol.cart-header > li.step::before,
ol.cart-header > li.step > a > span::before,ol.cart-header > li.step > strong > span::before,
ol.cart-header > li.step > a > span::after,ol.cart-header > li.step > strong > span::after{content:none!important;display:none!important}
ol.cart-header > li.step > a > span,ol.cart-header > li.step > strong > span{
  display:inline!important;background:none!important;border:0!important;box-shadow:none!important;
  padding:0!important;margin:0!important;height:auto!important;line-height:1.2!important;width:auto!important;color:inherit!important;
}
ol.cart-header > li.step,ol.cart-header > li.step > a,ol.cart-header > li.step > strong{height:auto!important;min-height:0!important;border:0!important;background:none!important;box-shadow:none!important}

/* oprava vyhledávání v prázdném košíku: tlačítko na střed pole + vlastní bílá šipka */
.cart-empty .search fieldset{display:block!important;position:relative!important;margin:0!important;padding:0!important;border:0!important}
.cart-empty .search input.search-input{width:100%!important;margin:0!important}
.cart-empty .search button[type="submit"]{
  top:50%!important;bottom:auto!important;right:5px!important;transform:translateY(-50%)!important;margin:0!important;
  font-size:0!important;line-height:0!important;
  background:#F4845F url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/18px no-repeat!important;
}
.cart-empty .search button[type="submit"]::before,.cart-empty .search button[type="submit"]::after{content:none!important;display:none!important}
.cart-empty .search button[type="submit"]:hover{background-color:#00A896!important}

/* =========================================================
   OBJEDNÁVKA – krok Doprava & platba (a další kroky)
   ========================================================= */
/* hotový krok v postupu = fajfka */
ol.cart-header > li.step.completed > a::before,ol.cart-header > li.step.completed > strong::before{content:"✓";background:#E6F4F2;color:#00A896;font-family:'DM Sans',sans-serif;font-weight:700;font-size:16px}
ol.cart-header > li.step.completed > a{color:#007A6D!important}

/* bloky Doprava / Platba */
.co-box.co-delivery-method,.co-box.co-payment-method{background:#F8F4EE!important;border:0!important;border-radius:20px!important;padding:20px!important}
.co-box h2.order-icon{font-size:26px!important;color:#3C1F0F!important;margin:0 0 14px!important;padding-top:0!important}
.co-box .shipping-billing-table{border:0!important}
.co-box .radio-wrapper{
  position:relative;margin:0 0 8px!important;padding:0!important;background:#fff!important;border:2px solid #fff!important;border-radius:14px!important;
  transition:border-color .15s,background .15s,box-shadow .15s;
}
.co-box .radio-wrapper:last-child{margin-bottom:0!important}
.co-box .radio-wrapper > label{display:flex!important;align-items:center;gap:12px;padding:12px 16px 12px 46px!important;margin:0!important;cursor:pointer;border:0!important;background:none!important;min-height:0!important;height:auto!important}
.co-box .radio-wrapper input[type="radio"]{position:absolute!important;left:16px;top:50%;transform:translateY(-50%);width:18px;height:18px;margin:0!important;accent-color:#00A896;cursor:pointer;z-index:2}
.co-box .radio-wrapper:hover{border-color:#E6DCCF!important}
.co-box .radio-wrapper.active{border-color:#00A896!important;background:#F2FBF9!important;box-shadow:0 6px 16px rgba(0,168,150,.12)}
.co-box .radio-wrapper.inactive-child{opacity:.5}
.co-box .radio-wrapper.inactive-child:hover{border-color:#fff!important}
.co-box .payment-info{flex:1 1 auto;min-width:0;display:flex!important;flex-direction:column;align-items:flex-start;gap:2px}
.co-box .shipping-billing-name{font-size:15px!important;font-weight:700!important;color:#3C1F0F!important;text-transform:none!important}
.co-box .payment-logo{flex:none}
.co-box .payment-logo img{max-height:26px!important;width:auto!important}
.co-box .payment-shipping-price{flex:none;font-size:14px!important;font-weight:700!important;color:#3C1F0F!important;white-space:nowrap}
.co-box .payment-shipping-price.for-free{padding:4px 10px;border-radius:999px;background:#E6F4F2;color:#007A6D!important;font-size:12px!important;letter-spacing:.4px}
.co-box .pickup-point-choose a{display:inline-flex;align-items:center;gap:5px;margin-top:4px;color:#00A896!important;font-weight:700;font-size:13px;text-decoration:none!important}
.co-box .pickup-point-choose a::before{content:"";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='%2300A896' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s7-6.2 7-12a7 7 0 1 0-14 0c0 5.8 7 12 7 12z'/%3E%3Ccircle cx='12' cy='9' r='2.5'/%3E%3C/svg%3E") center/contain no-repeat}
.co-box .pickup-point-choose a:hover{color:#3C1F0F!important}
.co-box .not-possible-info{font-size:12px!important;color:#8a7d74!important}

/* rekapitulace */
.order-summary.co-box{background:#fff!important;border:2px solid #F8F4EE!important;border-radius:20px!important;padding:20px 22px!important}
.order-summary h2.h4{font-size:24px!important;margin:0 0 10px!important}
.order-summary .order-summary-item,.order-summary .recapitulation-single{display:flex!important;justify-content:space-between;gap:12px;padding:10px 0!important;border:0!important;border-bottom:1px solid #F1EAE1!important;font-size:14px;color:#3C1F0F}
.order-summary .order-summary-item a{color:#3C1F0F!important;text-decoration:none!important}
.order-summary .order-summary-item a:hover{color:#00A896!important}
.order-summary .recapitulation-shipping-billing-label{color:#8a7d74}
.order-summary .order-summary-item.price{border-bottom:0!important;padding-top:14px!important}
.order-summary .price-wrapper{display:flex!important;justify-content:space-between;align-items:baseline;width:100%}
.order-summary .price-wrapper .price-label{font-size:15px!important;font-weight:700!important;color:#3C1F0F!important}
.order-summary .price-wrapper .price{font:400 40px/1 'Bebas Neue',sans-serif!important;letter-spacing:.5px;color:#3C1F0F!important}

/* tlačítka všech kroků objednávky jako v košíku */
.next-step:is(.next-step--step-1,.next-step--step-2){display:flex!important;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:12px;margin-top:18px!important}
.next-step:is(.next-step--step-1,.next-step--step-2) .btn{display:inline-flex!important;align-items:center;justify-content:center;height:52px!important;padding:0 30px!important;border-radius:999px!important;font-family:'DM Sans',sans-serif!important;font-size:16px!important;font-weight:700!important;text-transform:none!important;text-decoration:none!important;box-shadow:none!important;transition:background .15s,transform .15s,border-color .15s}
.next-step:is(.next-step--step-1,.next-step--step-2) .next-step-back{background:#fff!important;border:2px solid #E6DCCF!important;color:#3C1F0F!important}
.next-step:is(.next-step--step-1,.next-step--step-2) .next-step-back:hover{border-color:#3C1F0F!important}
.next-step:is(.next-step--step-1,.next-step--step-2) .next-step-forward{background:#00A896!important;border:0!important;color:#fff!important;box-shadow:0 8px 18px rgba(0,168,150,.28)!important}
.next-step:is(.next-step--step-1,.next-step--step-2) .next-step-forward:hover{background:#3C1F0F!important;transform:translateY(-2px)}
@media(max-width:767px){.next-step:is(.next-step--step-1,.next-step--step-2) .btn{width:100%}.co-box .radio-wrapper > label{flex-wrap:wrap}}

/* oprava kroků košíku na MOBILU – kroky vedle sebe, bez překrývání; text jen u aktivního */
@media(max-width:767px){
  html body ol.cart-header{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-start!important;position:relative!important;width:100%!important;height:auto!important;margin:0 0 20px!important;padding:0!important;overflow:hidden!important}
  html body ol.cart-header > li.step{position:static!important;left:auto!important;right:auto!important;top:auto!important;float:none!important;transform:none!important;width:auto!important;max-width:none!important;flex:0 0 auto!important;display:flex!important;visibility:visible!important;opacity:1!important;gap:0!important;padding:0!important;margin:0!important}
  html body ol.cart-header > li.step:not(:last-child){flex:1 1 0!important}
  html body ol.cart-header > li.step.active:not(:last-child){flex:2 1 auto!important}
  html body ol.cart-header > li.step:not(:last-child)::after{display:block!important;min-width:14px!important;margin:0 8px!important}
  html body ol.cart-header > li.step > a,html body ol.cart-header > li.step > strong{position:static!important;gap:8px!important;font-size:14px!important;line-height:1.2!important;transform:none!important;width:auto!important}
  html body ol.cart-header > li.step > a::after,html body ol.cart-header > li.step > strong::after{content:none!important;display:none!important}
  html body ol.cart-header > li.step > a::before,html body ol.cart-header > li.step > strong::before{position:static!important;width:30px!important;height:30px!important;font-size:16px!important;margin:0!important}
  html body ol.cart-header > li.step:not(.active) > a > span,html body ol.cart-header > li.step:not(.active) > strong > span{display:none!important}
  html body ol.cart-header > li.step.active > a > span,html body ol.cart-header > li.step.active > strong > span{display:inline!important;position:static!important;white-space:nowrap!important}
}

/* oprava karty produktu v košíku na MOBILU/TABLETU (šablona tam z řádku dělá flex, ne tabulku) */
@media(max-width:991px){
  html body .cart-table tr.removeable{box-sizing:border-box!important;flex-wrap:wrap!important;background:#fff!important;border:1px solid #EFE7DD!important;border-radius:18px!important;padding:14px!important;margin:0 0 12px!important;align-items:center!important;row-gap:12px;box-shadow:0 2px 10px rgba(44,36,32,.04)}
  html body .cart-table tr.removeable > td,html body .cart-table tr.removeable > td:first-child,html body .cart-table tr.removeable > td:last-child{border:0!important;border-radius:0!important;background:transparent!important;padding:0!important;box-shadow:none!important}
  html body .cart-table tr.removeable > td.cart-p-image{flex:0 0 80px!important;width:80px!important;margin:0!important}
  html body .cart-table tr.removeable > td.p-name{flex:0 0 calc(100% - 80px)!important;box-sizing:border-box!important;width:auto!important;min-width:0!important;padding-left:12px!important}
  html body .cart-table tr.removeable > td.p-price,html body .cart-table tr.removeable > td.p-total{align-self:stretch!important;padding-top:12px!important;border-top:1px solid #F1EAE0!important}
  html body .cart-table tr.removeable > td.p-price{display:flex!important;flex-wrap:wrap;align-content:flex-end;align-items:baseline;gap:0 4px}
  html body .cart-table tr.removeable > td.p-price .p-label{flex:0 0 100%}
  html body .cart-table tr.removeable > td.p-total{display:flex!important;align-items:center;justify-content:flex-end;flex-wrap:wrap}
  html body .cart-table .cart-p-image img{width:80px!important;height:80px!important;box-sizing:border-box!important}
}

/* patička: odkazy (telefon, e-mail, Doprava a platba, Obchodní podmínky…) po najetí tyrkysově */
html body #footer a:not(.btn),html body footer a:not(.btn){transition:color .15s}
html body #footer a:not(.btn):hover,html body #footer a:not(.btn):focus-visible,html body footer a:not(.btn):hover,html body footer a:not(.btn):focus-visible{color:#009888!important}
html body #footer a:not(.btn):hover *,html body footer a:not(.btn):hover *{color:#009888!important}
/* odkazy s korálovou barvou zapsanou přímo v HTML (patička) – po najetí tyrkysově */
a[style*="F4845F" i]{transition:color .15s}
html body a[style*="F4845F" i]:hover,html body a[style*="F4845F" i]:focus-visible{color:#009888!important}

/* =========================================================
   VARIANTY: tlačítko v seznamu, cena „od“, dostupnost v seznamu
   ========================================================= */
/* seznam – tlačítko u produktu s variantami (Shoptet: Detail) → tyrkysový obrys + text „Vybrat variantu“ */
html body.template-12 .products-block .p .p-tools a.btn.btn-primary{
  display:inline-flex!important;align-items:center;justify-content:center;height:44px!important;min-width:0!important;padding:0 22px!important;margin:0 auto!important;
  border:2px solid #00A896!important;border-radius:999px!important;background:#fff!important;color:#00A896!important;box-shadow:none!important;
  font-size:0!important;line-height:1!important;text-transform:none!important;text-decoration:none!important;white-space:nowrap;transition:background .15s,color .15s,transform .15s;
}
html body.template-12 .products-block .p .p-tools a.btn.btn-primary::before{content:none!important;display:none!important}
html body.template-12 .products-block .p .p-tools a.btn.btn-primary::after{
  content:"Vybrat variantu";display:inline!important;position:static!important;
  font:700 15px/1 'DM Sans',sans-serif!important;letter-spacing:0;color:inherit;background:none!important;border:0!important;width:auto!important;height:auto!important;
}
html body.template-12 .products-block .p .p-tools a.btn.btn-primary:hover{background:#00A896!important;color:#fff!important;transform:translateY(-1px)}

/* seznam – „od“ u ceny menší a šedé */
html body.template-12 .products-block .p .price-final strong small{font-size:13px!important;font-weight:500!important;color:#8a7d74!important;margin-right:2px}

/* seznam – dostupnost jako barevný štítek s tečkou (barva podle Shoptetu) */
html body.template-12 .products-block .p .availability{display:flex!important;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 6px;margin:6px 0 2px!important}
html body.template-12 .products-block .p .availability > .show-tooltip,html body.template-12 .products-block .p .availability > span:not(.availability-amount){
  display:inline-flex!important;align-items:center;gap:6px;padding:4px 11px 4px 9px;border-radius:999px;
  background:color-mix(in srgb,currentColor 13%,transparent)!important;font-size:13px!important;font-weight:700!important;line-height:1.2!important;border-bottom:0!important;text-decoration:none!important;
}
html body.template-12 .products-block .p .availability > .show-tooltip::before,html body.template-12 .products-block .p .availability > span:not(.availability-amount)::before{content:""!important;display:block!important;width:7px;height:7px;border-radius:50%;background:currentColor;flex:none}
html body.template-12 .products-block .p .availability .availability-amount{font-size:12px!important;color:#8a7d74!important}

/* detail – cena „od 73 Kč“ u produktu s variantami: „od“ malé, cena v Bebas */
html body .p-to-cart-block .price-final-holder.default-variant:not(.noDisplay):not(.no-display){display:inline-flex!important}
html body .p-to-cart-block .price-final-holder.default-variant{
  align-items:baseline;gap:8px;
  font-family:'DM Sans',sans-serif!important;font-size:16px!important;font-weight:500!important;color:#8a7d74!important;letter-spacing:0!important;text-transform:none!important;
}
html body .p-to-cart-block .price-final-holder.default-variant > .nowrap{font:400 46px/1 'Bebas Neue',sans-serif!important;letter-spacing:.5px!important;color:#3C1F0F!important}
@media(max-width:767px){html body .p-to-cart-block .price-final-holder.default-variant > .nowrap{font-size:40px!important}}

/* detail – skryté varianty ceny musí zůstat skryté (jinak po výběru varianty svítí „220 Kč od 73 Kč“) */
html body .p-to-cart-block .price-final-holder.noDisplay,html body .p-to-cart-block .price-final-holder.no-display{display:none!important}

/* všude pryč „/ ks“ – jen cena */
html body .pr-list-unit,html body .cart-table .p-price .unit-value{display:none!important}

/* seznam – větší cena v Bebas */
html body.template-12 .products-block .p .price-final strong{font:400 30px/1 'Bebas Neue',sans-serif!important;letter-spacing:.5px!important;color:#3C1F0F!important}
html body.template-12 .products-block .p .price-final strong small{font-family:'DM Sans',sans-serif!important;letter-spacing:0!important;vertical-align:baseline}
html body.template-12 .products-block .p .prices{margin:4px 0 8px!important}

/* všude pryč počet kusů „(>5 ks)“ – jen Skladem / Na cestě k nám */
html body .availability-amount,html body [data-testid="numberAvailabilityAmount"]{display:none!important}

/* „Vybrat variantu“ stejně jako „Do košíku“: plné tyrkysové, po najetí hnědé */
html body.template-12 .products-block .p .p-tools a.btn.btn-primary{
  min-height:44px!important;height:44px!important;padding:0 24px!important;border:0!important;
  background:#00A896!important;color:#fff!important;box-shadow:0 6px 14px rgba(0,168,150,.22)!important;
  transition:background .2s,transform .2s,box-shadow .2s!important;
}
html body.template-12 .products-block .p .p-tools a.btn.btn-primary::after{color:#fff!important;font-size:15px!important;letter-spacing:.2px!important}
html body.template-12 .products-block .p .p-tools a.btn.btn-primary:hover{
  background:#3C1F0F!important;color:#fff!important;transform:translateY(-2px);box-shadow:0 10px 20px rgba(60,31,15,.25)!important;
}
/* „Vybrat variantu“ – víc místa po stranách, text na střed */
html body.template-12 .products-block .p .p-tools a.btn.btn-primary{
  width:auto!important;min-width:0!important;max-width:none!important;box-sizing:border-box!important;
  padding-left:26px!important;padding-right:26px!important;text-indent:0!important;
}
html body.template-12 .products-block .p .p-tools a.btn.btn-primary::after{margin:0!important;padding:0!important;text-align:center!important;white-space:nowrap!important;flex:none!important}
html body.template-12 .products-block .p .p-tools{display:flex!important;justify-content:center!important}

/* =========================================================
   POPISY KATEGORIÍ – doplněk stylů (.gw-p + .gw-c)
   ========================================================= */
.gw-p.gw-c-top{font-size:16px;margin:0 0 10px}
.gw-p.gw-c-top p{margin:0 0 8px}
.gw-p .gw-c-chips{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 4px;padding:0!important;list-style:none!important}
.gw-p .gw-c-chips li{list-style:none!important;margin:0!important;padding:6px 14px!important;border-radius:999px;background:#E8F5EE;color:#1E6B47;font-size:14px;font-weight:700}
.gw-p .gw-c-chips li:before{display:none!important}
.gw-p .gw-c-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;margin:0 0 10px}
.gw-p .gw-c-card{background:#F8F4EE;border-radius:14px;padding:14px 16px;border:1px solid #eadfd3}
.gw-p .gw-c-card b{display:block;font-family:'Bebas Neue',sans-serif;font-weight:400;font-size:21px;letter-spacing:.4px;color:#3C1F0F;margin:0 0 4px}
.gw-p .gw-c-card span{font-size:14px;line-height:1.5;color:#5a4a40}
.gw-p ol.gw-c-steps{list-style:none!important;counter-reset:gwstep;padding:0!important;margin:0 0 10px!important}
.gw-p ol.gw-c-steps li{counter-increment:gwstep;position:relative;padding:2px 0 0 48px!important;margin:0 0 16px!important;min-height:34px;list-style:none!important}
.gw-p ol.gw-c-steps li:before{content:counter(gwstep);position:absolute;left:0;top:0;width:34px;height:34px;border-radius:50%;background:#3C1F0F;color:#fff;font-family:'Bebas Neue',sans-serif;font-size:20px;line-height:34px;text-align:center}
.gw-p .gw-c-calc{background:#E8F5EE;border-radius:14px;padding:16px 18px;margin:6px 0 10px;border:1px dashed #52B788}
.gw-p .gw-c-calc strong{color:#1E6B47}

/* − 1 + a Do košíku vždy vedle sebe i v užších kartách (vyhledávání má 4 karty v řadě) */
.products-block .p-tools{container-type:inline-size}
.products-block form.gw-qty-form{flex-wrap:nowrap!important}
@container (max-width:250px){
  .products-block form.gw-qty-form{gap:6px!important}
  .products-block .gw-qty{height:40px!important;padding:2px!important}
  .products-block .gw-qty-btn{width:28px!important;height:28px!important;font-size:16px!important}
  .products-block .gw-qty-val{width:24px!important;font-size:14px!important}
  html body.template-12 .products-block .p form.gw-qty-form .add-to-cart-button{min-height:40px!important;padding:0 14px!important;font-size:14px!important}
}

/* vyhledávání (a další stránky bez container_resetted): obsah bez bočního odsazení šablony,
   aby menu kategorií sedělo u kraje stejně jako na titulní straně a v kategoriích */
@media(min-width:992px){
  html body.template-12 #content-wrapper:not(.container_resetted){padding-left:0!important;padding-right:0!important}
  html body.template-12 #content-wrapper:not(.container_resetted) > .content-wrapper-in{margin-left:0!important;margin-right:0!important}
}

/* „Vybrat variantu“ v úzkých kartách (mobil, 2 v řadě) – vejde se do karty */
@container (max-width:230px){
  html body.template-12 .products-block .p .p-tools a.btn.btn-primary{width:100%!important;max-width:100%!important;padding-left:8px!important;padding-right:8px!important;height:42px!important;min-height:42px!important}
  html body.template-12 .products-block .p .p-tools a.btn.btn-primary::after{font-size:13.5px!important;letter-spacing:0!important}
}

/* VYHLEDÁVÁNÍ – nalezené kategorie a značky jako zaoblené štítky */
html body.template-12.type-search #content ul:not([class*="product"]):not(.listSorting__controls){
  display:flex!important;flex-wrap:wrap;gap:8px;margin:8px 0 18px!important;padding:0!important;list-style:none!important;columns:auto!important;column-count:auto!important;
}
html body.template-12.type-search #content ul:not([class*="product"]):not(.listSorting__controls) > li{
  list-style:none!important;margin:0!important;padding:0!important;width:auto!important;float:none!important;break-inside:avoid;
}
html body.template-12.type-search #content ul:not([class*="product"]):not(.listSorting__controls) > li::before,
html body.template-12.type-search #content ul:not([class*="product"]):not(.listSorting__controls) > li::marker{content:none!important;display:none!important}
html body.template-12.type-search #content ul:not([class*="product"]):not(.listSorting__controls) > li > a{
  display:inline-flex!important;align-items:center;padding:8px 16px!important;border-radius:999px;background:#F8F4EE;border:1px solid #EADFD3;
  color:#3C1F0F!important;font-size:14px!important;font-weight:700!important;text-decoration:none!important;transition:background .15s,color .15s,border-color .15s;
}
html body.template-12.type-search #content ul:not([class*="product"]):not(.listSorting__controls) > li > a:hover{background:#00A896;border-color:#00A896;color:#fff!important}

/* POPISY KATEGORIÍ – doplněk 2 (dlaždice, výpočet, odkazy-štítky) */
.gw-p ul.gw-c-tiles{list-style:none!important;padding:0!important;margin:0 0 10px!important;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}
.gw-p ul.gw-c-tiles li{list-style:none!important;margin:0!important;padding:14px 16px!important;background:#F8F4EE;border:1px solid #eadfd3;border-radius:14px;font-size:14px;line-height:1.5;color:#5a4a40}
.gw-p ul.gw-c-tiles li:before{display:none!important}
.gw-p ul.gw-c-tiles li strong{display:block;font-family:'Bebas Neue',sans-serif;font-weight:400;font-size:21px;letter-spacing:.4px;color:#3C1F0F;margin:0 0 4px}
.gw-p p.gw-c-calc{background:#E8F5EE;border-radius:14px;padding:16px 18px!important;margin:6px 0 10px!important;border:1px dashed #52B788}
.gw-p p.gw-c-calc strong{color:#1E6B47}
.gw-p ul.gw-c-links{list-style:none!important;padding:0!important;margin:0!important;display:flex;flex-wrap:wrap;gap:8px}
.gw-p ul.gw-c-links li{list-style:none!important;margin:0!important;padding:0!important}
.gw-p ul.gw-c-links li:before{display:none!important}
.gw-p ul.gw-c-links li a,.gw-p ul.gw-c-links li span{display:inline-block;padding:7px 14px;border-radius:999px;border:2px solid #52B788;color:#1E6B47;font-weight:700;font-size:14px;text-decoration:none}
.gw-p ul.gw-c-links li a:hover{background:#52B788;color:#fff}

/* mobil (velmi úzké karty): − 1 + nad tlačítkem Do košíku, nic nepřečnívá */
@container (max-width:205px){
  .products-block form.gw-qty-form{flex-wrap:wrap!important;gap:8px!important}
  .products-block .gw-qty{height:40px!important}
  html body.template-12 .products-block .p form.gw-qty-form .add-to-cart-button{width:100%!important;max-width:100%!important;padding:0 10px!important}
}

/* výpis produktů bez krátkého popisu */
html body.template-12 .products-block .p .p-desc,html body.template-12 .products-block .p [data-testid="productCardShortDescr"]{display:none!important}

/* VYHLEDÁVÁNÍ – hledané slovo v nadpisu taky v Bebas */
html body.template-12.type-search #content h1,html body.template-12.type-search #content h1 *{font-family:'Bebas Neue',sans-serif!important;font-weight:400!important;letter-spacing:.5px}
/* VYHLEDÁVÁNÍ – rozbalování štítků */
html body.template-12.type-search .gw-sk-skryte{display:none!important}
html body.template-12.type-search .gw-sk-vice{
  display:inline-flex;align-items:center;gap:6px;margin:-8px 0 18px;padding:8px 16px;border:0;border-radius:999px;cursor:pointer;
  background:#E6F4F2;color:#007A6D;font:700 14px/1.2 'DM Sans',sans-serif;transition:background .15s,color .15s;
}
html body.template-12.type-search .gw-sk-vice:hover{background:#00A896;color:#fff}
/* VYHLEDÁVÁNÍ – hledané slovo v nadpisu v Bebas (je v jiném prvku než span/strong) */
html body.template-12.type-search :is(h1,h2,.h1,.h2) *:not([class*="icon"]):not(i){font-family:'Bebas Neue',sans-serif!important;font-weight:400!important;letter-spacing:.5px!important;font-style:normal!important}

/* VELKÉ MONITORY: obsah i lišta drží max. šířku 1536 px (jako 80 % u Full HD), pozadí se roztáhne */
@media(min-width:992px){
  html body.template-12 #header .navigation-wrapper,
  html body.template-12 #content-wrapper{max-width:1536px!important}
}

/* lišta výhod (kocouři) dole: stejná šířka jako obsah (80 %, max 1536 px) a výhody rovnoměrně na střed */
@media(min-width:992px){
  html body.template-12 .container--bannersBenefit{width:80%!important;max-width:1536px!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important}
  html body.template-12 .container--bannersBenefit .benefitBanner{display:flex!important;flex-wrap:wrap!important;justify-content:space-evenly!important;align-items:center!important;width:100%!important;margin-left:auto!important;margin-right:auto!important}
  html body.template-12 .container--bannersBenefit .benefitBanner__item{flex:0 1 auto!important;width:auto!important;max-width:none!important;margin:0!important}
}

/* =========================================================
   VÝPIS – ovládání pod produkty: Načíst další, stránkování, Nahoru, počet položek
   ========================================================= */
html body.template-12 .listingControls{align-items:center!important}
/* Načíst 20 dalších = hlavní tyrkysová pilulka */
html body.template-12 .listingControls .loadMore__button{
  display:inline-flex!important;align-items:center;justify-content:center;gap:8px;height:48px!important;min-height:0!important;padding:0 30px!important;
  border:0!important;border-radius:999px!important;background:#00A896!important;color:#fff!important;
  font:700 15px/1 'DM Sans',sans-serif!important;text-transform:none!important;letter-spacing:.2px!important;
  box-shadow:0 6px 14px rgba(0,168,150,.22)!important;transition:background .2s,transform .2s,box-shadow .2s!important;
}
html body.template-12 .listingControls .loadMore__button::before,html body.template-12 .listingControls .loadMore__button::after{content:none!important;display:none!important}
html body.template-12 .listingControls .loadMore__button:hover{background:#3C1F0F!important;transform:translateY(-2px);box-shadow:0 10px 20px rgba(60,31,15,.25)!important}

/* Nahoru = krémová pilulka s vlastní šipkou */
html body.template-12 .listingControls .goToTop__button{
  display:inline-flex!important;align-items:center;height:40px!important;min-height:0!important;padding:0 18px 0 38px!important;
  border:0!important;border-radius:999px!important;color:#3C1F0F!important;text-transform:none!important;
  font:700 14px/1 'DM Sans',sans-serif!important;letter-spacing:0!important;box-shadow:none!important;transition:background-color .15s,color .15s!important;text-decoration:none!important;
  background:#F8F4EE url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233C1F0F' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 15l6-6 6 6'/%3E%3C/svg%3E") 14px center/16px no-repeat!important;
}
html body.template-12 .listingControls .goToTop__button::before,html body.template-12 .listingControls .goToTop__button::after{content:none!important;display:none!important}
html body.template-12 .listingControls .goToTop__button:hover{background-color:#E6F4F2!important;color:#007A6D!important}

/* stránkování = kolečka, aktuální tyrkysové */
html body.template-12 .listingControls .pagination__list{display:flex!important;align-items:center;gap:8px;margin:0!important;padding:0!important;list-style:none!important}
html body.template-12 .listingControls .pagination__list li{margin:0!important;padding:0!important;list-style:none!important}
html body.template-12 .listingControls .pagination__list li::before{content:none!important;display:none!important}
html body.template-12 .listingControls :is(.pagination__currentPage,.pagination__link){
  display:inline-flex!important;align-items:center;justify-content:center;width:40px!important;height:40px!important;min-width:0!important;padding:0!important;
  border:0!important;border-radius:50%!important;background:transparent!important;color:#3C1F0F!important;box-shadow:none!important;
  font:400 20px/1 'Bebas Neue',sans-serif!important;letter-spacing:.5px!important;text-decoration:none!important;transition:background-color .15s,color .15s,border-color .15s!important;
}
html body.template-12 .listingControls .pagination__currentPage{background:#00A896!important;color:#fff!important}
html body.template-12 .listingControls .pagination__link:hover{background-color:#F8F4EE!important;color:#00A896!important}
html body.template-12 .listingControls :is(.pagination__link--next,.pagination__link--prev){
  border:2px solid #E6DCCF!important;font-size:0!important;
  background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233C1F0F' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6l6 6-6 6'/%3E%3C/svg%3E") center/16px no-repeat!important;
}
html body.template-12 .listingControls .pagination__link--prev{transform:scaleX(-1)}
html body.template-12 .listingControls :is(.pagination__link--next,.pagination__link--prev)::before,
html body.template-12 .listingControls :is(.pagination__link--next,.pagination__link--prev)::after{content:none!important;display:none!important}
html body.template-12 .listingControls :is(.pagination__link--next,.pagination__link--prev):hover{border-color:#00A896!important;background-color:#E6F4F2!important}

/* počet položek */
html body.template-12 .listingControls .itemsTotal{font-size:13px!important;color:#8a7d74!important}
html body.template-12 .listingControls .itemsTotal strong{color:#3C1F0F!important;font-weight:700!important}
/* čísla stránek jako přesná kolečka (šablona jim přidávala výšku) */
html body.template-12 .listingControls :is(.pagination__currentPage,.pagination__link){
  box-sizing:border-box!important;flex:0 0 40px!important;min-height:0!important;max-height:40px!important;line-height:40px!important;aspect-ratio:1/1;vertical-align:middle!important;margin:0!important;
}
html body.template-12 .listingControls .pagination__list li{display:flex!important;align-items:center;height:40px}
/* lišta výhod v kategoriích (.benefitBanner.position--benefitCategory) – na šířku obsahu a na střed */
@media(min-width:992px){
  html body.template-12 .benefitBanner.position--benefitCategory{
    display:flex!important;flex-wrap:wrap!important;justify-content:space-evenly!important;align-items:center!important;gap:20px 32px!important;
    width:100%!important;max-width:min(80vw,1536px)!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box!important;float:none!important;
  }
  html body.template-12 .benefitBanner.position--benefitCategory .benefitBanner__item{flex:0 1 auto!important;width:auto!important;max-width:none!important;margin:0!important;float:none!important}
}

/* výpis: − 1 + a Do košíku jako jedna skupina přesně na střed karty (stejně od obou krajů) */
html body.template-12 .products-block .p .p-tools{display:flex!important;justify-content:center!important;width:100%!important;padding-left:0!important;padding-right:0!important}
html body.template-12 .products-block .p form.gw-qty-form{justify-content:center!important;align-items:center!important;gap:10px!important;width:auto!important;max-width:100%!important;margin:0 auto!important;padding:0!important}
html body.template-12 .products-block .p form.gw-qty-form > .gw-qty,
html body.template-12 .products-block .p form.gw-qty-form > .add-to-cart-button{margin:0!important;float:none!important;flex:0 0 auto!important}

/* dostupnost jako barevný štítek s tečkou i mimo hlavní výpis (blok Nejprodávanější v kategorii apod.) */
html body.template-12 .availability > .show-tooltip,
html body.template-12 .availability > span[style*="color"]:not(.availability-amount){
  display:inline-flex!important;align-items:center;gap:6px;padding:4px 11px 4px 9px!important;border-radius:999px;
  background:color-mix(in srgb,currentColor 13%,transparent)!important;font-size:13px!important;font-weight:700!important;line-height:1.2!important;
  border-bottom:0!important;text-decoration:none!important;
}
html body.template-12 .availability > .show-tooltip::before,
html body.template-12 .availability > span[style*="color"]:not(.availability-amount)::before{content:""!important;display:block!important;width:7px;height:7px;border-radius:50%;background:currentColor;flex:none}

/* Nejprodávanější v kategorii – „Zobrazit více / méně produktů“ jako mátová pilulka s vlastní šipkou */
html body.template-12 button.toggle-top-products{
  display:inline-flex!important;align-items:center;gap:8px;height:40px!important;min-height:0!important;padding:0 16px 0 18px!important;
  border:0!important;border-radius:999px!important;background:#E6F4F2!important;color:#007A6D!important;box-shadow:none!important;
  font:700 14px/1 'DM Sans',sans-serif!important;text-transform:none!important;letter-spacing:0!important;cursor:pointer;transition:background-color .15s,color .15s!important;
}
html body.template-12 button.toggle-top-products::before{content:none!important;display:none!important}
html body.template-12 button.toggle-top-products::after{
  content:""!important;display:block!important;position:static!important;width:14px!important;height:14px!important;margin:0!important;border:0!important;transform:none!important;flex:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23007A6D' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") center/14px no-repeat!important;
  transition:transform .2s!important;
}
html body.template-12 button.toggle-top-products[aria-expanded="true"]::after{transform:rotate(180deg)!important}
html body.template-12 button.toggle-top-products:hover{background:#00A896!important;color:#fff!important}
html body.template-12 button.toggle-top-products:hover::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")!important}

/* štítek „Strana N“ vedle nadpisu kategorie */
html body.template-12 h1.category-title .gw-strana{
  display:inline-flex!important;align-items:center;vertical-align:middle;margin-left:14px;padding:6px 14px!important;border-radius:999px;
  background:#E6F4F2;color:#007A6D!important;font:700 14px/1 'DM Sans',sans-serif!important;letter-spacing:0!important;text-transform:none!important;position:relative;top:-4px;
}

/* newsletter: nadpis „Odebírat newsletter“ v Bebas (text je ve vnořeném prvku, který dostával DM Sans) */
html body.template-12 .box-newsletter :is(h2,h3,h4,.h4,.box-title),
html body.template-12 .box-newsletter :is(h2,h3,h4,.h4,.box-title) *,
html body.template-12 .box-newsletter .newsletter-header > :not(p),
html body.template-12 .box-newsletter .newsletter-header > :not(p) *{
  font-family:'Bebas Neue',sans-serif!important;font-weight:400!important;font-size:30px!important;letter-spacing:.5px!important;line-height:1.05!important;color:#3C1F0F!important;
}

/* =========================================================
   DISKUZE (pod články blogu)
   ========================================================= */
html body.template-12 h2:has(+ .discussionContainer){
  font:400 30px/1.1 'Bebas Neue',sans-serif!important;letter-spacing:.5px!important;color:#3C1F0F!important;margin:40px 0 14px!important;
}
html body.template-12 .discussionContainer{background:#F8F4EE!important;border:0!important;border-radius:20px!important;padding:24px 24px 26px!important;max-width:760px}
/* text v tykání místo „Buďte první…“ */
html body.template-12 .discussionContainer p[data-testid="textCommentNotice"]{font-size:0!important;line-height:0!important;margin:0 0 16px!important}
html body.template-12 .discussionContainer p[data-testid="textCommentNotice"]::after{
  content:"Zatím tu nic není. Napiš první komentář 🐾";display:block;font:400 16px/1.5 'DM Sans',sans-serif;color:#5a4f49;
}
/* tlačítka Přidat / Odeslat komentář = tyrkysová pilulka */
html body.template-12 .discussionContainer :is(button[data-testid="buttonAddComment"],button[data-testid="buttonSendComment"]){
  display:inline-flex!important;align-items:center;justify-content:center;height:46px!important;min-height:0!important;padding:0 26px!important;
  border:0!important;border-radius:999px!important;background:#00A896!important;color:#fff!important;
  font:700 15px/1 'DM Sans',sans-serif!important;text-transform:none!important;letter-spacing:.2px!important;
  box-shadow:0 6px 14px rgba(0,168,150,.22)!important;transition:background .2s,transform .2s,box-shadow .2s!important;
}
html body.template-12 .discussionContainer :is(button[data-testid="buttonAddComment"],button[data-testid="buttonSendComment"])::before,
html body.template-12 .discussionContainer :is(button[data-testid="buttonAddComment"],button[data-testid="buttonSendComment"])::after{content:none!important;display:none!important}
html body.template-12 .discussionContainer :is(button[data-testid="buttonAddComment"],button[data-testid="buttonSendComment"]):hover{background:#3C1F0F!important;transform:translateY(-2px);box-shadow:0 10px 20px rgba(60,31,15,.25)!important}
/* formulář */
html body.template-12 .discussionContainer form.discussion-form{margin-top:4px!important}
html body.template-12 .discussionContainer .form-legend{font-size:12px!important;color:#8a7d74!important;margin:0 0 12px!important}
html body.template-12 .discussionContainer .form-group{margin:0 0 14px!important}
html body.template-12 .discussionContainer .form-group > label{
  position:static!important;display:block!important;transform:none!important;margin:0 0 6px!important;padding:0!important;background:none!important;
  font:700 13px/1.3 'DM Sans',sans-serif!important;color:#3C1F0F!important;opacity:1!important;pointer-events:auto!important;
}
html body.template-12 .discussionContainer .required-asterisk::after{color:#E06D47!important}
html body.template-12 .discussionContainer :is(input.form-control,textarea.form-control){
  width:100%!important;box-sizing:border-box!important;padding:12px 16px!important;border:2px solid #E6DCCF!important;background:#fff!important;
  font:400 15px/1.4 'DM Sans',sans-serif!important;color:#2C2420!important;box-shadow:none!important;outline:none!important;transition:border-color .15s!important;
}
html body.template-12 .discussionContainer input.form-control{height:48px!important;border-radius:999px!important}
html body.template-12 .discussionContainer textarea.form-control{border-radius:18px!important;min-height:140px;resize:vertical}
html body.template-12 .discussionContainer :is(input.form-control,textarea.form-control):focus{border-color:#00A896!important}
html body.template-12 .discussionContainer .form-group:last-child{margin-bottom:0!important}

/* horní menu: externí odkazy (Instagram, YouTube) po kliknutí nezůstávají tyrkysové;
   rubrika, ve které právě jsem (Blog, Návody, Inspirace…), zůstane tyrkysová */
@media(min-width:992px){
  html body.template-12 #header .navigation-in > ul > li > a:is([target="_blank"],[href^="http"]:not([href*="growino.cz"])):not(:hover):is(:focus,:focus-visible,:active,:visited),
  html body.template-12 #header .navigation-in > ul > li > a:is([target="_blank"],[href^="http"]:not([href*="growino.cz"])):not(:hover):is(:focus,:focus-visible,:active,:visited) > b,
  html body.template-12 #header .navigation-in > ul > li.exp > a:is([target="_blank"],[href^="http"]:not([href*="growino.cz"])):not(:hover),
  html body.template-12 #header .navigation-in > ul > li.exp > a:is([target="_blank"],[href^="http"]:not([href*="growino.cz"])):not(:hover) > b{color:#fff!important}
  html body.template-12 #header .navigation-in > ul > li > a.gw-aktivni,
  html body.template-12 #header .navigation-in > ul > li > a.gw-aktivni > b,
  html body.template-12 #header .navigation-in > ul > li.active > a,
  html body.template-12 #header .navigation-in > ul > li.active > a > b{color:#009888!important}
}

/* =========================================================
   COOKIES – okno uprostřed, ztmavené pozadí (nejde přehlédnout)
   Pozn.: display se úmyslně nemění – Shoptet lištu po volbě sám schová.
   ========================================================= */
html body .siteCookies.js-siteCookies{
  position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;
  width:auto!important;height:auto!important;max-width:none!important;margin:0!important;padding:0!important;transform:none!important;
  background:rgba(44,36,32,.6)!important;backdrop-filter:blur(2px);z-index:2147483000!important;box-shadow:none!important;border:0!important;
}
html body .siteCookies.js-siteCookies .siteCookies__form{
  position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;
  width:min(520px, calc(100% - 32px))!important;max-width:none!important;max-height:calc(100% - 32px);overflow:auto;box-sizing:border-box!important;
  display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:18px!important;
  background:#F8F4EE!important;color:#2C2420!important;border-radius:24px!important;padding:30px 28px 24px!important;margin:0!important;
  box-shadow:0 24px 60px rgba(0,0,0,.35)!important;text-align:center!important;
}
html body .siteCookies.js-siteCookies .siteCookies__form::before{
  content:"🍪 Kocour by si dal sušenku";display:block;font:400 34px/1.05 'Bebas Neue',sans-serif;letter-spacing:.5px;color:#3C1F0F;
}
html body .siteCookies.js-siteCookies .siteCookies__content{display:flex!important;flex-direction:column!important;align-items:center!important;gap:10px!important;margin:0!important;padding:0!important;width:auto!important}
html body .siteCookies.js-siteCookies .siteCookies__text{font:400 15px/1.6 'DM Sans',sans-serif!important;color:#5a4f49!important;margin:0!important;text-align:center!important}
html body .siteCookies.js-siteCookies .siteCookies__text a{color:#3C1F0F!important;font-weight:700;text-decoration:underline!important}
html body .siteCookies.js-siteCookies .siteCookies__text a:hover{color:#009888!important}
html body .siteCookies.js-siteCookies .siteCookies__links{order:3;margin:0!important}
html body .siteCookies.js-siteCookies .siteCookies__link{
  background:none!important;border:0!important;padding:4px 6px!important;color:#8a7d74!important;font:400 13px/1 'DM Sans',sans-serif!important;
  text-decoration:underline!important;cursor:pointer;box-shadow:none!important;
}
html body .siteCookies.js-siteCookies .siteCookies__link:hover{color:#009888!important}
html body .siteCookies.js-siteCookies .siteCookies__buttonWrap{display:flex!important;flex-direction:row-reverse!important;flex-wrap:wrap!important;justify-content:center!important;gap:10px!important;margin:0!important;padding:0!important;width:auto!important}
html body .siteCookies.js-siteCookies .siteCookies__button{
  flex:1 1 180px!important;height:50px!important;min-height:0!important;margin:0!important;padding:0 20px!important;border-radius:999px!important;
  font:700 16px/1 'DM Sans',sans-serif!important;text-transform:none!important;letter-spacing:.2px!important;cursor:pointer;
  transition:background .2s,color .2s,border-color .2s,transform .2s!important;box-shadow:none!important;
}
/* Souhlasím = hlavní tyrkysové */
html body .siteCookies.js-siteCookies .siteCookies__button[value="all"]{background:#00A896!important;color:#fff!important;border:2px solid #00A896!important;box-shadow:0 8px 18px rgba(0,168,150,.28)!important}
html body .siteCookies.js-siteCookies .siteCookies__button[value="all"]:hover{background:#3C1F0F!important;border-color:#3C1F0F!important;transform:translateY(-2px)}
/* Odmítnout = stejně velké, obrysové */
html body .siteCookies.js-siteCookies .siteCookies__button[value="reject"]{background:transparent!important;color:#3C1F0F!important;border:2px solid #CDBFAF!important}
html body .siteCookies.js-siteCookies .siteCookies__button[value="reject"]:hover{border-color:#3C1F0F!important;background:#fff!important}
@media(max-width:480px){
  html body .siteCookies.js-siteCookies .siteCookies__form{padding:24px 18px 18px!important}
  html body .siteCookies.js-siteCookies .siteCookies__form::before{font-size:28px}
  html body .siteCookies.js-siteCookies .siteCookies__buttonWrap{flex-direction:column-reverse!important}
  html body .siteCookies.js-siteCookies .siteCookies__button{flex:0 0 auto!important;width:100%!important}
}

/* =========================================================
   COOKIES – okno „Nastavení cookies“ (colorbox .cookiesDialog)
   ========================================================= */
/* musí být nad ztmaveným pozadím cookie lišty */
html body #colorbox:has(.cookiesDialog){z-index:2147483600!important}
/* výška podle obsahu – colorbox má jinak overflow:hidden a pevnou výšku, s height:auto by se okno „srazilo“ na nulu */
html body #colorbox:has(.cookiesDialog),html body #colorbox:has(.cookiesDialog) #cboxWrapper,html body #colorbox:has(.cookiesDialog) #cboxWrapper > div,html body #colorbox:has(.cookiesDialog) #cboxContent,html body #colorbox:has(.cookiesDialog) #cboxLoadedContent{height:auto!important;max-height:none!important;overflow:visible!important}
html body:has(#colorbox .cookiesDialog) #cboxOverlay{z-index:2147483500!important}
html body #colorbox:has(.cookiesDialog) #cboxWrapper{background:transparent!important}
html body #cboxContent.cookiesDialog{max-width:calc(100vw - 32px);background:#F8F4EE!important;border-radius:24px!important;box-shadow:0 24px 60px rgba(0,0,0,.35)!important;overflow:hidden;border:0!important}
html body #cboxContent.cookiesDialog #cboxLoadedContent{width:auto!important;background:transparent!important;border:0!important;margin:0!important}
html body #cboxContent.cookiesDialog .colorbox-html-content{padding:0!important;background:transparent!important}
html body #cboxContent.cookiesDialog .cookiesSetting__form{padding:30px 28px 24px!important;margin:0!important;text-align:left}
html body #cboxContent.cookiesDialog .cookiesSetting__title{font:400 34px/1.05 'Bebas Neue',sans-serif!important;letter-spacing:.5px!important;color:#3C1F0F!important;margin:0 44px 10px 0!important;padding:0!important}
/* úvodní text v tykání */
html body #cboxContent.cookiesDialog .cookiesSetting__perex{font-size:0!important;line-height:0!important;margin:0 0 18px!important}
html body #cboxContent.cookiesDialog .cookiesSetting__perex::after{content:"Vyber si, co nám povolíš. Nezbytné cookies drží web v chodu, ostatní nám pomáhají ho vylepšovat a ukazovat ti hlavně to, co tě zajímá.";display:block;font:400 15px/1.6 'DM Sans',sans-serif;color:#5a4f49}
/* jednotlivé typy cookies jako bílé karty */
html body #cboxContent.cookiesDialog .cookiesSetting__data{display:flex!important;flex-direction:column!important;gap:10px!important;border:0!important;padding:0!important;margin:0 0 20px!important;background:transparent!important}
html body #cboxContent.cookiesDialog .cookiesSetting__item{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;background:#fff!important;border:1px solid #EFE7DD!important;border-radius:16px!important;padding:14px 18px!important;margin:0!important}
html body #cboxContent.cookiesDialog .cookiesSetting__item__col1{flex:1 1 auto;min-width:0;padding:0!important}
html body #cboxContent.cookiesDialog .cookiesSetting__item__col2{flex:0 0 auto;padding:0!important;margin:0!important}
html body #cboxContent.cookiesDialog .cookiesSetting__item__name{font:400 13px/1.4 'DM Sans',sans-serif!important;color:#8a7d74!important;margin:0 0 3px!important}
html body #cboxContent.cookiesDialog .cookiesSetting__item__name strong{font:700 15px/1.4 'DM Sans',sans-serif!important;color:#3C1F0F!important}
html body #cboxContent.cookiesDialog .cookiesSetting__item__text{font-size:0!important;line-height:0!important}
html body #cboxContent.cookiesDialog .cookiesSetting__item__text::after{display:block;font:400 13px/1.5 'DM Sans',sans-serif;color:#5a4f49}
html body #cboxContent.cookiesDialog .cookiesSetting__item:nth-child(1) .cookiesSetting__item__text::after{content:"Bez nich by web nefungoval – košík, přihlášení a podobně."}
html body #cboxContent.cookiesDialog .cookiesSetting__item:nth-child(2) .cookiesSetting__item__text::after{content:"Abychom věděli, jak web používáš, a mohli ho vylepšovat."}
html body #cboxContent.cookiesDialog .cookiesSetting__item:nth-child(3) .cookiesSetting__item__text::after{content:"Abychom ti mohli ukazovat obsah a nabídky, které tě opravdu zajímají."}
/* přepínač místo zaškrtávátka */
html body #cboxContent.cookiesDialog .cookiesSetting__item__status{display:flex!important;align-items:center!important;gap:8px!important;margin:0!important;padding:0!important;border:0!important;background:none!important;cursor:pointer}
html body #cboxContent.cookiesDialog .cookiesSetting__item__checkbox{
  -webkit-appearance:none!important;appearance:none!important;position:relative!important;display:inline-block!important;width:46px!important;height:26px!important;margin:0!important;
  border-radius:999px!important;background:#E6DCCF!important;border:0!important;cursor:pointer;transition:background .2s!important;flex:none;opacity:1!important;clip:auto!important;
}
html body #cboxContent.cookiesDialog .cookiesSetting__item__checkbox::before{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:transform .2s}
html body #cboxContent.cookiesDialog .cookiesSetting__item__checkbox:checked{background:#00A896!important}
html body #cboxContent.cookiesDialog .cookiesSetting__item__checkbox:checked::before{transform:translateX(20px)}
html body #cboxContent.cookiesDialog .cookiesSetting__item__state{font:700 13px/1 'DM Sans',sans-serif!important;color:#3C1F0F!important;margin:0!important;padding:0!important;cursor:pointer}
html body #cboxContent.cookiesDialog .cookiesSetting__item__state::before,html body #cboxContent.cookiesDialog .cookiesSetting__item__state::after{content:none!important;display:none!important}
/* tlačítka dole */
html body #cboxContent.cookiesDialog .cookiesSetting__bottom{display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;margin:0!important;padding:0!important;border:0!important}
html body #cboxContent.cookiesDialog .cookiesSetting__uncheck{margin-right:auto!important}
html body #cboxContent.cookiesDialog .cookiesSetting__uncheckLink{background:none!important;border:0!important;padding:6px 4px!important;font:400 14px/1 'DM Sans',sans-serif!important;color:#8a7d74!important;text-decoration:underline!important;cursor:pointer;box-shadow:none!important}
html body #cboxContent.cookiesDialog .cookiesSetting__uncheckLink:hover{color:#3C1F0F!important}
html body #cboxContent.cookiesDialog .cookiesSetting__button{
  height:46px!important;min-height:0!important;padding:0 22px!important;margin:0!important;border-radius:999px!important;cursor:pointer;
  font:700 15px/1 'DM Sans',sans-serif!important;text-transform:none!important;letter-spacing:.2px!important;box-shadow:none!important;transition:background .2s,color .2s,border-color .2s!important;
  background:transparent!important;color:#3C1F0F!important;border:2px solid #CDBFAF!important;
}
html body #cboxContent.cookiesDialog .cookiesSetting__button:hover{border-color:#3C1F0F!important;background:#fff!important}
html body #cboxContent.cookiesDialog .cookiesSetting__button--green{background:#00A896!important;color:#fff!important;border-color:#00A896!important;box-shadow:0 8px 18px rgba(0,168,150,.28)!important}
html body #cboxContent.cookiesDialog .cookiesSetting__button--green:hover{background:#3C1F0F!important;border-color:#3C1F0F!important;color:#fff!important}
/* zavírací křížek */
html body #cboxContent.cookiesDialog #cboxClose{
  position:absolute!important;top:18px!important;right:18px!important;left:auto!important;bottom:auto!important;width:38px!important;height:38px!important;padding:0!important;margin:0!important;
  border:0!important;border-radius:50%!important;background:#fff!important;font-size:0!important;color:transparent!important;cursor:pointer;box-shadow:0 2px 8px rgba(44,36,32,.12)!important;text-indent:0!important;overflow:hidden;
}
html body #cboxContent.cookiesDialog #cboxClose::before{content:"×"!important;display:block!important;position:static!important;font:400 26px/38px 'DM Sans',sans-serif!important;color:#3C1F0F!important;text-align:center;width:100%;background:none!important}
html body #cboxContent.cookiesDialog #cboxClose::after{content:none!important;display:none!important}
html body #cboxContent.cookiesDialog #cboxClose:hover{background:#FDEEE6!important}
html body #cboxContent.cookiesDialog #cboxClose:hover::before{color:#E06D47!important}
@media(max-width:560px){
  html body #cboxContent.cookiesDialog .cookiesSetting__form{padding:24px 18px 18px!important}
  html body #cboxContent.cookiesDialog .cookiesSetting__bottom{justify-content:stretch!important}
  html body #cboxContent.cookiesDialog .cookiesSetting__bottom .cookiesSetting__button{flex:1 1 100%!important}
  html body #cboxContent.cookiesDialog .cookiesSetting__uncheck{order:3;margin:0 auto!important}
}

/* =========================================================
   PODKATEGORIE v kategorii (ul.subcategories) jako dlaždice
   ========================================================= */
html body.template-12 ul.subcategories{
  display:grid!important;grid-template-columns:repeat(auto-fill,minmax(185px,1fr))!important;gap:14px!important;
  margin:10px 0 28px!important;padding:0!important;list-style:none!important;
}
html body.template-12 ul.subcategories::before,html body.template-12 ul.subcategories::after{content:none!important;display:none!important}
html body.template-12 ul.subcategories > li{width:auto!important;max-width:none!important;float:none!important;margin:0!important;padding:0!important;list-style:none!important;min-height:0!important}
html body.template-12 ul.subcategories > li::before{content:none!important;display:none!important}
html body.template-12 ul.subcategories > li > a{
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;height:100%!important;box-sizing:border-box!important;
  padding:14px 12px 14px!important;background:#fff!important;border:1px solid #EFE7DD!important;border-radius:18px!important;text-decoration:none!important;text-align:center!important;
  box-shadow:0 2px 10px rgba(44,36,32,.04)!important;transition:transform .2s,box-shadow .2s,border-color .2s!important;
}
html body.template-12 ul.subcategories > li > a .image{
  display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100px!important;margin:0!important;padding:0!important;background:#fff;border-radius:12px;overflow:hidden;
}
html body.template-12 ul.subcategories > li > a .image img{max-width:100%!important;max-height:100px!important;width:auto!important;height:auto!important;object-fit:contain!important;margin:0!important}
html body.template-12 ul.subcategories > li > a .text{
  display:block!important;position:relative;margin:auto 0 0!important;padding:0!important;text-align:center!important;
  font:700 14px/1.3 'DM Sans',sans-serif!important;color:#3C1F0F!important;text-transform:none!important;transition:color .2s;
}
html body.template-12 ul.subcategories > li > a:hover{transform:translateY(-3px);border-color:#00A896!important;box-shadow:0 10px 24px rgba(44,36,32,.10)!important}
html body.template-12 ul.subcategories > li > a:hover .text{color:#009888!important}
@media(max-width:767px){
  html body.template-12 ul.subcategories{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  html body.template-12 ul.subcategories > li > a{padding:10px 8px 12px!important;border-radius:16px!important}
  html body.template-12 ul.subcategories > li > a .image{height:80px!important}
  html body.template-12 ul.subcategories > li > a .image img{max-height:80px!important}
  html body.template-12 ul.subcategories > li > a .text{font-size:13px!important}
}

/* newsletter přesunutý na mobilu pod Kocourův žebříček */
html body.template-12 .box-newsletter.gw-nl-mobil{display:block!important;visibility:visible!important;width:auto!important;max-width:520px;margin:28px auto 8px!important;float:none!important}
/* vlastní newsletter (telefon) – jen na mobilu, na počítači je ten Shoptetí v levém sloupci */
@media(min-width:992px){html body.template-12 .box-newsletter.gw-nl-vlastni{display:none!important}}
html body.template-12 .box-newsletter.gw-nl-vlastni .sr-only{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap}
html body.template-12 .box-newsletter fieldset{border:0!important;margin:0!important;padding:0!important;min-width:0}

/* =========================================================
   MOBILNÍ VYHLEDÁVÁNÍ (vyjížděcí okno .search-window, do 1199 px;
   od 1200 px je okno přesunuté do horní lišty – tam se nemění)
   ========================================================= */
@media(max-width:1199px){
  html body.template-12 .search-window{background:#F8F4EE!important}
  html body.template-12 .search-window .search-window-in{background:#F8F4EE!important;padding:16px 16px 28px!important}
  /* pole i doporučený produkt přes celou šířku – stejně daleko od obou krajů */
  html body.template-12 .search-window .search,
  html body.template-12 .search-window form.search-form,
  html body.template-12 .search-window form.search-form fieldset,
  html body.template-12 .search-window .recommended-products,
  html body.template-12 .search-window .recommended-products .row,
  html body.template-12 .search-window .recommended-products [class*="col-"]{width:100%!important;max-width:none!important;float:none!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box!important}
  html body.template-12 .search-window form.search-form,html body.template-12 .search-window .recommended-products [class*="col-"]{padding-left:0!important;padding-right:0!important}
  /* Zpět = bílá pilulka se šipkou */
  html body.template-12 .search-window .toggle-window-arr{
    display:inline-flex!important;align-items:center;gap:6px;height:40px!important;min-height:0!important;padding:0 18px 0 38px!important;margin:0 0 18px!important;
    border:0!important;border-radius:999px!important;color:#3C1F0F!important;font:700 14px/1 'DM Sans',sans-serif!important;text-transform:none!important;box-shadow:0 2px 8px rgba(44,36,32,.08)!important;
    background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233C1F0F' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 6l-6 6 6 6'/%3E%3C/svg%3E") 14px center/16px no-repeat!important;
    position:static!important;width:auto!important;
  }
  html body.template-12 .search-window .toggle-window-arr::before,html body.template-12 .search-window .toggle-window-arr::after{content:none!important;display:none!important}
  html body.template-12 .search-window .toggle-window-arr span{display:none!important}
  html body.template-12 .search-window .container{padding:0!important;width:auto!important;max-width:560px;margin:0 auto!important}
  /* nadpis v tykání */
  html body.template-12 .search-window .search > h2{font-size:0!important;line-height:0!important;margin:0 0 14px!important;text-align:center!important}
  html body.template-12 .search-window .search > h2::after{content:"Co hledáš?";display:block;font:400 34px/1.05 'Bebas Neue',sans-serif;letter-spacing:.5px;color:#3C1F0F}
  /* pole + korálové kolečko s lupou uvnitř */
  html body.template-12 .search-window form.search-form fieldset{position:relative!important;display:block!important;border:0!important;margin:0!important;padding:0!important}
  html body.template-12 .search-window input.search-input{
    width:100%!important;height:56px!important;box-sizing:border-box!important;margin:0!important;padding:0 66px 0 22px!important;
    border:2px solid #E6DCCF!important;border-radius:999px!important;background:#fff!important;color:#2C2420!important;
    font:400 16px/1 'DM Sans',sans-serif!important;box-shadow:0 4px 14px rgba(44,36,32,.06)!important;outline:none!important;transition:border-color .15s!important;
  }
  html body.template-12 .search-window input.search-input:focus{border-color:#00A896!important}
  html body.template-12 .search-window input.search-input::placeholder{color:#a89c93}
  html body.template-12 .search-window form.search-form button[type="submit"]{
    position:absolute!important;top:6px!important;right:6px!important;bottom:auto!important;left:auto!important;width:44px!important;height:44px!important;min-height:0!important;
    margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;font-size:0!important;box-shadow:none!important;transform:none!important;
    background:#F4845F url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-4-4'/%3E%3C/svg%3E") center/20px no-repeat!important;
    transition:background-color .2s!important;
  }
  html body.template-12 .search-window form.search-form button[type="submit"]::before,html body.template-12 .search-window form.search-form button[type="submit"]::after{content:none!important;display:none!important}
  html body.template-12 .search-window form.search-form button[type="submit"]:hover{background-color:#00A896!important}
  /* našeptávač pod polem */
  html body.template-12 .search-window .search-whisperer{border-radius:18px!important;overflow:hidden;box-shadow:0 12px 30px rgba(44,36,32,.15)!important;margin-top:8px!important;border:0!important}
  /* Doporučujeme */
  html body.template-12 .search-window .search > h3,html body.template-12 .search-window .gw-sd-panel > h3{font-size:0!important;line-height:0!important;margin:26px 0 12px!important;text-align:center!important}
  html body.template-12 .search-window .search > h3::after,html body.template-12 .search-window .gw-sd-panel > h3::after{content:"🐾 Kocour doporučuje";display:block;font:400 24px/1.1 'Bebas Neue',sans-serif;letter-spacing:.5px;color:#3C1F0F}
  html body.template-12 .search-window a.recommended-product{
    display:flex!important;flex-direction:column;align-items:center;gap:8px;padding:16px 14px!important;margin:0 auto!important;max-width:260px;
    background:#fff!important;border:1px solid #EFE7DD!important;border-radius:18px!important;text-decoration:none!important;box-shadow:0 2px 10px rgba(44,36,32,.05)!important;
  }
  html body.template-12 .search-window a.recommended-product img{width:100px!important;height:100px!important;object-fit:contain!important;border-radius:12px}
  html body.template-12 .search-window a.recommended-product .name{display:block!important;font:700 14px/1.35 'DM Sans',sans-serif!important;text-transform:none!important;color:#3C1F0F!important;text-align:center!important}
  html body.template-12 .search-window a.recommended-product .price{display:block!important;font:400 24px/1 'Bebas Neue',sans-serif!important;letter-spacing:.5px;color:#3C1F0F!important;margin-top:4px!important}
  html body.template-12 .search-window a.recommended-product .p-bottom{display:flex!important;flex-direction:column;align-items:center;text-align:center!important;width:100%}
  html body.template-12 .search-window a.recommended-product:hover .name{color:#009888!important}
}

/* mobilní menu (tmavá část Blog, Návody…): po klepnutí tyrkysová, aktuální rubrika trvale tyrkysová */
@media(max-width:991px){
  html body.template-12 #header .navigation-in > ul > li > a,
  html body.template-12 #header .navigation-in > ul > li > a > b{transition:color .12s!important;-webkit-tap-highlight-color:transparent}
  html body.template-12 #header .navigation-in > ul > li > a:active,
  html body.template-12 #header .navigation-in > ul > li > a:active > b,
  html body.template-12 #header .navigation-in > ul > li > a.gw-tap,
  html body.template-12 #header .navigation-in > ul > li > a.gw-tap > b,
  html body.template-12 #header .navigation-in > ul > li > a.gw-aktivni,
  html body.template-12 #header .navigation-in > ul > li > a.gw-aktivni > b{color:#009888!important}
}

/* mobilní vyhledávání – „Kocour doporučuje“ jako posuvný pás všech produktů (prstem do strany) */
@media(max-width:1199px){
  html body.template-12 .search-window .search .recommended-products{
    display:flex!important;flex-wrap:nowrap!important;gap:12px!important;overflow-x:auto!important;overflow-y:hidden!important;
    scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:4px 2px 12px!important;position:relative!important;height:auto!important;
  }
  html body.template-12 .search-window .search .recommended-products::-webkit-scrollbar{display:none}
  html body.template-12 .search-window .search .recommended-products > .row{display:contents!important}
  html body.template-12 .search-window .search .recommended-products > .row > [class*="col-"]{
    display:block!important;flex:0 0 70%!important;width:auto!important;max-width:none!important;scroll-snap-align:center;
    position:static!important;transform:none!important;opacity:1!important;visibility:visible!important;left:auto!important;
  }
  html body.template-12 .search-window .search .recommended-products > .browse,
  html body.template-12 .search-window .search .recommended-products > .indicator{display:none!important}
  html body.template-12 .search-window .search .recommended-products a.recommended-product{max-width:none!important;height:100%!important;box-sizing:border-box!important}
  html body.template-12 .search-window .search .recommended-products a.recommended-product img{width:90px!important;height:90px!important}
}

/* panel „Kocour doporučuje“: na mobilu obyčejný blok, na PC rozbalovací panel pod polem hledání */
@media(max-width:1199px){
  html body.template-12 .search-window .gw-sd-panel{display:block!important;position:static!important}
  html body.template-12 .search-window .gw-sd-zavrit{display:none!important}
}
@media(min-width:1200px){
  html body.template-12 .search-window .gw-sd-panel{display:none!important}
  html body.template-12.gw-sd-open .search-window .gw-sd-panel{
    display:block!important;position:absolute!important;top:56px!important;right:-120px!important;width:min(880px,90vw)!important;box-sizing:border-box!important;
    background:#fff!important;border-radius:22px!important;padding:22px 24px 24px!important;box-shadow:0 20px 50px rgba(44,36,32,.22)!important;z-index:1003!important;
  }
  html body.template-12.gw-sd-open .search-window .gw-sd-panel > h3{
    display:block!important;font-size:0!important;line-height:0!important;margin:0 40px 16px 0!important;padding:0!important;text-align:left!important;border:0!important;
  }
  html body.template-12.gw-sd-open .search-window .gw-sd-panel > h3::after{content:"🐾 Kocour doporučuje";display:block;font:400 28px/1.1 'Bebas Neue',sans-serif;letter-spacing:.5px;color:#3C1F0F}
  html body.template-12.gw-sd-open .search-window .gw-sd-panel .recommended-products{
    display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important;height:auto!important;overflow:visible!important;position:static!important;margin:0!important;padding:0!important;
  }
  html body.template-12.gw-sd-open .search-window .gw-sd-panel .recommended-products > .row{display:contents!important}
  html body.template-12.gw-sd-open .search-window .gw-sd-panel .recommended-products > .row > [class*="col-"]{
    display:block!important;width:auto!important;max-width:none!important;float:none!important;padding:0!important;margin:0!important;position:static!important;transform:none!important;opacity:1!important;visibility:visible!important;
  }
  html body.template-12.gw-sd-open .search-window .gw-sd-panel .recommended-products > .browse,
  html body.template-12.gw-sd-open .search-window .gw-sd-panel .recommended-products > .indicator{display:none!important}
  html body.template-12.gw-sd-open .search-window .gw-sd-panel a.recommended-product{
    display:flex!important;flex-direction:column;align-items:center;gap:8px;height:100%;box-sizing:border-box;padding:14px 10px!important;
    background:#fff!important;border:1px solid #EFE7DD!important;border-radius:16px!important;text-decoration:none!important;transition:transform .2s,border-color .2s,box-shadow .2s;
  }
  html body.template-12.gw-sd-open .search-window .gw-sd-panel a.recommended-product:hover{transform:translateY(-3px);border-color:#00A896!important;box-shadow:0 8px 20px rgba(44,36,32,.10)}
  html body.template-12.gw-sd-open .search-window .gw-sd-panel a.recommended-product img{width:90px!important;height:90px!important;object-fit:contain!important;border-radius:10px}
  html body.template-12.gw-sd-open .search-window .gw-sd-panel a.recommended-product .p-bottom{display:flex!important;flex-direction:column;align-items:center;gap:6px;width:100%;text-align:center!important}
  html body.template-12.gw-sd-open .search-window .gw-sd-panel a.recommended-product .name{
    display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
    font:700 13px/1.35 'DM Sans',sans-serif!important;text-transform:none!important;color:#3C1F0F!important;text-align:center!important;
  }
  html body.template-12.gw-sd-open .search-window .gw-sd-panel a.recommended-product:hover .name{color:#009888!important}
  html body.template-12.gw-sd-open .search-window .gw-sd-panel a.recommended-product .price{display:block!important;font:400 22px/1 'Bebas Neue',sans-serif!important;letter-spacing:.5px;color:#3C1F0F!important}
  html body.template-12.gw-sd-open .search-window .gw-sd-zavrit{
    position:absolute;top:16px;right:16px;width:36px;height:36px;border:0;border-radius:50%;cursor:pointer;padding:0;
    background:#F8F4EE url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233C1F0F' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6 6 18'/%3E%3C/svg%3E") center/16px no-repeat;
  }
  html body.template-12.gw-sd-open .search-window .gw-sd-zavrit:hover{background-color:#FDEEE6}
}

/* =========================================================
   NAŠEPTÁVAČ VYHLEDÁVÁNÍ (.search-whisperer) – PC i mobil
   (display se nemění – Shoptet ho sám zobrazuje/skrývá)
   ========================================================= */
html body.template-12 .search-whisperer{
  background:#fff!important;border:0!important;border-radius:20px!important;box-shadow:0 18px 44px rgba(44,36,32,.2)!important;
  padding:12px!important;box-sizing:border-box!important;max-height:72vh;overflow-y:auto!important;overflow-x:hidden!important;
  scrollbar-width:thin;scrollbar-color:#E6DCCF transparent;font-family:'DM Sans',sans-serif!important;
}
html body.template-12 .search-whisperer::-webkit-scrollbar{width:8px}
html body.template-12 .search-whisperer::-webkit-scrollbar-thumb{background:#E6DCCF;border-radius:8px}
@media(min-width:1200px){
  html body.template-12 .search-window .search-whisperer{position:absolute!important;top:54px!important;right:-120px!important;left:auto!important;width:min(560px,90vw)!important;z-index:1004!important}
}
/* kategorie a značky jako štítky */
html body.template-12 .search-whisperer > .search-whisperer-documents:not(.text-center){display:flex!important;flex-wrap:wrap!important;gap:6px!important;padding:2px 2px 12px!important;margin:0 0 6px!important;border-bottom:1px solid #F1EAE0!important}
html body.template-12 .search-whisperer > .search-whisperer-documents:not(.text-center):empty{display:none!important}
html body.template-12 .search-whisperer a.search-whisperer-document:not(.whisperer-trigger){
  display:inline-flex!important;align-items:center;gap:6px;padding:6px 12px!important;margin:0!important;border:0!important;border-radius:999px!important;
  background:#F8F4EE!important;color:#3C1F0F!important;font:700 13px/1.2 'DM Sans',sans-serif!important;text-decoration:none!important;transition:background .15s,color .15s;width:auto!important;
}
html body.template-12 .search-whisperer a.search-whisperer-document:not(.whisperer-trigger):hover{background:#00A896!important;color:#fff!important}
html body.template-12 .search-whisperer a.search-whisperer-category em{display:none!important}
html body.template-12 .search-whisperer a.search-whisperer-document:not(.search-whisperer-category):not(.whisperer-trigger){background:#E6F4F2!important;color:#007A6D!important}
html body.template-12 .search-whisperer a.search-whisperer-document:not(.search-whisperer-category):not(.whisperer-trigger):hover{background:#00A896!important;color:#fff!important}
html body.template-12 .search-whisperer a.search-whisperer-document em{font:400 11px/1 'DM Sans',sans-serif!important;font-style:normal!important;text-transform:uppercase;letter-spacing:.4px;opacity:.75}
html body.template-12 .search-whisperer a.search-whisperer-document::before,html body.template-12 .search-whisperer a.search-whisperer-document em::before{content:none!important;display:none!important}
/* produkty */
html body.template-12 .search-whisperer ul.search-whisperer-products{list-style:none!important;margin:0!important;padding:0!important}
html body.template-12 .search-whisperer ul.search-whisperer-products > li{margin:0!important;padding:0!important;border:0!important;list-style:none!important}
html body.template-12 .search-whisperer ul.search-whisperer-products > li::before{content:none!important;display:none!important}
html body.template-12 .search-whisperer ul.search-whisperer-products > li > a{
  display:grid!important;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px 10px!important;margin:0!important;
  border:0!important;border-radius:14px!important;background:transparent!important;text-decoration:none!important;transition:background .15s;
}
html body.template-12 .search-whisperer ul.search-whisperer-products > li > a:hover{background:#F8F4EE!important}
html body.template-12 .search-whisperer .search-whisperer-image{display:flex!important;align-items:center;justify-content:center;width:56px!important;height:56px!important;margin:0!important;padding:0!important;background:#fff;border:1px solid #EFE7DD;border-radius:12px;overflow:hidden}
html body.template-12 .search-whisperer .search-whisperer-image img{width:100%!important;height:100%!important;max-width:none!important;object-fit:contain!important;margin:0!important}
html body.template-12 .search-whisperer .p-info{display:flex!important;flex-direction:column;gap:4px;min-width:0;margin:0!important;padding:0!important}
html body.template-12 .search-whisperer .p-name{
  display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal!important;
  font:700 14px/1.3 'DM Sans',sans-serif!important;color:#3C1F0F!important;margin:0!important;transition:color .15s;
}
html body.template-12 .search-whisperer ul.search-whisperer-products > li > a:hover .p-name{color:#009888!important}
html body.template-12 .search-whisperer .p-availability,html body.template-12 .search-whisperer .p-availability-inner{display:block!important;margin:0!important;padding:0!important}
html body.template-12 .search-whisperer .availability-label{
  display:inline-flex!important;align-items:center;gap:5px;padding:2px 9px 2px 7px!important;border-radius:999px;
  background:color-mix(in srgb,currentColor 13%,transparent)!important;font:700 11.5px/1.4 'DM Sans',sans-serif!important;
}
html body.template-12 .search-whisperer .availability-label::before{content:"";display:block;width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}
html body.template-12 .search-whisperer .availability-label span{border:0!important;text-decoration:none!important;color:inherit!important;font:inherit!important}
html body.template-12 .search-whisperer .price{font:400 20px/1 'Bebas Neue',sans-serif!important;letter-spacing:.5px!important;color:#3C1F0F!important;white-space:nowrap!important;margin:0!important;padding:0!important}
/* Zobrazit všechny výsledky = tyrkysová pilulka */
html body.template-12 .search-whisperer > .search-whisperer-documents.text-center{display:block!important;padding:10px 2px 2px!important;margin:6px 0 0!important;border-top:1px solid #F1EAE0!important}
html body.template-12 .search-whisperer a.whisperer-trigger{
  display:flex!important;align-items:center;justify-content:center;height:44px;padding:0 20px!important;margin:0!important;border:0!important;border-radius:999px!important;
  background:#00A896!important;color:#fff!important;font:700 14px/1 'DM Sans',sans-serif!important;text-decoration:none!important;transition:background .2s;
}
html body.template-12 .search-whisperer a.whisperer-trigger::after{content:" →";white-space:pre}
html body.template-12 .search-whisperer a.whisperer-trigger:hover{background:#3C1F0F!important}
@media(max-width:767px){
  html body.template-12 .search-whisperer{max-height:62vh;padding:10px!important}
  html body.template-12 .search-whisperer ul.search-whisperer-products > li > a{grid-template-columns:48px minmax(0,1fr) auto;gap:10px;padding:8px 6px!important}
  html body.template-12 .search-whisperer .search-whisperer-image{width:48px!important;height:48px!important}
  html body.template-12 .search-whisperer .p-name{font-size:13px!important}
  html body.template-12 .search-whisperer .price{font-size:18px!important}
}
/* „Zobrazit všechny výsledky“ vždy vidět dole i při posouvání */
html body.template-12 .search-whisperer > .search-whisperer-documents.text-center{position:sticky!important;bottom:-12px!important;background:#fff!important;padding-bottom:12px!important;margin-bottom:-12px!important;z-index:2}
/* panel „Kocour doporučuje“ na PC užší (3 sloupce) a nadpis zarovnaný s první kartou */
@media(min-width:1200px){
  html body.template-12.gw-sd-open .search-window .gw-sd-panel{width:max-content!important;max-width:90vw!important;padding:20px 22px 22px!important}
  html body.template-12.gw-sd-open .search-window .gw-sd-panel .recommended-products{grid-template-columns:repeat(3,160px)!important;justify-content:start!important;width:max-content!important}
  html body.template-12.gw-sd-open .search-window .gw-sd-panel > h3{margin:4px 50px 14px 0!important}
}
/* oprava: neviditelné pomocné prvky řádků šablony (.row::before/::after) zabíraly v mřížce místo → díry mezi produkty */
html body.template-12 .search-window .recommended-products > .row::before,
html body.template-12 .search-window .recommended-products > .row::after,
html body.template-12 .search-window .recommended-products::before,
html body.template-12 .search-window .recommended-products::after{content:none!important;display:none!important}

/* detail produktu: varianty jako pilulky (původní select schovaný, ale funkční) */
html body.template-12 select.gw-var-skryty{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;margin:0!important;padding:0!important;border:0!important}
html body.template-12 .gw-var-pilulky{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin:0!important}
html body.template-12 .gw-var-pilulka{
  display:inline-flex;align-items:center;justify-content:center;min-width:56px;height:42px;padding:0 18px;margin:0;cursor:pointer;
  border:2px solid #E6DCCF!important;border-radius:999px!important;background:#fff!important;color:#3C1F0F!important;
  font:700 15px/1 'DM Sans',sans-serif!important;text-transform:none!important;box-shadow:none!important;transition:border-color .15s,background .15s,color .15s,transform .15s;
}
html body.template-12 .gw-var-pilulka:hover:not(:disabled):not(.gw-var-aktivni){border-color:#00A896!important;color:#009888!important;transform:translateY(-1px)}
html body.template-12 .gw-var-pilulka.gw-var-aktivni{background:#00A896!important;border-color:#00A896!important;color:#fff!important;box-shadow:0 6px 14px rgba(0,168,150,.22)!important}
html body.template-12 .gw-var-pilulka:disabled{opacity:.45;cursor:not-allowed;text-decoration:line-through}
html body.template-12 .gw-var-pilulka:focus-visible{outline:2px solid #00A896;outline-offset:2px}
html body.template-12 tr.variant-list th label{font:700 13px/1.3 'DM Sans',sans-serif!important;text-transform:uppercase;letter-spacing:.5px;color:#3C1F0F!important}
html body.template-12 tr.variant-list > td,html body.template-12 tr.variant-list > th{vertical-align:middle!important;padding-top:10px!important;padding-bottom:10px!important}

/* „Zeptat se kocoura“ – vlastní ikonka bubliny přesně na střed (fontová ikonka Shoptetu „poskakovala“) */
html body.template-12 .p-param-block .link-icon.chat{gap:8px!important;line-height:1!important;height:44px!important;box-sizing:border-box!important;padding:0 20px 0 16px!important}
html body.template-12 .p-param-block .link-icon.chat::before{
  content:""!important;display:block!important;flex:none;width:18px!important;height:18px!important;margin:0!important;position:static!important;transform:none!important;font-size:0!important;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12a8 8 0 0 1-11.6 7.1L4 20.5l1.4-4.6A8 8 0 1 1 21 12z'/%3E%3C/svg%3E") center/18px no-repeat!important;
}
html body.template-12 .p-param-block .link-icon.chat span{display:flex!important;align-items:center;line-height:1!important}
html body.template-12 .p-param-block .link-icon.chat span::after{line-height:1!important}

/* =========================================================
   OKNO „Dotaz na prodejce“ (Zeptat se kocoura) – colorbox s #formProductQuestion
   ========================================================= */
html body #colorbox:has(#formProductQuestion),html body #colorbox:has(#formProductQuestion) #cboxWrapper,html body #colorbox:has(#formProductQuestion) #cboxWrapper > div,
html body #colorbox:has(#formProductQuestion) #cboxContent,html body #colorbox:has(#formProductQuestion) #cboxLoadedContent{height:auto!important;max-height:none!important;overflow:visible!important}
html body #colorbox:has(#formProductQuestion) #cboxWrapper{background:transparent!important}
html body #colorbox:has(#formProductQuestion) #cboxContent{background:#F8F4EE!important;border-radius:24px!important;box-shadow:0 24px 60px rgba(0,0,0,.35)!important;border:0!important;max-width:calc(100vw - 32px)}
html body #colorbox:has(#formProductQuestion) #cboxLoadedContent{background:transparent!important;border:0!important;margin:0!important}
html body #colorbox:has(#formProductQuestion) .content-modal{padding:30px 28px 26px!important;margin:0!important;background:transparent!important}
/* nadpis v tykání */
html body #colorbox:has(#formProductQuestion) .content-modal > h1{font-size:0!important;line-height:0!important;margin:0 44px 6px 0!important;padding:0!important}
html body #colorbox:has(#formProductQuestion) .content-modal > h1::after{content:"Napiš nám";display:block;font:400 34px/1.05 'Bebas Neue',sans-serif;letter-spacing:.5px;color:#3C1F0F}
html body #colorbox:has(#formProductQuestion) .content-modal > h1::before{content:"Napiš, co tě zajímá – co nejdřív ti odpovíme e-mailem.";display:block;order:2;font:400 15px/1.5 'DM Sans',sans-serif;color:#5a4f49;margin:0}
html body #colorbox:has(#formProductQuestion) .content-modal > h1{display:flex!important;flex-direction:column;gap:8px;margin-bottom:18px!important}
html body #colorbox:has(#formProductQuestion) .content-modal > h1::after{order:1}
html body #colorbox:has(#formProductQuestion) fieldset{border:0!important;margin:0!important;padding:0!important}
html body #colorbox:has(#formProductQuestion) .form-legend{font-size:12px!important;color:#8a7d74!important;margin:0 0 10px!important;text-align:left!important}
html body #colorbox:has(#formProductQuestion) .form-group{margin:0 0 14px!important}
html body #colorbox:has(#formProductQuestion) .form-group > label{
  position:static!important;display:block!important;transform:none!important;margin:0 0 6px!important;padding:0!important;background:none!important;
  font:700 13px/1.3 'DM Sans',sans-serif!important;color:#3C1F0F!important;opacity:1!important;
}
html body #colorbox:has(#formProductQuestion) .required-asterisk::after,html body #colorbox:has(#formProductQuestion) .required-asterisk::before{color:#E06D47!important}
html body #colorbox:has(#formProductQuestion) :is(input.form-control,textarea.form-control){
  width:100%!important;box-sizing:border-box!important;padding:12px 16px!important;border:2px solid #E6DCCF!important;background:#fff!important;
  font:400 15px/1.4 'DM Sans',sans-serif!important;color:#2C2420!important;box-shadow:none!important;outline:none!important;transition:border-color .15s!important;
}
html body #colorbox:has(#formProductQuestion) input.form-control{height:48px!important;border-radius:999px!important}
html body #colorbox:has(#formProductQuestion) textarea.form-control{border-radius:18px!important;min-height:130px;resize:vertical}
html body #colorbox:has(#formProductQuestion) :is(input.form-control,textarea.form-control):focus{border-color:#00A896!important}
html body #colorbox:has(#formProductQuestion) .consents .label{font:400 12.5px/1.5 'DM Sans',sans-serif!important;color:#6b5f58!important;margin:0!important}
html body #colorbox:has(#formProductQuestion) .consents .label a{color:#3C1F0F!important;text-decoration:underline!important}
html body #colorbox:has(#formProductQuestion) .submit-wrapper{margin:4px 0 0!important}
html body #colorbox:has(#formProductQuestion) .submit-wrapper button[type="submit"]{
  display:inline-flex!important;align-items:center;justify-content:center;width:100%!important;height:50px!important;min-height:0!important;padding:0 24px!important;
  border:0!important;border-radius:999px!important;background:#00A896!important;color:#fff!important;font-size:0!important;
  box-shadow:0 8px 18px rgba(0,168,150,.28)!important;transition:background .2s,transform .2s!important;cursor:pointer;
}
html body #colorbox:has(#formProductQuestion) .submit-wrapper button[type="submit"]::before{content:none!important;display:none!important}
html body #colorbox:has(#formProductQuestion) .submit-wrapper button[type="submit"]::after{content:"Odeslat dotaz";font:700 16px/1 'DM Sans',sans-serif;color:#fff;display:block!important;position:static!important;background:none!important;width:auto!important;height:auto!important}
html body #colorbox:has(#formProductQuestion) .submit-wrapper button[type="submit"]:hover{background:#3C1F0F!important;transform:translateY(-2px)}
/* zavírací křížek */
html body #colorbox:has(#formProductQuestion) #cboxClose{
  position:absolute!important;top:18px!important;right:18px!important;left:auto!important;bottom:auto!important;width:38px!important;height:38px!important;padding:0!important;margin:0!important;
  border:0!important;border-radius:50%!important;background:#fff!important;font-size:0!important;color:transparent!important;cursor:pointer;box-shadow:0 2px 8px rgba(44,36,32,.12)!important;text-indent:0!important;overflow:hidden;
}
html body #colorbox:has(#formProductQuestion) #cboxClose::before{content:"×"!important;display:block!important;position:static!important;font:400 26px/38px 'DM Sans',sans-serif!important;color:#3C1F0F!important;text-align:center;width:100%;background:none!important}
html body #colorbox:has(#formProductQuestion) #cboxClose::after{content:none!important;display:none!important}
html body #colorbox:has(#formProductQuestion) #cboxClose:hover{background:#FDEEE6!important}
@media(max-width:560px){html body #colorbox:has(#formProductQuestion) .content-modal{padding:24px 18px 20px!important}}
/* okno „Zeptej se kocoura“ na mobilu: přes šířku displeje (colorbox mu dával pevnou šířku → pole přečnívala) */
html body #colorbox:has(#formProductQuestion) .submit-wrapper button[type="submit"]::after{text-transform:none!important}
@media(max-width:767px){
  html body #colorbox:has(#formProductQuestion){left:12px!important;right:12px!important;width:auto!important;max-width:none!important}
  html body #colorbox:has(#formProductQuestion) #cboxWrapper,
  html body #colorbox:has(#formProductQuestion) #cboxWrapper > div,
  html body #colorbox:has(#formProductQuestion) #cboxContent,
  html body #colorbox:has(#formProductQuestion) #cboxLoadedContent{width:100%!important;max-width:100%!important;box-sizing:border-box!important;float:none!important}
  html body #colorbox:has(#formProductQuestion) #cboxMiddleLeft,
  html body #colorbox:has(#formProductQuestion) #cboxMiddleRight,
  html body #colorbox:has(#formProductQuestion) #cboxTopLeft,html body #colorbox:has(#formProductQuestion) #cboxTopCenter,html body #colorbox:has(#formProductQuestion) #cboxTopRight,
  html body #colorbox:has(#formProductQuestion) #cboxBottomLeft,html body #colorbox:has(#formProductQuestion) #cboxBottomCenter,html body #colorbox:has(#formProductQuestion) #cboxBottomRight{display:none!important}
  html body #colorbox:has(#formProductQuestion) .content-modal > h1::after{font-size:30px}
  html body #colorbox:has(#formProductQuestion) textarea.form-control{min-height:110px}
}
/* okno „Zeptej se kocoura“ i na počítači: užší (480 px), na střed, stejné okraje vlevo i vpravo */
html body #colorbox:has(#formProductQuestion) :is(#cboxWrapper,#cboxWrapper > div,#cboxContent,#cboxLoadedContent){width:100%!important;max-width:100%!important;box-sizing:border-box!important;float:none!important}
html body #colorbox:has(#formProductQuestion) :is(#cboxMiddleLeft,#cboxMiddleRight,#cboxTopLeft,#cboxTopCenter,#cboxTopRight,#cboxBottomLeft,#cboxBottomCenter,#cboxBottomRight){display:none!important}
html body #colorbox:has(#formProductQuestion) :is(.content-modal,form,fieldset,.form-group,.consents,.submit-wrapper){width:auto!important;max-width:100%!important;box-sizing:border-box!important;float:none!important}
@media(min-width:768px){
  html body #colorbox:has(#formProductQuestion){width:480px!important;max-width:calc(100vw - 32px)!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important}
}


/* patička „Sleduj nás“: na mobilu po návratu ze sociální sítě nezůstane ikonka tyrkysová (lepivý :hover/:focus na dotykových displejích) */
@media (hover:none){
  html body .gw-social a:is(:hover,:focus,:focus-visible):not(:active){background:#F4845F!important;background-color:#F4845F!important;color:#2C2420!important;transform:none!important;box-shadow:none!important;outline:none!important}
  html body .gw-social a:is(:hover,:focus,:focus-visible):not(:active) :is(i,svg,span){color:#2C2420!important}
  html body .gw-social a:active{background:#00A896!important;background-color:#00A896!important;color:#fff!important}
  html body .gw-social a:active :is(i,svg,span){color:#fff!important}
}

/* košík / objednávka: Shoptet tu nemá okno hledání → vlastní jednoduché hledání po klepnutí na lupu */
html body .gw-hk{position:fixed;inset:0;z-index:100000;background:#F8F4EE;padding:16px 16px 24px;box-sizing:border-box;overflow-y:auto;display:block;transform:translateX(100%);visibility:hidden;transition:transform .3s ease,visibility 0s linear .3s}
html body.gw-hk-open .gw-hk{transform:none;visibility:visible;transition:transform .3s ease,visibility 0s}
html body.gw-hk-open{overflow:hidden}
html body .gw-hk-in{max-width:640px;margin:0 auto}
html body .gw-hk-zpet{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 18px;border:0;border-radius:999px;background:#fff;color:#3C1F0F;font:700 14px/1 'DM Sans',sans-serif;cursor:pointer;box-shadow:0 2px 8px rgba(60,31,15,.08)}
html body .gw-hk-zpet:active{background:#E6F4F2;color:#007A6D}
html body .gw-hk-nadpis{font:400 36px/1.05 'Bebas Neue',sans-serif!important;letter-spacing:.5px;color:#3C1F0F!important;margin:22px 0 14px!important;padding:0!important;text-align:left}
html body .gw-hk-form{display:flex;gap:10px;align-items:center;margin:0}
html body .gw-hk-form input{flex:1 1 auto;min-width:0;height:52px;box-sizing:border-box;border:2px solid #E6DCCF;border-radius:999px;background:#fff;padding:0 20px;font:400 16px/1.2 'DM Sans',sans-serif;color:#2C2420;outline:none;-webkit-appearance:none;appearance:none}
html body .gw-hk-form input:focus{border-color:#00A896}
html body .gw-hk-form button{flex:0 0 52px;width:52px;height:52px;border:0;border-radius:50%;cursor:pointer;background:#F4845F url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.6' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-4-4'/%3E%3C/svg%3E") center/22px no-repeat;font-size:0}
html body .gw-hk-form button:active{background-color:#00A896}
html body .gw-hk-tip{font:400 14px/1.5 'DM Sans',sans-serif;color:#6b5f58;margin:14px 4px 0}

/* hlavička: lupa / panáček / košík po klepnutí tyrkysově bliknou (třídu gw-blik dává JS při pointerdown) */
html body :is(a[data-target="cart"],a.cart-count,a[data-target="search"],button[data-dialog-id="login"],button.top-nav-button-login).gw-blik:is(#gw1,*):is(#gw2,*):is(#gw3,*),
html body :is(a[data-target="cart"],a.cart-count,a[data-target="search"],button[data-dialog-id="login"],button.top-nav-button-login).gw-blik:is(#gw1,*):is(#gw2,*):is(#gw3,*)::before,
html body :is(a[data-target="cart"],a.cart-count,a[data-target="search"],button[data-dialog-id="login"],button.top-nav-button-login).gw-blik:is(#gw1,*):is(#gw2,*):is(#gw3,*)::after,
html body :is(a[data-target="cart"],a.cart-count,a[data-target="search"],button[data-dialog-id="login"],button.top-nav-button-login).gw-blik:is(#gw1,*):is(#gw2,*):is(#gw3,*) :is(i,span,svg)::before{color:#009888!important;transition:none!important}
html body :is(a[data-target="cart"],a.cart-count,a[data-target="search"],button[data-dialog-id="login"],button.top-nav-button-login).gw-blik:is(#gw1,*):is(#gw2,*):is(#gw3,*) svg :is(path,circle,rect,polygon){fill:#009888!important}

/* košík: „Zpět do obchodu“ vlevo nahoře (aside.sidebar-left > a.toggle-window-arr)
   – plný košík: schovat (dole je tlačítko Zpět do obchodu)
   – prázdný košík: stejné tlačítko jako dole (bílá pilulka s béžovým rámečkem) */
html body.ordering-process:has(.next-step-back) aside.sidebar-left > a.toggle-window-arr{display:none!important}
html body.ordering-process:not(:has(.next-step-back)) aside.sidebar-left > a.toggle-window-arr{
  display:inline-flex!important;align-items:center;gap:8px;width:auto!important;height:auto!important;min-height:48px;box-sizing:border-box;
  margin:8px 0 0!important;padding:0 24px!important;border:2px solid #E6DCCF!important;border-radius:999px!important;background:#fff!important;box-shadow:none!important;
  font:700 15px/1 'DM Sans',sans-serif!important;color:#3C1F0F!important;text-decoration:none!important;text-transform:none!important;letter-spacing:0!important;
  transition:border-color .15s,color .15s!important;position:relative!important;left:auto!important;top:auto!important}
html body.ordering-process:not(:has(.next-step-back)) aside.sidebar-left > a.toggle-window-arr::before{
  content:"←"!important;display:inline-block!important;position:static!important;font:700 16px/1 'DM Sans',sans-serif!important;color:inherit!important;
  width:auto!important;height:auto!important;margin:0!important;background:none!important;border:0!important;transform:none!important}
html body.ordering-process:not(:has(.next-step-back)) aside.sidebar-left > a.toggle-window-arr::after{content:none!important;display:none!important}
html body.ordering-process:not(:has(.next-step-back)) aside.sidebar-left > a.toggle-window-arr span{display:inline!important;font:inherit!important;color:inherit!important;margin:0 0 0 -4px!important;position:static!important}
html body.ordering-process:not(:has(.next-step-back)) aside.sidebar-left > a.toggle-window-arr:hover{border-color:#3C1F0F!important;color:#3C1F0F!important}

/* košík na PC: vypůjčené okno hledání (pro mobilní lupu) nesmí na PC vyskočit do lišty menu */
@media(min-width:1200px){html body .search-window.gw-pujcene.gw-pujcene-mimo{display:none!important}}

/* košík na PC: Shoptet tu schovává .navigation-buttons, které na ostatních stránkách drží v liště místo pro pole hledání
   → zobrazit je, ať menu uhne a vypůjčené pole se vejde vedle (stejně jako na titulní stránce) */
@media(min-width:1200px){
  html body.ordering-process #header .navigation-wrapper > .navigation-buttons{display:flex!important}
}
/* košík na PC: Shoptet tu schovává ikonku košíku → panáček se posunul na její místo a menu uhnulo jinak než na titulce.
   Ikonku zobrazíme, ať je lišta stejná jako všude jinde. */
@media(min-width:1200px){
  html body.ordering-process #header .navigation-wrapper > .navigation-buttons > a[data-target="cart"]{display:flex!important;visibility:visible!important;opacity:1!important}
}
/* košík na PC: než se vloží pole hledání, držet pro něj v liště místo (jako na titulce) → menu při načtení neposkočí */
@media(min-width:1200px){
  html body.ordering-process #header .navigation-wrapper > .navigation-buttons:not(:has(.search-window)){min-width:317px!important;justify-content:flex-end!important}
}

/* diskuze pod blogem: formulář přes celou šířku krémové karty → pole stejně daleko od levého i pravého okraje */
html body.template-12 .discussionContainer :is(form.discussion-form,form.discussion-form fieldset,.form-group,.form-legend,.submit-wrapper,.consents){width:100%!important;max-width:none!important;float:none!important;box-sizing:border-box!important;margin-left:0!important;margin-right:0!important}
html body.template-12 .discussionContainer form.discussion-form fieldset{border:0!important;padding:0!important;min-width:0!important}
html body.template-12 .discussionContainer :is(input.form-control,textarea.form-control){width:100%!important;max-width:none!important;box-sizing:border-box!important}
html body.template-12 .discussionContainer .form-legend{text-align:left!important}
/* diskuze: šířku formuláře omezuje ještě obal (Bootstrap sloupec / pevná šířka) → všechny obaly uvnitř karty na plnou šířku */
html body.template-12 .discussionContainer :is(div,form,fieldset):has(.form-control):not(.form-group){width:100%!important;max-width:none!important;flex:0 0 100%!important;float:none!important;box-sizing:border-box!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}
/* diskuze: pole stejně dlouhá jako předtím (~440 px) a krémová karta se zúží → stejný okraj vlevo i vpravo */
html body.template-12 .discussionContainer{max-width:488px!important;box-sizing:border-box!important}

/* newsletter: potvrzovací okno po přihlášení / „už odebíráš“ (JS .gw-nl-okno) */
html body .gw-nl-okno{position:fixed;inset:0;z-index:100001;background:rgba(44,36,32,.55);display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box;animation:gwNlFade .2s ease}
html body .gw-nl-karta{width:100%;max-width:420px;box-sizing:border-box;background:#F8F4EE;border-radius:24px;padding:30px 28px 26px;text-align:center;box-shadow:0 24px 60px rgba(0,0,0,.35);animation:gwNlIn .3s ease}
html body .gw-nl-ikona{width:64px;height:64px;margin:0 auto 14px;border-radius:50%;background:#E6F4F2 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23007A6D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='3'/%3E%3Cpath d='m4 7 8 6 8-6'/%3E%3C/svg%3E") center/30px no-repeat}
html body .gw-nl-nadpis{font:400 32px/1.05 'Bebas Neue',sans-serif!important;letter-spacing:.5px;color:#3C1F0F!important;margin:0 0 10px}
html body .gw-nl-text{font:400 15px/1.55 'DM Sans',sans-serif!important;color:#5a4f49!important;margin:0 0 20px!important;text-align:center!important}
html body .gw-nl-text strong{color:#3C1F0F!important;font-weight:700;word-break:break-all}
html body .gw-nl-ok{display:inline-flex;align-items:center;justify-content:center;min-width:160px;height:50px;padding:0 28px;border:0;border-radius:999px;background:#00A896;color:#fff;font:700 16px/1 'DM Sans',sans-serif;cursor:pointer;box-shadow:0 8px 20px rgba(0,168,150,.3);transition:background .15s,transform .15s}
html body .gw-nl-ok:hover{background:#3C1F0F;transform:translateY(-2px)}
@keyframes gwNlFade{from{opacity:0}to{opacity:1}}
@keyframes gwNlIn{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}
html body .gw-nl-ok:focus{outline:none}html body .gw-nl-ok:focus-visible{outline:3px solid rgba(0,168,150,.35);outline-offset:3px}
html body .gw-nl-tlacitka{display:flex;flex-direction:column;align-items:center;gap:10px}
html body .gw-nl-znovu{border:0;background:none;padding:4px 8px;font:700 14px/1.2 'DM Sans',sans-serif;color:#3C1F0F;text-decoration:underline;cursor:pointer}
html body .gw-nl-znovu:hover{color:#009888}

/* popisy kategorií: nadpisy karet v Bebas (globální DM Sans je přebíjel) a karty roztažené přes celou šířku */
html body .gw-p .gw-c-cards{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important}
html body .gw-p .gw-c-card b{font-family:'Bebas Neue',sans-serif!important;font-weight:400!important;font-size:22px!important;line-height:1.1!important;letter-spacing:.4px!important;color:#3C1F0F!important}
html body .gw-p .gw-c-card span{font-family:'DM Sans',sans-serif!important}

/* =========================================================
   ZÁKAZNICKÝ ÚČET (Klientské centrum) – design Growina
   scope: body:has(.client-center-box) – platí pro /klient/ i všechny podstránky
   ========================================================= */
/* --- levé menu účtu: krémová karta jako menu kategorií --- */
html body .client-center-box{background:#F8F4EE!important;border:0!important;border-radius:22px!important;padding:18px 12px 14px!important;box-shadow:none!important}
html body .client-center-box ul{list-style:none!important;margin:0!important;padding:0!important}
html body .client-center-box li{list-style:none!important;margin:0 0 2px!important;padding:0!important;border:0!important;background:none!important}
html body .client-center-box li::before,html body .client-center-box li::marker{content:none!important;display:none!important}
html body .client-center-box li > a{display:block!important;padding:9px 14px!important;border-radius:12px!important;color:#3C1F0F!important;font:600 15px/1.25 'DM Sans',sans-serif!important;text-decoration:none!important;transition:background-color .15s,color .15s,transform .15s!important}
html body .client-center-box li > a:hover{background:#E6F4F2!important;color:#007A6D!important;transform:translateX(3px)}
/* jméno zákazníka nahoře = hlavička karty s tlapkou */
html body .client-center-box li:first-child > a{display:flex!important;align-items:center;gap:10px;padding:0 8px 12px!important;margin:0 0 6px!important;border-radius:0!important;border-bottom:2px solid #E6DCCF!important;background:none!important;transform:none!important}
html body .client-center-box li:first-child > a::before{content:"";flex:0 0 38px;width:38px;height:38px;border-radius:50%;background:#00A896 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cellipse cx='6' cy='9' rx='2.2' ry='2.8'/%3E%3Cellipse cx='10' cy='5.2' rx='2.2' ry='2.8'/%3E%3Cellipse cx='14.5' cy='5.2' rx='2.2' ry='2.8'/%3E%3Cellipse cx='18.5' cy='9' rx='2.2' ry='2.8'/%3E%3Cpath d='M12.2 10.5c-3.2 0-6.2 4.3-6.2 6.8 0 1.9 1.5 2.7 3.1 2.7 1.3 0 2-.6 3.1-.6s1.8.6 3.1.6c1.6 0 3.1-.8 3.1-2.7 0-2.5-3-6.8-6.2-6.8z'/%3E%3C/svg%3E") center/20px no-repeat}
html body .client-center-box li:first-child > a strong{font:400 24px/1.05 'Bebas Neue',sans-serif!important;letter-spacing:.5px;color:#3C1F0F!important}
/* aktivní stránka = tyrkysová pilulka (kromě hlavičky se jménem) */
html body .client-center-box li.active:not(:first-child) > a{background:#00A896!important;color:#fff!important;box-shadow:0 6px 14px rgba(0,168,150,.25)!important;transform:none!important}
/* Odhlásit se = malá obrysová pilulka */
html body .client-center-box li.logout{margin:4px 0 10px!important;padding:0 8px!important}
html body .client-center-box li.logout > a.btn{display:inline-flex!important;align-items:center;gap:6px;width:auto!important;height:auto!important;padding:7px 16px!important;border:2px solid #E6DCCF!important;border-radius:999px!important;background:#fff!important;color:#3C1F0F!important;font:700 13px/1 'DM Sans',sans-serif!important;text-transform:none!important;box-shadow:none!important;transform:none!important}
html body .client-center-box li.logout > a.btn::before{content:"↩"!important;display:inline!important;position:static!important;font-size:13px}
html body .client-center-box li.logout > a.btn:hover{border-color:#E06D47!important;color:#E06D47!important;background:#fff!important}

/* --- obsah účtu: nadpisy --- */
html body:has(.client-center-box) #content h1{font:400 40px/1.05 'Bebas Neue',sans-serif!important;letter-spacing:.5px;color:#3C1F0F!important;margin:0 0 18px!important;text-align:left!important}
html body:has(.client-center-box) #content h2{font:400 26px/1.1 'Bebas Neue',sans-serif!important;letter-spacing:.5px;color:#3C1F0F!important;margin:22px 0 12px!important;text-align:left!important}

/* --- tabulky (objednávky, doklady…): zaoblená karta --- */
html body:has(.client-center-box) #content table.table{width:100%!important;border-collapse:separate!important;border-spacing:0!important;border:1px solid #eadfd3!important;border-radius:18px!important;overflow:hidden!important;background:#fff!important;margin:0 0 18px!important}
html body:has(.client-center-box) #content table.table th{background:#F8F4EE!important;border:0!important;padding:12px 14px!important;font:700 12px/1.2 'DM Sans',sans-serif!important;text-transform:uppercase!important;letter-spacing:.06em!important;color:#8a7d74!important;text-align:left}
html body:has(.client-center-box) #content table.table td{border:0!important;border-top:1px solid #F1EAE1!important;padding:14px!important;font:400 15px/1.35 'DM Sans',sans-serif!important;color:#2C2420!important;background:transparent!important;vertical-align:middle!important}
html body:has(.client-center-box) #content table.table tbody tr{background:#fff!important;transition:background-color .15s}
html body:has(.client-center-box) #content table.table tbody tr:hover{background:#F4FAF9!important}
html body:has(.client-center-box) #content table.table th.cell--price,html body:has(.client-center-box) #content table.table td.cell--price{text-align:right!important}
html body:has(.client-center-box) #content table.table td.cell--price strong{font:400 20px/1 'Bebas Neue',sans-serif!important;letter-spacing:.3px;color:#3C1F0F!important}
html body:has(.client-center-box) #content table.table td a{color:#007A6D!important;font-weight:700!important;text-decoration:none!important}
html body:has(.client-center-box) #content table.table td a:hover{color:#3C1F0F!important}
/* stav objednávky jako štítek */
html body:has(.client-center-box) #content .status{display:inline-block!important;padding:4px 12px!important;border-radius:999px!important;background:#E6F4F2!important;color:#007A6D!important;font:700 13px/1.3 'DM Sans',sans-serif!important;white-space:nowrap}
html body:has(.client-center-box) #content .status.status-4{background:#FDEEE6!important;color:#B9532F!important}

/* --- formuláře (osobní údaje, adresy, heslo): krémové karty --- */
html body:has(.client-center-box) #content fieldset.box,html body:has(.client-center-box) #content .co-box > fieldset{background:#F8F4EE!important;border:0!important;border-radius:20px!important;padding:24px 24px 10px!important;margin:0 0 18px!important;box-shadow:none!important}
html body:has(.client-center-box) #content fieldset.box h2,html body:has(.client-center-box) #content fieldset.box legend{margin-top:0!important}
html body:has(.client-center-box) #content .form-legend{font-size:12px!important;color:#8a7d74!important}
html body:has(.client-center-box) #content :is(input.form-control,select.form-control,textarea.form-control){border:2px solid #E6DCCF!important;border-radius:14px!important;background:#fff!important;box-shadow:none!important;color:#2C2420!important;font-family:'DM Sans',sans-serif!important;transition:border-color .15s!important}
html body:has(.client-center-box) #content :is(input.form-control,select.form-control,textarea.form-control):focus{border-color:#00A896!important;outline:none!important}
html body:has(.client-center-box) #content .required-asterisk::after{color:#E06D47!important}
/* tlačítka */
html body:has(.client-center-box) #content :is(.btn.btn-primary,button.btn-primary,input.btn-primary){display:inline-flex!important;align-items:center;justify-content:center;min-height:48px!important;padding:0 28px!important;border:0!important;border-radius:999px!important;background:#00A896!important;color:#fff!important;font:700 15px/1 'DM Sans',sans-serif!important;text-transform:none!important;box-shadow:0 8px 20px rgba(0,168,150,.25)!important;transition:background-color .15s,transform .15s!important}
html body:has(.client-center-box) #content :is(.btn.btn-primary,button.btn-primary,input.btn-primary):hover{background:#3C1F0F!important;transform:translateY(-2px)}
html body:has(.client-center-box) #content :is(.btn.btn-secondary,.btn.btn-default){display:inline-flex!important;align-items:center;justify-content:center;min-height:48px!important;padding:0 24px!important;border:2px solid #E6DCCF!important;border-radius:999px!important;background:#fff!important;color:#3C1F0F!important;font:700 15px/1 'DM Sans',sans-serif!important;text-transform:none!important;box-shadow:none!important}
html body:has(.client-center-box) #content :is(.btn.btn-secondary,.btn.btn-default):hover{border-color:#3C1F0F!important}
html body:has(.client-center-box) #content :is(.btn-primary,.btn-secondary,.btn-default)::before{content:none!important;display:none!important}

/* --- mobil: menu účtu (Shoptet ho na mobilu ukazuje nad obsahem) --- */
@media(max-width:991px){
  html body .client-center-box{margin:0 0 18px!important}
  html body:has(.client-center-box) #content h1{font-size:34px!important}
  html body:has(.client-center-box) #content fieldset.box{padding:20px 16px 6px!important}
}
/* mobil: levý sloupec je pod 992 px schovaný (responsive-core) – v účtu ale obsahuje menu účtu → vrátit ho nad obsah */
@media(max-width:991px){
  html body.template-12.multiple-columns-body:has(.client-center-box) #content-wrapper .sidebar,
  html body.template-12.multiple-columns-body:has(.client-center-box) #content-wrapper .sidebar-left{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;float:none!important;margin:0 0 4px!important;padding:0!important}
  html body.template-12:has(.client-center-box) .sidebar .box:not(.client-center-box){display:none!important}
}

/* =========================================================
   PŘIHLÁŠENÍ / REGISTRACE / ZAPOMENUTÉ HESLO – design Growina
   ========================================================= */
/* --- přihlášení: vycentrovaná krémová karta --- */
html body.in-login #content .content-inner{max-width:480px;margin:10px auto 30px!important;text-align:center}
html body.in-login #content h1{font:400 44px/1 'Bebas Neue',sans-serif!important;letter-spacing:.5px;color:#3C1F0F!important;margin:0 0 6px!important;text-align:center!important}
html body.in-login #content h1::after{content:"Vítej zpátky! Přihlas se a měj přehled o svých objednávkách 🌱";display:block;margin:8px 0 0;font:400 15px/1.5 'DM Sans',sans-serif;letter-spacing:0;color:#6b5f58}
html body.in-login #content form#formLogin{margin:20px auto 0!important;padding:28px 28px 22px!important;background:#F8F4EE!important;border-radius:24px!important;text-align:left!important}
html body.in-login #content form#formLogin .form-group{margin:0 0 16px!important}
html body.in-login #content form#formLogin .form-group > label{position:static!important;display:block!important;transform:none!important;margin:0 0 6px!important;padding:0!important;background:none!important;font:700 13px/1.3 'DM Sans',sans-serif!important;color:#3C1F0F!important;opacity:1!important}
html body.in-login #content form#formLogin input.form-control{width:100%!important;height:50px!important;box-sizing:border-box!important;padding:0 18px!important;border:2px solid #E6DCCF!important;border-radius:999px!important;background:#fff!important;box-shadow:none!important;font:400 15px/1.2 'DM Sans',sans-serif!important;color:#2C2420!important;transition:border-color .15s!important}
html body.in-login #content form#formLogin input.form-control:focus{border-color:#00A896!important;outline:none!important}
html body.in-login #content form#formLogin .submit-wrapper{margin:6px 0 0!important}
html body.in-login #content form#formLogin .submit-wrapper .btn{display:flex!important;align-items:center;justify-content:center;width:100%!important;height:52px!important;padding:0 24px!important;border:0!important;border-radius:999px!important;background:#00A896!important;color:#fff!important;font:700 16px/1 'DM Sans',sans-serif!important;text-transform:none!important;letter-spacing:0!important;box-shadow:0 8px 20px rgba(0,168,150,.28)!important;transition:background-color .15s,transform .15s!important}
html body.in-login #content form#formLogin .submit-wrapper .btn:hover{background:#3C1F0F!important;transform:translateY(-2px)}
html body.in-login #content form#formLogin .submit-wrapper .btn::before{content:none!important;display:none!important}
/* odkazy pod formulářem: registrace jako obrysové tlačítko, zapomenuté heslo jako odkaz */
html body.in-login #content p.alternative-links{display:flex!important;flex-direction:column;align-items:center;gap:12px;margin:18px 0 0!important;padding:16px 0 0!important;border-top:2px solid #E6DCCF!important;text-align:center!important}
html body.in-login #content p.alternative-links a{font:700 14px/1.2 'DM Sans',sans-serif!important;color:#3C1F0F!important;text-decoration:none!important}
html body.in-login #content p.alternative-links a:first-child{display:flex!important;align-items:center;justify-content:center;width:100%;height:48px;border:2px solid #E6DCCF;border-radius:999px;background:#fff;transition:border-color .15s}
html body.in-login #content p.alternative-links a:first-child::before{content:"Nemáš účet? ";font-weight:400;color:#6b5f58;margin-right:4px}
html body.in-login #content p.alternative-links a:first-child:hover{border-color:#3C1F0F!important}
html body.in-login #content p.alternative-links a:last-child{font-weight:500!important;color:#6b5f58!important;text-decoration:underline!important;text-underline-offset:3px}
html body.in-login #content p.alternative-links a:last-child:hover{color:#007A6D!important}
html body.in-login #content p.alternative-links br{display:none}

/* --- registrace a zapomenuté heslo: stejné karty a pole jako v účtu --- */
html body:is(.in-registrace,.in-zapomenute-heslo) #content h1{font:400 40px/1.05 'Bebas Neue',sans-serif!important;letter-spacing:.5px;color:#3C1F0F!important;margin:0 0 18px!important;text-align:left!important}
html body:is(.in-registrace,.in-zapomenute-heslo) #content h2{font:400 26px/1.1 'Bebas Neue',sans-serif!important;letter-spacing:.5px;color:#3C1F0F!important;margin:0 0 12px!important;text-align:left!important}
html body:is(.in-registrace,.in-zapomenute-heslo) #content fieldset.box{background:#F8F4EE!important;border:0!important;border-radius:20px!important;padding:24px 24px 10px!important;margin:0 0 18px!important;box-shadow:none!important}
html body:is(.in-registrace,.in-zapomenute-heslo) #content form:not(:has(fieldset)){padding:24px!important;background:#F8F4EE!important;border-radius:20px!important;max-width:560px}
html body:is(.in-registrace,.in-zapomenute-heslo) #content .form-legend{font-size:12px!important;color:#8a7d74!important}
html body:is(.in-registrace,.in-zapomenute-heslo) #content :is(input.form-control,select.form-control,textarea.form-control){border:2px solid #E6DCCF!important;border-radius:14px!important;background:#fff!important;box-shadow:none!important;color:#2C2420!important;font-family:'DM Sans',sans-serif!important}
html body:is(.in-registrace,.in-zapomenute-heslo) #content :is(input.form-control,select.form-control,textarea.form-control):focus{border-color:#00A896!important;outline:none!important}
html body:is(.in-registrace,.in-zapomenute-heslo) #content .required-asterisk::after{color:#E06D47!important}
/* typ zákazníka: volby jako bílé dlaždice, vybraná tyrkysová */
html body.in-registrace #content .co-registration .form-group:has(> input.radio){position:relative;margin:0 0 10px!important}
html body.in-registrace #content .co-registration .form-group > input.radio + label{display:block!important;padding:14px 16px 14px 46px!important;border:2px solid #E6DCCF!important;border-radius:14px!important;background:#fff!important;cursor:pointer;transition:border-color .15s,background-color .15s}
html body.in-registrace #content .co-registration .form-group > input.radio:checked + label{border-color:#00A896!important;background:#F4FAF9!important}
html body.in-registrace #content .co-registration .form-group > input.radio + label strong{color:#3C1F0F!important;font:700 15px/1.3 'DM Sans',sans-serif!important}
/* tlačítka */
html body:is(.in-registrace,.in-zapomenute-heslo) #content :is(.btn.btn-primary,button.btn-primary){display:inline-flex!important;align-items:center;justify-content:center;min-height:50px!important;padding:0 30px!important;border:0!important;border-radius:999px!important;background:#00A896!important;color:#fff!important;font:700 16px/1 'DM Sans',sans-serif!important;text-transform:none!important;box-shadow:0 8px 20px rgba(0,168,150,.25)!important;transition:background-color .15s,transform .15s!important}
html body:is(.in-registrace,.in-zapomenute-heslo) #content :is(.btn.btn-primary,button.btn-primary):hover{background:#3C1F0F!important;transform:translateY(-2px)}
html body:is(.in-registrace,.in-zapomenute-heslo) #content :is(.btn.btn-secondary,.btn.btn-default){display:inline-flex!important;align-items:center;justify-content:center;min-height:50px!important;padding:0 24px!important;border:2px solid #E6DCCF!important;border-radius:999px!important;background:#fff!important;color:#3C1F0F!important;font:700 15px/1 'DM Sans',sans-serif!important;text-transform:none!important;box-shadow:none!important}
html body:is(.in-registrace,.in-zapomenute-heslo) #content :is(.btn-primary,.btn-secondary,.btn-default)::before{content:none!important;display:none!important}
@media(max-width:600px){
  html body.in-login #content form#formLogin{padding:22px 18px 18px!important}
  html body.in-login #content h1{font-size:38px!important}
  html body:is(.in-registrace,.in-zapomenute-heslo) #content fieldset.box{padding:20px 16px 6px!important}
}
/* předvyplněná pole (automatické vyplňování prohlížeče) bez modrého podkladu */
html body:is(.in-login,.in-registrace,.in-zapomenute-heslo,:has(.client-center-box)) #content input.form-control:-webkit-autofill{-webkit-box-shadow:0 0 0 60px #fff inset!important;box-shadow:0 0 0 60px #fff inset!important;-webkit-text-fill-color:#2C2420!important}

/* klientské centrum – Nastavení účtu: pryč šedé ohraničení kolem krémových karet (Shoptet .co-box) */
html body:has(.client-center-box) #content .co-box:not(fieldset){border:0!important;padding:0!important;background:transparent!important;box-shadow:none!important}

/* ---------- REGISTRACE – doladění (8. 10. 2026) ---------- */
/* pryč šedé ohraničení Shoptetího .co-box kolem krémových karet */
html body.in-registrace #content div.co-box{border:0!important;padding:0!important;background:transparent!important;box-shadow:none!important}
/* typ zákazníka: kolečko uvnitř dlaždice, svisle na střed */
html body.in-registrace #content .co-registration .form-group > input.radio + label{position:relative!important;display:flex!important;flex-wrap:wrap;align-items:center;column-gap:6px;min-height:54px;padding:12px 16px 12px 48px!important;text-align:left!important;font:400 14px/1.4 'DM Sans',sans-serif!important;color:#6b5f58!important}
html body.in-registrace #content .co-registration .form-group > input.radio + label::before{left:16px!important;top:50%!important;width:20px!important;height:20px!important;margin:0!important;border:2px solid #E6DCCF!important;border-radius:50%!important;background:#fff!important;transform:translateY(-50%)!important;box-sizing:border-box!important;transition:border-color .15s}
html body.in-registrace #content .co-registration .form-group > input.radio + label::after{left:21px!important;top:50%!important;width:10px!important;height:10px!important;margin:0!important;border:0!important;border-radius:50%!important;background:#00A896!important;transform:translateY(-50%) scale(0)!important;opacity:1!important;transition:transform .15s}
html body.in-registrace #content .co-registration .form-group > input.radio:checked + label::before{border-color:#00A896!important}
html body.in-registrace #content .co-registration .form-group > input.radio:checked + label::after{transform:translateY(-50%) scale(1)!important}
html body.in-registrace #content .co-registration .form-group > input.radio + label:hover{border-color:#00A896!important}
/* newsletter + potvrzení: nadpisy s odstupem, texty zarovnané vlevo */
html body.in-registrace #content form > h2,html body.in-registrace #content form > fieldset:not(.box) > h2{margin:26px 0 12px!important;text-align:left!important}
html body.in-registrace #content form :is(fieldset.stay-in-touch,fieldset:not(.box)){margin:0!important;padding:0!important;border:0!important;text-align:left!important}
html body.in-registrace #content form :is(fieldset.stay-in-touch,fieldset:not(.box)) :is(p,div,label){text-align:left!important}
/* zaškrtávátka v barvách Growina, zarovnaná na první řádek textu */
html body.in-registrace #content form .form-group > input[type="checkbox"] + label{position:relative!important;display:block!important;padding:0 0 0 32px!important;margin:0 0 10px!important;font:400 14.5px/1.5 'DM Sans',sans-serif!important;color:#2C2420!important;cursor:pointer}
html body.in-registrace #content form .form-group > input[type="checkbox"] + label::before{left:0!important;top:1px!important;width:20px!important;height:20px!important;margin:0!important;border:2px solid #E6DCCF!important;border-radius:6px!important;background:#fff!important;transform:none!important;box-sizing:border-box!important;transition:background-color .15s,border-color .15s}
html body.in-registrace #content form .form-group > input[type="checkbox"] + label::after{content:""!important;position:absolute!important;left:7px!important;top:4px!important;width:6px!important;height:11px!important;margin:0!important;border:solid #fff!important;border-width:0 2.5px 2.5px 0!important;background:none!important;transform:rotate(45deg)!important;opacity:0!important;transition:opacity .15s}
html body.in-registrace #content form .form-group > input[type="checkbox"]:checked + label::before{background:#00A896!important;border-color:#00A896!important}
html body.in-registrace #content form .form-group > input[type="checkbox"]:checked + label::after{opacity:1!important}
html body.in-registrace #content form .form-group > input[type="checkbox"] + label a{color:#007A6D!important;text-decoration:underline!important}
html body.in-registrace #content form :is(p,.form-group,label){text-align:left!important}
html body.in-registrace #content form p.form-legend{text-align:right!important;margin:-6px 0 4px!important}

/* ---------- IKONY V LIŠTĚ: tyrkysová = „jsi tady“ (8. 10. 2026) ----------
   panáček po přihlášení (Shoptet ho vymění za a.top-nav-button-account) = tyrkysové kolečko
   košík na stránkách košíku / objednávky = tyrkysové kolečko */
html body #header .navigation-buttons .top-nav-button-account{position:relative!important;border:0!important;box-shadow:none!important;background-color:transparent!important}
html body #header .navigation-buttons .top-nav-button-account::after{content:""!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:40px!important;height:40px!important;border-radius:50%!important;z-index:-1!important;pointer-events:none!important}
html body #header .navigation-buttons .top-nav-button-account::before{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;margin:0!important;padding:0!important;line-height:1!important;width:auto!important;height:auto!important}
@media(max-width:991px){html body #header .navigation-buttons .top-nav-button-account::after{width:38px!important;height:38px!important}}
@media(max-width:520px){html body #header .navigation-buttons .top-nav-button-account::after{width:34px!important;height:34px!important}}
html body #header .navigation-buttons .top-nav-button-account::after,
html body:is(.ordering-process,.in-kosik) #header .navigation-buttons [data-target="cart"]::after{background:#00A896!important;transition:background-color .15s ease!important}
html body #header .navigation-buttons .top-nav-button-account::before,
html body:is(.ordering-process,.in-kosik) #header .navigation-buttons [data-target="cart"]::before{color:#fff!important}
/* najetí myší / ťuknutí: kolečko ztmavne, ikona zůstane bílá */
@media(hover:hover) and (pointer:fine){
html body #header .navigation-buttons .top-nav-button-account:is(:hover,:focus-visible)::after,
html body:is(.ordering-process,.in-kosik) #header .navigation-buttons [data-target="cart"]:is(:hover,:focus-visible)::after{background:#007A6D!important}
}
html body #header .navigation-buttons .top-nav-button-account.gw-blik:is(#gw1,*):is(#gw2,*):is(#gw3,*)::after,
html body:is(.ordering-process,.in-kosik) #header .navigation-buttons [data-target="cart"].gw-blik:is(#gw1,*):is(#gw2,*):is(#gw3,*)::after{background:#007A6D!important}
html body #header .navigation-buttons .top-nav-button-account.gw-blik:is(#gw1,*):is(#gw2,*):is(#gw3,*)::before,
html body:is(.ordering-process,.in-kosik) #header .navigation-buttons :is(a[data-target="cart"],a.cart-count).gw-blik:is(#gw1,*):is(#gw2,*):is(#gw3,*):is(#gw4,*)::before{color:#fff!important}

/* menu účtu: pryč „Moje hodnocení u produktů“ a „Moje diskuze u produktů“ (hodnocení i diskuze u produktů jsou vypnuté) */
html body .client-center-box li:has(> a:is([href*="/klient/klient-hodnoceni/"],[href*="/klient/klient-diskuze/"])){display:none!important}

/* mobilní menu: pryč „Přihlášení“ (a po přihlášení „Můj účet“ / „Odhlásit se“) dole pod kategoriemi – účet je v ikoně s panáčkem */
html body #navigation ul.navigationActions{display:none!important}

/* mobil: mobilní verze banneru (JS .gw-ban-mobil) v plné výšce */
@media(max-width:991px){
  html body #carousel .item img.gw-ban-mobil{width:100%!important;height:auto!important;max-height:none!important;object-fit:cover!important}
}

/* ---------- ZAOBLENÉ ROHY (8. 10. 2026) ----------
   hlavní banner (karusel) + úzký banner pod ním (.banners-content .banner-wrapper, „Zahrada bez hranic“) */
html body #carousel .carousel-inner,
html body .banners-content .banner-wrapper{border-radius:20px!important;overflow:hidden!important;transform:translateZ(0)}
html body .banners-content .banner-wrapper img{display:block;border-radius:20px!important}
@media(max-width:991px){
  html body #carousel .carousel-inner,
  html body .banners-content .banner-wrapper,
  html body .banners-content .banner-wrapper img{border-radius:14px!important}
}
/* bílá stránka: spodní rohy zaoblené do tmavé patičky (tmavý stín pod stránkou vyplní rohy i mezeru nad patičkou) */
html body #content-wrapper{border-radius:0 0 28px 28px!important;box-shadow:0 40px 0 0 #2C2420!important}
/* na počítači zaoblené i horní rohy stránky (po stranách je tyrkysové pozadí) */
@media(min-width:992px){html body #content-wrapper{border-radius:28px!important}}
/* úzký banner „Zahrada bez hranic“ (maly_banner.png) má v obrázku nahoře i dole bílý pruh (38 z 380 px) – ořízneme ho, jinak zaoblení není vidět */
html body .banners-content .banner-wrapper:has(img[src*="maly_banner"]) img{margin:-1.75% 0!important;border-radius:0!important}

/* ---------- TABLETY (8. 10. 2026) ----------
   992–1199 px (iPad Pro 13" na výšku, iPad Air na šířku): 80% kontejner byl moc úzký
   (obsah jen ~480 px vedle 340px sloupce kategorií) → skoro celá šířka + užší sloupec kategorií */
@media(min-width:992px) and (max-width:1199px){
  html body.template-12 #header .navigation-wrapper,
  html body.template-12 #content-wrapper,
  html body.template-12 .container--bannersBenefit{width:calc(100% - 32px)!important;max-width:calc(100% - 32px)!important}
  html body.template-12 .content-wrapper-in > .sidebar-left{flex:0 0 250px!important;width:250px!important;max-width:250px!important}
  html body.template-12 .content-wrapper-in > main#content{flex:1 1 auto!important;width:auto!important;max-width:none!important;min-width:0!important}
}

/* tablety – opravy 2:
   - tmavý stín pod stránkou (výplň spodních rohů) dělal po stranách užší stránky tenké svislé čáry →
     na ≥992 px pryč (spodek tyrkysového přechodu po stranách je už tmavě hnědý), zůstává jen na užších displejích
   - košík na tabletu (≤991 px, počítačové HTML): stránka měla třídu .container (750 px) → přes celou šířku,
     prázdný levý sloupec (jen „Zpět do obchodu“) nad obsah */
@media(min-width:992px){html body.template-12 #content-wrapper{box-shadow:none!important}}
@media(max-width:991px){
  html body.template-12 #content-wrapper.container{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important}
  html body.template-12.desktop.ordering-process .content-wrapper-in{flex-direction:column!important}
  html body.template-12.desktop.ordering-process .content-wrapper-in > .sidebar-left{flex:none!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important}
  html body.template-12.desktop.ordering-process .content-wrapper-in > main#content{width:100%!important;max-width:100%!important;flex:1 1 auto!important}
}
/* tablet 992–1199 px: užší sloupec → menší nadpis newsletteru (jinak „NEWSLETTE-R“ na dva řádky) */
@media(min-width:992px) and (max-width:1199px){
  html body.template-12 .sidebar-left .sidebar-inner{padding-left:14px!important;padding-right:14px!important}
  html body.template-12 .box-newsletter :is(h2,h3,h4,.h4,.box-title),
  html body.template-12 .box-newsletter :is(h2,h3,h4,.h4,.box-title) *{font-size:25px!important;word-break:normal!important;overflow-wrap:normal!important;hyphens:none!important}
}
/* tablet 992–1199 px: stránka přes celou šířku bez tyrkysových pruhů a horních zaoblených rohů (pozadí tam jen vykukovalo), spodní rohy zůstávají */
@media(min-width:992px) and (max-width:1199px){
  html body.template-12 #content-wrapper{width:100%!important;max-width:100%!important;border-radius:0 0 28px 28px!important;padding-left:16px!important;padding-right:16px!important;box-sizing:border-box!important}
}

/* podkategorie: všechny dlaždice stejně velké (odkaz se dřív zmenšoval podle délky názvu; řádky stejně vysoké i když se název zalomí) */
html body.template-12 ul.subcategories{grid-auto-rows:1fr!important}
html body.template-12 ul.subcategories > li{display:flex!important;min-width:0!important}
html body.template-12 ul.subcategories > li > a{width:100%!important;max-width:none!important;flex:1 1 auto!important}

/* detail produktu – okno „Sdílet“ (JS .gw-sd-okno) */
html body .gw-sd-okno{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(44,36,32,.55);opacity:0;transition:opacity .2s}
html body .gw-sd-okno.gw-sd-vidim{opacity:1}
html body .gw-sd-karta{position:relative;width:100%;max-width:420px;box-sizing:border-box;padding:28px 24px 24px;background:#F8F4EE;border-radius:24px;box-shadow:0 20px 50px rgba(0,0,0,.25);font-family:'DM Sans',sans-serif!important;color:#2C2420;transform:translateY(10px);transition:transform .2s}
html body .gw-sd-okno.gw-sd-vidim .gw-sd-karta{transform:none}
html body .gw-sd-x{position:absolute;top:12px;right:12px;width:36px;height:36px;border:0;border-radius:50%;background:#fff;color:#3C1F0F;font:400 24px/1 'DM Sans',sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}
html body .gw-sd-x:hover{background:#E6F4F2;color:#007A6D}
html body .gw-sd-nadpis{font:400 32px/1.05 'Bebas Neue',sans-serif!important;letter-spacing:.5px;color:#3C1F0F;margin:0 40px 6px 0}
html body .gw-sd-text{margin:0 0 16px;font-size:14px;line-height:1.45;color:#6b5f58}
html body .gw-sd-pole{display:flex;gap:8px;margin:0 0 16px}
html body .gw-sd-url{flex:1 1 auto;min-width:0;height:46px;padding:0 14px;border:2px solid #E6DCCF;border-radius:999px;background:#fff;color:#2C2420;font:400 14px 'DM Sans',sans-serif;outline:none}
html body .gw-sd-url:focus{border-color:#00A896}
html body .gw-sd-kopir{flex:0 0 auto;height:46px;padding:0 18px;border:0;border-radius:999px;background:#00A896;color:#fff;font:700 14px 'DM Sans',sans-serif;cursor:pointer;transition:background-color .15s}
html body .gw-sd-kopir:hover{background:#3C1F0F}
html body .gw-sd-kopir.gw-sd-ok{background:#007A6D}
html body .gw-sd-site{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
html body .gw-sd-site a{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 6px;border:2px solid #E6DCCF;border-radius:16px;background:#fff;color:#3C1F0F!important;font:700 13px 'DM Sans',sans-serif;text-decoration:none!important;transition:border-color .15s,transform .15s}
html body .gw-sd-site a:hover{border-color:#00A896;transform:translateY(-2px)}
html body .gw-sd-site svg{width:26px;height:26px}
html body .gw-sd-wa svg{fill:#25D366}
html body .gw-sd-fb svg{fill:#1877F2}
html body .gw-sd-mail svg{fill:#F4845F}
html body .gw-sd-okno .gw-sd-karta .gw-sd-nadpis:is(#gw1,*){font-family:'Bebas Neue',sans-serif!important;font-weight:400!important}

/* prázdný košík – kocour s vozíkem (JS .gw-kp-hero) */
html body .cart-inner.cart-empty .gw-kp-hero{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:560px;margin:0 auto 34px;padding:0}
html body .cart-inner.cart-empty .gw-kp-hero img{display:block;width:280px;max-width:70%;height:auto;margin:0 auto 6px}
html body .cart-inner.cart-empty .gw-kp-hero .cart-heading:is(#gw1,*){margin:0 0 10px!important;padding:0!important;text-align:center!important;font:400 46px/1.05 'Bebas Neue',sans-serif!important;letter-spacing:.5px;color:#3C1F0F!important}
html body .cart-inner.cart-empty .gw-kp-hero .cart-heading::before,
html body .cart-inner.cart-empty .gw-kp-hero .cart-heading::after{content:none!important;display:none!important}
html body .cart-inner.cart-empty .gw-kp-hero .gw-kp-text{margin:0!important;font:400 17px/1.55 'DM Sans',sans-serif!important;color:#5a4f49!important}
@media(max-width:767px){
  html body .cart-inner.cart-empty .gw-kp-hero img{width:210px}
  html body .cart-inner.cart-empty .gw-kp-hero .cart-heading:is(#gw1,*){font-size:36px!important}
  html body .cart-inner.cart-empty .gw-kp-hero .gw-kp-text{font-size:15px!important}
}
/* prázdný košík – zkrácený seznam kategorií */
html body .cart-empty .empty-cart-boxes ul.gw-kp-zkraceno:not(.gw-kp-vse) > li.gw-kp-skryta{display:none!important}
html body .cart-empty .empty-cart-boxes ul .gw-kp-dalsi{list-style:none!important}
html body .cart-empty .empty-cart-boxes ul .gw-kp-dalsi button{display:inline-flex;align-items:center;height:100%;min-height:32px;padding:6px 14px;border:2px solid #00A896;border-radius:999px;background:#fff;color:#007A6D;font:700 13px/1 'DM Sans',sans-serif;cursor:pointer;transition:background-color .15s,color .15s}
html body .cart-empty .empty-cart-boxes ul .gw-kp-dalsi button:hover{background:#00A896;color:#fff}

/* ---------- OBJEDNÁVKA krok 2 (Doprava & platba) – doladění (8. 10. 2026) ---------- */
/* výběrová kolečka: uvnitř dlaždice, na výšku prvního řádku (u jednořádkových přesně na střed), tyrkysová tečka */
html body.ordering-process .radio-wrapper > input[type="radio"] + label::before{left:16px!important;top:25px!important;width:20px!important;height:20px!important;margin:0!important;border:2px solid #E6DCCF!important;border-radius:50%!important;background:#fff!important;transform:translateY(-50%)!important;box-sizing:border-box!important;transition:border-color .15s}
html body.ordering-process .radio-wrapper > input[type="radio"] + label::after{content:""!important;position:absolute!important;left:21px!important;top:25px!important;width:10px!important;height:10px!important;margin:0!important;border:0!important;border-radius:50%!important;background:#00A896!important;transform:translateY(-50%) scale(0)!important;opacity:1!important;transition:transform .15s}
html body.ordering-process .radio-wrapper > input[type="radio"]:checked + label::before{border-color:#00A896!important}
html body.ordering-process .radio-wrapper > input[type="radio"]:checked + label::after{transform:translateY(-50%) scale(1)!important}
html body.ordering-process .radio-wrapper > input[type="radio"]:disabled + label::before{background:#F4EFE8!important}
/* rekapitulace: doprava / platba vlevo, cena vpravo */
html body.ordering-process .recapitulation-single{align-items:center!important}
html body.ordering-process .recapitulation-single .recapitulation-shipping-billing-info{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;width:100%!important;font-weight:400!important}
html body.ordering-process .recapitulation-single .recapitulation-shipping-billing-info > span{margin-left:auto!important;font-weight:700!important;text-align:right!important}
/* Celkem k úhradě: popisek vlevo, velká cena Bebas vpravo */
html body.ordering-process .order-summary-item.price .price-wrapper{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;padding:16px 0 4px!important;margin:0!important;height:auto!important;min-height:0!important}
html body.ordering-process .order-summary-item.price .price-label:is(#gw1,*){padding:0!important;margin:0!important;height:auto!important;font:700 16px/1.2 'DM Sans',sans-serif!important;color:#3C1F0F!important}
html body.ordering-process .order-summary-item.price strong.price:is(#gw1,*){margin:0 0 0 auto!important;padding:0!important;height:auto!important;text-align:right!important}
html body.ordering-process .order-summary-item.price strong.price:is(#gw1,*) > span{font:400 40px/1 'Bebas Neue',sans-serif!important;letter-spacing:.5px;color:#3C1F0F!important}
html body.ordering-process .recapitulation-single .recapitulation-shipping-billing-info > span:is(#gw1,*){order:2!important;float:none!important}
html body.ordering-process .order-summary-item.price .price-wrapper:is(#gw1,*){flex-direction:row!important}
html body.ordering-process .order-summary-item.price .price-label:is(#gw1,*){flex:0 1 auto!important;width:auto!important;text-align:left!important}

/* ---------- OKNO „Zvolte odběrné místo“ (Balíkovna, PPL, Zásilkovna… – colorbox s .delivery-point-form) ---------- */
html body #colorbox:has(.delivery-point-form){height:auto!important;overflow:visible!important;width:min(680px,calc(100vw - 24px))!important;left:50%!important;transform:translateX(-50%)!important}
html body #colorbox:has(.delivery-point-form) :is(#cboxWrapper,#cboxWrapper > div,#cboxContent,#cboxLoadedContent){height:auto!important;width:100%!important;overflow:visible!important}
html body #colorbox:has(.delivery-point-form) #cboxContent{background:#F8F4EE!important;border-radius:24px!important;box-shadow:0 20px 50px rgba(0,0,0,.25)!important}
html body #colorbox:has(.delivery-point-form) .content-modal{padding:28px 26px 22px!important;box-sizing:border-box!important;width:100%!important}
html body #colorbox:has(.delivery-point-form) [id$="-wrapper"]{width:100%!important}
/* zavírací křížek */
html body #colorbox:has(.delivery-point-form) #cboxClose{top:14px!important;right:14px!important;width:38px!important;height:38px!important;border-radius:50%!important;background:#fff!important;color:#3C1F0F!important;box-shadow:none!important;display:flex!important;align-items:center;justify-content:center;transition:background-color .15s}
html body #colorbox:has(.delivery-point-form) #cboxClose:hover{background:#E6F4F2!important;color:#007A6D!important}
/* logo dopravce + nadpis */
html body #colorbox:has(.delivery-point-form) .delivery-point-logos{display:flex!important;align-items:center;margin:0 50px 10px 0!important;height:auto!important}
html body #colorbox:has(.delivery-point-form) .delivery-point-logos img{max-height:34px!important;width:auto!important}
html body #colorbox:has(.delivery-point-form) .delivery-point-logos::after{content:"Vyber výdejní místo";margin-left:14px;padding-left:14px;border-left:2px solid #E6DCCF;font:400 30px/1 'Bebas Neue',sans-serif;letter-spacing:.5px;color:#3C1F0F}
html body #colorbox:has(.delivery-point-form) .delivery-point-logos + p{font-size:0!important;line-height:0!important;margin:0 0 14px!important}
html body #colorbox:has(.delivery-point-form) .delivery-point-logos + p::after{content:"Napiš město nebo PSČ a vyber si místo, kde si balíček vyzvedneš 📦";display:block;font:400 15px/1.5 'DM Sans',sans-serif;color:#5a4f49}
/* vyhledávání: pole jako pilulky, tlačítko tyrkysové */
html body #colorbox:has(.delivery-point-form) .delivery-point-form fieldset{border:0!important;margin:0!important;padding:0!important;min-width:0}
html body #colorbox:has(.delivery-point-form) .delivery-point-form table,
html body #colorbox:has(.delivery-point-form) .delivery-point-form tbody{display:block!important;width:100%!important}
html body #colorbox:has(.delivery-point-form) .delivery-point-form tr{display:flex!important;gap:8px;width:100%!important}
html body #colorbox:has(.delivery-point-form) .delivery-point-form td{display:block!important;padding:0!important;border:0!important;flex:1 1 0;min-width:0}
html body #colorbox:has(.delivery-point-form) .delivery-point-form td.pickup-point-submit{flex:0 0 auto}
html body #colorbox:has(.delivery-point-form) .delivery-point-form input.form-control{width:100%!important;height:48px!important;padding:0 18px!important;border:2px solid #E6DCCF!important;border-radius:999px!important;background:#fff!important;box-shadow:none!important;font:400 15px 'DM Sans',sans-serif!important;color:#2C2420!important}
html body #colorbox:has(.delivery-point-form) .delivery-point-form input.form-control:focus{border-color:#00A896!important;outline:none!important}
html body #colorbox:has(.delivery-point-form) :is(.delivery-point-picker,[class*="choose-button"]):is(#gw1,*){display:inline-flex!important;align-items:center;justify-content:center;height:48px!important;padding:0 24px!important;border:0!important;border-radius:999px!important;background:#00A896!important;color:#fff!important;font:700 15px/1 'DM Sans',sans-serif!important;text-transform:none!important;box-shadow:none!important;cursor:pointer;transition:background-color .15s}
html body #colorbox:has(.delivery-point-form) :is(.delivery-point-picker,[class*="choose-button"]):is(#gw1,*):hover{background:#3C1F0F!important}
html body #colorbox:has(.delivery-point-form) :is(.delivery-point-picker,[class*="choose-button"])::before{content:none!important;display:none!important}
/* výsledky: posuvný seznam bílých karet uvnitř okna */
html body #colorbox:has(.delivery-point-form) [class*="delivery-point-result-table-wrap"]{max-height:min(52vh,480px)!important;overflow-y:auto!important;margin:16px -6px 0 0!important;padding:0 6px 0 0!important;overscroll-behavior:contain}
html body #colorbox:has(.delivery-point-form) table[class*="delivery-point-result-table"]{width:100%!important;margin:0!important;border-collapse:separate!important;border-spacing:0 8px!important;background:transparent!important}
html body #colorbox:has(.delivery-point-form) table[class*="delivery-point-result-table"] > tbody > tr > td{padding:12px 14px!important;border:0!important;border-top:2px solid #EFE7DD!important;border-bottom:2px solid #EFE7DD!important;background:#fff!important;vertical-align:middle!important}
html body #colorbox:has(.delivery-point-form) table[class*="delivery-point-result-table"] > tbody > tr > td:first-child{border-left:2px solid #EFE7DD!important;border-radius:16px 0 0 16px!important}
html body #colorbox:has(.delivery-point-form) table[class*="delivery-point-result-table"] > tbody > tr > td:last-child{border-right:2px solid #EFE7DD!important;border-radius:0 16px 16px 0!important;text-align:right!important;width:1%;white-space:nowrap}
html body #colorbox:has(.delivery-point-form) table[class*="delivery-point-result-table"] > tbody > tr:hover > td{border-color:#00A896!important}
html body #colorbox:has(.delivery-point-form) table[class*="delivery-point-result-table"] strong{font:700 14.5px/1.3 'DM Sans',sans-serif!important;color:#3C1F0F!important}
html body #colorbox:has(.delivery-point-form) [class*="delivery-point-address"]{margin-top:2px;font:400 13.5px/1.35 'DM Sans',sans-serif!important;color:#6b5f58!important}
html body #colorbox:has(.delivery-point-form) .pickup-point-show-opening-hours{font:600 13px 'DM Sans',sans-serif!important;color:#007A6D!important;text-decoration:underline!important;white-space:nowrap}
html body #colorbox:has(.delivery-point-form) [class*="choose-button"]:is(#gw1,*){height:38px!important;padding:0 18px!important;font-size:14px!important}
html body #colorbox:has(.delivery-point-form) table[class*="opening-hours"] td{padding:2px 8px 2px 0!important;border:0!important;background:none!important;font-size:12.5px!important;color:#5a4f49!important}
/* mobil: pole pod sebou, karta výsledku na dva řádky */
@media(max-width:600px){
  html body #colorbox:has(.delivery-point-form) .content-modal{padding:22px 16px 16px!important}
  html body #colorbox:has(.delivery-point-form) .delivery-point-logos::after{font-size:24px}
  html body #colorbox:has(.delivery-point-form) .delivery-point-form tr{flex-wrap:wrap}
  html body #colorbox:has(.delivery-point-form) .delivery-point-form td{flex:1 1 100%}
  html body #colorbox:has(.delivery-point-form) .delivery-point-form td.pickup-point-submit{flex:1 1 100%}
  html body #colorbox:has(.delivery-point-form) .delivery-point-picker:is(#gw1,*){width:100%!important}
}

/* ---------- OBJEDNÁVKA krok 3 (Informace o vás) – design Growina (8. 10. 2026) ---------- */
/* sekce Osobní údaje / Fakturační adresa / poznámka+newsletter = krémové karty (rekapitulace zůstává bílá) */
html body.ordering-process #checkoutContent > .co-box:not(.order-summary){background:#F8F4EE!important;border:0!important;border-radius:20px!important;padding:24px 26px 14px!important;margin:0 0 16px!important;box-shadow:none!important}
html body.ordering-process #checkoutContent > .co-box:not(.order-summary) > fieldset{border:0!important;margin:0!important;padding:0!important;background:none!important}
html body.ordering-process #checkoutContent .co-box h2:is(#gw1,*){font:400 28px/1.1 'Bebas Neue',sans-serif!important;letter-spacing:.5px;color:#3C1F0F!important;margin:0 0 14px!important;padding:0!important;border:0!important}
html body.ordering-process #checkoutContent .form-legend{font-size:12px!important;color:#8a7d74!important;margin:-6px 0 8px!important}
/* řádky formuláře: popisek vlevo na střed pole, pole zaoblená */
html body.ordering-process #checkoutContent .form-group.smart-label-wrapper{align-items:center!important;margin:0 0 12px!important}
html body.ordering-process #checkoutContent .form-group.smart-label-wrapper > :is(label,p.label):not(.js-location--hidden){display:flex!important;align-items:center!important;height:auto!important;min-height:48px;margin:0!important;padding:0 12px 0 0!important;font:600 14.5px/1.3 'DM Sans',sans-serif!important;color:#3C1F0F!important}
html body.ordering-process #checkoutContent :is(input.form-control,select.form-control,textarea.form-control){height:48px!important;border:2px solid #E6DCCF!important;border-radius:14px!important;background:#fff!important;box-shadow:none!important;padding:0 16px!important;font:400 15px 'DM Sans',sans-serif!important;color:#2C2420!important;transition:border-color .15s!important}
html body.ordering-process #checkoutContent textarea.form-control{height:auto!important;min-height:96px;padding:12px 16px!important}
html body.ordering-process #checkoutContent :is(input.form-control,select.form-control,textarea.form-control):focus{border-color:#00A896!important;outline:none!important}
html body.ordering-process #checkoutContent .required-asterisk::after{color:#E06D47!important}
/* telefon: předvolba jako zaoblené tlačítko vedle pole */
html body.ordering-process #checkoutContent .phone-combined-input .country-flags{height:48px!important;box-sizing:border-box!important;border:2px solid #E6DCCF!important;border-radius:14px!important;background:#fff!important;margin-right:8px!important}
html body.ordering-process #checkoutContent .phone-combined-input .country-flags-inner{border-color:transparent!important;border-radius:12px!important;background:#fff!important}
/* zaškrtávátka (Nakupuji na firmu, poznámka, newsletter, souhlas) v barvách Growina */
html body.ordering-process #order-form .form-group > input[type="checkbox"] + label{position:relative!important;display:block!important;padding:0 0 0 32px!important;margin:0 0 4px!important;min-height:22px;font:400 14.5px/1.5 'DM Sans',sans-serif!important;color:#2C2420!important;cursor:pointer}
html body.ordering-process #order-form .form-group > input[type="checkbox"] + label::before{left:0!important;top:1px!important;width:20px!important;height:20px!important;margin:0!important;border:2px solid #E6DCCF!important;border-radius:6px!important;background:#fff!important;transform:none!important;box-sizing:border-box!important;transition:background-color .15s,border-color .15s}
html body.ordering-process #order-form .form-group > input[type="checkbox"] + label::after{content:""!important;position:absolute!important;left:7px!important;top:4px!important;width:6px!important;height:11px!important;margin:0!important;border:solid #fff!important;border-width:0 2.5px 2.5px 0!important;background:none!important;transform:rotate(45deg)!important;opacity:0!important;transition:opacity .15s}
html body.ordering-process #order-form .form-group > input[type="checkbox"]:checked + label::before{background:#00A896!important;border-color:#00A896!important}
html body.ordering-process #order-form .form-group > input[type="checkbox"]:checked + label::after{opacity:1!important}
html body.ordering-process #order-form .form-group > input[type="checkbox"] + label a{color:#007A6D!important;text-decoration:underline!important}
/* souhlas s podmínkami pod rekapitulací */
html body.ordering-process #checkoutContent > .consents{margin:6px 0 4px!important;padding:0 4px!important}
/* tlačítko Objednat: dva řádky textu pěkně na střed */
html body.ordering-process #checkoutContent .next-step :is(button,input).btn-primary,
html body.ordering-process #checkoutContent .next-step .btn.btn-primary{min-height:56px!important;padding:8px 30px!important;line-height:1.2!important;text-transform:none!important;font-weight:700!important}
@media(max-width:767px){
  html body.ordering-process #checkoutContent > .co-box:not(.order-summary){padding:20px 16px 8px!important}
  html body.ordering-process #checkoutContent .form-group.smart-label-wrapper{flex-wrap:wrap!important}
  html body.ordering-process #checkoutContent .form-group.smart-label-wrapper > :is(label,p.label):not(.js-location--hidden){min-height:0;width:100%!important;flex:1 1 100%!important;padding:0 0 6px!important}
}
html body.ordering-process #checkoutContent .form-group .js-location--hidden{display:none!important}
html body.ordering-process #checkoutContent .form-control-wrapper--with-note strong{font:700 15px 'DM Sans',sans-serif!important;color:#3C1F0F!important}

/* prázdný košík na mobilu/tabletu: obsah byl posunutý doleva (zbytek mřížky -20px) a „Nebo něco vyhledej“ nalepené na seznam kategorií */
@media(max-width:991px){
  html body .cart-inner.cart-empty{padding-left:0!important;padding-right:0!important}
  html body .cart-inner.cart-empty .cart-row,
  html body .cart-inner.cart-empty .empty-cart-boxes{margin-left:0!important;margin-right:0!important}
  html body .cart-inner.cart-empty .cart-row > div,
  html body .cart-inner.cart-empty .empty-cart-boxes > div{padding-left:0!important;padding-right:0!important}
  html body .cart-inner.cart-empty .empty-cart-boxes > div + div,
  html body .cart-inner.cart-empty .cart-row > div + div{margin-top:26px!important}
}
/* „Potřebuješ poradit?“ stejně velký nadpis jako ostatní */
html body .cart-inner.cart-empty h2.h4:is(#gw1,*){font:400 24px/1.1 'Bebas Neue',sans-serif!important;letter-spacing:.5px!important;color:#3C1F0F!important}

/* mobil: šipky karuselu přes celou výšku banneru (Shoptet jim dává inline max-height podle prvního banneru) → u vyšších mobilních bannerů na střed */
@media(max-width:991px){
  html body #carousel .carousel-control{top:0!important;bottom:0!important;height:auto!important;max-height:none!important}
  html body #carousel .carousel-control::before{top:50%!important}
}

/* ---------- MOBILNÍ BANNERY – RYCHLÁ CESTA (8. 10. 2026) ----------
   Obrázek se vymění hned při vykreslení přímo v CSS (content:url), bez čekání na skript → žádné probliknutí širokého banneru.
   SEZNAM: číslo banneru v Shoptetu (1.png …) → mobilní soubor ve Správci souborů. Při novém/změněném banneru upravit řádek.
   (Skript v growino-nase.js zůstává jako pojistka pro bannery, které tu v seznamu nejsou.) */
@media(max-width:767px){
  html body #carousel .item img:is([src*="/banners/1."],[data-src*="/banners/1."],[src*="/banners/2."],[data-src*="/banners/2."],[src*="/banners/3."],[data-src*="/banners/3."],[src*="/banners/4."],[data-src*="/banners/4."],[src*="/banners/5."],[data-src*="/banners/5."],[src*="/banners/6."],[data-src*="/banners/6."]){width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:6/5!important;object-fit:cover!important}
  html body #carousel .item img:is([src*="/banners/1."],[data-src*="/banners/1."]){content:url("/user/documents/upload/1-mobil.jpg")}
  html body #carousel .item img:is([src*="/banners/2."],[data-src*="/banners/2."]){content:url("/user/documents/upload/2-mobil.jpg")}
  html body #carousel .item img:is([src*="/banners/3."],[data-src*="/banners/3."]){content:url("/user/documents/upload/3-mobil.jpg")}
  html body #carousel .item img:is([src*="/banners/4."],[data-src*="/banners/4."]){content:url("/user/documents/upload/4-mobil.jpg")}
  html body #carousel .item img:is([src*="/banners/5."],[data-src*="/banners/5."]){content:url("/user/documents/upload/5-mobil.jpg")}
  html body #carousel .item img:is([src*="/banners/6."],[data-src*="/banners/6."]){content:url("/user/documents/upload/6-mobil.jpg")}
}

/* ---------- PATIČKA – nový design (9. 10. 2026) – HTML v administraci (Patička), třídy .gw-pat-* ---------- */
html body .gw-pat{max-width:1200px;margin:0 auto;padding:40px 20px 0;box-sizing:border-box;font-family:'DM Sans',sans-serif;color:rgba(248,244,238,.78)}
html body .gw-pat *{box-sizing:border-box}
html body .gw-pat a{text-decoration:none!important}
/* horní pás: logo, claim, výhody */
html body .gw-pat-horni{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 40px;padding:6px 0 30px;border-bottom:1px solid rgba(248,244,238,.12)}
html body .gw-pat-znacka{flex:1 1 360px;max-width:520px}
html body .gw-pat-logo{display:inline-block;margin-bottom:12px}
html body .gw-pat-logo img{display:block;height:44px;width:auto;border-radius:10px}
html body :is(#gw1,*) p.gw-pat-claim{margin:0 0 6px!important;font:400 28px/1.1 'Bebas Neue',sans-serif!important;letter-spacing:.5px;color:#fff!important}
html body .gw-pat-text{margin:0!important;font-size:14.5px!important;line-height:1.6!important;color:rgba(248,244,238,.7)!important}
html body .gw-pat-vyhody{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
html body .gw-pat-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;background:rgba(248,244,238,.07);border:1px solid rgba(248,244,238,.14);color:#F8F4EE;font-size:14px;font-weight:600}
/* sloupce */
html body .gw-pat-sloupce{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;padding:32px 0}
html body .gw-pat-sl h3{position:relative;margin:0 0 16px!important;padding-bottom:10px;font:400 26px/1 'Bebas Neue',sans-serif!important;letter-spacing:.5px;color:#fff!important;text-align:left!important}
html body .gw-pat-sl h3::after{content:"";position:absolute;left:0;bottom:0;width:32px;height:3px;border-radius:3px;background:#F4845F}
html body .gw-pat-sl ul{list-style:none!important;margin:0!important;padding:0!important}
html body .gw-pat-sl li{list-style:none!important;margin:0 0 9px!important;padding:0!important;font-size:15px;line-height:1.45}
html body .gw-pat-sl li::before{content:none}
html body .gw-pat-sl a{color:rgba(248,244,238,.82)!important;transition:color .15s,padding-left .15s}
html body .gw-pat-sl a:hover{color:#F4845F!important;padding-left:3px}
html body .gw-pat-ik{display:inline-flex!important;align-items:center;gap:10px}
html body .gw-pat-ik span{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:rgba(248,244,238,.08);font-size:15px;flex:0 0 32px}
html body .gw-pat-sl a.gw-pat-ik{color:#fff!important;font-weight:600}
html body .gw-pat-pozn{color:rgba(248,244,238,.6)!important;font-size:14px!important;margin:0 0 14px!important}
html body li.gw-pat-pozn{margin:0!important}
html body .gw-pat-fajfky li{position:relative;padding-left:26px!important;color:rgba(248,244,238,.82)}
html body .gw-pat-fajfky li::before{content:"✓"!important;position:absolute;left:0;top:0;width:18px;height:18px;margin-top:1px;border-radius:50%;background:#00A896;color:#fff;font-size:11px;font-weight:700;line-height:18px;text-align:center}
/* spodní lišta */
html body .gw-pat-spodek{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 20px;padding:18px 0 22px;border-top:1px solid rgba(248,244,238,.12);font:400 13px/1.4 'DM Sans',sans-serif!important;color:rgba(248,244,238,.5)}
html body .gw-pat-kocour{color:#F4845F}
html body .gw-pat-spodek a{color:inherit!important;text-decoration:underline!important}
html body .gw-pat-spodek a:hover{color:#F4845F!important}
/* tablet a mobil */
@media(max-width:991px){html body .gw-pat-sloupce{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}}
@media(max-width:600px){
  html body .gw-pat{padding:32px 16px 0}
  html body .gw-pat-horni{padding-bottom:24px}
  html body :is(#gw1,*) p.gw-pat-claim{font-size:24px!important}
  html body .gw-pat-pill{font-size:13px;padding:7px 14px}
  html body .gw-pat-sloupce{grid-template-columns:1fr 1fr;gap:26px 16px;padding:26px 0}
  html body .gw-pat-sl h3{font-size:23px!important}
  html body .gw-pat-sl li{font-size:14px}
  html body .gw-pat-sl:first-child,html body .gw-pat-sl:last-child{grid-column:1 / -1}
  html body .gw-pat-spodek{justify-content:center;text-align:center}
}

/* =========================================================
   VYHLEDÁVÁNÍ – nový vzhled (9. 10. 2026): hlavička na PC + prázdný košík
   lupa vlevo v poli, kulaté korálové tlačítko se šipkou, tyrkysový focus
   (placeholder a „Často hledané“ doplňuje growino-nase.js)
   ========================================================= */
@media(min-width:1200px){
  html body .search-window form.js-search-main fieldset{position:relative!important}
  html body .search-window form.js-search-main input.search-input:is(#gw1,*){
    width:267px!important;height:44px!important;padding:0 50px 0 44px!important;margin:0!important;
    background:#F8F4EE url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238C7B70' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E") no-repeat 16px 50%/18px!important;
    border:2px solid transparent!important;border-radius:999px!important;box-shadow:none!important;
    color:#3C1F0F!important;font:500 14.5px/1 'DM Sans',sans-serif!important;
    transition:background-color .2s,border-color .2s,box-shadow .2s!important;
  }
  html body .search-window form.js-search-main input.search-input:is(#gw1,*):hover{background-color:#fff!important}
  html body .search-window form.js-search-main input.search-input:is(#gw1,*):focus{
    background-color:#fff!important;border-color:#00A896!important;box-shadow:0 0 0 4px rgba(0,168,150,.28)!important;outline:0!important;
  }
  html body .search-window form.js-search-main input.search-input::placeholder{color:#9B8C82!important;opacity:1}
  html body .search-window form.js-search-main button[type="submit"]:is(#gw1,*){
    position:absolute!important;right:5px!important;top:50%!important;transform:translateY(-50%)!important;
    width:34px!important;height:34px!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;border-radius:50%!important;
    background:#F4845F url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") no-repeat 50% 50%/16px!important;
    font-size:0!important;color:transparent!important;box-shadow:none!important;transition:background-color .2s!important;
  }
  html body .search-window form.js-search-main button[type="submit"]:is(#gw1,*)::before,
  html body .search-window form.js-search-main button[type="submit"]:is(#gw1,*)::after{content:none!important;display:none!important}
  html body .search-window form.js-search-main button[type="submit"]:is(#gw1,*):hover{background-color:#00A896!important}
}
/* našeptávač: název produktu přes celou šířku (Shoptet mu dával pevnou šířku) */
html body.template-12 .search-whisperer .p-info:is(#gw1,*){width:auto!important;max-width:none!important;flex:1 1 auto}
html body.template-12 .search-whisperer .p-info:is(#gw1,*) .p-name{width:auto!important;max-width:none!important;display:-webkit-box!important}

/* prázdný košík: větší pole se lupou + „Často hledané“ */
html body .cart-empty .search input.search-input:is(#gw1,*){
  height:54px!important;padding:0 60px 0 46px!important;
  background:#F8F4EE url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238C7B70' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E") no-repeat 18px 50%/18px!important;
  border:2px solid #F8F4EE!important;font:500 15px/1 'DM Sans',sans-serif!important;color:#3C1F0F!important;
  transition:background-color .2s,border-color .2s,box-shadow .2s!important;
}
html body .cart-empty .search input.search-input:is(#gw1,*):hover{border-color:#E6DCCF!important}
html body .cart-empty .search input.search-input:is(#gw1,*):focus{background-color:#fff!important;border-color:#00A896!important;box-shadow:0 0 0 4px rgba(0,168,150,.22)!important;outline:0!important}
html body .cart-empty .search input.search-input::placeholder{color:#9B8C82!important;opacity:1}
html body .cart-empty .search fieldset:is(#gw1,*){width:100%!important;max-width:none!important}
html body .cart-empty .search button[type="submit"]:is(#gw1,*){top:50%!important;right:7px!important;transform:translateY(-50%)!important;margin:0!important}
.gw-kp-casto{margin-top:16px;text-align:left}
.gw-kp-casto-nad{display:block;margin:0 0 8px;font:700 12px/1 'DM Sans',sans-serif;letter-spacing:.6px;text-transform:uppercase;color:#9B8C82}
.gw-kp-casto-seznam{display:flex;flex-wrap:wrap;gap:8px}
html body .gw-kp-casto a{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border-radius:999px;background:#E6F4F2;color:#007A6D!important;font:600 13.5px/1 'DM Sans',sans-serif;text-decoration:none!important;transition:background .15s,color .15s}
html body .gw-kp-casto a::before{content:"";width:12px;height:12px;flex:none;background:currentColor;-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.8' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E") no-repeat 50%/contain;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.8' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E") no-repeat 50%/contain}
html body .gw-kp-casto a:hover{background:#00A896;color:#fff!important}

/* patička na mobilu: kontejner patičky leží přímo v body, které má na mobilu bílé pozadí → dáme mu tmavé */
html body > .container:has(> .gw-pat){background:#2C2420!important;max-width:none!important;width:100%!important;margin:0!important;padding-left:0!important;padding-right:0!important}
html body .gw-pat-spodek a.js-cookies-settings{white-space:nowrap}

/* horní menu na PC: Shoptet za menu drží prázdné místo pro „Více“ (.menu-helper) i když se všechno vejde
   → menu pak bylo posunuté doleva. Když se menu vejde (.fitted), místo zrušíme a menu je vycentrované mezi logem a vyhledáváním. */
@media(min-width:1200px){
  html body #header #navigation.fitted + .menu-helper{flex:0 0 0!important;width:0!important;min-width:0!important;overflow:hidden!important;padding:0!important;margin:0!important}
}

/* =========================================================
   HORNÍ MENU – zvýraznění „SESTAV SET“ (prémiová funkce, konfigurátor)
   tyrkysová pilulka s ikonou vrstev (set), lesknoucím se pruhem + korálový štítek NOVÉ (PC)
   ========================================================= */
@media(min-width:1200px){
  html body #navigation .menu-level-1 > li > a[href*="sestav-si-set"]:is(#gw1,*){position:relative;padding-left:14px!important;padding-right:14px!important;background:transparent!important}
  html body #navigation .menu-level-1 > li > a[href*="sestav-si-set"]:is(#gw1,*) > b{
    position:relative;display:inline-flex;align-items:center;gap:8px;overflow:hidden;
    padding:5px 16px 4px 13px;height:34px;box-sizing:border-box;border-radius:999px;line-height:1!important;
    background:linear-gradient(135deg,#00B8A4 0%,#00A896 45%,#007A6D 100%);color:#fff!important;
    box-shadow:0 4px 14px rgba(0,168,150,.45),inset 0 1px 0 rgba(255,255,255,.25);
    transition:transform .2s ease,box-shadow .2s ease;
  }
  html body #navigation .menu-level-1 > li > a[href*="sestav-si-set"]:is(#gw1,*) > b::before{
    content:"";width:17px;height:17px;flex:none;margin-top:-2px;background:#fff;
    -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.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l9 4.5-9 4.5-9-4.5z'/%3E%3Cpath d='M3 12l9 4.5 9-4.5'/%3E%3Cpath d='M3 16.5l9 4.5 9-4.5'/%3E%3C/svg%3E") no-repeat 50%/contain;
    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.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l9 4.5-9 4.5-9-4.5z'/%3E%3Cpath d='M3 12l9 4.5 9-4.5'/%3E%3Cpath d='M3 16.5l9 4.5 9-4.5'/%3E%3C/svg%3E") no-repeat 50%/contain;
  }
  html body #navigation .menu-level-1 > li > a[href*="sestav-si-set"]:is(#gw1,*) > b::after{
    content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;
    background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);
    transform:skewX(-20deg);animation:gw-lesk 4.5s ease-in-out infinite;pointer-events:none;
  }
  html body #navigation .menu-level-1 > li > a[href*="sestav-si-set"]:is(#gw1,*):hover > b{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,168,150,.55),inset 0 1px 0 rgba(255,255,255,.25)}
  html body #navigation .menu-level-1 > li > a[href*="sestav-si-set"]:is(#gw1,*)::after{
    content:"NOVÉ";position:absolute;top:50%;right:2px;transform:translateY(-26px) rotate(6deg);
    padding:3px 6px 2px;border-radius:6px;background:#F4845F;color:#fff;
    font:700 9.5px/1 'DM Sans',sans-serif;letter-spacing:.6px;box-shadow:0 2px 6px rgba(0,0,0,.25);pointer-events:none;
    width:auto!important;height:auto!important;left:auto!important;bottom:auto!important;border:0!important;opacity:1!important;
  }
}
@keyframes gw-lesk{0%,60%{left:-60%}100%{left:130%}}
@media(prefers-reduced-motion:reduce){html body #navigation a[href*="sestav-si-set"] > b::after{animation:none!important;display:none}}

/* „SESTAV SET“ i v mobilním / tabletovém menu (hamburger): stejná tyrkysová pilulka, štítek NOVÉ hned vedle */
@media(max-width:991px){
  html body #navigation .menu-level-1 > li > a[href*="sestav-si-set"]:is(#gw1,*):is(#gw2,*){display:flex!important;align-items:center;justify-content:flex-start!important;gap:10px;height:auto!important;padding:6px 8px 8px 16px!important;background:transparent!important}
  html body #navigation .menu-level-1 > li > a[href*="sestav-si-set"]:is(#gw1,*):is(#gw2,*) > b{
    position:relative;display:inline-flex;align-items:center;gap:8px;overflow:hidden;height:36px;box-sizing:border-box;
    padding:5px 16px 4px 13px;border-radius:999px;line-height:1!important;
    background:linear-gradient(135deg,#00B8A4 0%,#00A896 45%,#007A6D 100%);color:#fff!important;
    box-shadow:0 4px 14px rgba(0,168,150,.4),inset 0 1px 0 rgba(255,255,255,.25);
  }
  html body #navigation .menu-level-1 > li > a[href*="sestav-si-set"]:is(#gw1,*):is(#gw2,*) > b::before{
    content:"";width:17px;height:17px;flex:none;margin-top:-2px;background:#fff;
    -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.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l9 4.5-9 4.5-9-4.5z'/%3E%3Cpath d='M3 12l9 4.5 9-4.5'/%3E%3Cpath d='M3 16.5l9 4.5 9-4.5'/%3E%3C/svg%3E") no-repeat 50%/contain;
    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.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l9 4.5-9 4.5-9-4.5z'/%3E%3Cpath d='M3 12l9 4.5 9-4.5'/%3E%3Cpath d='M3 16.5l9 4.5 9-4.5'/%3E%3C/svg%3E") no-repeat 50%/contain;
  }
  html body #navigation .menu-level-1 > li > a[href*="sestav-si-set"]:is(#gw1,*):is(#gw2,*) > b::after{
    content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;
    background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);
    transform:skewX(-20deg);animation:gw-lesk 4.5s ease-in-out infinite;pointer-events:none;
  }
  html body #navigation .menu-level-1 > li > a[href*="sestav-si-set"]:is(#gw1,*):is(#gw2,*)::after{
    content:"NOVÉ";position:static!important;display:inline-block;flex:none!important;transform:rotate(6deg);
    padding:4px 7px 3px;margin:0!important;border-radius:6px;background:#F4845F;color:#fff;
    font:700 10px/1 'DM Sans',sans-serif;letter-spacing:.6px;box-shadow:0 2px 6px rgba(0,0,0,.25);
    width:auto!important;height:auto!important;border:0!important;opacity:1!important;
  }
}
/* mobilní menu: SESTAV SET jako tlačítko přes celou šířku, text na střed, štítek NOVÉ uvnitř vpravo */
@media(max-width:991px){
  html body #navigation .menu-level-1 > li > a[href*="sestav-si-set"]:is(#gw1,*):is(#gw2,*):is(#gw3,*){position:relative!important;padding:10px 16px 12px!important}
  html body #navigation .menu-level-1 > li > a[href*="sestav-si-set"]:is(#gw1,*):is(#gw2,*):is(#gw3,*) > b{flex:1 1 auto;justify-content:center;height:46px;padding:5px 16px 3px!important;font-size:24px!important}
  html body #navigation .menu-level-1 > li > a[href*="sestav-si-set"]:is(#gw1,*):is(#gw2,*):is(#gw3,*)::after{position:absolute!important;right:30px;top:50%;transform:translateY(-50%) rotate(6deg)!important;margin-top:-1px!important;box-shadow:none!important}
}

/* =========================================================
   IKONKY ÚČTU A KOŠÍKU v hlavičce – vlastní SVG místo Shoptet fontu
   panáček (účet / přihlášení) + nákupní vozík (košík), kolečka 42 px se stínem, při najetí se zvětší
   ========================================================= */
html body #header .navigation-buttons :is(.top-nav-button-account,.top-nav-button-login,a[data-target="cart"]):is(#gw1,*):is(#gw2,*):is(#gw3,*):is(#gw4,*)::before{content:""!important;font-size:0!important;width:24px!important;height:24px!important;background:#fff!important;color:transparent!important;z-index:2}
html body #header .navigation-buttons :is(.top-nav-button-account,.top-nav-button-login):is(#gw1,*):is(#gw2,*):is(#gw3,*):is(#gw4,*)::before{-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.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4.5 20.5c.9-3.8 3.9-6 7.5-6s6.6 2.2 7.5 6'/%3E%3C/svg%3E") no-repeat 50%/contain!important;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.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4.5 20.5c.9-3.8 3.9-6 7.5-6s6.6 2.2 7.5 6'/%3E%3C/svg%3E") no-repeat 50%/contain!important}
html body #header .navigation-buttons a[data-target="cart"]:is(#gw1,*):is(#gw2,*):is(#gw3,*):is(#gw4,*)::before{-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.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 3.5h2.6l2.3 11.2a1.6 1.6 0 0 0 1.6 1.3h8.2a1.6 1.6 0 0 0 1.6-1.2L20.5 7.5H6.2'/%3E%3Ccircle cx='9.5' cy='20' r='1.3'/%3E%3Ccircle cx='17' cy='20' r='1.3'/%3E%3C/svg%3E") no-repeat 50%/contain!important;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.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 3.5h2.6l2.3 11.2a1.6 1.6 0 0 0 1.6 1.3h8.2a1.6 1.6 0 0 0 1.6-1.2L20.5 7.5H6.2'/%3E%3Ccircle cx='9.5' cy='20' r='1.3'/%3E%3Ccircle cx='17' cy='20' r='1.3'/%3E%3C/svg%3E") no-repeat 50%/contain!important;margin:0 0 0 -1px!important}
html body #header .navigation-buttons :is(.top-nav-button-account,.top-nav-button-login,a[data-target="cart"]):is(#gw1,*):is(#gw2,*):is(#gw3,*):is(#gw4,*)::after{width:42px!important;height:42px!important;box-shadow:0 4px 12px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.22)!important;transition:transform .2s ease,background-color .15s,box-shadow .2s!important}
html body #header .navigation-buttons :is(.top-nav-button-account,.top-nav-button-login,a[data-target="cart"]):is(#gw1,*):is(#gw2,*):is(#gw3,*):is(#gw4,*):hover::after{transform:translate(-50%,-50%) scale(1.08)!important}
@media(max-width:520px){html body #header .navigation-buttons :is(.top-nav-button-account,.top-nav-button-login,a[data-target="cart"]):is(#gw1,*):is(#gw2,*):is(#gw3,*):is(#gw4,*)::after{width:36px!important;height:36px!important}html body #header .navigation-buttons :is(.top-nav-button-account,.top-nav-button-login,a[data-target="cart"]):is(#gw1,*):is(#gw2,*):is(#gw3,*):is(#gw4,*)::before{width:21px!important;height:21px!important}}
/* lupa (mobil/tablet) ve stejném stylu */
html body #header .navigation-buttons a[data-target="search"]:is(#gw1,*):is(#gw2,*):is(#gw3,*):is(#gw4,*){position:relative!important}
html body #header .navigation-buttons a[data-target="search"]:is(#gw1,*):is(#gw2,*):is(#gw3,*):is(#gw4,*)::before{content:""!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;margin:0!important;font-size:0!important;width:24px!important;height:24px!important;background:#fff!important;color:transparent!important;z-index:2;-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.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='M20 20l-4.2-4.2'/%3E%3C/svg%3E") no-repeat 50%/contain!important;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.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='M20 20l-4.2-4.2'/%3E%3C/svg%3E") no-repeat 50%/contain!important}
html body #header .navigation-buttons a[data-target="search"]:is(#gw1,*):is(#gw2,*):is(#gw3,*):is(#gw4,*)::after{width:42px!important;height:42px!important;box-shadow:0 4px 12px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.22)!important}
@media(max-width:520px){html body #header .navigation-buttons a[data-target="search"]:is(#gw1,*):is(#gw2,*):is(#gw3,*):is(#gw4,*)::after{width:36px!important;height:36px!important}html body #header .navigation-buttons a[data-target="search"]:is(#gw1,*):is(#gw2,*):is(#gw3,*):is(#gw4,*)::before{width:21px!important;height:21px!important}}

/* =========================================================
   HORNÍ INFO ŘÁDEK v hnědé hlavičce (vkládá growino-nase.js jako .gw-lista, stejná hnědá + jemná linka)
   vlevo telefon + e-mail + otevírací doba, vpravo výhody
   ========================================================= */
html body .gw-lista{background:#3C1F0F;color:rgba(248,244,238,.78);font:500 13px/1 'DM Sans',sans-serif}
html body .gw-lista em{font-style:normal}
html body .gw-lista .gw-lista-in{display:flex;align-items:center;justify-content:space-between;gap:16px;height:40px;float:none!important;border-bottom:1px solid rgba(248,244,238,.1)}
html body .gw-lista .gw-lista-in::before,html body .gw-lista .gw-lista-in::after{content:none!important;display:none!important}
html body .gw-lista-kontakt,html body .gw-lista-vyhody{display:flex;align-items:center;gap:22px;min-width:0}
html body .gw-lista a,html body .gw-lista span.gw-lista-pol{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;color:rgba(248,244,238,.85)!important;text-decoration:none!important;transition:color .15s}
html body .gw-lista a:hover{color:#F4845F!important}
html body .gw-lista a b{font-weight:700;color:#fff}
html body .gw-lista a:hover b{color:#F4845F}
html body .gw-lista i{display:inline-block;width:15px;height:15px;flex:none;background:#00A896;-webkit-mask:var(--gw-ik) no-repeat 50%/contain;mask:var(--gw-ik) no-repeat 50%/contain}
html body .gw-lista .gw-ik-tel{--gw-ik: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.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.4 1.8.7 2.7a2 2 0 0 1-.5 2.1L8 9.8a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.7.7a2 2 0 0 1 1.7 2z'/%3E%3C/svg%3E")}
html body .gw-lista .gw-ik-mail{--gw-ik: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.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.5' y='4.5' width='19' height='15' rx='2.5'/%3E%3Cpath d='M3 7l9 6 9-6'/%3E%3C/svg%3E")}
html body .gw-lista .gw-ik-cas{--gw-ik: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.2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E")}
html body .gw-lista .gw-ik-auto{--gw-ik: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.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1.5 5.5h12v10h-12z'/%3E%3Cpath d='M13.5 9h4l3 3v3.5h-7z'/%3E%3Ccircle cx='6' cy='17.5' r='1.8'/%3E%3Ccircle cx='17' cy='17.5' r='1.8'/%3E%3C/svg%3E")}
html body .gw-lista .gw-ik-balik{--gw-ik: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.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 8l-9-5-9 5v8l9 5 9-5z'/%3E%3Cpath d='M3 8l9 5 9-5M12 13v8'/%3E%3C/svg%3E")}
html body .gw-lista .gw-lista-cas{color:rgba(248,244,238,.55)!important}
html body .gw-lista .gw-lista-vyhody .gw-lista-pol i{background:#F4845F}
html body .gw-lista .gw-oddel{width:1px;height:14px;background:rgba(248,244,238,.15)}
@media(max-width:1199px){html body .gw-lista .gw-lista-balik,html body .gw-lista .gw-lista-cas,html body .gw-lista .gw-oddel{display:none!important}}
@media(max-width:767px){
  html body .gw-lista{font-size:12.5px}
  html body .gw-lista .gw-lista-in{height:34px;padding:0 16px!important;gap:10px}
  html body .gw-lista-kontakt{gap:16px}
  html body .gw-lista .gw-lista-mail span{display:none}
  html body .gw-lista .gw-lista-vyhody .gw-lista-pol{font-size:12px}
}
@media(max-width:400px){html body .gw-lista .gw-lista-vyhody .gw-lista-pol em{display:none}}
/* šířka lišty = stejná jako hlavička (Shoptet: 80 % / max 1536 px; tablet 100 % − 32 px; mobil 100 %) */
html body .gw-lista .gw-lista-in.container{width:100%!important;max-width:100%!important;margin:0 auto!important;padding:0 16px!important}
@media(min-width:992px){html body .gw-lista .gw-lista-in.container{width:80%!important;max-width:1536px!important;padding:0!important}}
@media(min-width:992px) and (max-width:1199px){html body .gw-lista .gw-lista-in.container{width:calc(100% - 32px)!important;max-width:calc(100% - 32px)!important}}

/* horní menu (BLOG … YOUTUBE): krémové písmo, při najetí vyjede korálová linka od středu, aktuální stránka = tyrkysová linka */
@media(min-width:1200px){
  html body #navigation .menu-level-1 > li:not(.appended-category) > a:not([href*="sestav-si-set"]){background:transparent!important}
  html body #navigation .menu-level-1 > li:not(.appended-category) > a:not([href*="sestav-si-set"]) > b{position:relative;display:inline-block;color:#F8F4EE!important;letter-spacing:.8px!important;transition:color .2s ease}
  html body #navigation .menu-level-1 > li:not(.appended-category) > a:not([href*="sestav-si-set"]) > b::after{content:"";position:absolute;left:50%;bottom:-7px;width:0;height:3px;border-radius:3px;background:#F4845F;transform:translateX(-50%);transition:width .25s ease}
  html body #navigation .menu-level-1 > li:not(.appended-category) > a:not([href*="sestav-si-set"]):hover > b{color:#fff!important}
  html body #navigation .menu-level-1 > li:not(.appended-category) > a:not([href*="sestav-si-set"]):hover > b::after{width:100%}
  html body #navigation .menu-level-1 > li:is(.active,.selected,.current):not(.appended-category) > a:not([href*="sestav-si-set"]) > b::after{width:100%;background:#00A896}
}
/* horní menu na PC: položky měly výšku 88 px (padding 32 px) v hlavičce 80 px → byly o 9 px níž než logo/vyhledávání/ikonky. Teď na střed. */
@media(min-width:1200px){
  html body #navigation .menu-level-1 > li:not(.appended-category) > a:is(#gw1,*){display:flex!important;align-items:center!important;height:80px!important;padding-top:0!important;padding-bottom:0!important}
  html body #navigation,html body #navigation .navigation-in,html body #navigation .menu-level-1{height:80px!important;align-items:center!important}
}
/* aktuální rubrika (Blog, Návody, …) na PC: místo tyrkysového písma bílé písmo + korálová linka pod ním (stejná jako při najetí) */
@media(min-width:1200px){
  html body.template-12 #header .navigation-in > ul > li:not(.appended-category) > a:not([href*="sestav-si-set"]):is(.gw-aktivni,.gw-tap,:active):is(#gw1,*):is(#gw2,*),
  html body.template-12 #header .navigation-in > ul > li:not(.appended-category) > a:not([href*="sestav-si-set"]):is(.gw-aktivni,.gw-tap,:active):is(#gw1,*):is(#gw2,*) > b,
  html body.template-12 #header .navigation-in > ul > li.active:not(.appended-category) > a:not([href*="sestav-si-set"]):is(#gw1,*):is(#gw2,*),
  html body.template-12 #header .navigation-in > ul > li.active:not(.appended-category) > a:not([href*="sestav-si-set"]):is(#gw1,*):is(#gw2,*) > b{color:#fff!important}
  html body.template-12 #header .navigation-in > ul > li:not(.appended-category) > a.gw-aktivni:not([href*="sestav-si-set"]):is(#gw1,*):is(#gw2,*) > b::after,
  html body.template-12 #header .navigation-in > ul > li.active:not(.appended-category) > a:not([href*="sestav-si-set"]):is(#gw1,*):is(#gw2,*) > b::after{width:100%!important;background:#F4845F!important}
}

/* =========================================================
   MOBIL / TABLET – sladění s PC
   ========================================================= */
/* info řádek: na mobilu je hlavička přilepená nahoře a řádek je pod ní → linka nahoře místo dole, jemný stín */
@media(max-width:991px){
  html body .gw-lista .gw-lista-in.container{border-bottom:0!important;border-top:1px solid rgba(248,244,238,.1)!important;height:36px!important}
  html body .gw-lista{box-shadow:0 6px 14px rgba(0,0,0,.12)}
}
@media(max-width:400px){html body .gw-lista .gw-lista-vyhody .gw-lista-pol em{display:inline!important}}
@media(max-width:359px){html body .gw-lista .gw-lista-vyhody .gw-lista-pol em{display:none!important}}
/* menu v hamburgeru: krémové položky, aktuální rubrika bílá + korálová linka (místo tyrkysové barvy) */
@media(max-width:991px){
  html body.template-12 #header .navigation-in > ul > li:not(.appended-category) > a:not([href*="sestav-si-set"]):is(#gw1,*):is(#gw2,*) > b{position:relative;color:#F8F4EE!important;letter-spacing:.8px!important}
  html body.template-12 #header .navigation-in > ul > li:not(.appended-category) > a:not([href*="sestav-si-set"]):is(#gw1,*):is(#gw2,*) > b::after{content:"";position:absolute;left:0;bottom:2px;width:0;height:3px;border-radius:3px;background:#F4845F;transition:width .25s ease}
  html body.template-12 #header .navigation-in > ul > li:not(.appended-category) > a:not([href*="sestav-si-set"]):is(.gw-aktivni,.gw-tap,:active):is(#gw1,*):is(#gw2,*),
  html body.template-12 #header .navigation-in > ul > li:not(.appended-category) > a:not([href*="sestav-si-set"]):is(.gw-aktivni,.gw-tap,:active):is(#gw1,*):is(#gw2,*) > b,
  html body.template-12 #header .navigation-in > ul > li.active:not(.appended-category) > a:not([href*="sestav-si-set"]):is(#gw1,*):is(#gw2,*),
  html body.template-12 #header .navigation-in > ul > li.active:not(.appended-category) > a:not([href*="sestav-si-set"]):is(#gw1,*):is(#gw2,*) > b{color:#fff!important}
  html body.template-12 #header .navigation-in > ul > li:not(.appended-category) > a.gw-aktivni:not([href*="sestav-si-set"]):is(#gw1,*):is(#gw2,*) > b::after,
  html body.template-12 #header .navigation-in > ul > li.active:not(.appended-category) > a:not([href*="sestav-si-set"]):is(#gw1,*):is(#gw2,*) > b::after{width:100%!important}
}

/* =========================================================
   NIC NENALEZENO – kocour s lupou nahoře, text na střed pod ním (styl jako prázdný košík) (vkládá growino-nase.js: .gw-nic na stránce vyhledávání, .gw-nic-w v našeptávači)
   ========================================================= */
html body #products-found h4.gw-nic-skryt{display:none!important}
html body .gw-nic{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:640px;margin:0 auto 40px;font-family:'DM Sans',sans-serif;color:#3C1F0F}
html body .gw-nic-obr{flex:none;width:280px;height:280px;object-fit:contain;margin-bottom:-6px}
html body .gw-nic-txt{width:100%}
html body :is(#gw1,*) h3.gw-nic-nadpis{margin:0 0 12px!important;font:400 46px/1 'Bebas Neue',sans-serif!important;letter-spacing:.5px;color:#3C1F0F!important;text-align:center!important}
html body .gw-nic-txt p{margin:0 0 18px!important;font-size:16px!important;line-height:1.6!important;color:#5A4A40!important}
html body .gw-nic-txt p strong{color:#3C1F0F}
html body .gw-nic-nad{display:block;margin:0 0 8px;font:700 12px/1 'DM Sans',sans-serif;letter-spacing:.6px;text-transform:uppercase;color:#9B8C82}
html body .gw-nic-tipy{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:22px}
html body .gw-nic-tipy a{display:inline-flex;align-items:center;padding:8px 14px;border-radius:999px;background:#E6F4F2;color:#007A6D!important;font:600 14px/1 'DM Sans',sans-serif;text-decoration:none!important;transition:background .15s,color .15s}
html body .gw-nic-tipy a:hover{background:#00A896;color:#fff!important}
html body .gw-nic-tlac{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
html body .gw-nic-btn{display:inline-flex;align-items:center;justify-content:center;height:46px;padding:0 22px;border-radius:999px;border:2px solid #E6DCCF;background:#fff;color:#3C1F0F!important;font:700 15px/1 'DM Sans',sans-serif;text-decoration:none!important;transition:border-color .15s,background .15s,color .15s}
html body .gw-nic-btn:hover{border-color:#3C1F0F}
html body .gw-nic-btn2{background:#00A896;border-color:#00A896;color:#fff!important}
html body .gw-nic-btn2:hover{background:#007A6D;border-color:#007A6D}
html body .gw-nic-txt p.gw-nic-pozn{margin:0!important;font-size:14px!important;color:#9B8C82!important}
html body .gw-nic-pozn a{color:#3C1F0F!important;font-weight:700;text-decoration:none!important}
html body .gw-nic-pozn a:hover{color:#F4845F!important}
@media(max-width:767px){
  html body .gw-nic-obr{width:220px;height:220px}
  html body :is(#gw1,*) h3.gw-nic-nadpis{font-size:34px!important;text-align:center!important}
  html body .gw-nic-txt p{font-size:15px!important}
  html body .gw-nic-btn{flex:1 1 100%}
}
/* našeptávač – nic nenalezeno */
html body .search-whisperer .search-whisperer-empty.gw-nic-w{display:flex!important;align-items:center;gap:14px;padding:6px 6px 4px!important;margin:0!important;border:0!important;text-align:left!important;font:400 13.5px/1.45 'DM Sans',sans-serif!important;color:#5A4A40!important}
html body .search-whisperer .gw-nic-w img{flex:none;width:76px;height:76px;object-fit:contain}
html body :is(#gw1,*) .search-whisperer .gw-nic-w b{display:block;margin-bottom:3px;font:400 22px/1 'Bebas Neue',sans-serif!important;letter-spacing:.5px;color:#3C1F0F}

/* =========================================================
   KLIENTSKÉ CENTRUM – MOBIL: tabulky objednávek (table-mobile-enriched) jako karty
   popisek vlevo (šedohnědý), hodnota vpravo; každá objednávka = vlastní karta; prázdná hodnota = „–“
   (třídy gw-prazdne / gw-skryt / gw-posl doplňuje growino-nase.js)
   ========================================================= */
@media(max-width:767px){
  html body:has(.client-center-box) .sidebar-inner{padding-left:0!important;padding-right:0!important}
  html body:has(.client-center-box) #content table.table-mobile-enriched{border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;overflow:visible!important}
  html body:has(.client-center-box) #content table.table-mobile-enriched tr:is(#gw1,*){display:block!important;margin:0 0 14px!important;padding:0!important;border:1px solid #E6DCCF!important;border-radius:18px!important;background:#fff!important;overflow:hidden}
  html body:has(.client-center-box) #content table.table-mobile-enriched tr:first-child:has(th){display:none!important}
  html body:has(.client-center-box) #content table.table-mobile-enriched td:is(#gw1,*){display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:12px 16px!important;text-align:right!important;border:0!important;border-bottom:1px solid #F1EAE0!important;font-size:15px!important;color:#3C1F0F!important;min-height:0!important}
  html body:has(.client-center-box) #content table.table-mobile-enriched tr td.gw-posl:is(#gw1,*):is(#gw2,*){border-bottom:0!important}
  html body:has(.client-center-box) #content table.table-mobile-enriched td.gw-skryt:is(#gw1,*):is(#gw2,*){display:none!important}
  html body:has(.client-center-box) #content table.table-mobile-enriched td .client-table-heading:is(#gw1,*){flex:none;width:auto!important;margin:0!important;padding:0!important;text-align:left!important;color:#8C7B70!important;font:500 14px/1.3 'DM Sans',sans-serif!important}
  html body:has(.client-center-box) #content table.table-mobile-enriched td.gw-prazdne::after{content:"–";color:#B8AAA0}
  html body:has(.client-center-box) #content table.table-mobile-enriched td.cell--price strong{font:400 22px/1 'Bebas Neue',sans-serif!important;letter-spacing:.5px}
}

/* košík / objednávka: tlačítko „← Zpět do obchodu“ odsazené od levého kraje (bylo nalepené) */
html body:is(.ordering-process,.in-kosik) .sidebar a.toggle-window-arr:is(#gw1,*){margin-left:16px!important}
@media(min-width:768px){html body:is(.ordering-process,.in-kosik) .sidebar a.toggle-window-arr:is(#gw1,*){margin-left:24px!important;margin-top:16px!important}}

/* objednávka: kroky 1 · 2 · 3 (ol.cart-header) odsazené od hnědé hlavičky */
html body ol.cart-header:is(#gw1,*){margin-top:30px!important}
@media(max-width:767px){html body ol.cart-header:is(#gw1,*){margin-top:20px!important}}

/* okno „Přidáno do košíku“ (colorbox .advanced-order): growino-nase.js ho přepne na position:fixed a vycentruje,
   takže při scrollování zůstává uprostřed obrazovky; když je vyšší než obrazovka, scrolluje se obsah uvnitř */
html body #colorbox:has(.advanced-order) #cboxContent:is(#gw1,*){max-height:calc(100vh - 32px)!important;max-height:calc(100dvh - 32px)!important;overflow-y:auto!important;overscroll-behavior:contain}

/* stránka 404 – použije styl .gw-nic (kocour nahoře, text na střed); nadpis je tu h1 */
html body .empty-content-404:has(.gw-nic){padding:10px 0 0!important;margin:0!important;text-align:center!important;background:transparent!important;border:0!important}
html body .empty-content-404:has(.gw-nic)::before,html body .empty-content-404:has(.gw-nic)::after{content:none!important;display:none!important}
html body :is(#gw1,*) h1.gw-nic-nadpis{margin:0 0 12px!important;padding:0!important;font:400 46px/1 'Bebas Neue',sans-serif!important;letter-spacing:.5px;color:#3C1F0F!important;text-align:center!important;text-transform:uppercase}
html body :is(#gw1,*) h1.gw-nic-nadpis::before,html body :is(#gw1,*) h1.gw-nic-nadpis::after{content:none!important;display:none!important}
@media(max-width:767px){html body :is(#gw1,*) h1.gw-nic-nadpis{font-size:34px!important}}
/* proti probliknutí okna „Přidáno do košíku“ – skryté, dokud ho JS nevycentruje (třída gw-cb-skryj na body), pak plynulý náběh */
html body #colorbox:has(.advanced-order){transition:opacity .18s ease}
html body.gw-cb-skryj #colorbox{opacity:0!important}
/* 404: obrázek má víc bílého okraje než kocourslupou.jpg → zvětšený tak, aby kocour vyšel stejně velký jako na „nic nenalezeno“ (obsah ~258 px vysoký); brightness srovná téměř bílý podklad */
html body .gw-nic-404 .gw-nic-obr:is(#gw1,*){width:353px!important;height:353px!important;margin:-37px 0 -32px!important;filter:brightness(1.02)}
html body .gw-nic-404 .gw-nic-txt{position:relative;z-index:1}
@media(max-width:767px){html body .gw-nic-404 .gw-nic-obr:is(#gw1,*){width:277px!important;height:277px!important;margin:-29px 0 -25px!important}}

/* karusel na PC: šipky schované, ukážou se plynule po najetí myší na banner (na mobilu/dotyku zůstávají) */
@media(hover:hover) and (min-width:992px){
  html body #carousel a.carousel-control:is(#gw1,*){opacity:0!important;visibility:hidden;transition:opacity .25s ease,visibility .25s ease!important}
  html body #carousel:is(:hover,:has(:focus-visible)) a.carousel-control:is(#gw1,*){opacity:.85!important;visibility:visible}
  html body #carousel a.carousel-control:is(#gw1,*):hover{opacity:1!important}
}

/* karusel – nové šipky: krémové kolečko s čokoládovou šipkou, při najetí tyrkysové s bílou šipkou */
html body #carousel a.carousel-control:is(#gw1,*):is(#gw2,*){background:transparent!important;background-image:none!important}
html body #carousel a.carousel-control:is(#gw1,*):is(#gw2,*)::before{content:""!important;font-size:0!important;color:transparent!important;width:52px!important;height:52px!important;margin-top:-26px!important;border:0!important;border-radius:50%!important;background:rgba(248,244,238,.92) no-repeat 50% 50%/22px!important;box-shadow:0 6px 18px rgba(44,36,32,.28)!important;backdrop-filter:blur(4px);transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease!important}
html body #carousel a.carousel-control:is(#gw1,*):is(#gw2,*).right::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233C1F0F' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.5 5.5l6.5 6.5-6.5 6.5'/%3E%3C/svg%3E")!important;right:22px!important;left:auto!important}
html body #carousel a.carousel-control:is(#gw1,*):is(#gw2,*).left::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233C1F0F' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.5 5.5L8 12l6.5 6.5'/%3E%3C/svg%3E")!important;left:22px!important;right:auto!important}
@media(hover:hover){
  html body #carousel a.carousel-control:is(#gw1,*):is(#gw2,*):hover::before{background-color:#00A896!important;transform:scale(1.08);box-shadow:0 8px 22px rgba(0,168,150,.45)!important}
  html body #carousel a.carousel-control:is(#gw1,*):is(#gw2,*).right:hover::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.5 5.5l6.5 6.5-6.5 6.5'/%3E%3C/svg%3E")!important}
  html body #carousel a.carousel-control:is(#gw1,*):is(#gw2,*).left:hover::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.5 5.5L8 12l6.5 6.5'/%3E%3C/svg%3E")!important}
}
/* dotyk (mobil): po klepnutí krátce bliknou tyrkysově (třídu gw-blik dává growino-nase.js na 350 ms) */
html body #carousel a.carousel-control:is(#gw1,*):is(#gw2,*):is(.gw-blik)::before{background-color:#00A896!important;transform:scale(1.08);box-shadow:0 8px 22px rgba(0,168,150,.45)!important}
html body #carousel a.carousel-control:is(#gw1,*):is(#gw2,*).right:is(.gw-blik)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.5 5.5l6.5 6.5-6.5 6.5'/%3E%3C/svg%3E")!important}
html body #carousel a.carousel-control:is(#gw1,*):is(#gw2,*).left:is(.gw-blik)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.5 5.5L8 12l6.5 6.5'/%3E%3C/svg%3E")!important}
@media(max-width:767px){
  html body #carousel a.carousel-control:is(#gw1,*):is(#gw2,*)::before{width:38px!important;height:38px!important;margin-top:-19px!important;background-size:17px!important}
  html body #carousel a.carousel-control:is(#gw1,*):is(#gw2,*).right::before{right:10px!important}
  html body #carousel a.carousel-control:is(#gw1,*):is(#gw2,*).left::before{left:10px!important}
}

/* košík – mobil: „Součet“ nad cenou (stejně jako „Cena za m. j.“ vlevo), křížek pro odebrání vedle */
@media(max-width:767px){
  html body .cart-table tr.removeable td.p-total:is(#gw1,*){display:grid!important;grid-template-columns:1fr auto;grid-template-rows:auto auto;column-gap:12px;row-gap:2px;align-items:center;justify-items:end;text-align:right!important}
  html body .cart-table tr.removeable td.p-total > .p-label:is(#gw1,*){grid-column:1;grid-row:1;margin:0!important}
  html body .cart-table tr.removeable td.p-total > .price-final:is(#gw1,*){grid-column:1;grid-row:2;margin:0!important}
  html body .cart-table tr.removeable td.p-total > form:is(#gw1,*){grid-column:2;grid-row:1 / span 2;margin:0!important}
}

/* košík: dostupnost (Skladem / Na cestě k nám …) jako pilulka – stejná jako u produktů (barva podle Shoptetu, tečka + 13% podklad) */
html body .cart-table .p-availability .availability-label:is(#gw1,*){display:inline-flex!important;align-items:center;gap:6px;padding:4px 11px 4px 9px!important;margin-top:4px;border-radius:999px;background:color-mix(in srgb,currentColor 13%,transparent)!important;font-size:13px!important;font-weight:700!important;line-height:1.2!important;border-bottom:0!important;text-decoration:none!important}
html body .cart-table .p-availability .availability-label:is(#gw1,*)::before{content:""!important;display:block!important;width:7px;height:7px;border-radius:50%;background:currentColor;flex:none}

/* objednávka krok 3 (Informace pro vás), nepřihlášený zákazník: „Zákaznický účet – Přihlásit se do mého účtu“
   → mátová karta „Máš u nás účet? Přihlas se a údaje doplníme za tebe.“ + tyrkysové tlačítko s panáčkem */
html body .co-contact-information .form-group:has(> div > a.login-button):is(#gw1,*){display:flex!important;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 16px;margin:0 0 22px!important;padding:16px 18px!important;border-radius:18px;background:#E6F4F2;border:0!important}
html body .co-contact-information .form-group:has(> div > a.login-button) > p.label:is(#gw1,*){flex:1 1 220px;margin:0!important;padding:0!important;width:auto!important;font-size:0!important;line-height:1.35!important;text-align:left!important;float:none!important}
html body .co-contact-information .form-group:has(> div > a.login-button) > p.label::before{content:"Máš u nás účet?";display:block;font:400 22px/1.1 'Bebas Neue',sans-serif;letter-spacing:.5px;color:#3C1F0F}
html body .co-contact-information .form-group:has(> div > a.login-button) > p.label::after{content:"Přihlas se a údaje doplníme za tebe.";display:block;margin-top:2px;font:500 14px/1.4 'DM Sans',sans-serif;color:#5A4A40}
html body .co-contact-information .form-group:has(> div > a.login-button) > div:is(#gw1,*){flex:none;width:auto!important;margin:0!important;padding:0!important;float:none!important}
html body .co-contact-information a.login-button:is(#gw1,*):is(#gw2,*){display:inline-flex!important;align-items:center;gap:8px;height:44px!important;min-height:0!important;padding:0 20px!important;border:0!important;border-radius:999px!important;background:#00A896!important;color:#fff!important;font:700 15px/1 'DM Sans',sans-serif!important;text-transform:none!important;letter-spacing:0!important;box-shadow:0 6px 16px rgba(0,168,150,.28)!important;transition:background .2s,transform .2s!important;white-space:nowrap}
html body .co-contact-information a.login-button:is(#gw1,*):is(#gw2,*)::before{content:"";width:17px;height:17px;flex:none;background:#fff;-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.4' stroke-linecap='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4.5 20.5c.9-3.8 3.9-6 7.5-6s6.6 2.2 7.5 6'/%3E%3C/svg%3E") no-repeat 50%/contain;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.4' stroke-linecap='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4.5 20.5c.9-3.8 3.9-6 7.5-6s6.6 2.2 7.5 6'/%3E%3C/svg%3E") no-repeat 50%/contain}
html body .co-contact-information a.login-button:is(#gw1,*):is(#gw2,*):hover{background:#007A6D!important;transform:translateY(-1px)}
@media(max-width:767px){
  html body .co-contact-information .form-group:has(> div > a.login-button) > div:is(#gw1,*){width:100%!important}
  html body .co-contact-information a.login-button:is(#gw1,*):is(#gw2,*){width:100%;justify-content:center}
}

/* proti „poskočení“ stránky při prvním načtení: informační řádek (.gw-lista) vkládá JS až po načtení stránky →
   do té doby pro něj držíme stejně vysoké hnědé místo, takže se nic neposune */
html body .overall-wrapper:not(:has(.gw-lista))::before{content:"";display:block;height:40px;background:#3C1F0F}
@media(max-width:991px){html body .overall-wrapper:not(:has(.gw-lista))::before{height:36px}}

/* menší PC a iPad na šířku (1200–1439 px, např. iPad Pro 12,9″ = 1366 px): při šířce 80 % se menu nevešlo,
   SESTAV SET spadl pod „Více“ a štítek NOVÉ překrýval text → hlavička, info řádek i obsah na šířku okna − 48 px */
@media(min-width:1200px) and (max-width:1439px){
  html body.template-12 #header .navigation-wrapper:is(#gw1,*),
  html body .gw-lista .gw-lista-in.container:is(#gw1,*),
  html body.template-12 #content-wrapper.content-wrapper:is(#gw1,*){width:calc(100% - 48px)!important;max-width:calc(100% - 48px)!important}
}

/* =========================================================
   TABLETY (992–1199 px): iPad na výšku dostane PC verzi webu (Safari se hlásí jako Mac) → menu je v řádku, ne v hamburgeru.
   Hamburger pravidla platí jen do 991 px a pro body.mobile; PC pravidla menu platí i pro 992–1199 px bez .mobile.
   ========================================================= */
/* totéž pro tablety s mobilní verzí webu (body.mobile) – hamburger menu */
html body.mobile #navigation .menu-level-1 > li > a[href*="sestav-si-set"]:is(#gw1,*):is(#gw2,*){display:flex!important;align-items:center;justify-content:flex-start!important;gap:10px;height:auto!important;padding:6px 8px 8px 16px!important;background:transparent!important}
  html body.mobile #navigation .menu-level-1 > li > a[href*="sestav-si-set"]:is(#gw1,*):is(#gw2,*) > b{
    position:relative;display:inline-flex;align-items:center;gap:8px;overflow:hidden;height:36px;box-sizing:border-box;
    padding:5px 16px 4px 13px;border-radius:999px;line-height:1!important;
    background:linear-gradient(135deg,#00B8A4 0%,#00A896 45%,#007A6D 100%);color:#fff!important;
    box-shadow:0 4px 14px rgba(0,168,150,.4),inset 0 1px 0 rgba(255,255,255,.25);
  }
  html body.mobile #navigation .menu-level-1 > li > a[href*="sestav-si-set"]:is(#gw1,*):is(#gw2,*) > b::before{
    content:"";width:17px;height:17px;flex:none;margin-top:-2px;background:#fff;
    -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.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l9 4.5-9 4.5-9-4.5z'/%3E%3Cpath d='M3 12l9 4.5 9-4.5'/%3E%3Cpath d='M3 16.5l9 4.5 9-4.5'/%3E%3C/svg%3E") no-repeat 50%/contain;
    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.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l9 4.5-9 4.5-9-4.5z'/%3E%3Cpath d='M3 12l9 4.5 9-4.5'/%3E%3Cpath d='M3 16.5l9 4.5 9-4.5'/%3E%3C/svg%3E") no-repeat 50%/contain;
  }
  html body.mobile #navigation .menu-level-1 > li > a[href*="sestav-si-set"]:is(#gw1,*):is(#gw2,*) > b::after{
    content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;
    background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);
    transform:skewX(-20deg);animation:gw-lesk 4.5s ease-in-out infinite;pointer-events:none;
  }
  html body.mobile #navigation .menu-level-1 > li > a[href*="sestav-si-set"]:is(#gw1,*):is(#gw2,*)::after{
    content:"NOVÉ";position:static!important;display:inline-block;flex:none!important;transform:rotate(6deg);
    padding:4px 7px 3px;margin:0!important;border-radius:6px;background:#F4845F;color:#fff;
    font:700 10px/1 'DM Sans',sans-serif;letter-spacing:.6px;box-shadow:0 2px 6px rgba(0,0,0,.25);
    width:auto!important;height:auto!important;border:0!important;opacity:1!important;
  }

/* totéž pro tablety s mobilní verzí webu (body.mobile) – hamburger menu */
html body.mobile #navigation .menu-level-1 > li > a[href*="sestav-si-set"]:is(#gw1,*):is(#gw2,*):is(#gw3,*){position:relative!important;padding:10px 16px 12px!important}
  html body.mobile #navigation .menu-level-1 > li > a[href*="sestav-si-set"]:is(#gw1,*):is(#gw2,*):is(#gw3,*) > b{flex:1 1 auto;justify-content:center;height:46px;padding:5px 16px 3px!important;font-size:24px!important}
  html body.mobile #navigation .menu-level-1 > li > a[href*="sestav-si-set"]:is(#gw1,*):is(#gw2,*):is(#gw3,*)::after{position:absolute!important;right:30px;top:50%;transform:translateY(-50%) rotate(6deg)!important;margin-top:-1px!important;box-shadow:none!important}

/* totéž pro tablety s mobilní verzí webu (body.mobile) – hamburger menu */
html body.mobile.template-12 #header .navigation-in > ul > li:not(.appended-category) > a:not([href*="sestav-si-set"]):is(#gw1,*):is(#gw2,*) > b{position:relative;color:#F8F4EE!important;letter-spacing:.8px!important}
  html body.mobile.template-12 #header .navigation-in > ul > li:not(.appended-category) > a:not([href*="sestav-si-set"]):is(#gw1,*):is(#gw2,*) > b::after{content:"";position:absolute;left:0;bottom:2px;width:0;height:3px;border-radius:3px;background:#F4845F;transition:width .25s ease}
  html body.mobile.template-12 #header .navigation-in > ul > li:not(.appended-category) > a:not([href*="sestav-si-set"]):is(.gw-aktivni,.gw-tap,:active):is(#gw1,*):is(#gw2,*),
  html body.mobile.template-12 #header .navigation-in > ul > li:not(.appended-category) > a:not([href*="sestav-si-set"]):is(.gw-aktivni,.gw-tap,:active):is(#gw1,*):is(#gw2,*) > b,
  html body.mobile.template-12 #header .navigation-in > ul > li.active:not(.appended-category) > a:not([href*="sestav-si-set"]):is(#gw1,*):is(#gw2,*),
  html body.mobile.template-12 #header .navigation-in > ul > li.active:not(.appended-category) > a:not([href*="sestav-si-set"]):is(#gw1,*):is(#gw2,*) > b{color:#fff!important}
  html body.mobile.template-12 #header .navigation-in > ul > li:not(.appended-category) > a.gw-aktivni:not([href*="sestav-si-set"]):is(#gw1,*):is(#gw2,*) > b::after,
  html body.mobile.template-12 #header .navigation-in > ul > li.active:not(.appended-category) > a:not([href*="sestav-si-set"]):is(#gw1,*):is(#gw2,*) > b::after{width:100%!important}

@media(min-width:992px) and (max-width:1199px){
  html body:not(.mobile) #header #navigation.fitted + .menu-helper{flex:0 0 0!important;width:0!important;min-width:0!important;overflow:hidden!important;padding:0!important;margin:0!important}
}

@media(min-width:992px) and (max-width:1199px){
  html body:not(.mobile) #navigation .menu-level-1 > li > a[href*="sestav-si-set"]:is(#gw1,*){position:relative;padding-left:14px!important;padding-right:14px!important;background:transparent!important}
  html body:not(.mobile) #navigation .menu-level-1 > li > a[href*="sestav-si-set"]:is(#gw1,*) > b{
    position:relative;display:inline-flex;align-items:center;gap:8px;overflow:hidden;
    padding:5px 16px 4px 13px;height:34px;box-sizing:border-box;border-radius:999px;line-height:1!important;
    background:linear-gradient(135deg,#00B8A4 0%,#00A896 45%,#007A6D 100%);color:#fff!important;
    box-shadow:0 4px 14px rgba(0,168,150,.45),inset 0 1px 0 rgba(255,255,255,.25);
    transition:transform .2s ease,box-shadow .2s ease;
  }
  html body:not(.mobile) #navigation .menu-level-1 > li > a[href*="sestav-si-set"]:is(#gw1,*) > b::before{
    content:"";width:17px;height:17px;flex:none;margin-top:-2px;background:#fff;
    -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.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l9 4.5-9 4.5-9-4.5z'/%3E%3Cpath d='M3 12l9 4.5 9-4.5'/%3E%3Cpath d='M3 16.5l9 4.5 9-4.5'/%3E%3C/svg%3E") no-repeat 50%/contain;
    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.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l9 4.5-9 4.5-9-4.5z'/%3E%3Cpath d='M3 12l9 4.5 9-4.5'/%3E%3Cpath d='M3 16.5l9 4.5 9-4.5'/%3E%3C/svg%3E") no-repeat 50%/contain;
  }
  html body:not(.mobile) #navigation .menu-level-1 > li > a[href*="sestav-si-set"]:is(#gw1,*) > b::after{
    content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;
    background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);
    transform:skewX(-20deg);animation:gw-lesk 4.5s ease-in-out infinite;pointer-events:none;
  }
  html body:not(.mobile) #navigation .menu-level-1 > li > a[href*="sestav-si-set"]:is(#gw1,*):hover > b{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,168,150,.55),inset 0 1px 0 rgba(255,255,255,.25)}
  html body:not(.mobile) #navigation .menu-level-1 > li > a[href*="sestav-si-set"]:is(#gw1,*)::after{
    content:"NOVÉ";position:absolute;top:50%;right:2px;transform:translateY(-26px) rotate(6deg);
    padding:3px 6px 2px;border-radius:6px;background:#F4845F;color:#fff;
    font:700 9.5px/1 'DM Sans',sans-serif;letter-spacing:.6px;box-shadow:0 2px 6px rgba(0,0,0,.25);pointer-events:none;
    width:auto!important;height:auto!important;left:auto!important;bottom:auto!important;border:0!important;opacity:1!important;
  }
}

@media(min-width:992px) and (max-width:1199px){
  html body:not(.mobile) #navigation .menu-level-1 > li:not(.appended-category) > a:not([href*="sestav-si-set"]){background:transparent!important}
  html body:not(.mobile) #navigation .menu-level-1 > li:not(.appended-category) > a:not([href*="sestav-si-set"]) > b{position:relative;display:inline-block;color:#F8F4EE!important;letter-spacing:.8px!important;transition:color .2s ease}
  html body:not(.mobile) #navigation .menu-level-1 > li:not(.appended-category) > a:not([href*="sestav-si-set"]) > b::after{content:"";position:absolute;left:50%;bottom:-7px;width:0;height:3px;border-radius:3px;background:#F4845F;transform:translateX(-50%);transition:width .25s ease}
  html body:not(.mobile) #navigation .menu-level-1 > li:not(.appended-category) > a:not([href*="sestav-si-set"]):hover > b{color:#fff!important}
  html body:not(.mobile) #navigation .menu-level-1 > li:not(.appended-category) > a:not([href*="sestav-si-set"]):hover > b::after{width:100%}
  html body:not(.mobile) #navigation .menu-level-1 > li:is(.active,.selected,.current):not(.appended-category) > a:not([href*="sestav-si-set"]) > b::after{width:100%;background:#00A896}
}

@media(min-width:992px) and (max-width:1199px){
  html body:not(.mobile) #navigation .menu-level-1 > li:not(.appended-category) > a:is(#gw1,*){display:flex!important;align-items:center!important;height:80px!important;padding-top:0!important;padding-bottom:0!important}
  html body:not(.mobile) #navigation,html body:not(.mobile) #navigation .navigation-in,html body:not(.mobile) #navigation .menu-level-1{height:80px!important;align-items:center!important}
}

@media(min-width:992px) and (max-width:1199px){
  html body.template-12:not(.mobile) #header .navigation-in > ul > li:not(.appended-category) > a:not([href*="sestav-si-set"]):is(.gw-aktivni,.gw-tap,:active):is(#gw1,*):is(#gw2,*),
  html body.template-12:not(.mobile) #header .navigation-in > ul > li:not(.appended-category) > a:not([href*="sestav-si-set"]):is(.gw-aktivni,.gw-tap,:active):is(#gw1,*):is(#gw2,*) > b,
  html body.template-12:not(.mobile) #header .navigation-in > ul > li.active:not(.appended-category) > a:not([href*="sestav-si-set"]):is(#gw1,*):is(#gw2,*),
  html body.template-12:not(.mobile) #header .navigation-in > ul > li.active:not(.appended-category) > a:not([href*="sestav-si-set"]):is(#gw1,*):is(#gw2,*) > b{color:#fff!important}
  html body.template-12:not(.mobile) #header .navigation-in > ul > li:not(.appended-category) > a.gw-aktivni:not([href*="sestav-si-set"]):is(#gw1,*):is(#gw2,*) > b::after,
  html body.template-12:not(.mobile) #header .navigation-in > ul > li.active:not(.appended-category) > a:not([href*="sestav-si-set"]):is(#gw1,*):is(#gw2,*) > b::after{width:100%!important;background:#F4845F!important}
}
/* tablety 992–1199 px s PC verzí: menu v řádku se musí vejít i se SESTAV SET → menší logo, písmo a mezery */
@media(min-width:992px) and (max-width:1199px){
  html body:not(.mobile) #header .site-name:is(#gw1,*){flex:0 0 150px!important;width:150px!important;max-width:150px!important}
  html body:not(.mobile) #header .site-name img:is(#gw1,*){max-width:150px!important;height:auto!important}
  html body:not(.mobile) #navigation .menu-level-1 > li:not(.appended-category) > a:is(#gw1,*):is(#gw2,*){padding-left:7px!important;padding-right:7px!important}
  html body:not(.mobile) #navigation .menu-level-1 > li:not(.appended-category) > a:is(#gw1,*) > b{font-size:18px!important;letter-spacing:.4px!important}
  html body:not(.mobile) #navigation .menu-level-1 > li > a[href*="sestav-si-set"]:is(#gw1,*):is(#gw2,*):is(#gw3,*) > b{padding:4px 12px 3px 10px!important;height:30px!important;gap:6px}
  html body:not(.mobile) #header .navigation-buttons > *:is(#gw1,*){width:48px!important;min-width:48px!important}
}

/* =========================================================
   HLAVIČKA PLYNULE PRO VŠECHNY ŠÍŘKY (otestováno 1920 → 320 px po krocích)
   od 1200 px: hlavička, info řádek i obsah = šířka okna − 48 px (max 1536 px);
   logo, písmo a mezery menu a vyhledávací pole se plynule zmenšují mezi 1440 a 1200 px,
   aby se menu se SESTAV SET vždy vešlo do řádku (bez „Více“); 992–1199 px totéž v menším
   ========================================================= */
@media(min-width:1200px){
  html body.template-12 #header .navigation-wrapper:is(#gw1,*):is(#gw2,*),
  html body .gw-lista .gw-lista-in.container:is(#gw1,*):is(#gw2,*),
  html body.template-12 #content-wrapper.content-wrapper:is(#gw1,*):is(#gw2,*){width:calc(100% - 48px)!important;max-width:1536px!important}
  html body #header .site-name:is(#gw1,*):is(#gw2,*){flex:0 0 clamp(160px,16.7vw - 40px,200px)!important;width:clamp(160px,16.7vw - 40px,200px)!important;max-width:none!important}
  html body #header .site-name img:is(#gw1,*){max-width:100%!important;height:auto!important}
  html body #navigation .menu-level-1 > li:not(.appended-category) > a:not([href*="sestav-si-set"]):is(#gw1,*):is(#gw2,*):is(#gw3,*){padding-left:clamp(8px,3.33vw - 32px,16px)!important;padding-right:clamp(8px,3.33vw - 32px,16px)!important}
  html body #navigation .menu-level-1 > li:not(.appended-category) > a:is(#gw1,*):is(#gw2,*) > b{font-size:clamp(17px,2.92vw - 18px,24px)!important}
  html body .search-window form.js-search-main input.search-input:is(#gw1,*):is(#gw2,*){width:clamp(190px,32vw - 194px,267px)!important}
}
@media(min-width:992px) and (max-width:1199px){
  html body:not(.mobile) #navigation .menu-level-1 > li:not(.appended-category) > a:is(#gw1,*):is(#gw2,*):is(#gw3,*){padding-left:clamp(5px,0.97vw - 4px,7px)!important;padding-right:clamp(5px,0.97vw - 4px,7px)!important}
  html body:not(.mobile) #navigation .menu-level-1 > li:not(.appended-category) > a:is(#gw1,*):is(#gw2,*) > b{font-size:clamp(16px,1.04vw + 5.6px,18px)!important}
}

/* =========================================================
   DROBEČKOVÁ NAVIGACE (strom kategorií nad obsahem)
   domeček = krémové kolečko, odkazy = jemné pilulky, korálové šipky,
   aktuální stránka = zvýrazněná pilulka
   ========================================================= */
html body .breadcrumbs.navigation-home-icon-wrapper:is(#gw1,*){display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:6px 0!important;height:auto!important;min-height:0!important;padding:16px 0 8px!important;margin:0!important;font:500 13.5px/1.3 'DM Sans',sans-serif!important;color:#6b5f58!important;position:relative}
html body .breadcrumbs.navigation-home-icon-wrapper:is(#gw1,*)::before,
html body .breadcrumbs.navigation-home-icon-wrapper:is(#gw1,*) a::after,
html body .breadcrumbs.navigation-home-icon-wrapper:is(#gw1,*) a::before{content:none!important;display:none!important}
html body .breadcrumbs.navigation-home-icon-wrapper:is(#gw1,*) .navigation-bullet{display:none!important}
html body .breadcrumbs.navigation-home-icon-wrapper:is(#gw1,*) > span{display:inline-flex!important;align-items:center!important;min-width:0;padding:0!important;margin:0!important}
/* šipka mezi položkami */
html body .breadcrumbs.navigation-home-icon-wrapper:is(#gw1,*) > span + span::before{content:""!important;display:inline-block!important;flex:none;width:14px;height:14px;margin:0 4px;background:#F4845F;-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.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6l6 6-6 6'/%3E%3C/svg%3E") no-repeat 50%/contain;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.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6l6 6-6 6'/%3E%3C/svg%3E") no-repeat 50%/contain}
/* odkazy jako pilulky */
html body .breadcrumbs.navigation-home-icon-wrapper:is(#gw1,*) > span > a{display:inline-flex!important;align-items:center!important;padding:6px 12px!important;margin:0!important;border-radius:999px!important;color:#6b5f58!important;text-decoration:none!important;font-weight:500!important;white-space:nowrap;transition:background .15s,color .15s;height:auto!important;line-height:1.3!important}
html body .breadcrumbs.navigation-home-icon-wrapper:is(#gw1,*) > span > a:hover{background:#E6F4F2!important;color:#00A896!important}
/* domeček */
html body .breadcrumbs.navigation-home-icon-wrapper:is(#gw1,*) a.navigation-home-icon{width:32px!important;height:32px!important;padding:0!important;justify-content:center!important;background:#F5EFE6!important;border-radius:50%!important}
html body .breadcrumbs.navigation-home-icon-wrapper:is(#gw1,*) a.navigation-home-icon::before{content:""!important;display:block!important;position:static!important;width:16px;height:16px;background:#3C1F0F;-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.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10.5L12 3l9 7.5'/%3E%3Cpath d='M5.5 9v11h13V9'/%3E%3Cpath d='M10 20v-6h4v6'/%3E%3C/svg%3E") no-repeat 50%/contain;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.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10.5L12 3l9 7.5'/%3E%3Cpath d='M5.5 9v11h13V9'/%3E%3Cpath d='M10 20v-6h4v6'/%3E%3C/svg%3E") no-repeat 50%/contain;transition:background .15s}
html body .breadcrumbs.navigation-home-icon-wrapper:is(#gw1,*) a.navigation-home-icon:hover{background:#E6F4F2!important}
html body .breadcrumbs.navigation-home-icon-wrapper:is(#gw1,*) a.navigation-home-icon:hover::before{background:#00A896}
/* aktuální stránka */
html body .breadcrumbs.navigation-home-icon-wrapper:is(#gw1,*) > span[data-testid="breadcrumbsLastLevel"] > span[itemprop="name"]{display:inline-block;padding:6px 14px;border-radius:999px;background:#F5EFE6;color:#3C1F0F;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:min(420px,70vw)}
@media(max-width:767px){
  html body .breadcrumbs.navigation-home-icon-wrapper:is(#gw1,*){font-size:12.5px!important;padding:12px 0 4px!important;gap:4px 0!important}
  html body .breadcrumbs.navigation-home-icon-wrapper:is(#gw1,*) > span > a{padding:5px 9px!important}
  html body .breadcrumbs.navigation-home-icon-wrapper:is(#gw1,*) a.navigation-home-icon{width:28px!important;height:28px!important;padding:0!important}
  html body .breadcrumbs.navigation-home-icon-wrapper:is(#gw1,*) > span + span::before{width:12px;height:12px;margin:0 2px}
  html body .breadcrumbs.navigation-home-icon-wrapper:is(#gw1,*) > span[data-testid="breadcrumbsLastLevel"] > span[itemprop="name"]{padding:5px 11px}
}

/* tablety na šířku / menší notebooky (992–1199 px): obsah nesmí lepit na kraj okna – stejný okraj 16 px jako hlavička */
@media(min-width:992px) and (max-width:1199px){html body.template-12 #content-wrapper.content-wrapper:is(#gw1,*):is(#gw2,*){width:calc(100% - 32px)!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important}}

/* drobečky – domeček kousek od kraje; na detailu produktu bez názvu produktu, posledním článkem je kategorie (zvýrazněná, dál klikací) */
html body .breadcrumbs.navigation-home-icon-wrapper:is(#gw1,*):is(#gw2,*){padding-left:10px!important}
html body.type-detail .breadcrumbs.navigation-home-icon-wrapper:is(#gw1,*) > span[data-testid="breadcrumbsLastLevel"]{display:none!important}
html body.type-detail .breadcrumbs.navigation-home-icon-wrapper:is(#gw1,*) > span:has(+ span[data-testid="breadcrumbsLastLevel"]) > a{background:#F5EFE6!important;color:#3C1F0F!important;font-weight:700!important;padding:6px 14px!important}
html body.type-detail .breadcrumbs.navigation-home-icon-wrapper:is(#gw1,*) > span:has(+ span[data-testid="breadcrumbsLastLevel"]) > a:hover{background:#E6F4F2!important;color:#00A896!important}
@media(max-width:767px){
  html body .breadcrumbs.navigation-home-icon-wrapper:is(#gw1,*):is(#gw2,*){padding-left:6px!important}
  html body.type-detail .breadcrumbs.navigation-home-icon-wrapper:is(#gw1,*) > span:has(+ span[data-testid="breadcrumbsLastLevel"]) > a{padding:5px 11px!important}
}

/* názvy produktů v kartách (výpis kategorií, titulka, Související…) – polotučně, čokoládově, max 3 řádky (2 by uřízly rozměry), celý název v bublině (title z JS), hover tyrkys */
html body .p a.name:is(#gw1,*):is(#gw2,*){display:block!important;height:auto!important;min-height:calc(3 * 1.35em)!important;margin-bottom:6px!important;max-height:none!important;overflow:visible!important;font:600 14.5px/1.35 'DM Sans',sans-serif!important;color:#3C1F0F!important;text-decoration:none!important;transition:color .15s}
html body .p a.name:is(#gw1,*) > span[data-testid="productCardName"]{display:-webkit-box!important;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden!important;font:inherit!important;color:inherit!important}
@media(hover:hover){html body .p:hover a.name:is(#gw1,*):is(#gw2,*){color:#00A896!important}}
@media(max-width:767px){html body .p a.name:is(#gw1,*):is(#gw2,*){font-size:13.5px!important}}

/* základní barva písma = čokoládová místo černé ze šablony (filtry, lišta výhod, krátký popis produktu, …) */
html body:is(#gw1,*){color:#3C1F0F}
/* blok „Nejprodávanější“ v kategorii – cena stejným písmem jako ve výpisu */
html body #productsTop .p .price-final:is(#gw1,*) > strong{font-family:'Bebas Neue',sans-serif!important;font-weight:400!important;font-size:22px!important;letter-spacing:.5px;color:#3C1F0F!important;line-height:1}
html body .cart-window button.toggle-window-arr:is(#gw1,*){color:#3C1F0F!important}

/* filtry v kategorii – polotučně jako názvy produktů, počty jemně šedohnědé */
html body label.filter-label:is(#gw1,*){font-weight:600!important;color:#3C1F0F!important}
html body label.filter-label:is(#gw1,*) .filter-count{font-weight:600!important;color:#9a8d84!important;font-size:12.5px!important}
html body .slider-wrapper .slider-header:is(#gw1,*) :is(.from,.to){font-weight:600!important;color:#3C1F0F!important}
/* blok Nejprodávanější – bez rezervy na 3 řádky (text pak sedí na střed vedle obrázku), víc vzduchu mezi štítkem a cenou */
html body #productsTop .p a.name:is(#gw1,*):is(#gw2,*):is(#gw3,*){min-height:0!important;margin-bottom:8px!important}
html body #productsTop .p .p-bottom:is(#gw1,*){margin-top:8px!important}

/* drobečky bez bílého pozadí ze šablony – jinak zakrývaly zaoblený levý horní roh obsahu (na titulce drobečky nejsou, proto tam roh byl) */
html body .breadcrumbs.navigation-home-icon-wrapper:is(#gw1,*):is(#gw2,*){background:transparent!important}

/* nadpis „Top 10 nejprodávanějších“ je delší než původní – na mobilu vždy na jednom řádku;
   písmo se počítá ze skutečné šířky nadpisu (container query: 100cqi = šířka nadpisu),
   text v Bebasu ≈ 9,1 em (s prostrkáním) + ikona 34 px + mezera 10 px + rezerva */
@media(max-width:700px){
  .top-products-wrapper .pageElement__heading{container-type:inline-size;width:100%!important;box-sizing:border-box}
  .top-products-wrapper .pageElement__heading span{white-space:nowrap!important;min-width:0}
  .top-products-wrapper .pageElement__heading span:before{font-size:clamp(16px,calc((100cqi - 60px) / 9.6),30px)!important;white-space:nowrap!important}
}

/* košík na PC: cena za kus + součet vypadaly při 1 ks jako dvakrát stejná cena →
   cena za kus menší šedá s „/ ks“ (šablona ho schovávala), hlavní je součet */
@media(min-width:768px){
  html body .cart-table tr.removeable td.p-price:is(#gw1,*){white-space:nowrap}
  html body .cart-table tr.removeable td.p-price:is(#gw1,*) .price-final{font-size:13.5px!important;font-weight:500!important;color:#8a7d74!important}
  html body .cart-table tr.removeable td.p-price:is(#gw1,*) .unit-value{display:inline!important;font-size:13.5px!important;color:#8a7d74!important;margin-left:3px}
}

/* okno „Přidáno do košíku“ – náběh: karta vyjede zespodu (PC 120 px s pružným dojezdem, mobil od spodního okraje), pak naskočí obsah (třídu gw-cb-anim přidává JS ve chvíli, kdy je okno vycentrované)
   POZOR: animuje se #cboxContent a obsah, NE #colorbox (transform na #colorbox okno schová) */
@keyframes gwCbOkno{0%{opacity:0;translate:0 120px;scale:.94}35%{opacity:1}100%{opacity:1;translate:0 0;scale:1}}
@keyframes gwCbFajfka{0%{opacity:0;transform:scale(.3)}60%{opacity:1;transform:scale(1.15)}100%{opacity:1;transform:scale(1)}}
@keyframes gwCbJemne{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes gwCbPruh{from{width:0}}
html body #colorbox.gw-cb-anim:has(.advanced-order) #cboxContent{animation:gwCbOkno .6s cubic-bezier(.3,1.25,.5,1) both}
html body #colorbox.gw-cb-anim .advanced-order::before{animation:gwCbFajfka .5s .3s cubic-bezier(.3,1.4,.5,1) both}
html body #colorbox.gw-cb-anim .advanced-order :is(.h1,.h2){animation:gwCbJemne .35s .32s ease-out both}
html body #colorbox.gw-cb-anim .advanced-order :is(.extras-wrap,.advancedOrder__buttons){animation:gwCbJemne .35s .4s ease-out both}
html body #colorbox.gw-cb-anim .advanced-order .price-range > div{animation:gwCbPruh .9s .5s cubic-bezier(.3,.8,.3,1) both}
@media(prefers-reduced-motion:reduce){
  html body #colorbox.gw-cb-anim #cboxContent,html body #colorbox.gw-cb-anim .advanced-order::before,html body #colorbox.gw-cb-anim .advanced-order *{animation:none!important}
}
html body #colorbox:has(.advanced-order){transition:opacity .2s ease}

/* proti blikání pozadí při přidání do košíku: shoptetí načítací vrstva (.overlay.spinner) bez ztmavení – zůstane jen kolečko,
   ztmavení obstará pozadí okna (#cboxOverlay), které vždy plynule nabíhá (body.gw-pridavam přidává JS po kliknutí na Do košíku) */
html body.gw-pridavam .overlay.spinner:is(#gw1,*){background:transparent!important}
@keyframes gwOvNabeh{from{opacity:0}}
html body #cboxOverlay:is(#gw1,*){animation:gwOvNabeh .3s ease-out}

/* okno „Přidáno do košíku“ na mobilu: vyjede jako karta od spodního okraje obrazovky (75vh) a usadí se; obsah naskočí po dojetí */
@keyframes gwCbOknoMobil{0%{opacity:0;translate:0 75vh}35%{opacity:1}100%{opacity:1;translate:0 0}}
@media(max-width:767px){
  html body #colorbox.gw-cb-anim:has(.advanced-order) #cboxContent{animation:gwCbOknoMobil .55s cubic-bezier(.22,1,.36,1) both!important}
  html body #colorbox.gw-cb-anim .advanced-order::before{animation-delay:.3s}
  html body #colorbox.gw-cb-anim .advanced-order :is(.h1,.h2){animation-delay:.32s}
  html body #colorbox.gw-cb-anim .advanced-order :is(.extras-wrap,.advancedOrder__buttons){animation-delay:.4s}
  html body #colorbox.gw-cb-anim .advanced-order .price-range > div{animation-delay:.5s}
}
@media(max-width:767px) and (prefers-reduced-motion:reduce){
  html body #colorbox.gw-cb-anim:has(.advanced-order) #cboxContent{animation:none!important}
}

/* když běží náběh (gw-cb-anim), okno se neprolíná celé – průhlednost řeší animace karty, jinak by schovala první půlku vyjetí */
html body #colorbox.gw-cb-anim:has(.advanced-order):is(#gw1,*){transition:none!important}

/* košík: tlačítko „Vysypat košík“ (vkládá JS pod položky) – vzhled jako „Začít od začátku“ v Sestav set */
html body .gw-vysyp-wrap{display:flex;justify-content:flex-end;margin:12px 0 6px}
html body button.gw-vysyp:is(#gw1,*){display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 16px!important;margin:0!important;border:2px solid #EFE7DD!important;border-radius:999px!important;background:#fff!important;color:#6b5f58!important;font:700 13px/1 'DM Sans',sans-serif!important;text-transform:none!important;cursor:pointer;box-shadow:none!important;transition:border-color .15s,color .15s,background-color .15s}
html body button.gw-vysyp:is(#gw1,*) i{display:block;flex:none;width:15px;height:15px;background:currentColor;-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.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h16M10 11v6M14 11v6M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2l1-12M9 7V4h6v3'/%3E%3C/svg%3E") no-repeat 50%/contain;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.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h16M10 11v6M14 11v6M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2l1-12M9 7V4h6v3'/%3E%3C/svg%3E") no-repeat 50%/contain}
html body button.gw-vysyp:is(#gw1,*):hover{border-color:#E06D47!important;color:#E06D47!important}
html body button.gw-vysyp.gw-vysyp-potvrd:is(#gw1,*){border-color:#E06D47!important;background:#FDEEE6!important;color:#B9532F!important}
html body button.gw-vysyp.gw-vysyp-bezi:is(#gw1,*){opacity:.75;cursor:progress}
@media(max-width:767px){
  html body .gw-vysyp-wrap{justify-content:center;margin:14px 0 8px}
  html body button.gw-vysyp:is(#gw1,*){width:100%;justify-content:center}
}

/* kroky objednávky 1 · 2 · 3: přes celou šířku seznamu produktů – poslední krok jen na svou šířku (nemá za sebou čáru),
   takže „3 Informace o vás“ končí u pravého okraje a čáry mezi kroky vyplní zbytek (dřív zbývalo vpravo prázdné místo) */
html body ol.cart-header:is(#gw1,*){padding-left:10px!important;padding-right:10px!important;box-sizing:border-box!important}
html body ol.cart-header:is(#gw1,*) > li.step:last-child{flex:0 0 auto!important;width:auto!important;max-width:none!important;padding-right:0!important}
html body ol.cart-header:is(#gw1,*) > li.step:not(:last-child){flex:1 1 0!important}
@media(max-width:767px){html body ol.cart-header:is(#gw1,*) > li.step.active:not(:last-child){flex:2 1 auto!important}}

/* vysypávání košíku na pozadí: seznam a souhrn se plynule ztlumí (bez blikání), tlačítko ukazuje „Vysypávám košík…“ s kolečkem */
html body.gw-vysypavam #content :is(.cart-table,.cart-summary,.extras-wrap,.cart-content > :not(.gw-vysyp-wrap)){opacity:.35;pointer-events:none;transition:opacity .3s ease}
html body.gw-vysypavam #content .cart-table tr{transition:opacity .3s ease}
@keyframes gwVysypToc{to{transform:rotate(360deg)}}
html body button.gw-vysyp.gw-vysyp-bezi:is(#gw1,*) i{-webkit-mask:none;mask:none;background:none;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;width:13px;height:13px;animation:gwVysypToc .7s linear infinite}

/* košík: popisek ceny za kus je schovaný, dokud ho JS nepřepíše na „Cena za kus“ – jinak při změně počtu kusů problikl „Cena za m. j.“ */
html body .cart-table td.p-price .p-label:not([data-gw-kus]){visibility:hidden!important}

/* doprava zdarma (košík i okno Přidáno do košíku): text schovaný, dokud ho JS nepřevede do tykání (data-gw-ty) – jinak problikl „Objednejte ještě za…“ */
html body .extra.delivery span:not([data-gw-ty]){visibility:hidden!important}

/* prázdný košík bez probliknutí: Shoptet ho nejdřív vykreslí po svém, náš JS ho pak přestaví (kocour, zkrácené kategorie,
   Často hledané) → do té doby neviditelný, pak plynule naběhne; pojistka: po 1,5 s se ukáže v každém případě */
@keyframes gwKpPojistka{to{opacity:1}}
@keyframes gwKpNabeh{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
html body .cart-inner.cart-empty:not(:has(.gw-kp-hero)),
html body .cart-inner.cart-empty:has(.search):not(:has(.gw-kp-casto)){opacity:0;animation:gwKpPojistka .2s 1.5s forwards}
html body .cart-inner.cart-empty:has(.gw-kp-hero):has(.gw-kp-casto),
html body .cart-inner.cart-empty:has(.gw-kp-hero):not(:has(.search)){animation:gwKpNabeh .35s ease-out both}
@media(prefers-reduced-motion:reduce){html body .cart-inner.cart-empty:has(.gw-kp-hero){animation:none}}

/* zvýrazněné odkazy v popisech produktů a kategorií (dřív samostatný growino-odkazy-v-popisech.css do záhlaví) –
   tmavě zelený polotučný text + zelená linka (barvy popisů .gw-p), po najetí myší oranžový; tlačítek se netýká */
html body :is(#description, .basic-description, .gw-p, .p-short-description, .category-perex, .category__secondDescription, .category-description) a:not(.btn):not([class*="button"]){
  color:#2D6A4F !important;
  font-weight:600 !important;
  text-decoration:underline !important;
  text-decoration-color:#52B788 !important;
  text-decoration-thickness:2px !important;
  text-underline-offset:3px !important;
  transition:color .15s ease, text-decoration-color .15s ease;
}
html body :is(#description, .basic-description, .gw-p, .p-short-description, .category-perex, .category__secondDescription, .category-description) a:not(.btn):not([class*="button"]):hover,
html body :is(#description, .basic-description, .gw-p, .p-short-description, .category-perex, .category__secondDescription, .category-description) a:not(.btn):not([class*="button"]):focus-visible{
  color:#E06D47 !important;
  text-decoration-color:#F4845F !important;
}

/* hlášky Shoptetu (hnědá pilulka dole): ukázat až po převedení do tykání; prázdné (bez textu, např. po uložení cookies) vůbec */
html body .messages .msg:not([data-gw-msg]){visibility:hidden!important}
html body .messages .msg.gw-msg-prazdna{display:none!important}

/* hlášky Shoptetu: celý pruh .messages schovaný, dokud v něm není skutečná hláška s viditelným textem
   (prázdný obal .msg-wrapper / hláška bez textu byla na mobilu při první návštěvě vidět jako hnědý půlkruh dole) */
html body .messages:not(:has(.msg[data-gw-msg]:not(.gw-msg-prazdna))){display:none!important}
html body .messages .msg-wrapper:empty{display:none!important}

/* hlášky na mobilu: obal .msg-wrapper (mobilní verze Shoptetu) hlášku smáčkl do úzkého sloupečku, který vedl dolů mimo obrazovku
   → byl vidět jen hnědý kulatý vršek („půlkruh“). Obal bez vlastního rozložení, hláška normálně do šířky. */
html body .messages:is(#gw1,*){width:max-content!important;max-width:calc(100vw - 32px)!important;box-sizing:border-box!important}
html body .messages .msg-wrapper:is(#gw1,*){position:static!important;display:block!important;width:auto!important;max-width:none!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;transform:none!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;background:none!important;overflow:visible!important}
html body .messages .msg-wrapper:is(#gw1,*):empty{display:none!important}
html body .messages .msg:is(#gw1,*){width:auto!important;max-width:calc(100vw - 32px)!important;min-width:0!important;height:auto!important;white-space:normal!important;box-sizing:border-box!important}

/* hlavička – košík: číslovka (počet kusů) mimo ikonu, na pravém horním rohu kolečka – uvnitř ji překrýval vozík
   (bez podmínky .full – tu Shoptet přidá jen po přidání do košíku bez načtení stránky, po načtení stránky chybí)
   (tyrkysová, bílé tučné číslo, hnědý lem od hlavičky) */
html body #header a.cart-count:is(#gw1,*):is(#gw2,*) > i{
  position:absolute!important;left:calc(50% + 9px)!important;top:calc(50% - 31px)!important;right:auto!important;bottom:auto!important;transform:none!important;
  display:flex!important;align-items:center;justify-content:center;min-width:22px!important;height:22px!important;padding:0 6px!important;margin:0!important;box-sizing:border-box!important;
  border-radius:999px!important;background:#00A896!important;color:#fff!important;font:700 12px/1 'DM Sans',sans-serif!important;border:2px solid #3C1F0F!important;box-shadow:none!important;z-index:2
}
@media(max-width:520px){html body #header a.cart-count:is(#gw1,*):is(#gw2,*) > i{left:calc(50% + 7px)!important;top:calc(50% - 28px)!important}}

/* mobil: spodní okraj posledního prvku v obsahu „propadl“ ven z bílé karty (margin collapse) a odsunul patičku o 19–40 px
   (titulka, blog, přihlášení, hledání, Sestav set) → mezi kartou a patičkou byl pruh s hnědými „zuby“ ze stínu.
   flow-root drží okraj uvnitř karty → karta sedí rovnou na patičce jako v košíku. */
@media(max-width:991px){html body #content-wrapper:is(#gw1,*){display:flow-root!important}}
html body.mobile #content-wrapper:is(#gw1,*){display:flow-root!important}

/* štítky .gw-p-chips: výjimka z obecného stylu odkazů v popisech (ten by jinak přebil bílý text při najetí a přidal podtržení) */
html body :is(#description, .basic-description, .gw-p) .gw-p-chips a:is(#gw1,*):is(#gw2,*){color:#1E6B47!important;font-weight:600!important;text-decoration:none!important}
html body :is(#description, .basic-description, .gw-p) .gw-p-chips a:is(#gw1,*):is(#gw2,*):is(:hover,:focus-visible){background:#52B788!important;color:#fff!important;text-decoration:none!important}

/* okno „Nastavení cookies“: přišpendlené k obrazovce. Na mobilu po klepnutí na odkaz v patičce stránka odskočila nahoru,
   ale okno se otevřelo dole u patičky (position:absolute) → vypadalo to, že problikne a zmizí. */
html body #colorbox:has(.cookiesDialog):is(#gw1,*){position:fixed!important;top:16px!important}
html body #cboxContent.cookiesDialog:is(#gw1,*){max-height:calc(100vh - 32px)!important;max-height:calc(100dvh - 32px)!important;overflow-y:auto!important;overscroll-behavior:contain}

/* =========================================================
   VYHLEDÁVACÍ POLE V HLAVIČCE (PC od 1200 px) – nepřekrývá ikonky účtu a košíku
   okno hledání je absolutně ukotvené vpravo vedle ikonek a jeho šířka se brala jen z místa
   za menu → pole přetékalo doprava přes ikonku účtu (cca 1210–1780 px, max. o 43 px);
   teď má okno šířku podle pole a roste doleva do volného místa za menu
   ========================================================= */
@media(min-width:1200px){
  html body #content-wrapper > .search-window:not(.gw-pujcene):is(#gw1,*):is(#gw2,*){width:max-content!important;max-width:none!important}
  html body #content-wrapper > .search-window:not(.gw-pujcene) form.js-search-main:is(#gw1,*){flex:none!important;width:auto!important}
}

/* =========================================================
   VÝPRODEJ ZÁSOB (dřív „Akční nabídka“) – korálová #E06D47 jako výjimka
   levé menu (PC): text korálový, najetí = světle korálové pozadí, otevřená = korálová pilulka
   mobilní menu: text korálový
   ========================================================= */
html body .box-categories #categories .categories > .topic > a[href*="/vyprodej-zasob"]:is(#gw1,*){color:#E06D47!important}
html body .box-categories #categories .categories > .topic > a[href*="/vyprodej-zasob"]:is(#gw1,*):hover{background:#FDEEE6!important;color:#B9532F!important}
html body .box-categories #categories :is(.categories.expanded,.categories.active) > .topic > a[href*="/vyprodej-zasob"]:is(#gw1,*):is(#gw2,*){background:#F4845F!important;color:#fff!important;box-shadow:0 6px 14px rgba(244,132,95,.3)!important}
html body.template-12 #navigation .menu-level-1 > li.appended-category:not(.exp) > a[href*="/vyprodej-zasob"]:is(#gw1,*),
html body.template-12 #navigation .menu-level-1 > li.appended-category:not(.exp) > a[href*="/vyprodej-zasob"]:is(#gw1,*) > b{color:#E06D47!important}

/* =========================================================
   LOGO V HLAVIČCE – po najetí myší se jemně zvětší a nadzvedne (pružný dojezd),
   po kliknutí krátce „cvakne“ dolů; logo je JPG s hnědým pozadím → bez stínu/zesvětlení (byl by vidět obdélník)
   ========================================================= */
/* logo nad menu – hnědé pozadí menu (.navigation-in) vedle loga jinak uřízlo zvětšené „O“ */
html body #header .site-name:is(#gw1,*){position:relative!important;z-index:3!important}
html body #header .site-name a:is(#gw1,*){display:inline-block;position:relative;transition:transform .35s cubic-bezier(.3,1.5,.5,1)!important;transform-origin:20% 50%;-webkit-mask:linear-gradient(90deg,transparent,#000 4px,#000 calc(100% - 4px),transparent),linear-gradient(transparent,#000 4px,#000 calc(100% - 4px),transparent);-webkit-mask-composite:source-in;mask:linear-gradient(90deg,transparent,#000 4px,#000 calc(100% - 4px),transparent),linear-gradient(transparent,#000 4px,#000 calc(100% - 4px),transparent);mask-composite:intersect}
@media(hover:hover){html body #header .site-name a:is(#gw1,*):is(:hover,:focus-visible){transform:scale(1.06) translateY(-1px)}}
html body #header .site-name a:is(#gw1,*):active{transform:scale(.97);transition-duration:.1s!important}
/* okraje loga se ztrácejí do ztracena (maska 4 px) – po najetí byl jinak vidět jemný rámeček kolem JPG */
/* nápis GROWINO po najetí myší chytne plnou tyrkysovou (#3EB2A2 = co nejblíž naší #00A896 –
   červená složka musí být ≥ pozadí loga 61,31,16, jinak by darken ztmavil i hnědé pozadí → rámeček): tyrkysová vrstva přes nápis (bez domečku) s mix-blend-mode:darken –
   světlé písmo ztmavne na korálovou, tmavě hnědé pozadí loga zůstane beze změny (žádný obdélník) */
html body #header .site-name a:is(#gw1,*)::after{content:"";position:absolute;top:0;bottom:0;left:26%;right:0;background:#3EB2A2;mix-blend-mode:darken;opacity:0;pointer-events:none;transition:opacity .3s ease}
@media(hover:hover){html body #header .site-name a:is(#gw1,*):is(:hover,:focus-visible)::after{opacity:1}}
@media(prefers-reduced-motion:reduce){html body #header .site-name a:is(#gw1,*){transition:none!important;transform:none!important}}

/* LOGO „přifouknuté“ o ~10 % (19. 10. 2026): PC 176–220 px (dřív 160–200), tablet 992–1199 px 165 px (dřív 150),
   mobil výška 55 / 48 / 42 px (dřív 50 / 44 / 38); otestováno 1920 → 992 px – menu v jednom řádku, nic se nepřekrývá */
@media(min-width:1200px){
  html body #header .site-name:is(#gw1,*):is(#gw2,*):is(#gw3,*){flex:0 0 clamp(176px,18.4vw - 44px,220px)!important;width:clamp(176px,18.4vw - 44px,220px)!important}
}
@media(min-width:992px) and (max-width:1199px){
  html body:not(.mobile) #header .site-name:is(#gw1,*):is(#gw2,*){flex:0 0 165px!important;width:165px!important;max-width:165px!important}
  html body:not(.mobile) #header .site-name img:is(#gw1,*):is(#gw2,*){max-width:165px!important}
}
@media(max-width:991px){html body.template-12 #header .site-name img:is(#gw1,*):is(#gw2,*){max-height:55px!important}}
@media(max-width:767px){html body.template-12 #header .site-name img:is(#gw1,*):is(#gw2,*){max-height:48px!important}}
@media(max-width:520px){html body.template-12 #header .site-name img:is(#gw1,*):is(#gw2,*){max-height:42px!important}}

/* BLOG – tlačítko „Přečíst článek →“ (.gw-b-more a, styl má inline v HTML): po najetí tmavší tyrkys, nadzvedne se
   se stínem; po kliknutí krátce „cvakne“ */
html body .gw-b-more a:is(#gw1,*){transition:background-color .2s ease,transform .2s cubic-bezier(.3,1.4,.5,1),box-shadow .2s ease!important;box-shadow:0 2px 6px rgba(0,168,150,.18)}
@media(hover:hover){html body .gw-b-more a:is(#gw1,*):hover{background:#008F80!important;transform:translateY(-2px);box-shadow:0 8px 18px rgba(0,168,150,.32)!important}}
html body .gw-b-more a:is(#gw1,*):focus-visible{outline:2px solid #00A896;outline-offset:3px}
html body .gw-b-more a:is(#gw1,*):active{transform:translateY(0) scale(.96)!important;box-shadow:0 2px 6px rgba(0,168,150,.25)!important;transition-duration:.08s!important}
@media(prefers-reduced-motion:reduce){html body .gw-b-more a:is(#gw1,*){transition:background-color .2s ease!important;transform:none!important}}

/* detail produktu s variantami: původní rozbalovací výběr Šablony Step neproblikne – je neviditelný hned od načtení,
   dokud ho JS nenahradí pilulkami (.gw-var-skryty); pojistka: kdyby JS nedoběhl, select se po 2,5 s ukáže.
   Pilulky pak jemně naběhnou. */
html body.template-12 .variant-list select.hidden-split-parameter:not(.gw-var-skryty):is(#gw1,*){opacity:0;animation:gwVarPojistka .2s 2.5s forwards}
@keyframes gwVarPojistka{to{opacity:1}}
html body.template-12 .gw-var-pilulky:is(#gw1,*){animation:gwVarNabeh .25s ease-out both}
@keyframes gwVarNabeh{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){html body.template-12 .gw-var-pilulky:is(#gw1,*){animation:none}}