/* Web v2 — sdílené styly.
   Reset, navigace (mega-menu + mobilní menu), tlačítka, hero, karusel,
   formulář poptávky, FAQ akordeon a skladebné třídy stránek (na konci souboru).
   Stránky mají používat tyto třídy, ne inline styly. */

/* Tři standardní šířky obsahu — používají je hlavička, patička i sekce stránek.
   Boční okraj je všude stejný (92vw), aby obsah držel jednu svislou linku. */
:root{
  --w-wide:1200px;  /* mřížky karet, hlavička, patička */
  --w-page:1040px;  /* hero a běžné sekce */
  --w-text:880px;   /* čtený text — návody, FAQ, právní stránky, CTA */
}

*{box-sizing:border-box;}
.material-symbols-outlined{font-family:'Material Symbols Outlined';font-weight:normal;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased;}
html{scroll-behavior:smooth;}
[id]{scroll-margin-top:86px;}
body{margin:0;background:#fff;color:#15191c;font-family:'Hanken Grotesk',sans-serif;-webkit-font-smoothing:antialiased;line-height:1.5;}
a{text-decoration:none;color:inherit;}
img{display:block;max-width:100%;}
::selection{background:#cdeccb;}

/* ---------- Navigace ---------- */
.nav2{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-bottom:1px solid #ebeeec;}
.nav2__inner{width:min(var(--w-wide),92vw);margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:70px;}
.nav2__brand{display:flex;align-items:center;gap:11px;}
.nav2__brandname{font:700 18px 'Schibsted Grotesk',sans-serif;letter-spacing:-.3px;}
.nav2__links{display:flex;align-items:center;gap:4px;}
.nav2__link{font:500 15px 'Hanken Grotesk',sans-serif;color:#48535b;padding:10px 14px;border-radius:9px;}
.nav2__link:hover{color:#15191c;}
.nav2__funkce{display:flex;align-items:center;gap:6px;background:none;border:none;cursor:pointer;font:600 15px 'Hanken Grotesk',sans-serif;color:#48535b;padding:10px 14px;border-radius:9px;}
.nav2__funkce.is-open{color:#1f7a3a;}
.nav2__caret{font-size:10px;transition:transform .2s;}
.nav2__funkce.is-open .nav2__caret{transform:rotate(180deg);}
.nav2__cta{font:600 15px 'Hanken Grotesk',sans-serif;color:#fff;background:#1f7a3a;padding:10px 18px;border-radius:10px;margin-left:8px;}
.nav2__cta:hover{background:#196331;}
.nav2__burger{display:none;width:44px;height:44px;border:1px solid #e6ebe6;border-radius:10px;background:#fff;cursor:pointer;font-size:18px;}

/* ---------- Mega panel (desktop) ---------- */
.mega{border-top:1px solid #eef1ee;background:#fff;box-shadow:0 20px 40px rgba(20,40,25,.10);overflow:hidden;position:absolute;left:0;right:0;opacity:0;visibility:hidden;transition:opacity .18s,visibility .18s;}
.mega.is-open{opacity:1;visibility:visible;}
.mega__inner{width:min(var(--w-wide),92vw);margin:0 auto;display:grid;grid-template-columns:repeat(5,1fr);gap:24px;padding:26px 0 32px;}
.mega__label{font:700 12px 'Hanken Grotesk',sans-serif;letter-spacing:1.2px;text-transform:uppercase;color:#1f7a3a;margin-bottom:12px;}
.mega__link{display:block;padding:7px 0;font:500 15px 'Hanken Grotesk',sans-serif;color:#3a463d;}
.mega__link:hover{color:#1f7a3a;}
.mega__more{display:inline-block;margin-top:10px;font:600 14px 'Hanken Grotesk',sans-serif;color:#1f7a3a;}

/* ---------- Mobilní menu ---------- */
.mobile2{position:fixed;top:70px;left:0;right:0;bottom:0;z-index:55;background:#fff;overflow-y:auto;transform:translateX(100%);transition:transform .25s ease;}
.mobile2.is-open{transform:translateX(0);}
.mobile2__sec{padding:14px 5vw 28px;border-bottom:1px solid #eef1ee;}
.mobile2__funkcebtn{width:100%;display:flex;align-items:center;justify-content:space-between;background:none;border:none;cursor:pointer;font:600 17px 'Hanken Grotesk',sans-serif;color:#15191c;padding:12px 0;}
.mobile2__sub{max-height:0;overflow:hidden;transition:max-height .3s ease;}
.mobile2__sub.is-open{max-height:2200px;}
.mobile2__grouplabel{font:700 12px 'Hanken Grotesk',sans-serif;letter-spacing:1px;text-transform:uppercase;color:#1f7a3a;margin:14px 0 4px;}
.mobile2__sublink{display:block;padding:6px 0;color:#3a463d;font:500 15px 'Hanken Grotesk',sans-serif;}
.mobile2__link{display:block;padding:16px 5vw;border-bottom:1px solid #eef1ee;font:600 17px 'Hanken Grotesk',sans-serif;color:#15191c;}
.mobile2__ctawrap{padding:18px 5vw;}
.mobile2__cta{display:block;text-align:center;font:600 16px 'Hanken Grotesk',sans-serif;color:#fff;background:#1f7a3a;padding:14px;border-radius:11px;}

/* ---------- Tlačítka ---------- */
.btnp{font:600 16px 'Hanken Grotesk',sans-serif;color:#fff;background:#1f7a3a;padding:14px 26px;border-radius:12px;box-shadow:0 6px 18px rgba(31,122,58,.28);display:inline-block;}
.btnp:hover{background:#196331;}
.btng{font:600 16px 'Hanken Grotesk',sans-serif;color:#1f3a24;background:#fff;border:1.5px solid #d6ddd6;padding:14px 26px;border-radius:12px;display:inline-block;}
.btng:hover{border-color:#52B250;color:#1f7a3a;}
.btnaccent{font:600 16px 'Hanken Grotesk',sans-serif;color:#08140c;background:#52B250;padding:14px 26px;border-radius:12px;display:inline-block;}
.btnaccent:hover{background:#67c765;}
.btndark{font:600 16px 'Hanken Grotesk',sans-serif;color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);padding:14px 26px;border-radius:12px;display:inline-block;}

/* ---------- Karty s hoverem ---------- */
.card2{background:#f7f9f6;border:1px solid #eef1ee;border-radius:18px;padding:24px;display:block;}
.card2:hover{border-color:#cfe0cf;}
.prokoho-cell{background:#13241a;padding:26px;display:block;}
.prokoho-cell:hover{background:#16291d;}
.footlink:hover{color:#fff;}

/* ---------- Hero s telefonem (rozvržení převzaté z v1) ---------- */
.hero2__inner{display:flex;flex-wrap:wrap;align-items:center;gap:48px;padding-block:clamp(48px,7vw,92px) clamp(56px,7vw,96px);}
.hero2__copy{flex:1.3 1 520px;min-width:300px;position:relative;z-index:2;}
.hero2__media{flex:1 1 320px;min-width:280px;display:flex;justify-content:center;position:relative;z-index:2;}
.hero2__nadpis{font:800 clamp(40px,5.5vw,64px) 'Schibsted Grotesk',sans-serif;line-height:1.02;letter-spacing:-1.8px;margin:20px 0 0;}
.hero2__podnadpis{font:600 clamp(18px,2.2vw,23px) 'Hanken Grotesk',sans-serif;color:#2F7A3E;line-height:1.35;margin:18px 0 0;max-width:680px;}
.hero2__lead{font:400 clamp(16px,1.9vw,18px) 'Hanken Grotesk',sans-serif;color:#566069;line-height:1.6;margin:18px 0 0;max-width:680px;}
.hero2__actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:30px;}
.hero2__trust{display:flex;flex-wrap:wrap;gap:18px;margin-top:34px;}
.trust-item{display:flex;align-items:center;gap:8px;font:500 14px 'Hanken Grotesk',sans-serif;color:#48535b;}
.trust-item::before{content:"✓";color:#52B250;font-weight:700;}

/* Rámeček telefonu */
.phone{position:relative;width:clamp(260px,80%,310px);aspect-ratio:1080/2340;background:#0E1114;border-radius:42px;padding:11px;box-shadow:0 30px 70px rgba(20,40,25,.28),0 6px 16px rgba(0,0,0,.12);}
.hero2__media .phone{width:clamp(280px,100%,360px);}
.phone--float{animation:floaty 6s ease-in-out infinite;}
.phone::before{content:"";position:absolute;top:22px;left:50%;transform:translateX(-50%);width:46px;height:7px;border-radius:4px;background:#23282d;z-index:2;}
.phone__screen{width:100%;height:100%;border-radius:32px;overflow:hidden;background:#fff;}
.phone__screen img{width:100%;height:100%;object-fit:cover;object-position:top;}
@keyframes floaty{0%,100%{transform:translateY(0);}50%{transform:translateY(-10px);}}
@media(prefers-reduced-motion:reduce){.phone--float{animation:none;}}

/* ---------- Sekce se snímkem vedle textu ---------- */
.split{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(36px,6vw,72px);}
.split__media{flex:1 1 320px;min-width:270px;display:flex;justify-content:center;}
.split__copy{flex:1 1 480px;min-width:300px;}
.split__points{display:flex;flex-direction:column;gap:22px;margin-top:34px;}
.split__point{display:flex;gap:16px;align-items:flex-start;}
.split__point__icon{flex:0 0 auto;width:44px;height:44px;border-radius:13px;background:#fff;border:1px solid #e2ebe2;color:#1f7a3a;display:flex;align-items:center;justify-content:center;}
.split__point__title{font:700 17px 'Schibsted Grotesk',sans-serif;margin-bottom:5px;}
.split__point__text{font:400 15px 'Hanken Grotesk',sans-serif;color:#5a646c;line-height:1.6;}

/* ---------- Náhledy aplikace a lightbox (převzato z v1) ---------- */
.shot{aspect-ratio:1080/2340;border-radius:22px;overflow:hidden;background:#f2f4f2;border:1px solid #e6ebe6;padding:0;cursor:zoom-in;display:block;width:100%;}
.shot img{width:100%;height:100%;object-fit:cover;object-position:top;}
.shot:focus-visible{outline:3px solid #52B250;outline-offset:4px;}
.lightbox{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:clamp(18px,4vw,48px);background:rgba(5,10,7,.82);backdrop-filter:blur(8px);}
.lightbox[hidden]{display:none;}
.lightbox__stage{position:relative;max-width:min(92vw,560px);max-height:92vh;display:flex;flex-direction:column;align-items:center;gap:14px;}
.lightbox__image{width:auto;max-width:100%;max-height:calc(92vh - 58px);border-radius:24px;box-shadow:0 24px 80px rgba(0,0,0,.45);background:#fff;}
.lightbox__caption{font:600 15px 'Hanken Grotesk',sans-serif;color:#dce6df;text-align:center;}
.lightbox__close{position:fixed;top:18px;right:18px;width:44px;height:44px;border:1px solid rgba(255,255,255,.22);border-radius:12px;background:rgba(255,255,255,.12);color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;}
.lightbox__close:hover{background:rgba(255,255,255,.2);}
.lightbox__close:focus-visible{outline:3px solid #7fd494;outline-offset:3px;}
.lightbox__close .material-symbols-outlined{font-size:24px;line-height:1;}

/* ---------- Posuvná galerie (carousel) ---------- */
.carousel{position:relative;}
.carousel__track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;padding:2px;}
.carousel__track::-webkit-scrollbar{display:none;}
.carousel__track > .shot{flex:0 0 auto;width:clamp(160px,44vw,235px);scroll-snap-align:center;}
.carousel__arrow{position:absolute;top:calc(50% - 40px);width:44px;height:44px;border-radius:50%;border:1px solid #e6ebe6;background:rgba(255,255,255,.96);color:#1f7a3a;font:400 24px 'Hanken Grotesk',sans-serif;line-height:1;cursor:pointer;display:none;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(20,40,25,.14);z-index:2;}
.carousel__arrow:hover{border-color:#52B250;}
.carousel__arrow:disabled{opacity:.3;cursor:default;border-color:#e6ebe6;}
.carousel__arrow--prev{left:-10px;}
.carousel__arrow--next{right:-10px;}
.carousel__dots{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:20px;}
.carousel__dot{width:9px;height:9px;border-radius:999px;border:none;background:#cfd8d1;padding:0;cursor:pointer;transition:width .2s,background .2s;}
.carousel__dot.is-active{background:#1f7a3a;width:24px;}
@media(min-width:881px){.carousel__arrow{display:flex;}}

/* ---------- Formulář poptávky ---------- */
.leadform{background:#fff;border-radius:20px;padding:28px;max-width:540px;margin:30px auto 0;text-align:left;}
.leadform__rows{display:flex;flex-wrap:wrap;gap:0 14px;}
.leadform .field{flex:1 1 200px;display:flex;flex-direction:column;gap:6px;margin-bottom:14px;}
.leadform label{font:600 13px 'Hanken Grotesk',sans-serif;color:#3a463d;}
.leadform input[type=text],.leadform input[type=email],.leadform input[type=tel]{width:100%;padding:11px 13px;border:1.5px solid #d6ddd6;border-radius:10px;font:400 15px 'Hanken Grotesk',sans-serif;color:#15191c;background:#fff;}
.leadform input:focus{outline:none;border-color:#52B250;}
.leadform__check{display:flex;gap:10px;align-items:flex-start;font:400 14px 'Hanken Grotesk',sans-serif;color:#566069;margin:4px 0 16px;}
.leadform__check a{color:#1f7a3a;text-decoration:underline;}
.leadform__shrnuti{background:#fdecea;border:1px solid #f3c3bd;border-radius:10px;padding:12px 16px;margin:0 0 14px;}
.leadform__shrnuti[hidden]{display:none;}
.leadform__shrnuti ul{margin:0;padding-left:20px;}
.leadform__shrnuti li{color:#c0392b;font:500 14px 'Hanken Grotesk',sans-serif;line-height:1.55;}
.leadform__chyba{background:none;border:none;padding:0;cursor:pointer;text-align:left;color:#c0392b;font:500 14px 'Hanken Grotesk',sans-serif;line-height:1.55;text-decoration:underline;}
.leadform__chyba:hover{color:#a03026;}
.leadform__shrnuti:focus{outline:2px solid #c0392b;outline-offset:3px;}
.leadform input[aria-invalid=true]{border-color:#c0392b;background:#fffafa;}
.leadform__check input[aria-invalid=true]{outline:2px solid #c0392b;outline-offset:2px;}
.leadform--potvrzeno{text-align:center;padding:48px 28px;}
.leadform__hotovo{display:inline-flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:50%;background:#eaf5e9;color:#1f7a3a;font-size:30px;font-weight:700;margin-bottom:18px;}
.leadform__potvrzeni-nadpis{font:700 23px 'Schibsted Grotesk',sans-serif;color:#15191c;margin:0 0 8px;}
.leadform__potvrzeni-text{font:400 17px 'Hanken Grotesk',sans-serif;color:#566069;margin:0;}
.btnsubmit{width:100%;font:600 16px 'Hanken Grotesk',sans-serif;color:#08140c;background:#52B250;padding:14px;border-radius:12px;border:none;cursor:pointer;}
.btnsubmit:hover{background:#67c765;}

/* ---------- FAQ akordeon ---------- */
.faq{border:1px solid #e6ebe6;border-radius:14px;overflow:hidden;background:#fff;}
.faq__q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left;background:none;border:none;cursor:pointer;padding:18px 20px;font:600 16px 'Hanken Grotesk',sans-serif;color:#15191c;}
.faq__sign{flex:none;color:#1f7a3a;font-size:18px;}
.faq__a{max-height:0;overflow:hidden;transition:max-height .28s ease;}
.faq__a.is-open{max-height:420px;}
.faq__a-inner{padding:0 20px 18px;font:400 15px 'Hanken Grotesk',sans-serif;color:#566069;line-height:1.6;}

/* ---------- Responsivita ---------- */
@media(max-width:880px){
  .nav2__links{display:none;}
  .nav2__burger{display:block;}
  .mega{display:none;}
}
@media(min-width:881px){
  .mobile2{display:none;}
}

/* ---------- Informační a právní stránky (Kontakt, ochrana údajů) ---------- */
:root{
  --font-display:'Schibsted Grotesk',sans-serif;
  --font-body:'Hanken Grotesk',sans-serif;
  --green-cta:#1F7A3A;
  --green-cta-hover:#196331;
  --green-claim:#2F7A3E;
  --bg-card:#F7F9F6;
  --line:#EEF1EE;
  --line-2:#E6EBE6;
  --text:#566069;
  --text-muted:#8A948C;
  --radius-tile:18px;
  --shadow-form:0 12px 30px rgba(20,40,25,.08);
}
.eyebrow{font:700 13px var(--font-body);letter-spacing:1.5px;text-transform:uppercase;color:var(--green-cta);}

.contact-profile{display:grid;grid-template-columns:220px 1fr;align-items:center;gap:clamp(26px,5vw,52px);margin-bottom:38px;}
.contact-profile__photo{width:220px;height:220px;border-radius:24px;overflow:hidden;background:var(--bg-card);border:1px solid var(--line);box-shadow:var(--shadow-form);}
.contact-profile__photo img{width:100%;height:100%;object-fit:cover;}
.contact-profile h1{font:800 clamp(38px,5vw,56px) var(--font-display);letter-spacing:-1.2px;line-height:1.06;margin-top:14px;}
.contact-profile__subtitle{font:600 20px var(--font-body);color:var(--green-claim);margin-top:12px;}
@media(max-width:640px){.contact-profile{grid-template-columns:1fr;}.contact-profile__photo{width:180px;height:180px;}}

.content-page{width:min(960px,92vw);margin-inline:auto;padding-block:clamp(56px,8vw,96px);}
.content-page h1{font:800 clamp(36px,5vw,54px) var(--font-display);letter-spacing:-1.2px;line-height:1.06;margin-top:14px;}
.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;}
.info-card{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius-tile);padding:26px;}
.info-card--wide{grid-column:1 / -1;}
.info-card h2{font:700 20px var(--font-display);letter-spacing:-0.2px;margin-bottom:10px;}
.info-card p{font:400 16px var(--font-body);color:#4f5b53;line-height:1.6;}
.info-card a{color:var(--green-cta);font-weight:600;}
.info-card a:hover{color:var(--green-cta-hover);}
.info-card__muted{color:var(--text-muted) !important;font-size:14px !important;}
.info-list{display:grid;gap:12px;margin:0;}
.info-list div{display:grid;grid-template-columns:minmax(90px,160px) 1fr;gap:14px;}
.info-list dt{font:700 14px var(--font-body);color:var(--text-muted);text-transform:uppercase;letter-spacing:.7px;}
.info-list dd{margin:0;font:500 16px var(--font-body);color:#2a352d;line-height:1.55;}

.legal-page{width:min(900px,92vw);margin-inline:auto;padding-block:clamp(56px,8vw,96px);}
.legal-page__header{margin-bottom:34px;padding-bottom:28px;border-bottom:1px solid var(--line-2);}
.legal-page h1{font:800 clamp(36px,5vw,54px) var(--font-display);letter-spacing:-1.2px;line-height:1.06;margin-top:14px;}
.legal-page__header > p:not(.eyebrow){font:400 18px var(--font-body);color:var(--text);line-height:1.65;margin-top:16px;max-width:760px;}
.legal-section{padding-block:24px;border-bottom:1px solid var(--line);}
.legal-section:last-child{border-bottom:none;}
.legal-section h2{font:700 22px var(--font-display);letter-spacing:-0.2px;margin-bottom:12px;}
.legal-section p,.legal-section li,.legal-definition-list dd{font:400 16px var(--font-body);color:#4f5b53;line-height:1.72;}
.legal-section p + p{margin-top:12px;}
.legal-section ul{margin:12px 0 0;padding-left:22px;}
.legal-section li + li{margin-top:6px;}
.legal-section a{color:var(--green-cta);font-weight:600;}
.legal-section a:hover{color:var(--green-cta-hover);}
.legal-definition-list{display:grid;gap:10px;margin:16px 0;padding:18px;background:var(--bg-card);border:1px solid var(--line);border-radius:12px;}
.legal-definition-list dt{font:700 14px var(--font-body);color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px;}
.legal-definition-list dd{margin:0;}

/* ---------- Patička (převzato 1:1 z v1) ---------- */
:root{--green-darkest:#0B1410;}
.container{width:min(var(--w-wide),92vw);margin-inline:auto;}
.brand{display:flex;align-items:center;gap:11px;}
.brand__icon{width:34px;height:34px;display:block;flex:0 0 auto;border-radius:9px;}
.brand__name{font:700 18px var(--font-display);letter-spacing:-0.3px;color:#fff;}
.contact-profile__body{min-width:0;}
.google-play-badge{display:inline-flex;align-items:center;flex:0 0 auto;text-decoration:none;transition:transform .18s ease,opacity .18s ease;}
.google-play-badge img{display:block;width:220px;height:auto;max-width:100%;}
.google-play-badge:hover{transform:translateY(-1px);opacity:.94;}
.google-play-badge--footer{margin-top:18px;}
.google-play-badge--footer img{width:188px;}
.google-play-badge--karta{margin-top:24px;}
.google-play-badge--karta img{width:100%;max-width:196px;}
.footer{background:var(--green-darkest);color:#9fb0a4;}
.footer__top{display:flex;flex-wrap:wrap;gap:32px;justify-content:space-between;align-items:flex-start;padding-block:48px 36px;}
.footer__about{max-width:320px;}
.footer__about p{font:400 14px var(--font-body);line-height:1.6;margin-top:14px;}
.footer__cols{display:flex;gap:48px;flex-wrap:wrap;}
.footer__col{display:flex;flex-direction:column;gap:10px;font:500 14px var(--font-body);}
.footer__col a:hover{color:#fff;}
.footer__col-label{color:#5d6f63;font-size:12px;text-transform:uppercase;letter-spacing:1px;}
.footer__col--contact{max-width:220px;}
.footer__bar{border-top:1px solid #16241b;}
.footer__bar-inner{padding-block:18px;font:400 13px var(--font-body);color:#5d6f63;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;}
@media(max-width:640px){.footer__top{gap:24px;}}

/* ================= Skladebné třídy stránek =================
   Nahrazují inline styly. Pojmenované podle role, ne podle vzhledu. */

/* Pásy přes celou šířku (pozadí sekce) */
.pas--svetly{background:#fbfcfb;border-top:1px solid #eef1ee;border-bottom:1px solid #eef1ee;}
.pas--zeleny{background:#f5f8f4;border-top:1px solid #eef1ee;border-bottom:1px solid #eef1ee;}
.pas--tmavy{background:#0f1d15;color:#fff;}

/* Vnitřní obsah sekce */
.sekce{width:min(var(--w-wide),92vw);margin:0 auto;padding:clamp(60px,8vw,100px) 0;}
.sekce--uzka{width:min(var(--w-text),92vw);}
.sekce--nizka{padding:clamp(44px,6vw,64px) 0;}

/* Hlavička sekce */
.hlavicka{text-align:center;max-width:640px;margin:0 auto;}
.hlavicka__stitek{font:700 13px 'Hanken Grotesk',sans-serif;color:#1f7a3a;letter-spacing:1.5px;text-transform:uppercase;}
.hlavicka__nadpis{font:700 clamp(28px,4vw,40px) 'Schibsted Grotesk',sans-serif;letter-spacing:-1px;line-height:1.1;margin:14px 0 0;}
.pas--tmavy .hlavicka__stitek{color:#7fd494;}
.pas--tmavy .hlavicka__nadpis{color:#fff;font-size:clamp(26px,3.6vw,38px);}

/* Mřížky */
.mrizka{display:grid;gap:20px;margin-top:44px;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));}
.mrizka--drobna{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:0;}
.mrizka--stredni{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));}
.mrizka--siroka{grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:24px;}

/* Karty */
.karta{background:#fff;border:1px solid #eef1ee;border-radius:18px;padding:22px;}
.karta--seda{background:#f7f9f6;border-radius:16px;}
.karta--prostorna{background:#f7f9f6;border:1px solid #eef1ee;border-radius:18px;padding:28px;}
.karta--krok{background:#fff;border:1px solid #e6ebe6;border-radius:18px;padding:28px;}
.karta--vyrazna{background:#f7f9f6;border:1.5px solid #cfe0cf;border-radius:20px;padding:28px;position:relative;}
.karta--klidna{background:#f7f9f6;border:1px solid #eef1ee;border-radius:20px;padding:28px;}
.karta__zahlavi{display:flex;align-items:center;gap:10px;margin:18px 0 6px;}
.karta__nadpis{font:700 18px 'Schibsted Grotesk',sans-serif;}
.karta__nadpis--velky{font-size:21px;}
.karta__nadpis--krok{font-size:19px;margin:16px 0 6px;}
.karta__text{font:400 15px 'Hanken Grotesk',sans-serif;color:#5a646c;line-height:1.55;}
.karta__text--odsazeny{margin:8px 0 20px;}
.karta__podnadpis{font:400 14px 'Hanken Grotesk',sans-serif;color:#5a646c;margin-top:6px;}
.karta__titulek{font:700 16px 'Schibsted Grotesk',sans-serif;color:#15191c;}

/* Ikonka a číslo kroku */
.ikonka{width:38px;height:38px;flex:none;border-radius:10px;background:#eaf5e9;display:flex;align-items:center;justify-content:center;font-size:18px;}
.ikonka--velka{display:block;font-size:26px;background:none;width:auto;height:auto;border-radius:0;}
.cislo-kroku{width:40px;height:40px;border-radius:11px;background:#eaf5e9;color:#1f7a3a;display:flex;align-items:center;justify-content:center;font:700 18px 'Schibsted Grotesk',sans-serif;}

/* Rámované snímky */
.snimek{height:300px;border-radius:12px;overflow:hidden;border:1px solid #e6ebe6;background:#f2f4f2;display:flex;justify-content:center;}
.snimek--nizky{height:230px;}
.snimek img{height:100%;width:auto;object-fit:contain;}
.snimek-bily{border-radius:14px;overflow:hidden;border:1px solid #e6ebe6;background:#fff;display:flex;justify-content:center;padding:18px;}
.snimek-bily img{max-height:420px;width:auto;}

/* Odznak v rohu karty */
.odznak{position:absolute;top:20px;right:20px;font:600 12px 'Hanken Grotesk',sans-serif;padding:5px 11px;border-radius:999px;background:#52B250;color:#08140c;}

/* Hero podstránky */
.hero-str{position:relative;background:linear-gradient(180deg,#f5f8f4 0%,#ffffff 82%);border-bottom:1px solid #eef1ee;overflow:hidden;}
.hero-str::before{content:"";position:absolute;top:-160px;right:-120px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(82,178,80,0.10),rgba(82,178,80,0) 70%);pointer-events:none;}
.hero-str__obsah{width:min(var(--w-page),92vw);margin:0 auto;text-align:center;padding:clamp(56px,8vw,96px) 0;position:relative;z-index:2;}
.hero-str__nadpis{font:800 clamp(34px,5vw,58px) 'Schibsted Grotesk',sans-serif;line-height:1.05;letter-spacing:-1.6px;margin:20px 0 0;}
.hero-str__lead{font:400 clamp(17px,2vw,20px) 'Hanken Grotesk',sans-serif;color:#566069;line-height:1.55;margin:22px auto 0;max-width:680px;}

/* Pilulka nad nadpisem */
.pilulka{display:inline-flex;align-items:center;gap:8px;background:#eaf5e9;color:#1f7a3a;font:600 13px 'Hanken Grotesk',sans-serif;padding:6px 13px;border-radius:999px;}
.pilulka::before{content:"";width:7px;height:7px;border-radius:50%;background:#52B250;}

/* Řádek tlačítek na střed */
.tlacitka{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:30px;}

/* Velký náhled pod heroem */
.nahled{margin:44px auto 0;border-radius:18px;overflow:hidden;border:1px solid #e6ebe6;box-shadow:0 24px 60px rgba(20,40,25,0.12);max-width:760px;}
.nahled img{width:100%;display:block;}

/* Text a obrázek vedle sebe v tmavém pásu */
.pas--tmavy .split{gap:48px;}
.pas--tmavy .split__copy{flex:1 1 360px;min-width:300px;}
.pas--tmavy .split__media{flex:1 1 300px;min-width:280px;}
.pas--tmavy .split__copy p{font:400 17px 'Hanken Grotesk',sans-serif;color:#aab8af;line-height:1.6;margin:18px 0 0;max-width:520px;}
.ramecek-tmavy{border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,0.12);box-shadow:0 24px 60px rgba(0,0,0,0.35);max-width:320px;}
.ramecek-tmavy img{width:100%;display:block;}

/* Poznámkový proužek */
.pruh-poznamka{width:min(var(--w-text),92vw);margin:0 auto;padding:26px 0;text-align:center;font:500 15px 'Hanken Grotesk',sans-serif;color:#5a646c;}

/* Závěrečná výzva */
.vyzva{width:min(var(--w-text),92vw);margin:0 auto;padding:clamp(60px,8vw,100px) 0;text-align:center;}
.vyzva__nadpis{font:700 clamp(28px,4vw,42px) 'Schibsted Grotesk',sans-serif;letter-spacing:-1px;line-height:1.1;}
.vyzva__text{font:400 17px 'Hanken Grotesk',sans-serif;color:#aab8af;line-height:1.6;margin:16px auto 0;max-width:520px;}
.vyzva__tlacitka{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:28px;}
.vyzva__kontakt{font:400 14px 'Hanken Grotesk',sans-serif;color:#7d8f81;margin-top:20px;}

/* Obal stránky — drží stejný blokový kontext jako dřív (overflow:hidden) */
.stranka{overflow:hidden;}

/* Stránka funkce (sdílená šablona) */
.nahled-uzky{margin-top:44px;display:flex;justify-content:center;}
.nahled-uzky__ramecek{border-radius:20px;overflow:hidden;border:1px solid #e6ebe6;box-shadow:0 24px 60px rgba(20,40,25,0.14);max-width:320px;}
.nahled-uzky__ramecek img{width:100%;display:block;}
.mrizka--dlazdice{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:0;}
.mrizka--pri-kraji{margin-top:0;}
.dlazdice{background:#f7f9f6;border:1px solid #eef1ee;border-radius:16px;padding:20px;text-align:center;font:700 16px 'Schibsted Grotesk',sans-serif;color:#15191c;}
.karta--funkce{background:#fff;border:1px solid #eef1ee;border-radius:18px;padding:26px;}
.ikona-velka{width:52px;height:52px;border-radius:14px;background:#eaf5e9;color:#1f7a3a;display:flex;align-items:center;justify-content:center;}
.karta__nadpis--funkce{font-size:19px;margin:16px 0 6px;}

/* Stránka návodu (sdílená šablona) */
.hero-navod{background:linear-gradient(180deg,#f5f8f4,#fff);border-bottom:1px solid #eef1ee;}
.hero-navod__obsah{width:min(var(--w-text),92vw);margin:0 auto;padding:clamp(44px,6vw,80px) 0;}
.hero-navod__zpet{font:600 13px 'Hanken Grotesk',sans-serif;color:#1f7a3a;}
.hero-navod__stitek{font:700 13px 'Hanken Grotesk',sans-serif;color:#1f7a3a;letter-spacing:1.5px;text-transform:uppercase;margin-top:14px;}
.hero-navod__nadpis{font:800 clamp(30px,4.4vw,48px) 'Schibsted Grotesk',sans-serif;letter-spacing:-1.2px;line-height:1.06;margin:12px 0 0;}
.hero-navod__lead{font:400 clamp(16px,1.9vw,19px) 'Hanken Grotesk',sans-serif;color:#566069;line-height:1.6;margin:16px 0 0;max-width:600px;}
.hero-navod__funkce{margin:14px 0 0;}
.hero-navod__funkce a{font:600 14px 'Hanken Grotesk',sans-serif;color:#1f7a3a;}
.sekce--kroky{width:min(var(--w-text),92vw);padding:clamp(44px,6vw,72px) 0;}
.kroky{display:flex;flex-direction:column;gap:14px;}
.krok{display:flex;gap:18px;align-items:flex-start;background:#fff;border:1px solid #eef1ee;border-radius:16px;padding:22px 24px;}
.krok__cislo{width:36px;height:36px;flex:none;border-radius:10px;background:#eaf5e9;color:#1f7a3a;display:flex;align-items:center;justify-content:center;font:700 16px 'Schibsted Grotesk',sans-serif;}
.krok__nadpis{font:700 18px 'Schibsted Grotesk',sans-serif;margin-bottom:4px;}
.krok__text{font:400 15px 'Hanken Grotesk',sans-serif;color:#5a646c;line-height:1.6;}
.tip{margin-top:20px;background:#eaf5e9;border:1px solid #cfe6cd;border-radius:14px;padding:18px 22px;display:flex;gap:12px;align-items:flex-start;}
.tip__ikona{font-size:22px;color:#1f7a3a;}
.tip__text{font:500 15px 'Hanken Grotesk',sans-serif;color:#2a4a2f;line-height:1.55;}

/* Rozcestníkové stránky (Novinky, Návody, Pro koho) */
.hero-uvod{background:linear-gradient(180deg,#f5f8f4,#fff);border-bottom:1px solid #eef1ee;}
.hero-uvod__obsah{width:min(var(--w-text),92vw);margin:0 auto;padding:clamp(44px,6vw,80px) 0;}
.hero-uvod__stitek{font:700 13px 'Hanken Grotesk',sans-serif;color:#1f7a3a;letter-spacing:1.5px;text-transform:uppercase;}
.hero-uvod__nadpis{font:800 clamp(32px,4.6vw,52px) 'Schibsted Grotesk',sans-serif;letter-spacing:-1.4px;line-height:1.05;margin:14px 0 0;}
.hero-uvod__lead{font:400 clamp(16px,1.9vw,19px) 'Hanken Grotesk',sans-serif;color:#566069;line-height:1.6;margin:18px 0 0;max-width:620px;}
.sekce--rozcestnik{padding:clamp(48px,6vw,80px) 0;}
.karta__vice{font:600 14px 'Hanken Grotesk',sans-serif;color:#1f7a3a;margin-top:14px;}

/* Seznam novinek */
.novinky{display:flex;flex-direction:column;gap:16px;}
.novinka{display:flex;gap:20px;align-items:flex-start;padding:24px 26px;}
.novinka__ikona{width:48px;height:48px;flex:none;border-radius:13px;background:#eaf5e9;color:#1f7a3a;display:flex;align-items:center;justify-content:center;}
.novinka__nadpis{font:700 19px 'Schibsted Grotesk',sans-serif;}
.novinka__text{font:400 15px 'Hanken Grotesk',sans-serif;color:#5a646c;line-height:1.55;margin-top:6px;}
.novinka__vice{font:600 14px 'Hanken Grotesk',sans-serif;color:#1f7a3a;margin-top:12px;}

/* Rozcestník návodů */
.mrizka--navody{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:0;}
.navod-karta{border-radius:16px;padding:22px;}
.navod-karta__zahlavi{display:flex;align-items:center;gap:12px;}
.navod-karta__cislo{width:34px;height:34px;flex:none;border-radius:9px;background:#eaf5e9;color:#1f7a3a;display:flex;align-items:center;justify-content:center;font:700 15px 'Schibsted Grotesk',sans-serif;}
.navod-karta__nadpis{font:700 17px 'Schibsted Grotesk',sans-serif;}
.navod-karta__text{font:400 14px 'Hanken Grotesk',sans-serif;color:#5a646c;line-height:1.5;margin-top:10px;}

/* Proužek s vysvětlivkou nad tmavou sekcí */
.pas--bily{background:#fff;border-bottom:1px solid #eef1ee;}
.pruh-filtr{width:min(var(--w-page),92vw);margin:0 auto;padding:26px 0;text-align:center;font:500 16px 'Hanken Grotesk',sans-serif;color:#3a463d;}

/* Ceníkové karty */
.tarif{background:#fff;border:1.5px solid #e6ebe6;border-radius:20px;padding:32px;}
.tarif--tmavy{background:#0f1d15;color:#fff;border:none;position:relative;box-shadow:0 20px 50px rgba(15,29,21,0.25);}
.tarif__nazev{font:700 21px 'Schibsted Grotesk',sans-serif;}
.tarif__popis{font:400 15px 'Hanken Grotesk',sans-serif;color:#5a646c;margin-top:6px;}
.tarif--tmavy .tarif__nazev{color:#fff;}
.tarif--tmavy .tarif__popis{color:#9fb0a4;}
.tarif__cena{font:800 38px 'Schibsted Grotesk',sans-serif;letter-spacing:-1px;margin:18px 0 4px;}
.tarif--tmavy .tarif__cena{color:#fff;}
.tarif__jednotka{font:600 17px 'Hanken Grotesk',sans-serif;color:#dce6df;}
.tarif__doplnek{font:400 13px 'Hanken Grotesk',sans-serif;color:#8a948c;}
.tarif__sDph{font:500 15px 'Hanken Grotesk',sans-serif;color:#9fb0a4;}
.tarif__cara{height:1px;background:#eef1ee;margin:22px 0;}
.tarif--tmavy .tarif__cara{background:#1c3325;}
.tarif__seznam{display:flex;flex-direction:column;gap:12px;font:500 15px 'Hanken Grotesk',sans-serif;color:#3a463d;}
.tarif--tmavy .tarif__seznam{color:#dce6df;}
.tarif__seznam div{display:flex;gap:10px;}
.tarif__seznam div::before{content:"✓";color:#52B250;font-weight:700;}
.tarif--tmavy .tarif__seznam div::before{color:#7fd494;}
.tarif__seznam .tarif__limit{color:#8a948c;}
.tarif__seznam .tarif__limit::before{content:"·";color:inherit;}
.tarif__tlacitko{display:block;text-align:center;margin-top:24px;padding:13px;}
.mrizka--tarify{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:0;}
.hlavicka__lead{font:400 17px 'Hanken Grotesk',sans-serif;color:#566069;line-height:1.6;margin:16px auto 0;}
.polozka-ceny{display:flex;gap:14px;align-items:flex-start;border-radius:16px;}
.polozka-ceny__fajfka{font-size:24px;color:#1f7a3a;flex:none;}
.polozka-ceny__nadpis{font-size:17px;}
.kroky--odsazene{margin-top:40px;}
.krok--siroky{padding:22px 24px;}
.hero-uvod--stred .hero-uvod__obsah{text-align:center;}
.hero-uvod--stred .hero-uvod__lead{margin-left:auto;margin-right:auto;}

/* ---------- Homepage ---------- */
.sirka-wide{width:min(var(--w-wide),92vw);margin:0 auto;}
.sekce--stred{text-align:center;}
.hlavicka--vlevo{text-align:left;margin:0;}
.hlavicka__nadpis--faq{margin-bottom:36px;}

/* Pruh výhod pod heroem */
.pas--vyhody{background:#fbfcfb;border-bottom:1px solid #eef1ee;}
.pruh-vyhod{width:min(var(--w-wide),92vw);margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 26px;padding:22px 0;}
.pruh-vyhod__polozka{font:600 15px 'Hanken Grotesk',sans-serif;color:#3a463d;}
.pruh-vyhod__oddelovac{color:#cdd5ce;}

/* Sekce Všechno v mobilu */
.pas--mobil{background:#f4f8f3;border-bottom:1px solid #e6ece5;}

/* Karty s ikonou a odkazem */
.karta__nadpis--karta{font-size:19px;margin:18px 0 6px;}

/* Pro koho (tmavá mřížka) */
.prokoho{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1px;margin-top:40px;background:#1c3325;border:1px solid #1c3325;border-radius:16px;overflow:hidden;}
.prokoho-cell__ikona{font-size:30px;color:#7fd494;}
.prokoho-cell__nadpis{font:700 18px 'Schibsted Grotesk',sans-serif;color:#fff;margin:12px 0 6px;}
.prokoho-cell__text{font:400 14px 'Hanken Grotesk',sans-serif;color:#9fb0a4;line-height:1.5;}

/* Ukázky */
.carousel--odsazeny{margin-top:32px;}
.hlavicka__lead--ukazky{font-size:16px;margin:10px auto 0;max-width:520px;}
.hlavicka__nadpis--ukazky{margin:14px 0 8px;}

/* Ceníkové karty na homepage */
.mrizka--cena{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:40px;text-align:left;}
.tarif--kompaktni{padding:30px;}
.tarif--kompaktni .tarif__nazev{font-size:20px;}
.tarif--kompaktni .tarif__cena{font-size:32px;margin:12px 0;}
.tarif--kompaktni .tarif__cena--sJednotkou{margin:12px 0 2px;font-size:36px;}
.odznak--blize{top:18px;right:18px;}
.tarif__popisek{font:400 15px 'Hanken Grotesk',sans-serif;color:#5a646c;line-height:1.55;}
.tarif--tmavy .tarif__popisek{color:#9fb0a4;margin-top:10px;}
.odkaz-vice{display:block;margin-top:26px;}
.odkaz-vice a{font:600 16px 'Hanken Grotesk',sans-serif;color:#1f7a3a;}

/* FAQ seznam */
.faq-seznam{display:flex;flex-direction:column;gap:12px;}

/* Honeypot pole ve formuláři */
.honeypot{position:absolute;left:-9999px;}
.sekce--mobil{padding:clamp(64px,9vw,110px) 0;}
.split__lead{font:400 17px 'Hanken Grotesk',sans-serif;color:#4a5560;line-height:1.7;margin:18px 0 0;}
.split__lead--dalsi{margin-top:14px;}
.ikona-velka .material-symbols-outlined{font-size:28px;}
.split__point__icon .material-symbols-outlined{font-size:24px;}

/* Přepínač platformy v galerii ukázek */
.pltf{display:inline-flex;gap:4px;background:#eef1ee;border-radius:999px;padding:4px;margin:18px auto 0;}
.pltf__btn{border:none;background:none;cursor:pointer;font:600 14px 'Hanken Grotesk',sans-serif;color:#5a646c;padding:8px 20px;border-radius:999px;transition:background .15s,color .15s;}
.pltf__btn.is-active{background:#fff;color:#15191c;box-shadow:0 1px 3px rgba(0,0,0,.10);}
.pltf__note{font:400 14px 'Hanken Grotesk',sans-serif;color:#8a948c;margin:14px 0 0;}
.shot--pending img{visibility:hidden;}
.shot--pending{position:relative;background:#f4f6f4;border-style:dashed;border-color:#cdd5ce;}
.shot--pending::after{content:"iPhone\A snímek\A připravuji";white-space:pre;position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;color:#8a948c;font:600 13px 'Hanken Grotesk',sans-serif;line-height:1.5;}
.pruh-vyhod__eet{font:600 14px 'Hanken Grotesk',sans-serif;color:#1f7a3a;background:#eaf5e9;padding:5px 13px;border-radius:999px;}

/* Nástroj: QR z Fio tokenu */
.tokenqr{max-width:560px;margin:0 auto;}
.tokenqr__label{display:block;font:700 14px 'Hanken Grotesk',sans-serif;color:#3a463d;margin-bottom:8px;}
.tokenqr__input{width:100%;font:500 15px ui-monospace,'Cascadia Code',Consolas,monospace;letter-spacing:.5px;color:#15191c;background:#fff;border:1.5px solid #d6ddd6;border-radius:12px;padding:14px 16px;resize:vertical;word-break:break-all;}
.tokenqr__input:focus{outline:none;border-color:#52B250;box-shadow:0 0 0 3px rgba(82,178,80,.15);}
.tokenqr__meta{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:8px;min-height:20px;}
.tokenqr__error{font:600 14px 'Hanken Grotesk',sans-serif;color:#c0392b;}
.tokenqr__counter{font:500 13px ui-monospace,monospace;color:#8a948c;margin-left:auto;}
.tokenqr__clear{margin-top:14px;padding:10px 20px;font-size:15px;}
.tokenqr__hint{font:400 15px 'Hanken Grotesk',sans-serif;color:#8a948c;text-align:center;margin:30px 0 0;}
.tokenqr__qr{margin:30px auto 0;max-width:280px;}
.tokenqr__qr svg{display:block;width:100%;height:auto;border:1px solid #eef1ee;border-radius:12px;background:#fff;}
.tokenqr__bezpeci{display:flex;gap:12px;align-items:flex-start;margin-top:36px;background:#f4f8f3;border:1px solid #cfe0cf;border-radius:14px;padding:18px 20px;font:400 14px 'Hanken Grotesk',sans-serif;color:#3a463d;line-height:1.55;}
.tokenqr__bezpeci .material-symbols-outlined{color:#1f7a3a;flex:none;}
.navod-odkaz{display:inline-block;margin-top:24px;}

/* Formulář na samostatné stránce /vyzkouset (bílá karta na světlém pozadí) */
.leadform--stranka{max-width:640px;border:1px solid #e6ebe6;box-shadow:0 10px 30px rgba(20,40,25,.06);margin-top:0;}
.vyzkouset__kontakt{text-align:center;font:400 15px 'Hanken Grotesk',sans-serif;color:#7d8f81;margin:24px auto 0;max-width:640px;}
.vyzkouset__kontakt a{color:#1f7a3a;}
/* Hero + formulář drží u sebe: bez dělící čáry a bez velké mezery mezi textem a panelem */
.hero-uvod--formular{border-bottom:none;}
.hero-uvod--formular .hero-uvod__obsah{padding-bottom:clamp(16px,2.5vw,28px);}
.sekce--formular{padding-top:clamp(18px,2.5vw,28px);}
/* Označení povinných polí */
.leadform__req{color:#c0392b;font-weight:700;}
.leadform__legenda{font:400 13px 'Hanken Grotesk',sans-serif;color:#8a948c;margin:0 0 14px;}

/* Objednávkový formulář /objednavka */
.leadform textarea{width:100%;padding:11px 13px;border:1.5px solid #d6ddd6;border-radius:10px;font:400 15px 'Hanken Grotesk',sans-serif;color:#15191c;background:#fff;resize:vertical;}
.leadform textarea:focus{outline:none;border-color:#52B250;}
.field--siroke{flex-basis:100%;}
.objednavka__sekce{font:700 15px 'Hanken Grotesk',sans-serif;color:#1f7a3a;letter-spacing:.3px;margin:6px 0 12px;}
.pole-tlacitko{position:relative;display:block;}
.pole-tlacitko__btn{position:absolute;right:5px;top:5px;bottom:5px;padding:0 12px;border:none;border-radius:8px;background:#eef4ed;color:#1f7a3a;font:600 13px 'Hanken Grotesk',sans-serif;cursor:pointer;white-space:nowrap;}
.pole-tlacitko__btn:hover{background:#dfeade;}
.pole-tlacitko__btn:disabled{opacity:.5;cursor:default;}
.pole-tlacitko input{padding-right:118px;}
.objednavka__ares-stav{display:block;margin-top:6px;font:500 13px 'Hanken Grotesk',sans-serif;color:#566069;}
.objednavka__ares-stav.je-chyba{color:#c0392b;}
.objednavka__cena{background:#eaf5e9;border-radius:10px;padding:12px 14px;margin:0 0 16px;font:500 16px 'Hanken Grotesk',sans-serif;color:#15191c;}
.objednavka__souhlasy{margin:0 0 4px;}
.objednavka__souhlasy .leadform__check{margin:0 0 14px;}

/* Volba způsobu platby v objednávce a platební stránka */
.objednavka__platby{display:flex;flex-direction:column;gap:10px;margin:0 0 18px;}
.platba-volba{display:flex;gap:10px;align-items:flex-start;border:1.5px solid #d6ddd6;border-radius:12px;padding:14px;cursor:pointer;}
.platba-volba:hover{border-color:#52B250;}
.platba-volba:has(input:checked){border-color:#1f7a3a;background:#f5faf4;}
.platba-volba strong{display:block;font:600 15px 'Hanken Grotesk',sans-serif;color:#15191c;}
.platba-volba__popis{display:block;font:400 14px 'Hanken Grotesk',sans-serif;color:#566069;margin-top:2px;}
.platba-panel{text-align:center;}
.platba-qr{display:flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:20px;}
.platba-qr img{width:260px;height:260px;image-rendering:pixelated;}
.platba-qr__popis{font:600 13px 'Hanken Grotesk',sans-serif;color:#1f7a3a;letter-spacing:.4px;text-transform:uppercase;}
.platba-udaje{display:grid;grid-template-columns:auto 1fr;gap:8px 18px;max-width:420px;margin:0 auto;text-align:left;}
.platba-udaje dt{font:500 14px 'Hanken Grotesk',sans-serif;color:#566069;}
.platba-udaje dd{margin:0;font:600 15px 'Hanken Grotesk',sans-serif;color:#15191c;}
.platba-pozn{font:400 14px 'Hanken Grotesk',sans-serif;color:#566069;margin:20px 0 0;}
/* Platba kartou s možností přepnout na převod */
.platba-karta{text-align:center;margin-bottom:18px;}
.platba-pozn--nahore{margin:0 0 16px;}

.platba-prepnout{margin-top:12px;}
.platba-prepnout .btng{width:100%;padding:12px;font-size:15px;}