/* ===== AjemFIT mustr popisu produktu — styly (vytvořil tým EshopyUmime.cz) ===== */
/* Font General Sans (dle Figma návrhu) — soubory leží vedle mustr.css ve složce fonts/.
   Family je pojmenovaná 'General Sans AF' (unikátně), aby @font-face NEkolidoval se stejnojmenným
   fontem šablony eshopu — jinak by mustr v zápatí tiše přebral zdroj fontu pro CELÝ web.
   Řez 500 (Medium) je vynechán — v mustru se nikde nepoužívá. */
@font-face{font-family:'General Sans AF';src:url('fonts/GeneralSans-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'General Sans AF';src:url('fonts/GeneralSans-Semibold.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'General Sans AF';src:url('fonts/GeneralSans-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
.af-mustr{--af-zelena:#058247;--af-tmava:#0A3331;--af-krem:#F6F1EA;--af-zlata:#F0B820;--af-zlata-tlum:#CAB07C;--af-fialova:#1B142B;--af-nadpis:#17231E;--af-text:#22302B;--af-seda:#5E6B66;
  color:var(--af-text);line-height:1.6;margin:0 auto;max-width:1200px;font-size:16px;overflow-wrap:break-word}
/* celá šířka prohlížeče: max-width zrušen, breakout (negativní margin + šířka) nastavuje mustr.js v pixelech */
.af-mustr.af-cela{max-width:none}
/* font i pro potomky s !important — šablony eshopů mívají vlastní font přímo na h2/p a přebily by dědění */
.af-mustr,.af-mustr *{font-family:'General Sans AF','General Sans','Segoe UI',system-ui,sans-serif !important}
.af-mustr *{box-sizing:border-box}
.af-mustr img{max-width:100%;height:auto;display:block}
.af-mustr h2{font-size:clamp(24px,3.2vw,32px);line-height:1.22;margin:0 0 10px;color:var(--af-nadpis);font-weight:700}
.af-mustr h3{font-size:19px;margin:0 0 6px;color:var(--af-nadpis);font-weight:700}
.af-mustr p{margin:0 0 12px}
/* sekce = barevný pruh přes celou šířku; vodorovný padding nese vnitřní .af-in */
.af-sekce{padding:64px 0;border-radius:0;margin:0;scroll-margin-top:70px}
.af-in{max-width:1200px;margin:0 auto;padding:0 22px} /* centruje obsah sekce */
@media(max-width:560px){.af-sekce{padding:44px 0}.af-in{padding:0 16px}}
/* starší popisy (před v13) nemají vnitřní .af-in — přímým potomkům sekce vrátíme boční odsazení */
.af-sekce > :not(.af-in){margin-left:22px;margin-right:22px}
@media(max-width:560px){.af-sekce > :not(.af-in){margin-left:16px;margin-right:16px}}
.af-stred{text-align:center}
.af-sub{text-align:center;color:var(--af-seda);margin:-2px 0 26px;font-size:15.5px}
.af-nadstitek{text-align:center;letter-spacing:2.5px;font-size:12.5px;font-weight:700;color:var(--af-zelena);margin:0 0 8px;text-transform:uppercase}
.af-stitek{display:inline-block;background:#DDEDE4;color:var(--af-tmava);font-size:12px;font-weight:700;letter-spacing:1.5px;padding:5px 12px;border-radius:999px;margin-bottom:14px;text-transform:uppercase}
.af-hvezdy{color:var(--af-zlata);font-size:19px;letter-spacing:2px}
.af-btn{display:inline-block;background:var(--af-zelena);color:#fff !important;padding:13px 28px;border-radius:12px;text-decoration:none !important;font-weight:700;font-size:15px;border:none;cursor:pointer;transition:background .15s}
.af-btn:hover{background:#04693A}
.af-btn-obrys{background:#fff;color:var(--af-tmava) !important;border:1.5px solid #16281f42}
.af-btn-obrys:hover{background:var(--af-krem)}
.af-2sl{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}
@media(max-width:820px){.af-2sl{grid-template-columns:1fr;gap:24px}}
.af-foto{border-radius:18px;width:100% !important;height:auto !important;aspect-ratio:4/3 !important;object-fit:cover} /* pevný poměr → fotka se netrhá podle nahraného souboru; !important přebije šablonu eshopu */
.af-checky{list-style:none;margin:14px 0 0;padding:0}
.af-checky li{position:relative;padding:5px 0 5px 34px;font-weight:600}
.af-checky li::before{content:"✓";position:absolute;left:0;top:5px;width:23px;height:23px;border-radius:50%;background:var(--af-zelena);color:#fff;font-size:13px;display:flex;align-items:center;justify-content:center}
.af-mustr .af-pozn{text-align:center;color:var(--af-seda);font-size:14px;margin:30px 0 0} /* „Klíčová je pravidelnost…“ nesmí být nalepená na kartách (silnější selektor než .af-mustr p) */
.af-ikona img{width:28px;height:28px;object-fit:contain;display:block} /* vlastní nahrané ikony místo emoji */

/* Kotvicí lišta — pruh přes celou šířku (bílý), pilulky centrované v .af-lista-in */
.af-lista{position:sticky;top:0;z-index:40;background:#fff;border-bottom:1px solid #eceae5;min-height:57px} /* rezervace místa — pilulky doplní JS, bez ní obsah poskočí (CLS) */
.af-lista-in{display:flex;gap:7px;overflow-x:auto;max-width:1200px;margin:0 auto;padding:10px 16px;-ms-overflow-style:none;scrollbar-width:none}
.af-lista-in::-webkit-scrollbar{display:none}
.af-lista a{flex:none;padding:7px 15px;border-radius:999px;background:var(--af-krem);color:var(--af-tmava);text-decoration:none !important;font-size:13.5px;font-weight:600;transition:background .15s}
.af-lista a:hover{background:#eee0d3}
.af-lista a.af-akt{background:var(--af-tmava);color:#fff}

/* 1) Vybrané recenze */
.af-recenze3{background:var(--af-krem)}
.af-rec3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:26px}
/* na mobilu vedle sebe jako slider složení (vodorovný swipe, ne pod sebou) */
@media(max-width:820px){
  .af-rec3{display:flex;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;padding-bottom:12px;-ms-overflow-style:none;scrollbar-width:none}
  .af-rec3::-webkit-scrollbar{display:none}
  .af-rec3 > .af-rec-karta{flex:0 0 82%;scroll-snap-align:center}
}
.af-rec-karta{background:#fff;border-radius:16px;padding:26px 22px;margin:0;text-align:center;box-shadow:0 2px 10px #0000000a}
.af-rec-karta blockquote{margin:12px 0;font-weight:600;font-size:15.5px;line-height:1.55}
.af-rec-karta figcaption{font-size:14px;color:var(--af-seda);font-weight:700}
.af-over{color:var(--af-zelena)}
.af-rec3-tlacitko{text-align:center;margin-top:26px}

/* 2b) VIDEO varianta recenzí (nová Figma): 3 karty na výšku s náhledem + play */
.af-rec3-videa{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:26px auto 0;max-width:940px}
@media(max-width:820px){
  .af-rec3-videa{display:flex;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;padding-bottom:12px;-ms-overflow-style:none;scrollbar-width:none}
  .af-rec3-videa::-webkit-scrollbar{display:none}
  .af-rec3-videa > .af-video-lite{flex:0 0 66%;scroll-snap-align:center}
}
.af-video-lite{position:relative;display:block;aspect-ratio:9/16;border-radius:16px;overflow:hidden;background:#0d2c22;cursor:pointer}
.af-video-lite img{width:100% !important;height:100% !important;object-fit:cover}
.af-video-lite iframe{position:absolute;inset:0;width:100% !important;height:100% !important;aspect-ratio:auto !important;border:none;display:block}
.af-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:58px;height:42px;background:#F61C0D;border-radius:14px;color:#fff;font-size:15px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 18px #0007;pointer-events:none}
/* po kliknutí (naskočí přehrávač) play, štítek i popisek zmizí — nekryjí ovládání videa */
.af-video-lite:has(iframe) .af-play,.af-video-lite:has(iframe) .af-video-pop{display:none}

/* 1) Přínosy + karty (nová Figma: bílé pozadí, mint karty, ikona v bílém čtverci) */
.af-karty-pas{background:none;border-radius:0;padding:52px 0 0;margin-top:0}
.af-karty4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:26px}
@media(max-width:980px){.af-karty4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.af-karty4{grid-template-columns:1fr}}
.af-karta{background:#EAF1EC;border-radius:16px;padding:24px 20px;box-shadow:none}
.af-ikona{width:46px;height:46px;border-radius:12px;background:#DDEDE4;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:14px}
.af-karta .af-ikona{background:#fff}
.af-karta p{color:var(--af-seda);font-size:14px;margin:0}

/* 3) Pro koho + dávkování */
.af-davky-nadpis{font-size:24px}
.af-chipy{display:flex;flex-wrap:wrap;gap:9px;justify-content:center;margin:18px 0 34px}
.af-chipy span{background:#fff;border:1.5px solid #16281f26;border-radius:999px;padding:8px 18px;font-weight:600;font-size:14.5px}
.af-davky{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px}
@media(max-width:820px){.af-davky{grid-template-columns:1fr}}
.af-davka{background:#fff;border-radius:16px;padding:24px 20px;text-align:center;box-shadow:0 2px 10px #0000000a}
.af-davka .af-ikona{margin:0 auto 12px}
.af-davka p{color:var(--af-seda);font-size:14.5px;margin:0}
.af-prokoho{background:var(--af-krem)}

/* Srovnávací tabulka (nová Figma: bílé pozadí, vpravo produktová fotka) */
.af-srovnani{background:#fff}
.af-tab{width:100%;border-collapse:collapse;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 2px 10px #0000000a;font-size:14.5px}
.af-tab th{background:var(--af-tmava);color:#fff;text-align:left;padding:12px 16px;font-size:14px}
.af-tab th:nth-child(2){color:#fff}
.af-tab th:nth-child(3){color:#ffffffb0}
.af-tab td{padding:11px 16px;border-top:1px solid #f0ede8}
.af-tab td:nth-child(2),.af-tab td:nth-child(3),.af-tab th:nth-child(2),.af-tab th:nth-child(3){text-align:center;width:90px}
.af-ano{color:var(--af-zelena);font-weight:700}
.af-ne{color:#c0392b;font-weight:700}
.af-nevi{color:#c0392b;font-weight:700}

/* 4) Složení — posuvník */
.af-slozeni{background:var(--af-tmava);color:#E9F2ED}
.af-slozeni h2{color:#fff}
.af-slozeni .af-sub{color:#b8cfc4}
.af-slider{position:relative;margin-top:10px}
.af-sl-pas{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 2px 14px;-ms-overflow-style:none;scrollbar-width:none}
.af-sl-pas::-webkit-scrollbar{display:none}
.af-sl-karta{flex:0 0 min(285px,80%);scroll-snap-align:start;background:#072422;border:1px solid #ffffff14;border-radius:16px;padding:0 0 22px;text-align:center;overflow:hidden}
.af-sl-karta img{width:100%;height:150px;object-fit:cover}
.af-sl-karta h3{color:var(--af-zlata-tlum);margin:16px 0 8px;font-size:20px}
.af-sl-karta p{color:#cfdfd7;font-size:14px;padding:0 18px;margin:0}
.af-sl-sipka{position:absolute;top:42%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:none;background:#fff;color:var(--af-tmava);font-size:20px;cursor:pointer;box-shadow:0 2px 12px #0006;z-index:2;display:flex;align-items:center;justify-content:center}
.af-sl-prev{left:-8px}.af-sl-next{right:-8px}
.af-sl-sipka:hover{background:var(--af-krem)}
.af-sl-tecky{display:flex;gap:7px;justify-content:center;margin-top:10px}
.af-sl-tecky button{width:9px;height:9px;border-radius:50%;border:none;background:#ffffff45;cursor:pointer;padding:0}
.af-sl-tecky button.af-akt{background:#fff}

/* 5) Ambasador */
.af-amb-foto{position:relative;margin:0}
.af-amb-foto img{border-radius:18px;width:100% !important;height:auto !important;aspect-ratio:4/5 !important;object-fit:cover} /* ambasador = portrét (dle Figmy), nezávisle na nahrané fotce i šabloně eshopu */
.af-amb-foto figcaption{position:absolute;left:18px;bottom:14px;color:#fff;font-size:14px;text-shadow:0 1px 6px #000c;font-style:italic}
.af-citat{margin:14px 0 18px;font-size:clamp(19px,2.4vw,25px);font-weight:700;line-height:1.4;color:var(--af-nadpis)}
.af-citat::before{content:"“"}.af-citat::after{content:"”"}
.af-amb-role{color:var(--af-seda);margin-top:-8px}

/* 6) Kvalitně zabaleno */
.af-baleni{background:var(--af-fialova);color:#EAE6F5}
.af-baleni h2{color:#fff}
.af-baleni .af-stitek{background:var(--af-zelena);color:#fff}
.af-baleni .af-checky li{font-weight:600;color:#EAE6F5;display:inline-block;margin-right:22px;padding-left:30px}
.af-baleni .af-checky li::before{top:7px;width:20px;height:20px;font-size:11px}
.af-baleni-foto{position:relative}
.af-badges{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}
.af-badge{border:1.5px solid #ffffff55;color:#ffffffd0;border-radius:999px;padding:6px 16px;font-size:13px;font-weight:700}

/* 10) Kombinace */
.af-prod4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:26px}
@media(max-width:980px){.af-prod4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.af-prod4{grid-template-columns:1fr}}
.af-prod{position:relative;background:#fff;border:1px solid #eceae5;border-radius:16px;padding:14px;display:flex;flex-direction:column}
.af-prod-badge{position:absolute;top:12px;left:12px;background:var(--af-tmava);color:#fff;font-size:12px;font-weight:700;border-radius:999px;padding:4px 12px;z-index:1}
.af-prod-badge.af-sleva{background:#c0392b}
.af-prod-badge.af-inline{position:static;display:inline-block;margin:0 0 8px;align-self:flex-start}
.af-prod img{width:100%;height:190px;object-fit:contain;background:#faf9f7;border-radius:12px}
.af-prod h3{font-size:15.5px;margin:12px 0 6px;line-height:1.35}
.af-prod h3 a{color:var(--af-tmava);text-decoration:none}
.af-prod h3 a:hover{text-decoration:underline}
.af-prod p{color:var(--af-seda);font-size:13px;flex:1}
.af-prod-hodn{font-size:13px;margin:0 0 8px;color:var(--af-nadpis)}
.af-prod-hodn .af-hvezdy{font-size:13px;letter-spacing:1px}
.af-prod-pocet{color:var(--af-seda)}
.af-prod-spodek{display:flex;align-items:center;justify-content:space-between;gap:10px}
.af-prod-skladem{color:var(--af-zelena);font-weight:700;font-size:13.5px}
.af-prod-cena{font-size:19px;font-weight:700;color:var(--af-nadpis);margin:6px 0 10px}
.af-prod-cena s{color:#c0392b;font-weight:600;font-size:14px;margin-right:8px}
.af-prod .af-btn{text-align:center;padding:11px 10px;font-size:14px}

/* 7) FAQ */
.af-faq{background:var(--af-krem)}
.af-faq-mriz{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:26px;align-items:start}
@media(max-width:820px){.af-faq-mriz{grid-template-columns:1fr}}
.af-faq-pol{background:#fff;border-radius:14px;padding:0;box-shadow:0 2px 10px #0000000a}
.af-faq-pol summary{list-style:none;cursor:pointer;font-weight:700;padding:17px 48px 17px 20px;position:relative;font-size:15px}
.af-faq-pol summary::-webkit-details-marker{display:none}
.af-faq-pol summary::after{content:"+";position:absolute;right:18px;top:50%;transform:translateY(-50%);color:var(--af-zelena);font-size:22px;font-weight:700}
.af-faq-pol[open] summary::after{content:"−"}
.af-faq-odp{padding:0 20px 16px;color:var(--af-seda);font-size:14.5px}
.af-faq-tlacitko{text-align:center;margin-top:24px}

/* 8) Videa na výšku (short/reel) + Hodnocení */
.af-videa{background:var(--af-tmava);color:#E9F2ED}
.af-videa h2{color:#fff}
.af-videa-mriz{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:26px}
@media(max-width:820px){.af-videa-mriz{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.af-videa-mriz{grid-template-columns:1fr}}
.af-video{position:relative;background:#072422;border:1px solid #ffffff1f;border-radius:16px;overflow:hidden}
.af-video iframe{width:100% !important;height:auto !important;aspect-ratio:9/16 !important;border:none;display:block} /* videa NA VÝŠKU (short) */
.af-video-stitek{position:absolute;top:10px;left:10px;z-index:2;background:#00000088;color:#fff;font-size:12px;font-weight:600;padding:3px 9px;border-radius:8px;display:flex;align-items:center;gap:4px} /* min. 12px kvůli čitelnosti (Google standard) */
.af-video-stitek::before{content:"▤";font-size:11px}
.af-video:has(iframe) .af-video-stitek{display:none} /* u YouTube přehrávače štítek skrýt (kryl by se s jeho titulkem) — platí i pro starší popisy */
.af-video .af-video-pop{position:absolute;left:0;right:0;bottom:0;padding:22px 14px 10px;font-size:12.5px;color:#eaf3ee;background:linear-gradient(180deg,transparent,#000c);font-weight:600}
.af-video a.af-video-odkaz{display:flex;align-items:center;justify-content:center;aspect-ratio:9/16 !important;height:auto !important;color:#fff;text-decoration:none;font-weight:700;font-size:15px;background:#0d2c22}
.af-video a.af-video-odkaz:hover{background:#0a231b}

/* Hodnocení — výpis recenzí */
.af-hodnoceni{margin-top:52px;border-top:1px solid #ffffff1f;padding-top:40px}
/* od v15 samostatná sekce (bez videí nad sebou) → bez oddělovací linky a mezery navíc */
.af-hodnoceni.af-hodnoceni-sekce{margin-top:0;border-top:none;padding-top:0}
.af-hodnoceni-mriz{display:grid;grid-template-columns:300px 1fr;gap:34px;margin-top:22px;align-items:start}
@media(max-width:820px){.af-hodnoceni-mriz{grid-template-columns:1fr;gap:24px}}
.af-hodnoceni-souhrn{background:#0723228c;border:1px solid #ffffff14;border-radius:16px;padding:24px 22px;text-align:center;position:sticky;top:74px}
/* na mobilu se panel „Přidat recenzi“ NElepí (jinak by přejížděl přes recenze pod ním) — override MUSÍ být až za sticky pravidlem */
@media(max-width:820px){.af-hodnoceni-souhrn{position:static}}
.af-souhrn-cislo{font-size:52px;font-weight:800;line-height:1;color:#fff}
.af-hodnoceni-souhrn .af-hvezdy{display:block;margin:8px 0}
.af-souhrn-pocet{color:#b8cfc4;font-size:14px;margin-bottom:16px}
.af-hist{text-align:left;margin:0 0 18px}
.af-hist-radek{display:flex;align-items:center;gap:8px;margin:5px 0;font-size:12px}
.af-hist-radek .af-hvezdy{font-size:12px;letter-spacing:0;white-space:nowrap;color:var(--af-zlata)}
.af-hist-pruh{flex:1;height:8px;border-radius:6px;background:#ffffff22;overflow:hidden}
.af-hist-pruh span{display:block;height:100%;background:var(--af-zlata);border-radius:6px}
.af-hist-pocet{color:#b8cfc4;min-width:34px;text-align:right}
.af-hodnoceni-souhrn .af-btn{width:100%;text-align:center}
.af-rec-vypis{display:flex;flex-direction:column;gap:18px}
.af-rec-item{border-bottom:1px solid #ffffff14;padding-bottom:16px}
.af-rec-hlava{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.af-rec-avatar{width:38px;height:38px;border-radius:50%;background:#DDEDE4;color:var(--af-tmava);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex:none}
.af-rec-kdo{flex:1;font-size:14.5px;color:#fff}
.af-rec-datum{color:#9fb3ab;font-weight:400;font-size:13px}
/* „Ověřená recenze" jako světlá pilulka — zelený text na zeleném pozadí splýval (připomínka klienta) */
.af-rec-overena{background:#DDEDE4;color:#0A3331;font-size:12.5px;font-weight:700;white-space:nowrap;padding:4px 11px;border-radius:999px}
.af-rec-text{color:#dce8e2;font-size:14.5px;margin:6px 0 0}
/* fotky přiložené k recenzi (nová Figma) */
.af-rec-fotky{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}
.af-rec-fotky img{width:64px !important;height:64px !important;border-radius:8px;object-fit:cover}
/* galerie fotek od zákazníků v souhrnu (nová Figma) */
.af-galerie{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:16px}
.af-galerie img{width:100% !important;height:auto !important;aspect-ratio:1 !important;border-radius:8px;object-fit:cover}
.af-rec-vse{margin-top:8px}
.af-rec-vse .af-btn-obrys{background:transparent;color:#fff !important;border-color:#ffffff55}
.af-rec-vse .af-btn-obrys:hover{background:#ffffff14}

/* 10) Poradíme ti */
.af-poradime{text-align:center}
.af-tym{display:flex;justify-content:center;margin-bottom:14px}
.af-tym span{width:56px;height:56px;border-radius:50%;background:#DDEDE4;border:3px solid #fff;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--af-tmava);margin:0 -8px;font-size:15px}
/* fotky týmu místo iniciál (nová Figma) */
.af-tym img{width:56px !important;height:56px !important;border-radius:50%;object-fit:cover;border:3px solid #fff;margin:0 -8px}
.af-poradime p{max-width:560px;margin:0 auto 22px;color:var(--af-seda)}