/* ==============================================================
   NACHA — kompletni styl eshopu
   Vygenerovano 2026-09-01

   TENHLE SOUBOR SE LINKUJE DO HLAVICKY. Nic jineho.
   Vznikl slepenim souboru ze slozky src/ v tomto poradi:
     01-fonty.css       @font-face, Onest + Open Sans
     02-promenne.css    barvy a pisma, jediny zdroj pravdy
     03-typografie.css  prirazeni fontu prvkum Shoptetu
     04-sablona.css     upravy hlavicky, obsahu, paticky, O nas
     05-bloky.css       blokovy system .nacha

   Kdyz neco menis, uprav soubor v src/ a slep znovu.
   Nikdy nevkladej tenhle obsah do obsahu stranky.
   ============================================================== */



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

/* 01 - FONTY --------------------------------------------------
   Onest      nadpisy      variabilni 100-900
   Open Sans  bezny text   variabilni 300-800
   Obojí SIL Open Font License, komercne volne.
   Cesty jsou absolutni, takze soubor funguje odkudkoli.
   ------------------------------------------------------------- */

@font-face{
  font-family:'Onest';
  font-style:normal;
  font-weight:100 900;
  font-display:swap;
  src:url('/user/documents/nacha/fonts/onest-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face{
  font-family:'Onest';
  font-style:normal;
  font-weight:100 900;
  font-display:swap;
  src:url('/user/documents/nacha/fonts/onest-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face{
  font-family:'Open Sans';
  font-style:normal;
  font-weight:300 800;
  font-display:swap;
  src:url('/user/documents/nacha/fonts/opensans-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face{
  font-family:'Open Sans';
  font-style:normal;
  font-weight:300 800;
  font-display:swap;
  src:url('/user/documents/nacha/fonts/opensans-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}



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

/* 02 - PROMENNE -----------------------------------------------
   Jediny zdroj pravdy pro cely web. Chces-li zmenit barvu nebo
   font, menis to tady a projevi se to vsude.
   ------------------------------------------------------------- */

:root{
  /* barvy */
  --bg:#fffae9;          /* kremove pozadi stranky */
  --primary:#173c28;     /* tmava zelen znacky */
  --accent:#cca479;      /* zlatohneda */
  --accent-dark:#b78d62; /* tmavsi zlatohneda, paticka */
  --text:#2c2c2c;        /* bezny text */
  --box:#f6f8f3;         /* pozadi karet */

  /* pisma */
  --font-heading:'Onest','Segoe UI',system-ui,sans-serif;
  --font-body:'Open Sans','Segoe UI',system-ui,sans-serif;
  --heading-weight:600;
}


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

/* 03 - TYPOGRAFIE SABLONY --------------------------------------
   Prirazuje Onest a Open Sans prvkum Shoptetu. Nahrazuje puvodni
   shoptet-onest-open-sans-v5-600-headings.css.
   !important je tu nutne, sablona ma vlastni pravidla.
   ------------------------------------------------------------- */

body,
input, select, textarea, button,
.btn, .form-control{
  font-family:var(--font-body) !important;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.site-name,
.navigation-in > ul > li > a,
.homepage-group-title,
.category-title,
.products-block .name,
.p-detail-inner h1,
.benefitBanner__item strong,
#footer h4{
  font-family:var(--font-heading) !important;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6{
  font-weight:var(--heading-weight);
}


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

/* 04 - UPRAVY SABLONY -----------------------------------------
   Prevzato z puvodnich header.css / content.css / footer.css /
   about.css / responsive.css a slouceno do jednoho.
   ------------------------------------------------------------- */

/* --- obsah: prosadit kremove pozadi --- */
#content-wrapper, .content-wrapper, .content-wrapper-in, #content{background:var(--bg)!important}
.benefitBanner{background:var(--bg)!important}
.benefitBanner__item{background:transparent!important}
.welcome-wrapper, .welcome{background:var(--bg)!important}
#content .row, #content .container-narrow{background:transparent!important}

/* --- hlavicka, jen desktop --- */
@media(min-width:992px){
  #header, #header .header-top, #header .header-bottom,
  #header .navigation-wrapper, #header .navigation-in{background:var(--bg)!important}
  .header-top{min-height:100px}
  .header-top-wrapper{display:flex;align-items:center}
  .site-name{display:flex;align-items:center;height:100%;
             padding-top:0!important;padding-bottom:0!important}
  .site-name img{display:block;max-height:72px;width:auto;transform:translateY(6px)}
}

/* --- horni listka --- */
.top-navigation-bar{background:var(--accent)!important;border-bottom:none!important}
.top-navigation-bar a, .top-navigation-bar span,
.top-navigation-bar .top-nav-button{color:#fff!important}
.top-navigation-bar a:hover,
.top-navigation-bar .top-nav-button:hover{color:#f8f3ec!important}

/* --- paticka --- */
#footer{background:var(--accent)!important;color:#fff!important}
#footer h2, #footer h3, #footer h4, #footer p, #footer li,
#footer span, #footer a, #footer strong, #footer label{color:#fff!important}
#footer input{background:#fff!important;color:#333!important;border:none!important}
#footer .btn{background:var(--primary)!important;color:#fff!important;border:none!important}
#footer .btn:hover{background:#24553a!important}
.footer-bottom{background:var(--accent-dark)!important;border-top:none!important}
.footer-bottom, .footer-bottom a,
.footer-bottom span, .footer-bottom strong{color:#fff!important}

/* --- stranka O nas (stary system, font uz dedi ze sablony) --- */
.matcha-about{max-width:1200px;margin:auto;color:var(--text);line-height:1.8}
.matcha-about img{width:100%;display:block;border-radius:18px}
.matcha-about h1{font-size:46px;margin-bottom:15px;color:var(--primary)}
.matcha-about h2{font-size:34px;color:var(--primary);margin-bottom:15px}
.matcha-about p{font-size:18px}
.matcha-about .hero{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center;margin:60px 0}
.matcha-about .section{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin:90px 0}
.matcha-about .section.reverse > *:first-child{order:2}
.matcha-about .boxes{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:40px}
.matcha-about .box{background:var(--box);padding:35px;border-radius:18px;text-align:center}
.matcha-about .box h3{margin:15px 0;color:var(--primary)}
.matcha-about .quote{margin:90px 0;padding:70px;border-radius:22px;
                     background:var(--primary);color:#fff;text-align:center}
.matcha-about .quote h2{color:#fff}
.matcha-about .gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}
.matcha-about .gallery img{height:320px;object-fit:cover}

@media(max-width:900px){
  .matcha-about .hero, .matcha-about .section{grid-template-columns:1fr;gap:30px}
  .matcha-about .section.reverse > *:first-child{order:initial}
  .matcha-about .boxes, .matcha-about .gallery{grid-template-columns:1fr}
  .matcha-about .hero h1{font-size:36px}
}


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

/* ============================================================
   NACHA UI  v7 - blokovy system
   Blokový systém pro Shoptet – popisy produktů, články, stránky
   ------------------------------------------------------------
   Použití: obal obsah do <div class="nacha"> ... </div>
   Zpětná kompatibilita: <div class="nacha-product"> funguje dál.
   ============================================================ */

/* ---------- 0. TOKENY + ZÁKLAD ------------------------------ */

.nacha,
.nacha-product{
  /* barvy – napojene na /user/documents/css/variables.css
     Kdyz tam promenna chybi, pouzije se zaloha za carkou. */
  --nacha-green:var(--primary,#173c28);        /* tmava zelen znacky */
  --nacha-green-2:#5c7668;                     /* svetlejsi odvozeny ton */
  --nacha-accent:var(--accent,#cca479);        /* zlatohneda */
  --nacha-accent-dark:var(--accent-dark,#b78d62);
  --nacha-text:var(--text,#2c2c2c);            /* bezny text */
  --nacha-white:var(--box,#f6f8f3);            /* karty, stejne jako .box na webu */
  --nacha-cream:#f9f2dc;                       /* teply panel na pozadi #fffae9 */
  --nacha-line:#e6dcc2;
  --nacha-line-2:#ede4cd;
  --nacha-muted:#a09779;

  /* zaobleni */
  --nacha-radius:18px;
  --nacha-radius-sm:14px;

  /* typografie – vyzaduje nacha-fonts.css
     --nacha-display        nadpisy (Onest)
     --nacha-sans           bezny text (Open Sans)
     --nacha-heading-weight rez nadpisu, meni se na jednom miste */
  --nacha-display:var(--font-heading,'Onest','Segoe UI',system-ui,sans-serif);
  --nacha-sans:var(--font-body,'Open Sans','Segoe UI',system-ui,sans-serif);
  --nacha-serif:var(--nacha-display);   /* zpetna kompatibilita se starym CSS */
  --nacha-heading-weight:var(--heading-weight,600);

  /* rytmus */
  --nacha-gap:14px;
  --nacha-pad:clamp(28px,5vw,70px);
  --nacha-block:clamp(56px,8vw,95px);
  --nacha-max:1080px;

  max-width:var(--nacha-max);
  margin:0 auto;
  color:var(--nacha-green);
  font-family:var(--nacha-sans);
  font-size:16px;
  line-height:1.7;
  overflow-wrap:break-word;
}

.nacha *,
.nacha-product *{box-sizing:border-box}

/* defenzivní resety – Shoptet šablony si tyhle prvky rády přebijí */
.nacha h1,.nacha h2,.nacha h3,.nacha h4,
.nacha-product h1,.nacha-product h2,.nacha-product h3,.nacha-product h4{
  font-family:var(--nacha-display);
  font-weight:var(--nacha-heading-weight);
  text-transform:none;
  letter-spacing:0;
  padding:0;
  border:0;
}
.nacha p,.nacha-product p{margin:0 0 18px}
.nacha p:last-child,.nacha-product p:last-child{margin-bottom:0}
.nacha img,.nacha-product img{display:block;width:100%;height:auto;max-width:100%}
.nacha a,.nacha-product a{color:var(--nacha-green);text-underline-offset:3px}

/* viditelný focus pro klávesnici */
.nacha a:focus-visible,
.nacha button:focus-visible,
.nacha summary:focus-visible,
.nacha-product a:focus-visible{
  outline:2px solid var(--nacha-green-2);
  outline-offset:3px;
}

/* ---------- 1. TYPOGRAFICKÉ POMOCNÍKY ----------------------- */

.nacha .nacha-kicker,
.nacha-product .nacha-kicker{
  font-size:11px;
  letter-spacing:3px;
  text-transform:uppercase;
  color:var(--nacha-green-2);
  margin:0 0 14px;
}
.nacha .nacha-serif,
.nacha-product .nacha-serif{font-family:var(--nacha-display)}

.nacha .nacha-rule,
.nacha .nacha-hero-rule,
.nacha-product .nacha-hero-rule{
  width:46px;height:1px;border:0;
  background:var(--nacha-green-2);
  margin:28px 0;
}
.nacha .nacha-rule.center{margin-left:auto;margin-right:auto}

/* placeholder místo fotky – dokud nemáš finální obrázky */
.nacha .nacha-ph,
.nacha-product .nacha-ph{
  position:absolute;inset:0;
  display:flex;align-items:center;justify-content:center;
  background:transparent;
  box-shadow:inset 0 0 0 1px var(--nacha-line);
  color:var(--nacha-muted);
  font-size:11px;letter-spacing:2.5px;text-transform:uppercase;
  text-align:center;padding:20px;
}
.nacha .nacha-ph::after{content:attr(data-ph)}

/* ---------- 2. HERO ----------------------------------------- */

.nacha .nacha-hero,
.nacha-product .nacha-hero{
  display:grid;
  grid-template-columns:1.02fr .98fr;
  min-height:500px;
  margin-bottom:var(--nacha-block);
  background:var(--nacha-cream);
  overflow:hidden;
  border-radius:var(--nacha-radius);
}
.nacha .nacha-hero-copy,
.nacha-product .nacha-hero-copy{
  display:flex;flex-direction:column;justify-content:center;
  padding:var(--nacha-pad);
}
.nacha .nacha-brand,
.nacha-product .nacha-brand{
  font-family:var(--nacha-display);
  font-size:clamp(38px,5.4vw,54px);
  line-height:1.05;
  margin:0 0 22px;
  color:var(--nacha-green);
  text-wrap:balance;
}
.nacha .nacha-brand em,
.nacha-product .nacha-brand em{font-style:italic}
.nacha .nacha-hero-text,
.nacha-product .nacha-hero-text{
  max-width:46ch;font-size:17px;color:var(--nacha-text);margin:0;
}
.nacha .nacha-hero-image,
.nacha-product .nacha-hero-image{
  position:relative;min-height:500px;overflow:hidden;
}
.nacha .nacha-hero-image > img,
.nacha .nacha-hero-image > .nacha-ph,
.nacha-product .nacha-hero-image > img{
  position:absolute;inset:0;
  width:100%;height:100%;
  object-fit:cover;object-position:center;
}

/* ---------- 3. ÚVODNÍ ODSTAVEC ------------------------------ */

.nacha .nacha-intro,
.nacha-product .nacha-intro{
  max-width:760px;margin:0 auto var(--nacha-block);
  text-align:center;padding:0 20px;
}
.nacha .nacha-intro h2,
.nacha-product .nacha-intro h2{
  font-family:var(--nacha-display);
  font-size:clamp(29px,3.8vw,38px);
  line-height:1.2;margin:0 0 20px;text-wrap:balance;
}
.nacha .nacha-intro p,
.nacha-product .nacha-intro p{color:var(--nacha-text)}

/* ---------- 4. SPLIT (obrázek + text) ----------------------- */

.nacha .nacha-split,
.nacha-product .nacha-split{
  display:grid;grid-template-columns:1fr 1fr;
  min-height:520px;margin-bottom:var(--nacha-block);
  align-items:stretch;
  border-radius:var(--nacha-radius);
  overflow:hidden;
}
.nacha .nacha-split.reverse .nacha-split-image,
.nacha-product .nacha-split.reverse .nacha-split-image{order:2}
.nacha .nacha-split.reverse .nacha-split-copy,
.nacha-product .nacha-split.reverse .nacha-split-copy{order:1}

.nacha .nacha-split-image,
.nacha-product .nacha-split-image{
  position:relative;min-height:520px;overflow:hidden;
}
.nacha .nacha-split-image > img,
.nacha .nacha-split-image > .nacha-ph,
.nacha-product .nacha-split-image > img{
  position:absolute;inset:0;
  width:100%;height:100%;
  object-fit:cover;object-position:center;
}
.nacha .nacha-split-copy,
.nacha-product .nacha-split-copy{
  display:flex;flex-direction:column;justify-content:center;
  padding:var(--nacha-pad);background:var(--nacha-cream);
}
.nacha .nacha-split-copy h2,
.nacha-product .nacha-split-copy h2{
  font-family:var(--nacha-display);
  font-size:clamp(28px,3.6vw,36px);
  line-height:1.2;margin:0 0 22px;text-wrap:balance;
}
.nacha .nacha-split-copy p,
.nacha-product .nacha-split-copy p{color:var(--nacha-text);max-width:48ch}

/* světlá varianta – text na papíru místo krému */
.nacha .nacha-split.plain .nacha-split-copy{background:transparent;padding-left:0}
.nacha .nacha-split.reverse.plain .nacha-split-copy{padding-left:var(--nacha-pad);padding-right:0}

/* ---------- 5. FIGURE + GALERIE ----------------------------- */

.nacha .nacha-figure{margin:0 0 var(--nacha-block)}
.nacha .nacha-figure-frame{position:relative;min-height:340px;overflow:hidden;border-radius:var(--nacha-radius)}
.nacha .nacha-figure-frame > img,
.nacha .nacha-figure-frame > .nacha-ph{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
}
.nacha .nacha-figure figcaption{
  margin-top:12px;font-size:13px;color:var(--nacha-muted);text-align:center;
}

.nacha .nacha-gallery{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:var(--nacha-gap);margin-bottom:var(--nacha-block);
}
.nacha .nacha-gallery.two{grid-template-columns:repeat(2,1fr)}
.nacha .nacha-gallery > figure{margin:0}
.nacha .nacha-gallery .nacha-figure-frame{min-height:260px}

/* ---------- 6. KARTY (grid) --------------------------------- */

.nacha .nacha-values,
.nacha-product .nacha-values{margin-bottom:var(--nacha-block)}
.nacha .nacha-values-head,
.nacha-product .nacha-values-head{
  text-align:center;max-width:700px;margin:0 auto 35px;padding:0 20px;
}
.nacha .nacha-values-head h2,
.nacha-product .nacha-values-head h2{
  font-family:var(--nacha-display);
  font-size:clamp(29px,3.8vw,38px);
  line-height:1.2;margin:0 0 12px;text-wrap:balance;
}
.nacha .nacha-values-head p,
.nacha-product .nacha-values-head p{color:var(--nacha-text)}

.nacha .nacha-grid,
.nacha-product .nacha-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:var(--nacha-gap);
}
.nacha .nacha-grid.two{grid-template-columns:repeat(2,1fr)}
.nacha .nacha-grid.four{grid-template-columns:repeat(4,1fr)}

.nacha .nacha-card,
.nacha-product .nacha-card{
  padding:38px 30px 34px;
  background:var(--nacha-white);
  border:1px solid var(--nacha-line-2);
  border-radius:var(--nacha-radius-sm);
  text-align:center;
  transition:transform .35s ease,box-shadow .35s ease;
}
.nacha .nacha-card:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(38,55,42,.08)}
.nacha .nacha-card-num,
.nacha-product .nacha-card-num{
  font-family:var(--nacha-display);
  font-size:25px;margin-bottom:20px;color:var(--nacha-green-2);
}
.nacha .nacha-card h3,
.nacha-product .nacha-card h3{
  font-family:var(--nacha-display);
  font-size:20px;line-height:1.3;margin:0 0 10px;
}
.nacha .nacha-card p,
.nacha-product .nacha-card p{font-size:14px;color:var(--nacha-text);margin:0;line-height:1.6}

/* ---------- 7. ČÍSLOVANÝ POSTUP (timeline) ------------------ */
/* číslujeme jen tam, kde jde opravdu o pořadí kroků */

.nacha .nacha-timeline{
  margin-bottom:var(--nacha-block);
  border-top:1px solid var(--nacha-line);
}
.nacha .nacha-timeline > li{
  list-style:none;
  display:grid;grid-template-columns:64px 1fr;
  gap:24px;padding:26px 0;
  border-bottom:1px solid var(--nacha-line);
}
.nacha ol.nacha-timeline{counter-reset:nstep;padding:0;margin:0 0 var(--nacha-block)}
.nacha ol.nacha-timeline > li::before{
  counter-increment:nstep;content:counter(nstep,decimal-leading-zero);
  font-family:var(--nacha-display);font-size:24px;color:var(--nacha-accent);
  line-height:1.2;
}
.nacha .nacha-timeline h3{font-family:var(--nacha-display);font-size:21px;margin:0 0 6px}
.nacha .nacha-timeline p{font-size:15px;color:var(--nacha-text);margin:0}

/* ---------- 8. TMAVÝ PANEL (příprava) ----------------------- */

.nacha .nacha-prep,
.nacha-product .nacha-prep{
  display:grid;grid-template-columns:.9fr 1.1fr;
  margin-bottom:var(--nacha-block);
  background:var(--nacha-green);color:var(--nacha-white);
  border-radius:var(--nacha-radius);overflow:hidden;
}
.nacha .nacha-prep-copy,
.nacha-product .nacha-prep-copy{padding:var(--nacha-pad)}
.nacha .nacha-prep-copy h2,
.nacha-product .nacha-prep-copy h2{
  font-family:var(--nacha-display);
  font-size:clamp(29px,3.8vw,38px);
  line-height:1.2;margin:0 0 22px;color:var(--nacha-white);
}
.nacha .nacha-prep-copy p,
.nacha-product .nacha-prep-copy p{color:rgba(255,255,255,.78);font-size:15px;margin:0 0 28px}
.nacha .nacha-prep-copy .nacha-kicker{color:rgba(255,255,255,.55)}

.nacha .nacha-steps,
.nacha-product .nacha-steps{
  display:grid;grid-template-columns:repeat(3,1fr);gap:20px;
}
.nacha .nacha-step strong,
.nacha-product .nacha-step strong{
  display:block;font-family:var(--nacha-display);
  font-size:24px;font-weight:var(--nacha-heading-weight);margin-bottom:5px;
}
.nacha .nacha-step span,
.nacha-product .nacha-step span{font-size:12px;color:rgba(255,255,255,.7)}

.nacha .nacha-prep-image,
.nacha-product .nacha-prep-image{position:relative;min-height:470px;overflow:hidden}
.nacha .nacha-prep-image > img,
.nacha .nacha-prep-image > .nacha-ph,
.nacha-product .nacha-prep-image > img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
}

/* ---------- 9. PARAMETRY (čísla v řádku) -------------------- */

.nacha .nacha-specs,
.nacha-product .nacha-specs{
  margin-bottom:80px;padding:45px 0;
  border-top:1px solid var(--nacha-line);
  border-bottom:1px solid var(--nacha-line);
  display:grid;grid-template-columns:repeat(4,1fr);text-align:center;
}
.nacha .nacha-spec strong,
.nacha-product .nacha-spec strong{
  display:block;font-family:var(--nacha-display);
  font-size:24px;font-weight:var(--nacha-heading-weight);margin-bottom:4px;
}
.nacha .nacha-spec span,
.nacha-product .nacha-spec span{
  font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--nacha-muted);
}

/* ---------- 10. TABULKA ------------------------------------- */

.nacha .nacha-table-wrap{
  margin-bottom:var(--nacha-block);
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}
.nacha .nacha-table{
  width:100%;border-collapse:collapse;
  font-size:15px;background:var(--nacha-white);
  min-width:520px;border-radius:var(--nacha-radius-sm);overflow:hidden;
}
.nacha .nacha-table th,
.nacha .nacha-table td{
  padding:16px 20px;text-align:left;
  border-bottom:1px solid var(--nacha-line-2);
  vertical-align:top;
}
.nacha .nacha-table thead th{
  font-family:var(--nacha-display);font-size:17px;font-weight:var(--nacha-heading-weight);
  background:var(--nacha-cream);
  border-bottom:1px solid var(--nacha-line);
}
.nacha .nacha-table tbody th{
  font-weight:var(--nacha-heading-weight);color:var(--nacha-green);width:32%;
}
.nacha .nacha-table td{color:var(--nacha-text)}
.nacha .nacha-table tbody tr:last-child th,
.nacha .nacha-table tbody tr:last-child td{border-bottom:0}

/* ---------- 11. SEZNAM + CALLOUT ---------------------------- */

.nacha .nacha-list{list-style:none;padding:0;margin:0 0 24px}
.nacha .nacha-list li{
  position:relative;padding-left:26px;margin-bottom:11px;
  color:var(--nacha-text);
}
.nacha .nacha-list li::before{
  content:"";position:absolute;left:0;top:11px;
  width:7px;height:7px;border-radius:50%;
  background:var(--nacha-accent);
}

.nacha .nacha-callout{
  margin:0 0 var(--nacha-block);
  padding:32px clamp(24px,4vw,40px);
  background:var(--nacha-cream);
  border-left:2px solid var(--nacha-accent);
  border-radius:0 var(--nacha-radius-sm) var(--nacha-radius-sm) 0;
}
.nacha .nacha-callout h3{
  font-family:var(--nacha-display);font-size:21px;margin:0 0 10px;
}
.nacha .nacha-callout p{color:var(--nacha-text);font-size:15px;margin:0}

/* ---------- 12. FAQ (nativní details) ----------------------- */

.nacha .nacha-faq{margin-bottom:var(--nacha-block);border-top:1px solid var(--nacha-line)}
.nacha .nacha-faq details{border-bottom:1px solid var(--nacha-line)}
.nacha .nacha-faq summary{
  cursor:pointer;list-style:none;
  padding:22px 44px 22px 0;position:relative;
  font-family:var(--nacha-display);font-size:19px;line-height:1.4;
}
.nacha .nacha-faq summary::-webkit-details-marker{display:none}
.nacha .nacha-faq summary::after{
  content:"";position:absolute;right:8px;top:50%;
  width:9px;height:9px;margin-top:-6px;
  border-right:1px solid var(--nacha-green-2);
  border-bottom:1px solid var(--nacha-green-2);
  transform:rotate(45deg);
  transition:transform .2s ease;
}
.nacha .nacha-faq details[open] summary::after{transform:rotate(-135deg);margin-top:-2px}
.nacha .nacha-faq .nacha-faq-body{padding:0 44px 24px 0;color:var(--nacha-text);font-size:15px}
.nacha .nacha-faq .nacha-faq-body p:last-child{margin-bottom:0}

/* ---------- 13. CTA ----------------------------------------- */

.nacha .nacha-cta{
  text-align:center;padding:clamp(44px,6vw,70px) 24px;
  background:var(--nacha-cream);margin-bottom:var(--nacha-block);
  border-radius:var(--nacha-radius);
}
.nacha .nacha-cta h2{
  font-family:var(--nacha-display);
  font-size:clamp(27px,3.4vw,34px);line-height:1.2;
  margin:0 0 14px;text-wrap:balance;
}
.nacha .nacha-cta p{color:var(--nacha-text);max-width:52ch;margin:0 auto 28px}

.nacha .nacha-btn{
  display:inline-block;
  padding:15px 38px;
  background:var(--nacha-green);color:var(--nacha-white);
  font-size:12px;letter-spacing:2px;text-transform:uppercase;
  text-decoration:none;border:1px solid var(--nacha-green);border-radius:999px;
  transition:background .18s ease,color .18s ease;
}
.nacha .nacha-btn:hover{background:transparent;color:var(--nacha-green)}
.nacha .nacha-btn.ghost{background:transparent;color:var(--nacha-green)}
.nacha .nacha-btn.ghost:hover{background:var(--nacha-green);color:var(--nacha-white)}

/* ---------- 14. CITACE -------------------------------------- */

.nacha .nacha-quote,
.nacha-product .nacha-quote{text-align:center;padding:0 20px 75px}
.nacha .nacha-quote p,
.nacha-product .nacha-quote p{
  font-family:var(--nacha-display);font-style:italic;
  font-size:clamp(25px,3.4vw,34px);line-height:1.35;
  max-width:700px;margin:0 auto 12px;text-wrap:balance;
}
.nacha .nacha-quote span,
.nacha-product .nacha-quote span{
  font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--nacha-muted);
}

/* ---------- 15. UTILITY ------------------------------------- */

.nacha .nacha-center{text-align:center}
.nacha .nacha-narrow{max-width:680px;margin-left:auto;margin-right:auto;padding:0 20px}
.nacha .nacha-tight{margin-bottom:calc(var(--nacha-block) / 2)}
.nacha .nacha-flush{margin-bottom:0}


/* ---------- 15b. ANIMACE (scroll-driven, bez JS) ------------ */
/* Prohlizece bez podpory zobrazi obsah normalne, jen bez pohybu. */

@keyframes nacha-in{
  from{opacity:0;transform:translateY(28px)}
  to{opacity:1;transform:none}
}
@keyframes nacha-settle{
  from{transform:scale(1.12)}
  to{transform:scale(1)}
}

@media(prefers-reduced-motion:no-preference){
  @supports (animation-timeline:view()){

    .nacha .nacha-reveal{
      animation:nacha-in linear both;
      animation-timeline:view();
      animation-range:entry 5% cover 32%;
    }
    /* postupny nastup karet v mrizce */
    .nacha .nacha-grid > .nacha-reveal:nth-child(2){animation-range:entry 12% cover 36%}
    .nacha .nacha-grid > .nacha-reveal:nth-child(3){animation-range:entry 19% cover 40%}
    .nacha .nacha-grid > .nacha-reveal:nth-child(4){animation-range:entry 26% cover 44%}

    /* fotka se pri prichodu do zaberu zvolna usadi */
    .nacha .nacha-zoom > img{
      animation:nacha-settle linear both;
      animation-timeline:view();
      animation-range:entry 0% cover 50%;
    }
  }
}

/* ---------- 16. RESPONZIVITA -------------------------------- */

@media(max-width:760px){
  .nacha,.nacha-product{width:100%}

  .nacha .nacha-hero,.nacha .nacha-split,.nacha .nacha-prep,
  .nacha-product .nacha-hero,.nacha-product .nacha-split,.nacha-product .nacha-prep{
    grid-template-columns:1fr;
  }
  .nacha .nacha-hero-image,.nacha-product .nacha-hero-image{min-height:340px}
  .nacha .nacha-hero,.nacha-product .nacha-hero{min-height:0}

  .nacha .nacha-split,.nacha-product .nacha-split{min-height:0}
  .nacha .nacha-split-image,.nacha-product .nacha-split-image{min-height:340px}
  .nacha .nacha-split.reverse .nacha-split-image,
  .nacha .nacha-split.reverse .nacha-split-copy,
  .nacha-product .nacha-split.reverse .nacha-split-image,
  .nacha-product .nacha-split.reverse .nacha-split-copy{order:initial}
  .nacha .nacha-split.plain .nacha-split-copy,
  .nacha .nacha-split.reverse.plain .nacha-split-copy{padding-left:25px;padding-right:25px}

  .nacha .nacha-values,.nacha-product .nacha-values{padding:0 15px}
  .nacha .nacha-grid,.nacha .nacha-grid.two,.nacha .nacha-grid.four,
  .nacha-product .nacha-grid{grid-template-columns:1fr}

  .nacha .nacha-gallery,.nacha .nacha-gallery.two{grid-template-columns:1fr}

  .nacha ol.nacha-timeline > li,.nacha .nacha-timeline > li{
    grid-template-columns:44px 1fr;gap:16px;padding:22px 15px;
  }

  .nacha .nacha-prep,.nacha-product .nacha-prep{margin:0 15px var(--nacha-block)}
  .nacha .nacha-steps,.nacha-product .nacha-steps{grid-template-columns:1fr;gap:16px}
  .nacha .nacha-prep-image,.nacha-product .nacha-prep-image{min-height:300px}

  .nacha .nacha-specs,.nacha-product .nacha-specs{
    grid-template-columns:repeat(2,1fr);gap:28px 10px;
    padding:35px 15px;margin-bottom:55px;
  }

  .nacha .nacha-table-wrap,.nacha .nacha-faq,.nacha .nacha-callout{margin-left:15px;margin-right:15px}
  .nacha .nacha-cta{margin-left:15px;margin-right:15px}
  .nacha .nacha-quote,.nacha-product .nacha-quote{padding-bottom:50px}
}

/* ---------- 17. PŘÍSTUPNOST / TISK -------------------------- */

@media(prefers-reduced-motion:reduce){
  .nacha *,.nacha-product *{transition:none!important;animation:none!important}
}

@media print{
  .nacha,.nacha-product{color:#000;max-width:none}
  .nacha .nacha-prep,.nacha-product .nacha-prep{background:#fff;color:#000}
  .nacha .nacha-prep-copy h2,.nacha .nacha-prep-copy p,
  .nacha .nacha-step span{color:#000}
  .nacha .nacha-hero-image,.nacha .nacha-split-image,
  .nacha .nacha-prep-image,.nacha .nacha-figure{display:none}
  .nacha .nacha-faq details{display:block}
  .nacha .nacha-faq .nacha-faq-body{display:block!important}
}