/* GrowShop — generovany soubor. Upravujte src/, potom spustte build.ps1 nebo build.py. */

/* ===== 01-fonty.css ===== */

/* 01 FONTY — vlastní soubory pro celý veřejný e-shop.
   Fraunces a DM Sans: Google Fonts, licence SIL OFL 1.1.
   WOFF2 obsahuje i českou diakritiku. Relativní cesty fungují na FTP i místně. */
@font-face {
  font-family: 'Fraunces';
  src: url('fonts/Fraunces-variable.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

@font-face {
  font-family: 'DM Sans';
  src: url('fonts/DMSans-variable.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 1000;
  font-display: swap;
}

/* ===== 02-promenne.css ===== */

/* 02 DESIGN TOKENY · pracovní neutrální hodnoty, nikoli schválený styl. */
:root {
  --gs-color-page: #ffffff;
  --gs-color-surface: #f4f4f4;
  --gs-color-text: #252525;
  --gs-color-muted: #626262;
  --gs-color-brand: #303030;
  --gs-color-brand-contrast: #ffffff;
  --gs-color-accent: #747474;
  --gs-color-border: #d8d8d8;
  --gs-font-heading: 'Fraunces', Georgia, serif;
  --gs-font-body: 'DM Sans', Arial, Helvetica, sans-serif;
  --gs-font-weight-heading: 700;
  --gs-radius-small: 10px;
  --gs-radius-large: 20px;
  --gs-content-width: 1120px;
  --gs-section-space: clamp(48px, 7vw, 88px);
}

/* ===== 03-typografie.css ===== */

/* 03 TYPOGRAFIE — veřejné části Shoptetu používají zvolenou dvojici fontů.
   Cílíme textové prvky, nikoli všechny elementy: ikony Shoptetu mají vlastní
   ikonový font a plošné pravidlo na * by je poškodilo. */
body,
#header,
#content,
#footer,
#footer a,
#header .cart-price,
#navigation,
#navigation a,
#navigation .menu-level-3,
#header .menu-helper > span,
#header .menu-helper a,
#header .top-navigation-menu a,
#header .top-navigation-menu-trigger,
#content :is(.price-final, .price-standard, .shp-tabs),
#content :is(p, a, button, input, textarea, select, option, label, li, dt, dd, th, td, small, blockquote),
#header :is(input, button, label),
#footer :is(p, li, button, input, label) {
  font-family: var(--gs-font-body) !important;
}

body :is(h1, h2, h3, h4, h5, h6),
body :is(.h1, .h2, .h3, .h4, .h5, .h6, .category-title, .cart-heading),
#content .benefitBanner__title {
  font-family: var(--gs-font-heading) !important;
}

/* Názvy produktů jen ve výpisech kategorií mají stejný font jako postranní menu. */
body.type-category #content .products .name,
body.type-category #content .products .name a {
  font-family: var(--gs-font-body) !important;
}

/* Vlastní obsah titulní strany a průvodce má původní font v lokálních pravidlech. */
#content .spalicek-home,
#content .gs-guide {
  font-family: var(--gs-font-body) !important;
}

.growshop {
  color: var(--gs-color-text);
  font-family: var(--gs-font-body);
  font-size: 16px;
  line-height: 1.65;
}
.growshop :is(h1, h2, h3, h4) {
  color: var(--gs-color-brand);
  font-family: var(--gs-font-heading);
  font-weight: var(--gs-font-weight-heading);
  line-height: 1.2;
  text-wrap: balance;
}

/* ===== 04-sablona.css ===== */

/* 04 SHOPTET ŠABLONA — kompaktní popisy šesti hlavních kategorií. */
.category-perex .gs-category-story{color:#334137;font-size:16px;line-height:1.58}
.category-perex .gs-category-story__lead,
.category-perex .gs-category-story__intro{max-width:none;margin:0 0 12px;color:#334137;font-size:16px;line-height:1.58}
.category-perex .gs-category-story__intro{margin-bottom:18px}
.category-perex .gs-category-story__intro strong{color:#263c29}

.category-perex .gs-category-pillars{margin:0 0 20px}
#content .category-perex .gs-category-pillars h2{margin:0 0 14px;padding:0;border:0;color:#1d2f20;font-family:var(--gs-font-heading);font-size:27px;font-weight:700;line-height:1.2}
.category-perex .gs-category-pillars__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:10px;margin:0;padding:0;list-style:none;counter-reset:gs-pillar}
.category-perex .gs-category-pillars__list li{position:relative;min-height:112px;margin:0;padding:16px 12px 15px 37px;border:1px solid #a7d695;border-radius:11px;background:linear-gradient(145deg,#ebf8e5,#ddf1d3);counter-increment:gs-pillar}
.category-perex .gs-category-pillars__list li::before{content:counter(gs-pillar,decimal-leading-zero);position:absolute;left:12px;top:17px;color:#2d7923;font-size:11px;font-weight:700}
.category-perex .gs-category-pillars__list strong{display:block;margin:0 0 4px;color:#26452a;font-family:var(--gs-font-heading);font-size:16px;font-weight:700;line-height:1.25}
.category-perex .gs-category-pillars__list span{display:block;color:#3c5b40;font-size:12.5px;line-height:1.45}
@media(max-width:1100px){
  .category-perex .gs-category-pillars__list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .category-perex .gs-category-pillars__list{grid-template-columns:1fr}
  .category-perex .gs-category-pillars__list li{min-height:0}
}

/* ===== 05-bloky.css ===== */

/* 05 BLOKY PRO OBSAH STRÁNEK, ČLÁNKŮ A POPISŮ PRODUKTŮ */
.growshop {max-width: var(--gs-content-width); margin-inline: auto; overflow-wrap: anywhere;}
.growshop *, .growshop *::before, .growshop *::after {box-sizing: border-box;}
.growshop img {display: block; max-width: 100%; height: auto;}
.growshop p {margin: 0 0 1.2em;}
.growshop p:last-child {margin-bottom: 0;}
.growshop a {color: var(--gs-color-brand); text-underline-offset: .18em;}
.growshop :is(a, button, summary):focus-visible {outline: 2px solid var(--gs-color-accent); outline-offset: 3px;}
.growshop :is(.gs-hero, .gs-intro, .gs-split, .gs-cards, .gs-steps, .gs-callout, .gs-faq, .gs-cta, .gs-gallery, .gs-table-wrap) {margin-bottom: var(--gs-section-space);}
.growshop .gs-kicker {margin: 0 0 12px; color: var(--gs-color-muted); font-size: .75rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase;}
.growshop .gs-hero, .growshop .gs-split {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); overflow: hidden; border-radius: var(--gs-radius-large); background: var(--gs-color-surface);}
.growshop .gs-hero-copy, .growshop .gs-split-copy {display: flex; flex-direction: column; justify-content: center; padding: clamp(28px, 5vw, 68px);}
.growshop .gs-hero h1 {font-size: clamp(2.1rem, 5vw, 4rem); margin: 0 0 20px;}
.growshop .gs-split h2 {font-size: clamp(1.8rem, 3vw, 2.7rem); margin: 0 0 20px;}
.growshop .gs-hero-media, .growshop .gs-split-media {min-height: 360px;}
.growshop :is(.gs-hero-media, .gs-split-media) img {width: 100%; height: 100%; object-fit: cover;}
.growshop .gs-split.is-reversed .gs-split-media {order: 2;}
.growshop .gs-intro {max-width: 760px; margin-inline: auto; text-align: center;}
.growshop .gs-intro h2, .growshop .gs-section-title {font-size: clamp(1.8rem, 3.4vw, 2.7rem); margin: 0 0 20px;}
.growshop .gs-grid {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px;}
.growshop .gs-grid.is-two {grid-template-columns: repeat(2, minmax(0, 1fr));}
.growshop .gs-card {padding: 28px; border: 1px solid var(--gs-color-border); border-radius: var(--gs-radius-small); background: var(--gs-color-surface);}
.growshop .gs-card h3 {font-size: 1.25rem; margin: 0 0 10px;}
.growshop .gs-steps {padding: 0; list-style: none; counter-reset: gs-step; border-top: 1px solid var(--gs-color-border);}
.growshop .gs-steps li {display: grid; grid-template-columns: 3.5rem 1fr; gap: 20px; padding: 22px 0; border-bottom: 1px solid var(--gs-color-border);}
.growshop .gs-steps li::before {counter-increment: gs-step; content: counter(gs-step, decimal-leading-zero); color: var(--gs-color-accent); font-family: var(--gs-font-heading); font-size: 1.5rem;}
.growshop .gs-steps h3 {margin: 0 0 6px;}
.growshop .gs-callout {padding: 24px 30px; border-left: 3px solid var(--gs-color-accent); background: var(--gs-color-surface);}
.growshop .gs-faq {border-top: 1px solid var(--gs-color-border);}
.growshop .gs-faq details {border-bottom: 1px solid var(--gs-color-border);}
.growshop .gs-faq summary {padding: 18px 0; cursor: pointer; font-family: var(--gs-font-heading); font-weight: var(--gs-font-weight-heading);}
.growshop .gs-faq details > div {padding: 0 0 20px;}
.growshop .gs-cta {padding: clamp(32px, 5vw, 64px); text-align: center; background: var(--gs-color-surface); border-radius: var(--gs-radius-large);}
.growshop .gs-cta h2 {margin: 0 0 14px;}
.growshop .gs-button {display: inline-block; padding: 12px 25px; border: 1px solid var(--gs-color-brand); border-radius: var(--gs-radius-small); background: var(--gs-color-brand); color: var(--gs-color-brand-contrast); font: 600 .95rem var(--gs-font-body); text-decoration: none;}
.growshop .gs-button:hover {opacity: .85; color: var(--gs-color-brand-contrast);}
.growshop .gs-gallery {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px;}
.growshop .gs-gallery figure {margin: 0;}
.growshop .gs-gallery figcaption {padding-top: 8px; color: var(--gs-color-muted); font-size: .875rem;}
.growshop .gs-table-wrap {overflow-x: auto;}
.growshop .gs-table {width: 100%; min-width: 480px; border-collapse: collapse;}
.growshop .gs-table :is(th, td) {padding: 13px 16px; border-bottom: 1px solid var(--gs-color-border); text-align: left;}
.growshop .gs-table thead {background: var(--gs-color-surface);}
@media (max-width: 760px) {
  .growshop :is(.gs-hero, .gs-split, .gs-grid, .gs-grid.is-two, .gs-gallery) {grid-template-columns: 1fr;}
  .growshop .gs-split.is-reversed .gs-split-media {order: initial;}
  .growshop :is(.gs-hero-media, .gs-split-media) {min-height: 260px;}
}

/* ===== 06-doplnky.css ===== */

/* 06 DOPLŇKY
   Místo pro pozdější úpravy bannerů, produktových karet, formulářů,
   vyhledávání a košíku. Zatím bez zásahů do šablony Shoptetu. */

/* ===== 07-homepage.css ===== */

/* 07 HOMEPAGE — průvodce výběrem. Paleta navazuje na současnou homepage. */
.gs-guide {
  --gg-ink:#171917;--gg-muted:#586058;--gg-accent:#63ff00;--gg-line:#dfe5dc;--gg-soft:#f6f8f5;
  width:min(100% - 40px,1280px);margin:22px auto 92px;color:var(--gg-ink);font:16px/1.55 var(--gs-font-body);
}
.gs-guide *,.gs-guide *::before,.gs-guide *::after{box-sizing:border-box}
.gs-guide__shell{padding:clamp(25px,5vw,64px);border:1px solid var(--gg-line);background:#fff}
.gs-guide__eyebrow{margin:0 0 13px;color:#378800;font-size:11px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}
.gs-guide__head{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:32px}
.gs-guide h2{margin:0 0 12px;color:var(--gg-ink);font:700 clamp(30px,4vw,48px)/1.1 var(--gs-font-heading);letter-spacing:-.04em}
.gs-guide__head p:last-child{max-width:60ch;margin:0;color:var(--gg-muted)}
.gs-guide__mark{flex:none;width:60px;height:60px;display:grid;place-items:center;border-radius:50%;background:var(--gg-accent);font-size:28px}
.gs-guide__status{display:flex;align-items:center;gap:15px;padding:17px 0;border-top:1px solid var(--gg-line);border-bottom:1px solid var(--gg-line);color:var(--gg-muted);font-size:13px}
.gs-guide__bar{flex:1;height:6px;background:var(--gg-soft);overflow:hidden}
.gs-guide__bar span{display:block;height:100%;background:var(--gg-accent);transition:width .2s ease}
.gs-guide__stage{padding-top:34px}
.gs-guide__stage h3{margin:0 0 9px;color:var(--gg-ink);font:700 clamp(24px,3vw,33px)/1.2 var(--gs-font-heading)}
.gs-guide__stage h3[tabindex="-1"]:focus{outline:none}
.gs-guide__hint{margin:0 0 24px;color:var(--gg-muted)}
.gs-guide__options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 30px;padding:0;border:0}
.gs-guide__option{position:relative;display:flex;flex-direction:column;gap:9px;min-height:150px;padding:23px;border:1px solid var(--gg-line);background:#fff;cursor:pointer;transition:border-color .2s ease,background .2s ease}
.gs-guide__option:hover{border-color:#58c900;background:#fbfef8}
.gs-guide__option:has(input:checked){border-color:#50c500;background:#f2ffe9;box-shadow:inset 0 0 0 1px #50c500}
.gs-guide__option:has(input:focus-visible){outline:3px solid #2c7500;outline-offset:3px}
.gs-guide__option input{position:absolute;inset:0;opacity:0;cursor:pointer}
.gs-guide__option strong{font-size:18px;line-height:1.25}
.gs-guide__option span{color:var(--gg-muted);font-size:14px}
.gs-guide__actions{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px}
.gs-guide__button{display:inline-flex;align-items:center;justify-content:center;min-height:47px;padding:12px 23px;border:1px solid var(--gg-ink);background:var(--gg-ink);color:#fff;font:700 12px/1.3 var(--gs-font-body);letter-spacing:.08em;text-decoration:none;text-transform:uppercase;cursor:pointer}
.gs-guide__button[hidden]{display:none}
.gs-guide__button:hover{background:#384038;color:#fff}
.gs-guide__button:disabled{cursor:not-allowed;opacity:.45}
.gs-guide__button--ghost{background:#fff;color:var(--gg-ink)}
.gs-guide__button--ghost:hover{background:var(--gg-soft);color:var(--gg-ink)}
.gs-guide :is(a,button):focus-visible{outline:3px solid #2c7500;outline-offset:3px}
.gs-guide__summary{margin:0 0 25px;padding:18px 22px;background:var(--gg-soft);color:var(--gg-ink)}
.gs-guide__summary p{margin:0}
.gs-guide__results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.gs-guide__item{padding:25px;border:1px solid var(--gg-line);background:#fff}
.gs-guide__item small{display:block;margin-bottom:11px;color:#378800;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.gs-guide__item h4{margin:0 0 9px;color:var(--gg-ink);font:700 21px/1.25 var(--gs-font-heading)}
.gs-guide__item p{margin:0 0 17px;color:var(--gg-muted);font-size:14px}
.gs-guide__links{display:flex;flex-wrap:wrap;gap:12px 20px}
.gs-guide__links a{color:#236b00;font-size:14px;font-weight:700;text-underline-offset:3px}
.gs-guide__links a::after{content:' ↗'}
.gs-guide__note{margin:22px 0 0;color:var(--gg-muted);font-size:13px}
.gs-guide__result-actions{margin-top:26px}
@media(max-width:760px){
  .gs-guide{width:min(100% - 30px,1280px);margin-bottom:58px}
  .gs-guide__head{align-items:flex-start}
  .gs-guide__mark{width:45px;height:45px;font-size:22px}
  .gs-guide__options,.gs-guide__results{grid-template-columns:1fr}
  .gs-guide__option{min-height:0}
}
@media(prefers-reduced-motion:reduce){.gs-guide__bar span,.gs-guide__option{transition:none}}
/* Šablona Shoptetu používá pravidla s #content; tato pravidla chrání podobu průvodce na živém webu. */
#content .gs-guide h2{margin:0 0 12px;padding:0;color:var(--gg-ink);font:700 clamp(30px,4vw,48px)/1.1 var(--gs-font-heading);letter-spacing:-.04em}
#content .gs-guide__stage h3{margin:0 0 9px;padding:0;color:var(--gg-ink);font:700 clamp(24px,3vw,33px)/1.2 var(--gs-font-heading)}
#content .gs-guide__item h4{margin:0 0 9px;padding:0;color:var(--gg-ink);font:700 21px/1.25 var(--gs-font-heading)}
#content .gs-guide__eyebrow{margin:0 0 13px;color:#378800;font-size:11px}
#content .gs-guide__head p:last-child{margin:0;color:var(--gg-muted)}
#content .gs-guide__hint{margin:0 0 24px;color:var(--gg-muted)}
#content .gs-guide__item p{margin:0 0 17px;color:var(--gg-muted);font-size:14px}
#content .gs-guide__summary p{margin:0}
#content .gs-guide__note{margin:22px 0 0;color:var(--gg-muted);font-size:13px}

/* Tmavá varianta průvodce — výrazné volby, jasný vybraný stav a čitelné výsledky. */
.gs-guide{--gg-ink:#f5f8f2;--gg-muted:#b4c2b0;--gg-line:#354538;--gg-soft:#202b22;color:var(--gg-ink)}
.gs-guide__shell{
  overflow:hidden;border:1px solid #324035;border-radius:24px;
  background:radial-gradient(circle at 95% 3%,rgba(99,255,0,.11),transparent 30%),
             linear-gradient(150deg,#111812 0%,#172019 65%,#101611 100%);
  box-shadow:0 30px 70px rgba(10,20,12,.16);
}
.gs-guide__eyebrow,#content .gs-guide__eyebrow{color:#9cff57}
.gs-guide h2,#content .gs-guide h2{color:#f5f8f2}
.gs-guide__head p:last-child,#content .gs-guide__head p:last-child{color:#c2cec0}
.gs-guide__mark{background:#63ff00;color:#102009;box-shadow:0 0 0 10px rgba(99,255,0,.1),0 15px 35px rgba(99,255,0,.18)}
.gs-guide__status{border-color:#354538;color:#c2cec0}
.gs-guide__bar{height:8px;border-radius:999px;background:#324035}
.gs-guide__bar span{border-radius:999px;box-shadow:0 0 15px rgba(99,255,0,.5)}
.gs-guide__stage h3,#content .gs-guide__stage h3{color:#f5f8f2}
.gs-guide__hint,#content .gs-guide__hint{color:#b4c2b0}
.gs-guide__options{counter-reset:gs-choice;gap:16px}
.gs-guide__option{
  min-height:177px;padding:22px 24px 55px;border:1px solid #435847;border-radius:16px;
  background:linear-gradient(145deg,#233026,#1b261e);color:#f5f8f2;
  box-shadow:0 10px 24px rgba(0,0,0,.12);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease;
}
.gs-guide__option::before{
  counter-increment:gs-choice;content:'0' counter(gs-choice);display:grid;place-items:center;
  width:35px;height:35px;margin-bottom:8px;border-radius:50%;background:#354739;
  color:#b8e2a5;font-size:11px;font-weight:900;letter-spacing:.06em;
}
.gs-guide__option::after{
  content:'↗';position:absolute;right:22px;bottom:18px;display:grid;place-items:center;
  width:31px;height:31px;border:1px solid #547258;border-radius:50%;color:#a8d89d;
  font-size:18px;line-height:1;pointer-events:none;
}
.gs-guide__option strong{color:#f5f8f2;font-size:19px}
.gs-guide__option span{color:#b4c2b0}
.gs-guide__option:hover{transform:translateY(-5px);border-color:#8cf245;background:linear-gradient(145deg,#2b3b2d,#1e2d21);box-shadow:0 18px 34px rgba(0,0,0,.22)}
.gs-guide__option:has(input:checked){border-color:#92ff48;background:linear-gradient(145deg,#26472b,#1d3321);box-shadow:inset 0 0 0 1px #92ff48,0 12px 30px rgba(25,70,20,.28)}
.gs-guide__option:has(input:checked)::before{background:#63ff00;color:#11210b}
.gs-guide__option:has(input:checked)::after{content:'✓';border-color:#63ff00;background:#63ff00;color:#11210b;font-size:17px;font-weight:900}
.gs-guide__option:has(input:focus-visible){outline:3px solid #c1ff8b}
.gs-guide__button{border-color:#63ff00;border-radius:10px;background:#63ff00;color:#11210b;box-shadow:0 8px 20px rgba(99,255,0,.12);transition:transform .2s ease,background .2s ease}
.gs-guide__button:hover{transform:translateY(-2px);background:#a0ff59;color:#11210b}
.gs-guide__button--ghost{border-color:#5b735e;background:transparent;color:#e6eee3;box-shadow:none}
.gs-guide__button--ghost:hover{background:#29392c;color:#fff}
.gs-guide__summary{border:1px solid #456148;border-radius:12px;background:#243529;color:#e8f2e3}
.gs-guide__item{border:1px solid #3b5040;border-radius:16px;background:linear-gradient(150deg,#253328,#1a251d);box-shadow:0 12px 28px rgba(0,0,0,.12);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.gs-guide__item:hover{transform:translateY(-4px);border-color:#7fdb45;box-shadow:0 20px 34px rgba(0,0,0,.22)}
.gs-guide__item small{
  display:inline-flex;align-items:center;width:max-content;max-width:100%;min-height:28px;
  margin:0 0 16px;padding:6px 11px;border:1px solid #587b51;border-radius:6px;
  background:#30452f;color:#b6ff8c;font-size:10px;line-height:1.2;
}
.gs-guide__item h4,#content .gs-guide__item h4{color:#f5f8f2}
.gs-guide__item p,#content .gs-guide__item p{color:#bbc9b8}
.gs-guide__links a{color:#a0ff68}
.gs-guide__links a:hover{color:#d3ffb1}
.gs-guide__category{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin:0 0 20px;padding:12px 14px;border:1px solid #4f704c;border-radius:10px;background:#30432e;color:#c7d8c2;font-size:12px;font-weight:700}
.gs-guide__category a{color:#bcff88;font-size:14px;text-underline-offset:3px}
.gs-guide__category a::after,.gs-guide__product-choices a::after{content:' ↗'}
.gs-guide__choice-title{margin:0 0 9px;color:#b6ff8c;font-size:11px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
.gs-guide__product-choices{counter-reset:gs-product;display:grid;gap:8px;margin:0;padding:0;list-style:none}
.gs-guide__product-choices li{counter-increment:gs-product;display:flex;align-items:center;gap:12px;min-height:42px;padding:9px 11px;border:1px solid #435847;border-radius:9px;background:#202e23;color:#e3ede0;font-size:13px}
.gs-guide__product-choices li::before{content:counter(gs-product,decimal-leading-zero);flex:none;color:#9cff57;font-size:11px;font-weight:900}
.gs-guide__product-choices a{color:#e6f5de;font-weight:700;text-decoration:none}
.gs-guide__product-choices a:hover,.gs-guide__category a:hover{color:#fff;text-decoration:underline}
.gs-guide__product-choices li:has(a):hover{border-color:#79bd5a;background:#29402d}
.gs-guide__note,#content .gs-guide__note{color:#b4c2b0}
.gs-guide :is(a,button):focus-visible{outline-color:#c1ff8b}
@media(prefers-reduced-motion:reduce){.gs-guide__option,.gs-guide__item,.gs-guide__button{transition:none}}

/* Homepage v2 — společný vizuální jazyk se sekcí průvodce. Pouze titulní strana. */
.in-index .wide-carousel #carousel{overflow:hidden;border-radius:22px;box-shadow:0 20px 45px rgba(17,29,18,.13)}
.in-index .wide-carousel #carousel .carousel-inner,
.in-index .wide-carousel #carousel .carousel-inner .item,
.in-index .wide-carousel #carousel .carousel-inner img{border-radius:22px}

.spalicek-home .sp-section{padding:58px 20px !important}
.spalicek-home .sp-section:first-child{padding-top:64px !important}
.spalicek-home .sp-heading{margin-bottom:36px !important}
.spalicek-home .sp-eyebrow{display:table !important;width:auto !important;max-width:100%;margin:0 auto 18px !important;padding:8px 13px !important;border:1px solid #cfe8c5;border-radius:999px !important;background:#eff9e9;color:#378e18 !important;font-size:10px !important;letter-spacing:.14em !important}
.spalicek-home .sp-main-title{font-size:clamp(35px,4vw,52px) !important;font-weight:700 !important;line-height:1.08 !important;letter-spacing:-.045em !important;white-space:normal}
.spalicek-home .sp-main-title span{color:#358e1a !important}
.spalicek-home .sp-heading-description{max-width:720px !important;margin-top:16px !important;color:#59665b !important;line-height:1.65 !important}

/* Výhody: tmavé karty navazují na tmavý průvodce, čtvrtá karta zůstává akcentem. */
.spalicek-home .sp-advantages{gap:16px}
.spalicek-home .sp-card{min-height:340px;padding:28px;border:1px solid #3c5040;border-radius:20px !important;background:linear-gradient(150deg,#253428,#17231b);box-shadow:0 14px 30px rgba(18,31,19,.10)}
.spalicek-home .sp-card:hover{border-color:#87dd51;box-shadow:0 22px 38px rgba(18,31,19,.18)}
.spalicek-home .sp-card-top{margin-bottom:27px}
.spalicek-home .sp-icon{width:68px;height:68px;background:#364b38;box-shadow:0 0 0 6px rgba(156,255,107,.08)}
.spalicek-home .sp-icon span{font-size:34px}
.spalicek-home .sp-number{color:#a8c5a4}
.spalicek-home .sp-card h3{color:#f5f8f2 !important;font-size:22px !important;font-weight:500 !important;line-height:1.13 !important;letter-spacing:-.025em !important}
.spalicek-home .sp-card h3 strong{color:#a6ff71 !important}
.spalicek-home .sp-card p{color:#c2cec0 !important;line-height:1.6 !important}
.spalicek-home .sp-card-arrow{right:24px;bottom:23px;background:#344a37;color:#a9ff74}
.spalicek-home .sp-card-green{border-color:#63ed18;background:linear-gradient(155deg,#80ff39,#56ea09);box-shadow:0 14px 30px rgba(56,166,12,.12)}
.spalicek-home .sp-card-green h3,.spalicek-home .sp-card-green h3 strong{color:#11210c !important}
.spalicek-home .sp-card-green p{color:#234118 !important}
.spalicek-home .sp-card-green .sp-icon{background:#162518;box-shadow:0 0 0 6px rgba(20,50,15,.12)}
.spalicek-home .sp-card-green .sp-number{color:#325d25}
.spalicek-home .sp-card-green .sp-card-arrow{background:#172719;color:#a6ff71}

/* Know-how: klidnější světlý panel a interaktivní kroky. */
.spalicek-home .sp-knowledge{margin-top:28px;margin-bottom:28px;padding:60px clamp(20px,4vw,54px) !important;border:1px solid #e1ebe0;border-radius:26px;background:linear-gradient(145deg,#f7faf6,#edf5ea)}
.spalicek-home .sp-grow-steps{gap:14px}
.spalicek-home .sp-step{align-items:center;min-height:150px;padding:25px;border:1px solid #dae6d8;border-radius:16px !important;background:#fff;box-shadow:0 8px 20px rgba(32,72,30,.04);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.spalicek-home .sp-step:hover{transform:translateY(-4px);border-color:#92d66e;box-shadow:0 16px 27px rgba(32,72,30,.10)}
.spalicek-home .sp-step-number{width:48px;height:48px;background:#223727;color:#b2ff7c}
.spalicek-home .sp-step h3{color:#1c2b1f !important;font-size:17px !important;letter-spacing:.02em !important}
.spalicek-home .sp-step p{color:#5c6b5e !important;line-height:1.6 !important}

/* Značky a poradenství: dva související, ale odlišné panely. */
.spalicek-home .sp-brand-layout{gap:18px}
.spalicek-home .sp-brand-card{display:flex;flex-direction:column;padding:clamp(32px,4vw,54px);border:1px solid #dce8d8;border-radius:24px !important;background:radial-gradient(circle at 90% 5%,rgba(99,255,0,.12),transparent 34%),#f7faf5}
.spalicek-home .sp-brand-card .sp-eyebrow{align-self:flex-start;margin-left:0 !important;margin-right:0 !important}
.spalicek-home .sp-brand-card h2{color:#1d2b1f !important;font-size:clamp(34px,3.7vw,48px) !important;font-weight:700 !important;line-height:1.08 !important;letter-spacing:-.04em !important}
.spalicek-home .sp-brand-card h2 span{color:#358e1a !important}
.spalicek-home .sp-brand-description{color:#58675b;line-height:1.65}
.spalicek-home .sp-tags{gap:9px;margin-top:27px}
.spalicek-home .sp-tags span{min-height:34px;padding:8px 12px;border:1px solid #d3e7cc;border-radius:999px !important;background:#fff;color:#315c2b}
.spalicek-home .sp-brand-card::after{content:"";display:block;flex:none;width:100%;height:clamp(155px,16vw,210px);margin-top:auto;border-radius:16px;background:#1c2918 url("banners/growroom-anna-shvets-pexels.avif") center 58% / cover no-repeat}
.spalicek-home .sp-tags{margin-bottom:28px}
.spalicek-home .sp-consult-card{padding:clamp(32px,3.6vw,48px);border:1px solid #3c5540;border-radius:24px !important;background:radial-gradient(circle at 95% 3%,rgba(99,255,0,.14),transparent 38%),linear-gradient(145deg,#202e23,#111a13);box-shadow:0 18px 36px rgba(13,29,15,.13)}
.spalicek-home .sp-consult-icon{width:68px;height:68px;margin-bottom:26px;box-shadow:0 0 0 8px rgba(99,255,0,.10)}
.spalicek-home .sp-consult-icon span{font-size:33px}
.spalicek-home .sp-consult-card .sp-eyebrow{width:max-content !important;margin-left:0 !important;margin-right:0 !important;border-color:#426840;background:#2c452b;color:#baff8c !important}
.spalicek-home .sp-consult-card h3{font-size:clamp(32px,3vw,39px) !important;font-weight:700 !important;line-height:1.08 !important;letter-spacing:-.035em !important}
.spalicek-home .sp-consult-card h3 strong{color:#9bff64 !important}
.spalicek-home .sp-consult-description{color:#c3d0c2;line-height:1.65}
.spalicek-home .sp-button{min-height:52px;padding:14px 19px;border-radius:10px !important;background:#83ff3c;color:#11210b !important;transition:transform .2s ease,background .2s ease}
.spalicek-home .sp-button:hover{transform:translateY(-2px);background:#adff7b;color:#11210b !important}
.spalicek-home .sp-button:focus-visible{outline:3px solid #d2ffa8;outline-offset:3px}

@media(max-width:1050px){.spalicek-home .sp-advantages{grid-template-columns:repeat(2,minmax(0,1fr))}.spalicek-home .sp-brand-layout{grid-template-columns:1fr}}
@media(max-width:700px){
  .in-index .wide-carousel #carousel,.in-index .wide-carousel #carousel .carousel-inner,.in-index .wide-carousel #carousel .carousel-inner .item,.in-index .wide-carousel #carousel .carousel-inner img{border-radius:14px}
  .spalicek-home .sp-section{padding:42px 15px !important}
  .spalicek-home .sp-section:first-child{padding-top:42px !important}
  .spalicek-home .sp-main-title{font-size:clamp(32px,8vw,40px) !important}
  .spalicek-home .sp-advantages,.spalicek-home .sp-grow-steps{grid-template-columns:1fr}
  .spalicek-home .sp-card{min-height:0;padding:26px}
  .spalicek-home .sp-card-content{padding-bottom:54px}
  .spalicek-home .sp-knowledge{margin:14px 0;padding:38px 19px !important;border-radius:20px}
  .spalicek-home .sp-step{min-height:0;align-items:flex-start;padding:22px;gap:17px}
  .spalicek-home .sp-step-number{width:43px;height:43px}
  .spalicek-home .sp-brand-card,.spalicek-home .sp-consult-card{padding:30px;border-radius:20px !important}
}
@media(prefers-reduced-motion:reduce){.spalicek-home .sp-step,.spalicek-home .sp-button{transition:none}}

/* Jednotný nadpisový font; text odstavců zůstává v klidném sans serifu. */
.spalicek-home :is(.sp-main-title,.sp-card h3,.sp-step h3,.sp-brand-card h2,.sp-consult-card h3),
.gs-guide :is(h2,h3,h4,.gs-guide__option strong),
#content .gs-guide :is(h2,h3,h4){font-family:var(--gs-font-heading) !important}
/* Hlavní nadpisy odpovídají váze průvodce; barevné části zůstávají jen barevné. */
.spalicek-home :is(.sp-main-title,.sp-brand-card h2,.sp-consult-card h3){font-weight:700 !important;text-transform:none !important}
.spalicek-home :is(.sp-card h3,.sp-step h3){font-weight:500 !important;text-transform:none !important}
.spalicek-home :is(.sp-main-title,.sp-card h3,.sp-brand-card h2,.sp-consult-card h3) :is(span,strong){font-weight:inherit !important;text-transform:inherit !important}
.spalicek-home .sp-card h3 span{color:#a6ff71 !important}
.spalicek-home .sp-card-green h3 span{color:#11210c !important}
.spalicek-home .sp-consult-card h3 .sp-consult-accent{color:#9bff64 !important}
#content .spalicek-home :is(.sp-main-title,.sp-brand-card h2,.sp-consult-card h3){font-weight:700 !important;text-transform:none !important}
#content .spalicek-home :is(.sp-card h3,.sp-step h3){font-weight:500 !important;text-transform:none !important}
#content .spalicek-home :is(.sp-main-title,.sp-card h3,.sp-brand-card h2,.sp-consult-card h3) :is(span,strong){font-weight:inherit !important;text-transform:inherit !important}
#content .spalicek-home .sp-card h3 span{color:#a6ff71 !important}
#content .spalicek-home .sp-card-green h3 span{color:#11210c !important}
#content .spalicek-home .sp-consult-card h3 .sp-consult-accent{color:#9bff64 !important}
/* Shoptet přidává bílé box-shadow na programově fokusovaný nadpis průvodce. */
#content .gs-guide__stage h3[tabindex="-1"]:focus{box-shadow:none !important}

/* ===== 08-paticka.css ===== */

/* 08 PATIČKA — vlastní obsah nad systémovým spodním řádkem Shoptetu. */
#footer.gs-footer--enhanced{background:#13271b;color:#e9f2e8}
#footer.gs-footer--enhanced .custom-footer{display:none!important}
#footer .gs-footer{box-sizing:border-box;width:100%;max-width:var(--gs-content-width);margin:0 auto;padding:clamp(44px,6vw,76px) 20px 42px;font-family:var(--gs-font-body)}
#footer .gs-footer *{box-sizing:border-box}
#footer .gs-footer__top{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding-bottom:38px;border-bottom:1px solid rgba(221,242,219,.18)}
#footer .gs-footer__eyebrow{display:block;margin-bottom:12px;color:#a5e67c;font-size:12px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
#footer .gs-footer__title{max-width:570px;margin:0;color:#fff;font-family:var(--gs-font-heading)!important;font-size:clamp(26px,3.6vw,43px);font-weight:700;line-height:1.15}
#footer .gs-footer__lead{max-width:520px;margin:15px 0 0;color:#c6d8c6;font-size:15px;line-height:1.65}
#footer .gs-footer__cta{display:inline-flex;align-items:center;justify-content:center;min-height:46px;flex:none;padding:12px 20px;border-radius:999px;background:#a4ec77;color:#142b18!important;font-size:14px;font-weight:700;text-decoration:none;transition:background .2s,transform .2s}
#footer .gs-footer__cta:hover{background:#c3f5a4;transform:translateY(-2px)}
#footer .gs-footer__grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:clamp(24px,5vw,70px);padding-top:38px}
#footer .gs-footer__heading{margin:0 0 16px;color:#fff;font-family:var(--gs-font-heading)!important;font-size:19px;font-weight:700;line-height:1.3}
#footer .gs-footer__list{display:grid;gap:11px;margin:0;padding:0;list-style:none}
#footer .gs-footer__list li{margin:0;padding:0}
#footer .gs-footer__list a{color:#d0dfcf!important;font-size:14px;line-height:1.5;text-decoration:none}
#footer .gs-footer__list a:hover{color:#aeef80!important;text-decoration:underline;text-underline-offset:4px}
#footer .gs-footer__note{max-width:260px;margin:0;color:#c6d8c6;font-size:14px;line-height:1.65}
#footer .gs-footer__contact{display:grid;gap:11px;margin-top:21px}
#footer .gs-footer__contact a,#footer .gs-footer__placeholder{display:inline-flex;align-items:center;gap:10px;color:#e9f2e8!important;font-size:14px;line-height:1.45;text-decoration:none}
#footer .gs-footer__contact a:hover{color:#aeef80!important}
#footer .gs-footer__contact svg{width:18px;height:18px;flex:none;color:#a5e67c}
#footer .gs-footer__placeholder{color:#a3b7a5!important}
#footer .gs-footer__social{display:flex;flex-wrap:wrap;gap:18px;margin-top:18px}
#footer .gs-footer__social-preview{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:3px 0}
#footer .gs-footer__social svg{width:14px;height:14px;flex:none}
#footer .gs-footer__social-preview{color:#a3b7a5;font-size:12px}
#footer .gs-footer a:focus-visible{outline:2px solid #b5f487;outline-offset:4px}
#footer.gs-footer--enhanced .footer-bottom,#footer.gs-footer--enhanced .footer-bottom a{color:#b5cbb6!important}
#footer.gs-footer--enhanced .footer-bottom{border-top:1px solid rgba(221,242,219,.18);background:#0e2015!important}
@media(max-width:760px){
  #footer .gs-footer__top{display:block;padding-bottom:30px}
  #footer .gs-footer__cta{margin-top:24px}
  #footer .gs-footer__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px;padding-top:30px}
  #footer .gs-footer__grid > :last-child{grid-column:1/-1}
}
@media(max-width:480px){
  #footer .gs-footer{padding:42px 20px 30px}
  #footer .gs-footer__grid{grid-template-columns:1fr;gap:28px}
  #footer .gs-footer__grid > :last-child{grid-column:auto}
}
@media(prefers-reduced-motion:reduce){#footer .gs-footer__cta{transition:none}}

/* ===== 09-hlavicka.css ===== */

/* 09 HLAVIČKA — styly platí už před spuštěním JS. Atributové selektory zachovávají specificitu bez podpory :has(). */
@media(min-width:901px){html{scrollbar-gutter:stable}}
#header{transition:none!important;animation:none!important}
.top-navigation-bar[class]{height:38px;overflow:hidden;background:#14291d!important;color:#e9f2e8!important;border:0!important}
.top-navigation-bar[class]>.container{display:flex;align-items:center;gap:28px;min-height:38px;max-width:1460px;padding-inline:20px}
.gs-header__promise{display:inline-flex;align-items:center;gap:9px;flex:none;color:#cce1c7;font-size:12px;font-weight:600;white-space:nowrap}
.gs-header__promise>span{color:#b7ef8e;font-weight:900;font-size:15px}
.top-navigation-bar[class] .top-navigation-menu{margin-left:auto}
.top-navigation-bar[class] .top-navigation-bar-menu{display:flex;gap:24px}
.top-navigation-bar[class] .top-navigation-bar-menu>li:not(:first-child),
.top-navigation-bar[class] .top-navigation-tools,
.top-navigation-bar[class] .top-navigation-menu-trigger{display:none!important}
.top-navigation-bar[class] a{color:#e9f2e8!important;font-family:var(--gs-font-body)!important;font-size:12px;font-weight:600}
.top-navigation-bar[class] a:hover{text-decoration:underline;text-underline-offset:4px}
.top-navigation-bar[class] .gs-header__phone{color:#b7ef8e!important;white-space:nowrap}

#header[id]{position:relative;z-index:20;background:#fff;box-shadow:0 10px 40px rgba(18,44,25,.07)}
#header[id] .header-top{background:#fff;border:0!important}
#header[id] .header-top-wrapper{display:grid;grid-template-columns:minmax(210px,248px) minmax(320px,1fr) auto;align-items:center;gap:clamp(22px,3vw,54px);width:100%;max-width:1460px;min-height:116px;margin-inline:auto;padding-inline:20px}
#header[id] .header-top-wrapper::before,#header[id] .header-top-wrapper::after{content:none!important;display:none!important}
#header[id] .site-name{float:none;width:auto;min-width:0;margin:0;padding:0}
#header[id] .site-name>a{display:flex;align-items:center;justify-content:center;width:230px;max-width:100%;height:100px;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;text-decoration:none}
#header[id] .site-name>a:hover{background:transparent}
#header[id] .site-name>a>img{display:block!important;width:100%!important;max-width:100%!important;height:100%!important;max-height:none!important;object-fit:contain}

#header[id] .header-top-wrapper>.search{display:block;float:none;width:100%;max-width:none;margin:0;padding:0!important;position:relative}
#header[id] #formSearchForm{width:100%;max-width:none;margin:0}
#header[id] #formSearchForm fieldset{display:flex;align-items:center;gap:10px;width:100%;min-width:0;height:52px;margin:0;padding:5px 6px 5px 17px;border:1px solid #c9dac7!important;border-radius:15px;background:#f8faf6;box-shadow:none}
#header[id] #formSearchForm:focus-within fieldset{border-color:#6fab60!important;box-shadow:0 0 0 3px rgba(127,191,91,.15)}
#header[id] #formSearchForm .search-input-icon{position:static!important;inset:auto!important;transform:none!important;display:flex;align-items:center;justify-content:center;flex:0 0 22px;width:22px;height:40px;margin:0;color:#427b45;font-size:22px}
#header[id] #formSearchForm input.search-input{display:block;flex:1;width:100%;min-width:0;height:40px;margin:0;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#173021;font-size:14px}
#header[id] #formSearchForm input.search-input::placeholder{color:#718275;opacity:1}
#header[id] #formSearchForm .search-button{display:block;align-self:stretch;min-width:92px;height:auto;margin:0;padding:0 17px;border:0;border-radius:10px;background:#14291d!important;color:#fff!important;font-size:13px;font-weight:700;line-height:1}
#header[id] #formSearchForm .search-button:hover{background:#295c35!important}

#header[id] .navigation-buttons{display:flex;align-items:center;justify-content:flex-end;gap:11px;float:none;width:auto;margin:0;padding:0}
#header[id] .gs-header__account{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:46px;padding:0 13px;border-radius:13px;color:#173021!important;font-size:13px;font-weight:700;white-space:nowrap;text-decoration:none}
#header[id] .gs-header__account:hover{background:#f1f7ef}
#header[id] .navigation-buttons .cart-count{display:inline-flex;align-items:center;justify-content:center;gap:9px;float:none;min-height:46px;width:auto;margin:0;padding:0 15px;border:1px solid #bdd5b8;border-radius:13px;background:#eff8eb;color:#173021!important;text-decoration:none;white-space:nowrap}
#header[id] .navigation-buttons .cart-count:hover{background:#e3f3dc}
#header[id] .navigation-buttons .cart-count::before{margin:0;color:#173021}
#header[id] .navigation-buttons .gs-header__cart-fallback::before{display:none!important}
#header[id] .navigation-buttons .gs-header__cart-fallback>svg{flex:none}
#header[id] .gs-header__cart-label{font-size:13px;font-weight:700}
#header[id] .navigation-buttons .cart-price{font-size:12px;font-weight:600;color:#4b6e52}
#header[id] .navigation-buttons>[data-target="search"]{display:none!important}

#header[id] .header-bottom{border-top:1px solid #e3ece0;border-bottom:1px solid #d9e8d5;background:#f1f7ee}
#header[id] .header-bottom-wrapper{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;max-width:1460px;min-height:62px;margin-inline:auto;padding-inline:20px}
#header[id] #navigation{flex:1;min-width:0;width:auto;margin:0;padding:0;background:transparent}
#header[id] #navigation .menu-level-1{display:flex;align-items:center;gap:clamp(4px,1.2vw,18px);margin:0;padding:0}
#header[id] #navigation .menu-level-1>li{margin:0;padding:0;background:transparent}
#header[id] #navigation .menu-level-1>li>a{display:inline-flex;align-items:center;min-height:44px;margin:7px 0;padding:0 13px!important;border:0!important;border-radius:11px;background:transparent!important;color:#213e29!important;font-family:var(--gs-font-body)!important;font-size:15px;font-weight:750;white-space:nowrap;text-decoration:none!important}
#header[id] #navigation .menu-level-1>li>a:hover,#header[id] #navigation .menu-level-1>li.exp>a{margin-left:0!important;margin-right:0!important;padding-inline:13px!important;background:#e0f0da!important;color:#205e2b!important}
#header[id] #navigation .menu-level-1>li>a b,#header[id] #navigation .menu-level-1>li>a span{text-decoration:none!important;border:0!important}
#header[id] #navigation .menu-level-1>li>a b{font-weight:750}
#header[id] .gs-header__guide{display:inline-flex;align-items:center;gap:9px;flex:none;min-height:34px;padding:0 13px;border:1px solid #a7d29c;border-radius:999px;background:#fff;color:#245b2d!important;font-size:12px;font-weight:800;white-space:nowrap;text-decoration:none}
#header[id] .gs-header__guide:hover{background:#dff4d6}
#header[id] a:focus-visible,#header[id] button:focus-visible{outline:3px solid #65b847;outline-offset:3px}

@media(min-width:901px){
  body.submenu-visible .overlay.visible{display:none!important}
  body.navigation-hovered::before,body:has(#navigation:hover)::before{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:none!important}
  #header[id] .header-bottom-wrapper,#header[id] #navigation,#header[id] #navigation .navigation-in{position:static!important}
  #header[id] .header-bottom{position:relative}
  #header[id] #navigation .menu-level-2{left:0!important;top:100%!important;width:100%!important;margin:0!important;padding:18px max(20px,calc((100vw - 1360px)/2))!important;border:1px solid #dce9d8!important;border-top:0!important;border-radius:0 0 18px 18px;background:#fff!important;box-shadow:0 22px 42px rgba(18,44,25,.16);z-index:50;transition:none!important;animation:none!important}
  #header[id] #navigation .menu-level-1>li.ext:is(.exp,:hover,:focus-within)>.menu-level-2{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:10px;visibility:visible!important;pointer-events:auto!important}
  #header[id] #navigation .menu-level-1>li.ext:is(.exp,:hover,:focus-within)>.menu-level-2::before{content:"";position:absolute;left:0;right:0;top:-23px;height:23px;pointer-events:auto}
  #header[id] #navigation .menu-level-2>li{display:flex!important;align-items:flex-start!important;gap:12px;flex:none!important;width:auto!important;min-width:0;min-height:92px;margin:0!important;padding:12px!important;border:1px solid #e0ebdc!important;border-radius:13px;background:#f7faf5;transition:background .16s,border-color .16s}
  #header[id] #navigation .menu-level-2>li:hover,#header[id] #navigation .menu-level-2>li:focus-within{border-color:#b8d9ae!important;background:#eef7e9}
  #header[id] #navigation .menu-level-2>li>a.menu-image{display:flex!important;align-items:center;justify-content:center;flex:0 0 64px!important;width:64px!important;min-height:64px;padding:0!important;border:1px solid #e5eee2;border-radius:10px;background:#fff}
  #header[id] #navigation .menu-level-2>li>a.menu-image img{width:60px;max-width:60px;height:54px;max-height:54px;object-fit:contain}
  #header[id] #navigation .menu-level-2>li>div{flex:1;min-width:0;width:auto!important;gap:7px;line-height:1.35}
  #header[id] #navigation .menu-level-2>li>div>a{display:block;padding:1px 0!important;color:#173d22!important;font-family:var(--gs-font-body)!important;font-size:15px;font-weight:800;line-height:1.35;text-decoration:none!important}
  #header[id] #navigation .menu-level-2>li>div>a span{border:0!important;text-decoration:none!important}
  #header[id] #navigation .menu-level-2>li>div>ul{max-height:3.1em;font-family:var(--gs-font-body)!important;font-size:13px;line-height:1.55}
  #header[id] #navigation .menu-level-2>li>div>ul a{color:#58705e!important;text-decoration:none!important}
  #header[id] #navigation .menu-level-2>li>div>ul a:hover{color:#2a7633!important;text-decoration:underline!important}
  #header[id] #navigation .menu-level-2>li>a::before{display:none!important}
}

@media(max-width:1190px){
  #header[id] .header-top-wrapper{grid-template-columns:minmax(205px,240px) minmax(250px,1fr) auto;gap:20px}
  #header[id] .gs-header__account span,#header[id] .navigation-buttons .cart-price{display:none!important}
  #header[id] #navigation .menu-level-1{gap:15px}
  #header[id] #navigation .menu-level-1>li>a{font-size:13px}
}
@media(min-width:901px) and (max-width:1190px){
  #header[id] #navigation .menu-level-1>li.ext:is(.exp,:hover,:focus-within)>.menu-level-2{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:900px){
  html,body{background:#14291d}
  .overall-wrapper{padding-top:0!important;background:#fff}
  #header{transform:none!important;transition:none!important;animation:none!important}
  #header[id],#header[id] .header-top,#header[id] .site-name{display:block!important;visibility:visible!important;opacity:1!important}
  #header[id] .site-name>a{display:flex!important;visibility:visible!important;opacity:1!important}
  #header[id] .site-name img{display:block!important;visibility:visible!important;opacity:1!important}
  body.navigation-window-visible::before,body.submenu-visible::before{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:none!important}
  .top-navigation-bar[class]{display:block!important;height:32px}
  .top-navigation-bar[class]>.container{justify-content:space-between;gap:12px;min-height:32px}
  .top-navigation-bar[class] .top-navigation-menu{display:none!important}
  .gs-header__promise{overflow:hidden;min-width:0;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
  .top-navigation-bar[class] .gs-header__phone{font-size:10px;white-space:nowrap}
  #header[id] .header-top-wrapper{display:grid;grid-template-columns:1fr auto;gap:0 12px;min-height:0;padding-block:10px 0}
  #header[id] .site-name{grid-column:1;grid-row:1}
  #header[id] .site-name>a{width:156px;height:78px}
  #header[id] .navigation-buttons{grid-column:2;grid-row:1;gap:6px}
  #header[id] .gs-header__account,#header[id] .gs-header__cart-label,#header[id] .navigation-buttons .cart-price{display:none!important}
  #header[id] .navigation-buttons .cart-count{display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;min-height:44px;margin:0;padding:0;border:1px solid #c9dfc2;border-radius:12px;background:#eff8eb;color:#244b2b!important}
  #header[id] .navigation-buttons .cart-count::before{margin:0;font-size:23px}
  #header[id] .navigation-buttons>[data-target="search"]{display:none!important}
  #header[id] .navigation-buttons>[data-target="navigation"]{display:flex!important;align-items:center;justify-content:center;flex:0 0 44px;order:-1;width:44px;height:44px;margin:0;padding:0;border:1px solid #c9dfc2;border-radius:12px;background:#fff;color:#244b2b}
  #header[id] .header-top-wrapper>.search{display:block!important;grid-column:1/-1;grid-row:2;position:relative!important;width:100%!important;margin:12px 0!important;padding:0!important}
  #header[id] #formSearchForm fieldset{height:46px;padding-left:12px;border-radius:11px}
  #header[id] #formSearchForm .search-input-icon{flex-basis:20px;width:20px;font-size:20px}
  #header[id] #formSearchForm input.search-input{height:34px}
  #header[id] #formSearchForm .search-button{min-width:72px;font-size:12px}
  #header[id] .header-bottom{background:#fff;border:0}
  #header[id] .header-bottom-wrapper{display:block;min-height:0;padding:0}
  #header[id] .gs-header__guide{display:none}
  #header[id] #navigation{position:absolute!important;top:0!important;left:0!important;right:0!important;width:0!important;height:auto!important;max-height:min(72vh,640px);overflow:hidden;border:0!important;border-radius:0 0 16px 16px;background:#f5f9f2!important;box-shadow:0 18px 32px rgba(17,44,23,.15);z-index:30;transition:none!important;animation:none!important}
  .navigation-window-visible #header[id] #navigation{width:100%!important;overflow:auto;border:1px solid #dce9d8!important;border-top:0!important}
  #header[id] #navigation .menu-level-1>li,#header[id] #navigation .menu-level-2{transition:none!important;animation:none!important}
  #header[id] #navigation .navigation-in{width:100%!important;height:auto!important;padding:10px 12px 14px;background:#f5f9f2!important}
  #header[id] #navigation .menu-level-1{display:block}
  #header[id] #navigation .menu-level-1>li{margin:0 0 6px!important;border:0!important}
  #header[id] #navigation .menu-level-1>li>a{display:flex!important;align-items:center;width:100%!important;min-height:54px!important;margin:0!important;padding:10px 15px!important;border:1px solid #e0ebdc!important;border-radius:11px;background:#fff!important;color:#173d22!important;font-size:15px!important;text-decoration:none!important}
  #header[id] #navigation .menu-level-1>li>a:hover,#header[id] #navigation .menu-level-1>li.exp>a{margin:0!important;padding:10px 15px!important;border-color:#b8d9ae!important;background:#eaf6e5!important}
  #header[id] #navigation .menu-level-1>li>a>b{padding:0!important;line-height:1.3;text-decoration:none!important}
  #header[id] #navigation .menu-level-1>li>a>.submenu-arrow{top:50%!important;right:3px!important;width:40px!important;height:40px!important;line-height:40px!important;padding:0!important;transform:translateY(-50%)!important}
  #header[id] #navigation .menu-level-2{padding:7px 0 9px!important}
  #header[id] #navigation .menu-level-2>li{display:flex!important;align-items:center;gap:11px;min-height:62px;margin:0 0 7px 10px!important;padding:7px 10px!important;border:1px solid #e0ebdc!important;border-radius:12px;background:#fff;box-shadow:0 2px 6px rgba(23,61,34,.04)}
  #header[id] #navigation .menu-level-2>li:last-child{margin-bottom:0!important}
  #header[id] #navigation .menu-level-2>li:focus-within{border-color:#9fce91!important;background:#f3faef}
  #header[id] #navigation .menu-level-2>li>a.menu-image{display:flex!important;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;padding:0!important;border:1px solid #e7eee4;border-radius:9px;background:#f6faf4}
  #header[id] #navigation .menu-level-2>li>a.menu-image img{display:block;width:40px;max-width:40px;height:40px;max-height:40px;object-fit:contain}
  #header[id] #navigation .menu-level-2>li>div{flex:1;min-width:0;width:auto!important}
  #header[id] #navigation .menu-level-2>li>div>a{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;margin:0!important;padding:3px 2px!important;border:0;border-radius:0;background:transparent;color:#21472b!important;font-family:var(--gs-font-body)!important;font-size:14px!important;font-weight:750;line-height:1.25;text-decoration:none!important}
  #header[id] #navigation .menu-level-2>li>div>a::after{content:"↗";flex:none;color:#5a9563;font-size:16px;font-weight:500}
  #header[id] #navigation .menu-level-2>li>div>a:hover{background:transparent;color:#17692b!important}
  #header[id] #navigation .menu-level-2>li>div>a>span{text-decoration:none!important}
  #header[id] #navigation .navigationActions{display:block!important;margin:11px 0 0;padding:11px 0 0;border-top:1px solid #dce9d8}
  #header[id] #navigation .navigationActions>li>a{display:flex;align-items:center;min-height:46px;margin:0;padding:10px 15px!important;border:1px solid #d5e5cf;border-radius:10px;background:#e8f4e3;color:#24552c!important;font-family:var(--gs-font-body)!important;font-size:14px;font-weight:700;text-decoration:none!important}
  #header[id] #navigation .navigationActions>li>a span{padding:0!important;text-decoration:none!important}
}
@media(max-width:480px){
  .top-navigation-bar[class]>.container{padding-inline:16px}
  .top-navigation-bar[class]>.container{justify-content:center}
  .gs-header__promise{display:none}
  #header[id] .header-top-wrapper{padding-inline:16px}
  #header[id] .site-name>a{width:126px;height:63px}
}
@media(max-width:360px){
  #header[id] .site-name>a{width:116px;height:58px}
  #header[id] .navigation-buttons{gap:4px}
  #header[id] #formSearchForm .search-button{min-width:64px;padding-inline:10px}
}