@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/poppins-pxiEyp8kv8JHgFVrJJnecmNE.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:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/poppins-pxiEyp8kv8JHgFVrJJfecg.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:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/poppins-pxiByp8kv8JHgFVrLGT9Z1JlFc-K.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:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/poppins-pxiByp8kv8JHgFVrLGT9Z1xlFQ.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:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/poppins-pxiByp8kv8JHgFVrLEj6Z1JlFc-K.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:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/poppins-pxiByp8kv8JHgFVrLEj6Z1xlFQ.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:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/poppins-pxiByp8kv8JHgFVrLCz7Z1JlFc-K.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:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/poppins-pxiByp8kv8JHgFVrLCz7Z1xlFQ.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}


*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:#fdfcf8;color:#3d443e;font:400 16px/1.6 Poppins,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden;overflow-x:clip}
img{max-width:100%;height:auto}
a{color:#0b7c3d;text-decoration:none}
a:hover{color:#338A41}
/* Pojistka k meta format-detection: telefon uvnitř věty musí vypadat jako text,
   ne jako odkaz. Naše záměrné tel: odkazy mají třídu, těch se to netýká. */
a[href^="tel:"]:not([class]){color:inherit;text-decoration:none;-webkit-text-decoration:none}
button{font-family:inherit;cursor:pointer}
h1,h2,h3{margin:0;color:#16211c;letter-spacing:-.01em}
input,textarea,select{font-family:inherit}
.h-wrap{max-width:1280px;margin:0 auto;padding-left:24px;padding-right:24px}
.h-wrap-narrow{max-width:900px;margin:0 auto;padding-left:24px;padding-right:24px}
.h-center{text-align:center}
.h-right{text-align:right}
.h-muted{color:#8b9389;font-weight:600}
.h-green{color:#0d8f46}
.h-red{color:#C2452D}
.hl{color:#0b7c3d}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
[hidden]{display:none!important}

.h-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;padding:13px 24px;font-size:15px;font-weight:700;line-height:1.2;transition:filter .15s,background .15s}
.h-btn--green{background:#0b7c3d;color:#fff;font-weight:800;box-shadow:0 6px 16px rgba(62,163,77,.28)}
.h-btn--green:hover{filter:brightness(1.05);color:#fff}
.h-btn--blue{background:#0b7c3d;color:#fff;font-weight:800}
.h-btn--blue:hover{filter:brightness(1.1);color:#fff}
.h-btn--outline{background:#fff;border:1.5px solid #d5d2c6;color:#16211c}
.h-btn--outline:hover{border-color:#0b7c3d;color:#16211c}
.h-btn--blueoutline{background:#fff;border:1.5px solid #0b7c3d;color:#0b7c3d;font-weight:800}
.h-btn--lg{font-size:17px;padding:16px 32px}
.h-btn--sm{font-size:13.5px;padding:10px 18px;border-radius:10px}
.h-input{border:1.5px solid #e3e0d4;border-radius:10px;padding:12px 14px;font-size:14px;color:#16211c;background:#fff;outline:0}
.h-input:focus{border-color:#0b7c3d}

.h-topbar{background:#16211c;color:#c8d4cb;font-size:13px}
.h-topbar__in{display:flex;justify-content:space-between;gap:24px;padding-top:9px;padding-bottom:9px;flex-wrap:wrap}
.h-topbar b{color:#fff}
.h-topbar__loyalty{color:#9FE3A8;font-weight:700}
.h-topbar__loyalty:hover{color:#fff}
/* Mutace bez telefonu mají v levém slotu topbaru e-mail podpory. */
.h-topbar__mail{color:inherit;text-decoration:none}
.h-topbar__mail:hover{color:#fff}

.h-header{background:#fff;border-bottom:1px solid #f6f5ef}
.h-header__in{display:flex;align-items:center;gap:32px;padding-top:16px;padding-bottom:16px}
.h-logo-img{height:52px;width:auto;display:block}
/* Wordmark mutací nemá tagline — centrovaný box ho posadí opticky níž než
   český nápis (ten sedí v horní části svého SVG). Posun srovnává baseline. */
.h-logo-img--wordmark{height:35px;transform:translateY(-4px)}
.vlasimo-logo-text{font-size:26px;font-weight:800;color:#16211c}
.h-search{flex:1;max-width:560px;display:flex;align-items:center;gap:10px;border:1.5px solid #e3e0d4;border-radius:12px;padding:0 18px;background:#FAFBFD}
.h-search__icon{color:#0b7c3d;font-weight:800}
.h-search input{flex:1;border:0;background:transparent;padding:13px 0;font-size:15px;color:#16211c;outline:0}
.h-search input::placeholder{color:#8b9389}
.h-search{position:relative}
.h-suggest{position:absolute;top:calc(100% + 8px);left:-1.5px;right:-1.5px;background:#fff;border:1px solid #e3e0d4;border-radius:14px;box-shadow:0 24px 60px rgba(20,33,61,.16);z-index:60;overflow:hidden;padding:6px}
.h-suggest__item{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:10px}
.h-suggest__item:hover,.h-suggest__item.is-active{background:#fdfcf8}
.h-suggest__thumb{width:44px;height:44px;border-radius:10px;background:linear-gradient(167deg,#f2f1e9 0%,#f6f5ef 84%,#f2f1e9 100%);display:flex;align-items:center;justify-content:center;flex:none;padding:4px}
.h-suggest__thumb img{max-width:100%;max-height:100%;object-fit:contain}
/* Dotaz z poradny a článek nemají miniaturu ani cenu — místo obrázku ikona,
   pod názvem začátek odpovědi na jeden řádek. */
.h-suggest__thumb--icon{font-size:19px;font-weight:800;color:#0b7c3d}
.h-suggest__text{display:block;font-size:12.5px;color:#6B7A93;line-height:1.45;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.h-suggest__item--text .h-suggest__name{font-weight:700}
.h-suggest__body{flex:1;min-width:0;display:flex;flex-direction:column}
.h-suggest__cat{font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#8b9389}
.h-suggest__name{font-size:14px;font-weight:700;color:#16211c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.h-suggest__price{font-size:14px;font-weight:800;color:#16211c;white-space:nowrap}
.h-suggest__price del{font-size:12px;color:#9AA4B5;font-weight:400;margin-left:4px}
.h-archive-filter{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:20px}
.h-archive-filter__label{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#8b9389;margin-right:4px}
.h-filter-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 15px;border:1.5px solid #e3e0d4;border-radius:999px;font-size:13px;font-weight:700;color:#3d443e;background:#fff;transition:all .12s}
.h-filter-chip:hover{border-color:#0b7c3d;color:#0b7c3d}
.h-filter-chip.is-active{border-color:#0b7c3d;background:#e4eee6;color:#0b7c3d}
.h-filter-chip--reset{border-style:dashed;color:#8b9389}
.h-empty-cart{padding-top:36px;padding-bottom:70px}
.h-empty-cart__box{margin-top:24px;border:1.5px dashed #d5d2c6;border-radius:18px;padding:48px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}
.h-empty-cart__icon{font-size:34px}
.h-empty-cart__text{margin:0;font-size:15.5px;color:#3d443e}
.h-header__links{display:flex;align-items:center;gap:26px;margin-left:auto}
.h-header__link{font-size:13px;color:#3d443e;font-weight:600;text-align:center}
.h-cart-btn{display:flex;align-items:center;gap:10px;background:#0b7c3d;color:#fff;border:0;border-radius:12px;padding:11px 18px;font-size:14.5px;font-weight:700}
.h-cart-btn__count{background:#fff;color:#0b7c3d;border-radius:7px;padding:1px 8px;font-size:13px}
.h-cart-btn__ico{display:none}

.h-nav{background:#ffd21f;border-bottom:0}
.h-nav__in{display:flex;align-items:center;gap:30px}
.h-navmenu,.h-navmenu__sep{display:none}
.h-navmenu{align-items:center;gap:9px;padding:12px 10px 12px 2px;background:none;border:0;cursor:pointer;flex:none}
.h-navmenu__ico{display:flex;flex-direction:column;gap:3.5px}
.h-navmenu__ico span{width:17px;height:2.5px;background:#16211c;border-radius:2px}
.h-navmenu__ico span:last-child{width:12px}
.h-navmenu__label{font-size:13.5px;font-weight:800;color:#16211c}
.h-navmenu__sep{width:1px;height:18px;background:#e3e0d4;flex:none}
.h-search__close{display:none;background:none;border:0;padding:0 2px;margin-left:auto;color:#3d443e;font-weight:800;font-size:14px;cursor:pointer}
.h-searchbar{background:#fff;border-bottom:1px solid #f6f5ef;padding:10px 16px}
.h-searchbar .h-search{max-width:none;margin:0;order:0;border-color:#0b7c3d;background:#fff}
.h-searchbar .h-search__close{display:block}
.h-nav__menu{display:flex;gap:30px;list-style:none;margin:0;padding:0;font-size:15px;font-weight:600;color:#16211c}
.h-nav__menu>li>a{display:block;padding:14px 0;color:#16211c;border-bottom:2.5px solid transparent}
.h-nav__menu li.current-menu-item>a,.h-nav__menu>li>a:hover{color:#16211c;border-bottom-color:#16211c}
.h-nav__menu li.has-goals-mega>a{display:flex;align-items:center;gap:7px}
.h-nav__menu li.has-goals-mega>a::after{content:'';width:12px;height:12px;background-color:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3.5 6L8 10.5L12.5 6' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3.5 6L8 10.5L12.5 6' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .15s;margin-top:1px}
.h-nav__menu li.has-goals-mega.is-open>a::after{transform:rotate(180deg)}
.h-nav__stock{margin-left:auto;display:flex;align-items:center;gap:7px;font-size:13.5px;color:#0d8f46;font-weight:700}
.h-nav{position:relative}
.h-nav__menu li.has-goals-mega .h-mega{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid #f6f5ef;box-shadow:0 30px 60px rgba(20,33,61,.14);z-index:45;padding:20px 0 24px}
/* Otevření řídí jen .is-open z JS (hover/klik) — CSS :hover se s klikacím
   stavem pralo: druhý klik menu nezavřel, dokud kurzor neodjel. */
.h-nav__menu li.has-goals-mega.is-open .h-mega{display:block}
.h-nav__menu li.has-goals-mega>a{cursor:pointer}
.h-mega__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.h-mega__item{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid #e3e0d4;border-radius:12px;padding:12px 16px;transition:all .12s}
.h-mega__item:hover{border-color:#0b7c3d;background:#fdfcf8;box-shadow:0 0 0 .5px #0b7c3d}
.h-mega__body{display:block;min-width:0}
.h-mega__title{display:block;font-size:14.5px;font-weight:700;color:#16211c}
.h-mega__sub{display:block;font-size:11.5px;color:#5d6b62;margin-top:2px}
.h-mega__arrow{color:#B4BFD1;font-weight:800;flex:none}
.h-mega__item:hover .h-mega__arrow{color:#0b7c3d}
/* Přepínač jazykových mutací (vlajka + zobáček) */
.h-lang{position:relative}
.h-lang__btn{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid #e3e0d4;border-radius:999px;padding:8px 12px;cursor:pointer;color:#16211c}
.h-lang__btn .h-flag{display:block;border-radius:2px}
.h-lang__caret{transition:transform .15s}
.h-lang.is-open .h-lang__caret{transform:rotate(180deg)}
.h-lang__list{position:absolute;right:0;top:calc(100% + 8px);background:#fff;border:1px solid #e3e0d4;border-radius:12px;box-shadow:0 12px 30px rgba(20,42,102,.12);padding:6px;min-width:190px;z-index:60}
.h-lang__opt{display:flex;align-items:center;gap:9px;padding:9px 11px;border-radius:8px;font-size:14px;font-weight:600;color:#16211c}
.h-lang__opt:hover{background:#F3F6FB}
.h-lang__opt.is-current{color:#0b7c3d;background:#EEF3FB}
.h-lang--header{margin:0 6px 0 16px}
.h-lang--drawer{margin-top:10px}
.h-lang--drawer .h-lang__btn{width:100%;justify-content:flex-start;border-radius:12px;padding:12px 14px;font-size:15px;font-weight:700}
.h-lang--drawer .h-lang__name{flex:1;text-align:left}
.h-lang--drawer .h-lang__list{position:static;box-shadow:none;border:none;padding:2px 4px 0}
@media (max-width:900px){
.h-lang--header{display:none}
	.h-nav__menu li.has-goals-mega .h-mega{max-height:62vh;overflow-y:auto}
	.h-mega__grid{grid-template-columns:1fr;gap:8px}
}
.h-dot{width:8px;height:8px;border-radius:50%;background:#0b7c3d;display:inline-block}

.hm-bar__in{max-width:1280px;margin:0 auto;padding:11px 24px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.hm-bar__chip{font-size:11px;font-weight:800;border-radius:6px;padding:3px 9px;letter-spacing:.06em}
.hm-bar__chipshort{display:none}
@media (max-width:680px){
.hm-bar__chipfull{display:none}
.hm-bar__chipshort{display:inline;font-size:12px}
}
.hm-bar__text{font-size:14px;font-weight:700}
.hm-bar__link{margin-left:auto;font-size:13.5px;font-weight:800;color:#0b7c3d}
.hm-bar__note{margin-left:auto;font-size:12.5px}
/* „uplatníte v košíku ·" jen na desktopu — na tabletu zůstává jen platnost. */
@media (max-width:1199px){.hm-bar__note-pre{display:none}}
.hm-bar--red{background:#FBEAE5;border-bottom:1px solid #F2CFC5}
.hm-bar--red .hm-bar__chip{background:#C2452D;color:#fff}
.hm-bar--red .hm-bar__text{color:#7A2A18}
.hm-bar--green{background:#e4eee6;border-bottom:1px solid #c6dbcb}
.hm-bar--green .hm-bar__chip{background:#0b7c3d;color:#fff}
.hm-bar--green .hm-bar__text{color:#1f4d3a}
.hm-bar--amber{background:#FDF3E9;border-bottom:1px solid #EEC49B}
.hm-bar--amber .hm-bar__chip{background:#C96A1E;color:#FFE8D2;letter-spacing:.06em}
.hm-bar--amber .hm-bar__text{color:#8A4D15}
.hm-bar--amber .hm-bar__note{color:#B08052}
.hm-bar--blue{background:#E9F0FA;border-bottom:1px solid #D4E0F2}
.hm-bar--blue .hm-bar__chip{background:#C2452D;color:#fff}
.hm-bar--blue .hm-bar__text{color:#16211c}
.hm-bar--blue .hm-bar__link{color:#0b7c3d}
.hm-bar--blue .hm-bar__countdown{background:#C2452D}
.hm-bar__countdown{display:inline-flex;align-items:center;gap:6px;border-radius:8px;padding:4px 11px;font-size:12px;font-weight:700;color:#fff}
.hm-bar__cdtime{font-family:inherit;font-size:13px;font-weight:800;letter-spacing:.03em;font-variant-numeric:tabular-nums;font-feature-settings:'tnum'}
.hm-bar--red .hm-bar__countdown{background:#C2452D}
.hm-bar--green .hm-bar__countdown{background:#0b7c3d}
.hm-bar--amber .hm-bar__countdown{background:#C96A1E}
.hm-bar__code{background:#fff;border:1.5px dashed #EEC49B;border-radius:8px;padding:4px 13px;font-size:13.5px;font-weight:800;letter-spacing:.08em;color:#8A4D15}
.hm-bar__copy{background:none;border:0;font-size:13px;font-weight:800;color:#8A4D15;text-decoration:underline;text-underline-offset:3px;padding:0}
.hm-bar__copy.is-copied{color:#0d8f46}

.h-hero{background:linear-gradient(180deg,#EEF3FA 0%,#fdfcf8 100%);position:relative;overflow:hidden}
.h-hero__bg{position:absolute;top:0;right:0;height:100%;width:62%;object-fit:cover;object-position:center;-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.45) 32%,rgba(0,0,0,1) 58%);mask-image:linear-gradient(90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.45) 32%,rgba(0,0,0,1) 58%)}
.h-hero__float{position:absolute;right:40px;bottom:36px;background:#16211c;color:#fff;border-radius:12px;padding:12px 18px;font-size:14px;font-weight:700;box-shadow:0 10px 24px rgba(20,42,102,.25);z-index:2;animation:h-float-in .5s cubic-bezier(.2,.7,.3,1) .7s both}
.h-hero__float .hl{color:#9FE3A8}
/* Najetí chipu po načtení (vzor plovoucích prvků z taxomat.cz): fade + krátký
   posun zprava, se zpožděním až po vykreslení zbytku hero. */
@keyframes h-float-in{from{opacity:0;transform:translateX(22px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.h-hero__float{animation:none}}
.h-hero__in{position:relative;padding-top:64px;padding-bottom:68px}
.h-hero__content{max-width:620px}
/* inline-block, ne flex: badge je čistý text a flex gap dělal kolem oddělovací
   tečky nestejné mezery (vlevo gap 8px, vpravo jen mezera slova). */
.h-hero__badge{display:inline-block;background:#fff;border:1px solid #e3e0d4;border-radius:999px;padding:7px 16px;font-size:12.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#0b7c3d}
.h-hero__title{margin:18px 0 0;font-size:47px;line-height:1.12;font-weight:800;color:#16211c;text-wrap:pretty}
.h-hero__text{margin:18px 0 0;font-size:18px;line-height:1.65;color:#3d443e;max-width:520px;text-wrap:pretty}
.h-hero__ctas{display:flex;gap:14px;margin-top:28px;flex-wrap:wrap}
/* Štítky drží obsahovou šířku (fit textu); kontejner je jen zúžený tak, aby se
   vedle sebe nevešly tři — na řádku jsou tak vždy nejvýš dva. */
.h-hero__pills{display:flex;gap:10px;margin-top:26px;flex-wrap:wrap;max-width:540px}
.h-pill{background:#fff;border:1px solid #e3e0d4;border-radius:999px;padding:8px 15px;font-size:13px;font-weight:600;color:#2c4435}
.h-pill__short{display:none}
.h-pill b{color:#0d8f46;font-weight:800}

.h-usps{background:#fff;border-bottom:1px solid #f6f5ef}
.h-usps__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding-top:24px;padding-bottom:24px}
.h-usp{display:flex;gap:13px;align-items:flex-start}
.h-usp__icon{width:42px;height:42px;border-radius:50%;font-weight:800;display:flex;align-items:center;justify-content:center;flex:none}
.h-usp__icon--blue{background:#e4eee6;color:#0b7c3d}
.h-usp__icon--green{background:#e4eee6;color:#0d8f46}
.h-usp__title{font-size:15.5px;font-weight:700;color:#16211c}
.h-usp__sub{font-size:13.5px;color:#5d6b62;margin-top:2px}

.h-sec-head{display:flex;align-items:baseline;justify-content:space-between;gap:20px}
.h-sec-title{font-size:31px;font-weight:800;color:#16211c}
.h-sec-sub{font-size:15px;color:#5d6b62;margin-top:6px}
.h-sec-link{font-size:15px;font-weight:700;color:#0b7c3d;white-space:nowrap}
.h-kicker{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#0b7c3d}
.h-kicker--light{color:#7fa98c}

.h-goals{background:#fff}
.h-goals .h-wrap{padding-top:56px;padding-bottom:8px}
.h-goals__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:26px}
.h-goal{border:1px solid #e3e0d4;border-radius:14px;padding:20px 22px;display:flex;justify-content:space-between;align-items:center;gap:12px;transition:all .12s}
.h-goal:hover{border-color:#0b7c3d;background:#fdfcf8;box-shadow:0 0 0 .5px #0b7c3d}
.h-goal__title{font-size:17px;font-weight:700;color:#16211c}
.h-goal__sub{font-size:12.5px;color:#5d6b62;margin-top:3px}
.h-goal__arrow{color:#B4BFD1;font-weight:800;transition:color .12s}
.h-goal:hover .h-goal__arrow{color:#0b7c3d}

.h-giftbar-wrap .h-wrap{padding-top:40px}
.h-giftbar{background:#FBF3E6;border:1px solid #F0E2C8;border-radius:14px;padding:15px 22px;display:flex;align-items:center;gap:14px;justify-content:center;flex-wrap:wrap}
.h-giftbar__badge{background:#C2452D;color:#fff;font-size:11.5px;font-weight:800;letter-spacing:.08em;border-radius:7px;padding:4px 10px;text-transform:uppercase}
.h-giftbar__text{font-size:15px;color:#4A3A22;font-weight:600}
.h-giftbar__text .hl{color:#4A3A22;font-weight:800}
.h-giftbar__link{font-size:14px;font-weight:700;color:#0b7c3d}

.h-products .h-wrap{padding-top:44px;padding-bottom:60px}
.h-products__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:28px}
/* Karta i její tělo jsou subgrid a každý prvek má pevnou řádkovou pozici, takže
   dvouřádkový název u jedné karty vytvoří stejné místo i u ostatních v téže řadě.
   Prohlubně mezi prvky nejsou přes gap (prázdná stopa by si ho vzala taky),
   ale přes margin — chybějící prvek tak žádné místo nezabere. */
.h-products__grid>.h-card,.h-products__grid>.h-ptile{grid-row:span 8}
.h-card{border:1px solid #e3e0d4;border-radius:16px;overflow:hidden;display:grid;grid-template-rows:subgrid;grid-template-columns:minmax(0,1fr);row-gap:0;background:#fff}
.h-card--coming{border-style:dashed;border-color:#d5d2c6}
.h-card__media{background:#F6F7F9;height:230px;display:flex;align-items:center;justify-content:center;position:relative}
.h-card__media img{height:190px;width:auto;object-fit:contain}
.h-card__media--pattern{background:repeating-linear-gradient(45deg,#f6f5ef 0 12px,#F6F9FC 12px 24px)}
.h-pattern-note{font:11px ui-monospace,Menlo,monospace;color:#8b9389;background:#fff;padding:4px 10px;border-radius:6px}
.h-badge{position:absolute;top:12px;left:12px;color:#fff;font-size:12px;font-weight:800;border-radius:7px;padding:4px 9px;z-index:2}
.h-badge svg{vertical-align:-2.5px;margin-right:5px}
.h-badge--red{background:#C2452D}
.h-badge--green{background:#0b7c3d}
.h-badge--amber{background:#C96A1E}
.h-badge--blue{background:#0b7c3d}
.h-pill-campaign--blue{background:#0b7c3d;color:#fff}
.h-card__media{grid-row:1}
.h-card__body{padding:18px 18px 20px;display:grid;grid-template-rows:subgrid;grid-template-columns:minmax(0,1fr);row-gap:0;grid-row:2/span 7}
.h-card__kicker{grid-row:1;font-size:11.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#8b9389}
.h-card__title{grid-row:2;margin-top:7px;font-size:17px;font-weight:700;color:#16211c;overflow-wrap:break-word}
.h-card__rating{grid-row:3;margin-top:6px;display:flex;align-items:center;gap:7px;font-size:12.5px;color:#5d6b62}
.h-card__rating .h-stars{font-size:13px}
.h-card__rshort{display:none}
.h-card__desc{grid-row:4;margin-top:7px;font-size:13.5px;line-height:1.5;color:#5d6b62;display:flex;flex-direction:column;row-gap:10px}
.h-card__price{grid-row:5;display:flex;align-items:center;gap:9px;margin-top:11px;font-size:20px;font-weight:800;color:#16211c;flex-wrap:wrap}
.h-card__price .price{display:flex;align-items:baseline;gap:9px}
.h-card__price ins{text-decoration:none;color:#C2452D}
.h-card__price del{font-size:14px;color:#9AA4B5;font-weight:400}
.h-card__price del .woocommerce-Price-amount{font-weight:400}
.h-badge-chip{background:#C2452D;color:#fff;border-radius:6px;padding:2px 8px;font-size:11.5px;font-weight:800;line-height:1.3;white-space:nowrap}
.h-points-chip{font-size:12.5px;font-weight:700;color:#0d8f46}
.h-card__points{grid-row:6;margin-top:7px}
/* Kupón jako mini verze rámečku z PDP (h-coupon-box) — bydlí v buňce popisku,
   auto-margin ho drží u ceny (vlastní stopu by nafoukly roztažené dlaždice). */
.h-card__coupon{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;background:#FDF3E9;border:1.5px dashed #EEC49B;border-radius:10px;padding:7px 11px;font-size:12.5px;font-weight:700;color:#8A4D15}
.h-card__coupon b{font-weight:800;letter-spacing:.04em}
.h-card__coupon-price{font-size:14px;font-weight:800;color:#4A3A22;white-space:nowrap}
/* Stejná velikost i stín jako tlačítka v dlaždicích — v mřížce stojí vedle sebe. */
.h-card__btn{grid-row:8;align-self:end;margin-top:11px;border-radius:10px;padding:16px 20px;font-size:15px;font-weight:800}
.h-card__btn.loading{opacity:.6;pointer-events:none}
.h-card__btn.added::after{content:' ✓'}

.h-loyalty{background:#16211c}
.h-loyalty__grid{display:grid;grid-template-columns:1fr 340px;gap:56px;align-items:center;padding-top:56px;padding-bottom:56px}
.h-loyalty__title{margin:12px 0 0;font-size:34px;font-weight:800;color:#fff;text-wrap:pretty}
.h-loyalty__title .hl{color:#9FE3A8}
.h-loyalty__text{margin:14px 0 0;font-size:16.5px;line-height:1.65;color:#c8d4cb;max-width:560px}
.h-loyalty__steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px;max-width:640px}
.h-loyalty__stepnum{width:34px;height:34px;border-radius:50%;background:#0b7c3d;color:#fff;font-size:14px;font-weight:800;display:flex;align-items:center;justify-content:center}
.h-loyalty__steptitle{font-size:15px;font-weight:700;color:#fff;margin-top:10px}
.h-loyalty__stepsub{font-size:13px;color:#9DB0DC;margin-top:3px}
.h-loyalty__card{background:#fff;border-radius:18px;padding:26px 26px 24px;box-shadow:0 20px 50px rgba(6,16,45,.35)}
.h-loyalty__cardlabel{font-size:11.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#8b9389}
.h-loyalty__row{display:flex;justify-content:space-between;align-items:baseline;margin-top:12px;padding-bottom:12px;border-bottom:1px solid #f6f5ef;font-size:14.5px;color:#3d443e}
.h-loyalty__row:first-of-type{margin-top:14px}
.h-loyalty__row--last{border-bottom:0;padding-bottom:0}
.h-loyalty__row b{font-size:19px;font-weight:800;color:#16211c}
.h-loyalty__row b.green{color:#0d8f46}
.h-loyalty__cta{width:100%;margin-top:20px;border-radius:11px;padding:14px;font-size:15.5px}
.h-loyalty__note{font-size:12px;color:#8b9389;text-align:center;margin-top:10px}

.h-why__grid{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center;padding-top:60px;padding-bottom:60px}
.h-why__media{border-radius:20px;height:360px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.h-why__media--pattern{background:repeating-linear-gradient(45deg,#f6f5ef 0 12px,#F6F9FC 12px 24px)}
.h-why__img{width:100%;height:100%;object-fit:cover}
.h-why .h-sec-title{margin-top:12px;text-wrap:pretty}
.h-why__text{margin:14px 0 0;font-size:16px;line-height:1.65;color:#3d443e}
.h-why__bullets{margin:22px 0 26px;display:flex;flex-direction:column;gap:13px}
.h-why__bullet{display:flex;gap:12px;align-items:flex-start;font-size:15px;color:#2c4435;line-height:1.5}
.h-why__bullet b{color:#2c4435}
.h-check{width:26px;height:26px;border-radius:50%;background:#e4eee6;color:#0d8f46;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center;flex:none}
.h-check--blue{background:#e4eee6;color:#0b7c3d;width:28px;height:28px}

.h-advice{background:#fdfcf8;border-top:1px solid #f6f5ef}
.h-advice .h-wrap{padding-top:56px;padding-bottom:56px}
.h-advice__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}
.h-article{background:#fff;border:1px solid #e3e0d4;border-radius:16px;overflow:hidden;display:block}
.h-article__media{height:150px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.h-article__media img{width:100%;height:100%;object-fit:cover}
.h-article__media--pattern{background:repeating-linear-gradient(45deg,#f6f5ef 0 12px,#F6F9FC 12px 24px)}
.h-article__body{padding:18px 20px 20px}
.h-article__kicker{font-size:11.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#0b7c3d}
.h-article__title{font-size:16.5px;font-weight:700;color:#16211c;line-height:1.4;margin-top:7px;text-wrap:pretty}
.h-article__meta{font-size:12.5px;color:#8b9389;margin-top:9px}
.h-advice__revkicker{margin-top:38px}
.h-reviews__grid{margin-top:14px;display:grid;grid-template-columns:1fr 1fr;gap:18px}
.h-review{background:#fff;border:1px solid #e3e0d4;border-radius:16px;padding:24px 26px}
.h-review__head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.h-stars{position:relative;display:inline-block;white-space:nowrap;color:#e3e0d4;font-size:15px;letter-spacing:2px;line-height:1;vertical-align:-1px}
.h-stars__fg{position:absolute;left:0;top:0;overflow:hidden;color:#E8A33D;white-space:nowrap;pointer-events:none}
.h-verified{background:#e4eee6;color:#0d8f46;border-radius:999px;padding:4px 11px;font-size:11.5px;font-weight:800}
.h-review__text{font-size:15.5px;line-height:1.65;color:#2c4435;margin-top:12px;text-wrap:pretty}
.h-review__foot{margin-top:14px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.h-review__author{font-size:14px;font-weight:700;color:#16211c}
.h-review__product{font-size:12.5px;font-weight:700;color:#0b7c3d}
.h-reviews__foot{margin-top:14px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.h-reviews__note{font-size:13px;color:#5d6b62}

.h-footer{background:#0F1D3D;color:#93A3C4}
.h-footer__grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.2fr;gap:36px;padding-top:52px}
.h-footer__brand{display:inline-block;line-height:0}
.h-footer__logo{height:62px;width:auto;display:block}
.h-footer__logo--wordmark{height:41px}
.h-footer__about{font-size:14px;line-height:1.65;margin-top:16px;max-width:280px}
.h-footer__legal{font:11px ui-monospace,Menlo,monospace;color:#5E6F94;margin-top:14px}
.h-footer__head{font-size:13px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#fff}
.h-footer__menu{display:flex;flex-direction:column;gap:9px;margin:14px 0 0;padding:0;list-style:none;font-size:14.5px}
.h-footer__menu a{color:#93A3C4}
.h-footer__menu a:hover{color:#fff}
.h-footer__contact{display:flex;flex-direction:column;gap:9px;margin-top:14px;font-size:14.5px}
.h-footer__phone{color:#fff;font-weight:700;text-decoration:none}
.h-footer__phone:hover{color:#9FE3A8}
.h-footer__pays{display:flex;gap:6px;margin-top:18px;flex-wrap:nowrap;align-items:center}
.h-footer__pay{height:26px;padding:0 7px;background:#fff;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;flex:none}
.h-footer__pay img{height:15px;width:auto;max-width:40px;object-fit:contain;display:block}
.h-footer__pays--ship{margin-top:8px}
.h-footer__pay--ship img{height:13px;max-width:84px}
.h-footer__bottom{padding-top:22px;padding-bottom:22px;border-top:1px solid #1E2F57;margin-top:40px;display:flex;justify-content:space-between;font-size:13px;gap:16px;flex-wrap:wrap}

.h-breadcrumbs{padding-top:16px;font-size:13px;color:#8b9389;display:flex;align-items:center;flex-wrap:wrap}
.h-breadcrumbs__home{display:inline-flex;align-items:center}
.h-breadcrumbs__home svg{display:block}
.h-breadcrumbs a{color:#8b9389}
.h-breadcrumbs a:hover{color:#0b7c3d}
.h-breadcrumbs span{margin:0 5px}
.h-breadcrumbs b{color:#16211c;font-weight:600}
.h-breadcrumbs--light{color:rgba(255,255,255,.72);padding-top:22px}
.h-breadcrumbs--light a,.h-breadcrumbs--light b{color:#fff}
.h-breadcrumbs--light a:hover{color:#9FE3A8}

.h-pdp__grid{display:grid;grid-template-columns:1.02fr .98fr;gap:48px;align-items:start;padding-top:16px;padding-bottom:56px}
.h-gallery{background:linear-gradient(167deg,#f2f1e9 0%,#f6f5ef 38%,#f6f5ef 84%,#f2f1e9 100%);border-radius:20px;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.h-gallery__badges{position:absolute;top:16px;left:16px;display:flex;gap:8px;z-index:2;flex-wrap:wrap;align-items:flex-start}
.h-gallery__badges .h-badge{position:static;font-size:12px;padding:6px 12px;border-radius:8px}
.h-gallery__cert{background:#fff;border:1px solid #e3e0d4;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:800;color:#0b7c3d}
.h-gallery__main{width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.h-gallery__img{width:100%;height:100%;object-fit:contain;display:block}
/* 60 px je spodní hranice, kdy je dvouřádkový text „ČESKÝ VÝROBEK®" v logu
   ještě čitelný — písmo v něm má zhruba desetinu výšky loga. */
.h-gallery__certlogo{height:60px;width:auto;display:block}
.h-gallery__thumbs{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:12px}
.h-gallery__thumb{border:0;border-radius:12px;aspect-ratio:1/1;background:linear-gradient(167deg,#f2f1e9 0%,#f6f5ef 84%,#f2f1e9 100%);display:flex;align-items:center;justify-content:center;overflow:hidden;padding:0;cursor:pointer;opacity:.55;transition:opacity .12s}
.h-gallery__thumb img{width:100%;height:100%;object-fit:contain;display:block}
.h-gallery__thumb.is-active,.h-gallery__thumb:hover{opacity:1}
.h-consult{margin-top:16px;border:1px solid #e3e0d4;border-radius:14px;padding:16px 20px;display:flex;align-items:center;gap:14px}
/* Bublina nese značku (favicon), ne šrafovaný placeholder. Zdroj je varianta
   150×150 — kruh má 46, resp. 56 px, takže i na retině zbývá rezerva; 48px
   soubor by se na 56 px roztahoval. */
.h-consult__avatar{width:46px;height:46px;border-radius:50%;background:#f0ede1 var(--vl-avatar, none) center/cover no-repeat;flex:none}
.h-consult__text{font-size:13.5px;color:#3d443e;line-height:1.5}
.h-consult__text .hl{color:#16211c;font-weight:700}
.h-consult__text a{font-weight:700}

.h-pdp__pills-top{display:flex;gap:8px;flex-wrap:wrap}
.h-pill-stock{background:#e4eee6;color:#0d8f46;border-radius:999px;padding:6px 13px;font-size:12.5px;font-weight:800}
.h-pill-new{background:#e4eee6;color:#0b7c3d;border-radius:999px;padding:6px 13px;font-size:12.5px;font-weight:800}
.h-pill-campaign{border-radius:999px;padding:6px 13px;font-size:12.5px;font-weight:800;color:#fff}
.h-pill-campaign--red{background:#C2452D}
.h-pill-campaign--green{background:#e4eee6;color:#0d8f46}
.h-pill-campaign svg{vertical-align:-2.5px;margin-right:5px}
.h-pill-campaign--amber{background:#C96A1E}
.h-pdp__title{margin:14px 0 0;font-size:31px;line-height:1.2;font-weight:800}
.h-pdp__subtitle{font-size:15px;color:#5d6b62;margin-top:6px}
.h-pdp__rating{display:flex;align-items:center;gap:9px;margin-top:10px;font-size:13.5px;color:#5d6b62}
.h-pdp__rating b{font-size:14px;font-weight:800;color:#16211c}
.h-pdp__rating .h-stars{font-size:16px}
.h-pdp__ratinglink{font-weight:700}
.h-pdp__excerpt{margin:16px 0 0;font-size:15px;color:#2c4435;line-height:1.6;text-wrap:pretty}
.h-pdp__pills{display:flex;flex-wrap:nowrap;gap:6px;margin-top:14px}
.h-feature-pill{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid #e3e0d4;border-radius:999px;padding:7px 11px;font-size:12.5px;font-weight:700;color:#16211c;white-space:nowrap;flex:none}
.h-feature-pill svg{width:14px;height:14px;flex:none}
@media (max-width:760px){.h-pdp__pills{flex-wrap:wrap;gap:8px}}
@media (max-width:350px){.h-pdp__pills .h-pill{font-size:12px;padding:7px 12px}}
/* Drobečky na jeden řádek: font podle šířky displeje, dlouhý název produktu
   uřízne elipsa (min-width:0 kvůli flexu). */
@media (max-width:380px){
.h-breadcrumbs{font-size:clamp(10.5px,3.3vw,12.5px);flex-wrap:nowrap;white-space:nowrap}
.h-breadcrumbs b{overflow:hidden;text-overflow:ellipsis;min-width:0}
}
.h-pdp__notice{margin-top:18px;border-radius:11px;padding:10px 14px;display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700}
.h-pdp__noticechip{font-size:11px;font-weight:800;border-radius:6px;padding:3px 8px;color:#fff;white-space:nowrap}
.h-pdp__notice--red{background:#FBEAE5;border:1px solid #F2CFC5;color:#7A2A18}
.h-pdp__notice--red .h-pdp__noticechip{background:#C2452D}
.h-pdp__notice--green{background:#e4eee6;border:1px solid #c6dbcb;color:#1f4d3a}
.h-pdp__notice--green .h-pdp__noticechip{background:#0b7c3d}
.h-pdp__notice--amber{background:#FDF3E9;border:1px solid #EEC49B;color:#8A4D15}
.h-pdp__notice--amber .h-pdp__noticechip{background:#C96A1E}
.h-pdp__notice-cd{margin-left:auto}
.h-pdp__notice--red .hm-bar__countdown{background:#C2452D}
.h-pdp__notice--green .hm-bar__countdown{background:#0b7c3d}
.h-pdp__notice--amber .hm-bar__countdown{background:#C96A1E}
.h-pdp__notice--blue{background:#E9F0FA;border:1px solid #D4E0F2;color:#16211c}
.h-pdp__notice--blue .h-pdp__noticechip{background:#C2452D}
.h-pdp__notice--blue .hm-bar__countdown{background:#C2452D}

/* Dárek k objednávce: místo nákupního boxu vysvětlení, proč koupit nejde. */
.h-buybox--gift{margin-top:20px;padding:22px 24px;background:#E9F5EC;border:1px solid #C7E3CE;border-radius:14px}
.h-gift__head{display:block;font-size:21px;font-weight:800;color:#16211c;line-height:1.25}
.h-gift__text{margin:8px 0 0;font-size:15px;line-height:1.6;color:#3D4A5C}
.h-gift__cta{margin-top:16px}
.h-buybox__price-row{display:flex;align-items:center;gap:10px;margin-top:16px;flex-wrap:nowrap}
.h-buybox__pricecol{min-width:0}
.h-buybox__priceline{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.h-buybox__price{font-size:36px;font-weight:800;color:#16211c;line-height:1;white-space:nowrap}
.h-buybox__price.is-sale{color:#C2452D}
.h-buybox__old{font-size:17px;color:#9AA4B5;text-decoration:line-through;white-space:nowrap}
.h-buybox__per{font-size:15px;font-weight:600;color:#8b9389;white-space:nowrap}
.h-buybox__chip{background:#C2452D;color:#fff;border-radius:8px;padding:5px 11px;font-size:14px;font-weight:800;white-space:nowrap}
.h-buybox__percap{font-size:13px;font-weight:400;color:#8b9389;margin-top:6px}
.h-buybox__points{margin-left:auto;flex:none;display:flex;align-items:center}
.h-buybox__points .h-points-chip--stacked{background:#e4eee6;color:#0d8f46;border-radius:10px;padding:7px 13px;display:flex;flex-direction:column;line-height:1.25;text-align:left;white-space:nowrap}
.h-points-chip__num{font-size:14.5px;font-weight:800}
.h-points-chip__sub{font-size:11px;font-weight:600}
.h-buybox__per{align-self:center}
/* Úzké displeje: řádek 1 = cena + „za X ks", řádek 2 = přeškrtnutá cena s chipem
   (zlom dělá plnoširoký ::after mezi order 4 a 5), body napravo přes oba řádky —
   bez akce se nic neláme a body šetří výšku. Cena škáluje přes vw, body i chip
   jsou kompaktnější, ať se sloupce vedle sebe opravdu vejdou. Blok musí stát AŽ
   ZA základními pravidly buyboxu, jinak je při stejné specificitě prohraje. */
@media (max-width:520px){
.h-buybox__price-row{align-items:flex-start;gap:8px}
.h-buybox__points .h-points-chip--stacked{padding:6px 10px}
.h-buybox__points .h-points-chip__num{font-size:13px}
.h-buybox__points .h-points-chip__sub{font-size:10px}
.h-buybox__priceline{gap:7px}
.h-buybox__priceline::after{content:"";flex-basis:100%;order:4;height:0}
.h-buybox__price{font-size:clamp(24px,7.8vw,34px)}
.h-buybox__per{font-size:13px}
.h-buybox__old{order:5;font-size:14px}
.h-buybox__chip{order:6;font-size:11px;padding:4px 9px}
}
/* Pod 360 px se dvouřádkový box bodů zúží na samotné „+79 bodů" — jinak by
   sloupec s cenou nezbyl a mock rozložení by se rozpadlo. */
@media (max-width:360px){
.h-buybox__points .h-points-chip__sub{display:none}
.h-buybox__points .h-points-chip--stacked{padding:7px 10px}
}
.h-packs__label{font-size:12px;font-weight:700;color:#3d443e;margin-top:18px}
.h-packs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:8px}
.h-pack{border:1.5px solid #e3e0d4;border-radius:14px;padding:14px 16px;background:#fff;text-align:left;position:relative;display:flex;flex-direction:column;gap:2px}
.h-pack.is-active{border:2px solid #0b7c3d;background:#fdfcf8;padding:13.5px 15.5px}
.h-pack__best{position:absolute;top:-11px;right:12px;background:#0b7c3d;color:#fff;font-size:10.5px;font-weight:800;letter-spacing:.06em;border-radius:6px;padding:3px 9px}
.h-pack__title{font-size:14px;font-weight:700;color:#16211c}
.h-pack__title .h-muted{font-weight:600}
.h-pack__price{font-size:16px;font-weight:800;color:#16211c;margin-top:4px}
.h-pack__price.is-sale{color:#C2452D}
.h-pack__chip{display:inline-block;background:#C2452D;color:#fff;border-radius:6px;padding:2px 7px;font-size:11px;font-weight:800;vertical-align:2px;margin-left:2px}
.h-pack__meta{display:flex;align-items:baseline;gap:5px;margin-top:2px;flex-wrap:wrap}
.h-pack__old{font-size:12px;color:#9AA4B5;text-decoration:line-through}
.h-pack__dot{font-size:12px;color:#9AA4B5}
.h-pack__sub{font-size:12px;color:#8b9389}
.h-pack__sub.is-green{color:#0d8f46;font-weight:700}
.h-buybox__actions{display:flex;gap:12px;margin-top:16px;align-items:stretch}
/* Počítadlo má pevnou šířku. Kdyby se roztahovalo, rostou mezery mezi
   znaménky podle zbytku řádku a rámeček se rozjede. Roste jen tlačítko. */
.h-qty{display:flex;align-items:center;justify-content:center;border:1.5px solid #e3e0d4;border-radius:13px;background:#fff;flex:0 0 auto}
.h-buybox__actions .h-btn{flex:1 1 auto;min-width:0}
.h-qty__btn{padding:15px 18px;font-size:18px;font-weight:700;color:#3d443e;background:none;border:0}
.h-qty__num{padding:15px 6px;font-size:16px;font-weight:800;color:#16211c;min-width:28px;text-align:center}
.h-qty--sm .h-qty__btn{padding:8px 11px;font-size:14px}
.h-qty__input{width:44px;border:0;text-align:center;font-size:13.5px;font-weight:800;color:#16211c;background:none;-moz-appearance:textfield}
.h-qty__input::-webkit-outer-spin-button,.h-qty__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.h-buybox__add{flex:1;font-size:18px;border-radius:13px;padding-top:18px;padding-bottom:18px}
.h-coupon-box{margin-top:12px;background:#FDF3E9;border:1.5px dashed #EEC49B;border-radius:13px;padding:12px 16px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.h-coupon-box__chip{background:#C96A1E;color:#FFE8D2;font-size:10.5px;font-weight:800;letter-spacing:.1em;border-radius:6px;padding:4px 9px}
.h-coupon-box__text{font-size:14.5px;color:#8A4D15;font-weight:600}
.h-coupon-box__text b{font-size:17px;color:#4A3A22}
.h-coupon-box__per{font-size:12.5px;font-weight:600;color:#B08052}
.h-coupon-box__code{background:#fff;border:1.5px dashed #EEC49B;border-radius:8px;padding:5px 13px;font-size:13.5px;font-weight:800;letter-spacing:.08em;color:#8A4D15}
.h-coupon-box__apply{margin-left:auto;background:none;border:0;font-size:13.5px;font-weight:800;color:#8A4D15;text-decoration:underline;text-underline-offset:3px}
.h-qty-limit{margin-top:12px;background:#FDF3E9;border:1px solid #EEC49B;border-radius:11px;padding:11px 14px;font-size:13px;color:#8A4D15;line-height:1.5}
.h-qty-limit b{color:#6B3A0E}
/* Skladem + termín doručení pod tlačítkem */
.h-stockbox{margin-top:14px;border:1px solid #e3e0d4;border-radius:13px;overflow:hidden}
.h-stockbox__top{padding:13px 17px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.h-stockbox__dot{width:9px;height:9px;border-radius:50%;background:#0b7c3d;flex:none;box-shadow:0 0 0 3px #E1F0E4}
.h-stockbox__state{font-size:15px;font-weight:800;color:#1f4d3a}
.h-stockbox__sub{font-size:13.5px;color:#8b9389}
/* Na mobilu stačí „Skladem" — dovětek by se s odkazem na termín tlačil. */
@media (max-width:680px){.h-stockbox__sub{display:none}}
.h-stockbox__link{margin-left:auto;background:none;border:0;padding:0;font-size:13.5px;font-weight:700;color:#5d6b62;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.h-stockbox__link:hover{color:#0b7c3d}
.h-stockbox__deliv{background:#F2F8F3;border-top:1px solid #DCEBDF;padding:11px 17px;display:flex;align-items:center;gap:11px;font-size:14px;line-height:1.5;color:#2c4435}
.h-stockbox__deliv svg{flex:none}
.h-stockbox__deliv b{color:#1f4d3a}
.h-buybox__benefits{display:flex;flex-direction:column;gap:7px;margin-top:16px;font-size:13.5px;color:#3d443e}
.h-buybox__benefits b{color:#0d8f46}
.h-buybox__benefits .hl{color:#16211c;font-weight:700}
.h-guarantee{margin-top:24px;border:1px solid #e3e0d4;border-radius:14px;padding:26px 20px 20px;position:relative;container-type:inline-size}
.h-guarantee__head{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);background:#fff;padding:0 14px;font-size:14px;font-weight:700;color:#16211c;white-space:nowrap}
/* Loga musí zůstat na jednom řádku i v úzké kartě, proto se výška i mezery
   počítají ze šířky boxu (100cqw), ne z breakpointů — nezalamují se nikdy. */
.h-guarantee__badges{display:flex;gap:clamp(5px,2.2cqw,12px);justify-content:center;align-items:stretch;flex-wrap:nowrap;min-width:0}
/* Každé logo ve vlastním rámečku jako v patičce. Velikost i odsazení jdou ze
   šířky boxu (100cqw), aby pětice zůstala na jednom řádku i na úzkém mobilu. */
.h-guarantee__chip{display:inline-flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e3e0d4;border-radius:10px;padding:clamp(6px,2.2cqw,11px) clamp(6px,2.8cqw,14px);flex:0 1 auto;min-width:0}
.h-guarantee__logo{height:clamp(13px,4.2cqw,24px);width:auto;max-width:100%;display:block;object-fit:contain}

.h-pdp-tabs{background:#fff;border-top:1px solid #f6f5ef;border-bottom:1px solid #f6f5ef;position:sticky;top:0;z-index:20}
.h-pdp-tabs__in{display:flex;gap:30px;font-size:15px;font-weight:700;color:#5d6b62;overflow-x:auto}
.h-pdp-tabs__in a{padding:15px 0;color:#5d6b62;border-bottom:2.5px solid transparent;white-space:nowrap}
.h-pdp-tabs__in a.is-active,.h-pdp-tabs__in a:hover{color:#0b7c3d;border-bottom-color:#0b7c3d}
.h-pdp-tabs__protocol{margin-left:auto;color:#0b7c3d!important}
.h-pdp-benefits{background:#fdfcf8}
.h-pdp-benefits__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding-top:52px;padding-bottom:52px}
.h-bcard{background:#fff;border:1px solid #e3e0d4;border-radius:16px;padding:26px 26px 28px}
.h-bcard__icon{width:44px;height:44px;border-radius:12px;background:#e4eee6;color:#0b7c3d;font-weight:800;font-size:17px;display:flex;align-items:center;justify-content:center}
.h-bcard__icon.is-green{background:#e4eee6;color:#0d8f46}
.h-bcard__title{font-size:18px;font-weight:800;color:#16211c;margin-top:16px}
.h-bcard__text{font-size:14.5px;line-height:1.6;color:#3d443e;margin-top:8px}
.h-lifestyle__grid{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center;padding-top:60px;padding-bottom:60px}
.h-lifestyle__media{border-radius:20px;height:340px;display:flex;align-items:center;justify-content:center}
.h-lifestyle__media--pattern{background:repeating-linear-gradient(45deg,#f6f5ef 0 12px,#F6F9FC 12px 24px)}
.h-lifestyle__media{overflow:hidden}
.h-lifestyle__img{width:100%;height:100%;object-fit:cover}
.h-lifestyle .h-sec-title{font-size:29px}
.h-lifestyle__text{margin:14px 0 0;font-size:15.5px;line-height:1.7;color:#3d443e}
.h-lifestyle__bullets{margin-top:20px;display:flex;flex-direction:column;gap:14px}
.h-lifestyle__bullets .h-why__bullet{font-size:14.5px}
.h-ingredients{background:#fdfcf8;border-top:1px solid #f6f5ef}
.h-ingredients .h-wrap-narrow{padding-top:56px;padding-bottom:56px}
.h-ingredients .h-sec-title{font-size:29px}
.h-ingredients .h-sec-sub{max-width:620px;margin-left:auto;margin-right:auto;margin-top:10px;line-height:1.6}
.h-ing-table{background:#fff;border:1px solid #e3e0d4;border-radius:18px;margin-top:26px;overflow:hidden}
.h-ing-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;border-bottom:1px solid #f6f5ef}
.h-ing-row:last-child{border-bottom:0}
.h-ing-row:nth-child(even){background:#FBFCFE}
.h-ing-row__name{font-size:15.5px;font-weight:700;color:#16211c}
.h-ing-row__sub{font-size:13px;color:#8b9389;margin-top:2px}
.h-ing-row__amount{font-size:15.5px;font-weight:800;color:#0b7c3d;white-space:nowrap}
.h-ing-foot{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:16px;flex-wrap:wrap}
.h-ing-foot__note{font-size:13px;color:#5d6b62}
.h-who .h-wrap{padding-top:56px;padding-bottom:56px}
.h-who .h-sec-title{font-size:29px}
.h-who__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}
.h-who__card{border:1px solid #e3e0d4;border-radius:16px;padding:24px 26px}
.h-who__title{font-size:17px;font-weight:800;color:#16211c}
.h-who__text{font-size:14.5px;line-height:1.6;color:#3d443e;margin-top:8px}
.h-dosage{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:34px;background:#fdfcf8;border:1px solid #e3e0d4;border-radius:18px;padding:26px 28px}
.h-dosage__cell{text-align:center;padding:0 18px}
.h-dosage__cell:nth-child(2){border-left:1px solid #e3e0d4;border-right:1px solid #e3e0d4}
.h-dosage__big{font-size:22px;font-weight:800;color:#0b7c3d}
.h-dosage__small{font-size:13.5px;color:#5d6b62;margin-top:4px}
.h-faq{background:#fdfcf8;border-top:1px solid #f6f5ef}
.h-faq .h-wrap-narrow{padding-top:56px;padding-bottom:56px}
.h-faq .h-sec-title{font-size:29px}
.h-faq__list{margin-top:26px;display:flex;flex-direction:column;gap:10px}
.h-faq__item{background:#fff;border:1px solid #e3e0d4;border-radius:14px;padding:0 24px}
.h-faq__item summary{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:18px 0;font-size:16px;font-weight:700;color:#16211c;cursor:pointer;list-style:none}
.h-faq__item summary::-webkit-details-marker{display:none}
.h-faq__item summary i::after{content:'+';font-style:normal;color:#8b9389;font-weight:800}
.h-faq__item[open] summary i::after{content:'−';color:#0b7c3d}
.h-faq__answer{font-size:14.5px;line-height:1.65;color:#3d443e;padding-bottom:18px}
.h-poradna-faq{margin-top:8px}
.h-poradna-faq__sub{max-width:640px;margin:10px auto 0;text-align:center;font-size:15px;line-height:1.6;color:#5d6b62}
.h-poradna-faq__nav{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:22px}
.h-poradna-faq__group{margin-top:26px;scroll-margin-top:110px}
.h-poradna-faq__title{margin:0;font-size:17px;font-weight:800;color:#16211c;letter-spacing:.01em}
.h-poradna-faq__group .h-faq__list{margin-top:12px}
.h-poradna-faq__note{margin:22px 0 0;text-align:center;font-size:13px;color:#8b9389}
.h-poradna-faq__help{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px;margin-top:24px;padding-top:22px;border-top:1px solid #e3e0d4;font-size:15px;font-weight:700;color:#16211c}
.h-poradna-faq__help .h-btn{padding:11px 20px;font-size:15px}
.h-poradna-faq__mail{color:#0b7c3d;font-weight:700;text-decoration:none}
.h-poradna-faq__mail:hover{text-decoration:underline}
.h-faq__answer p{margin:0 0 10px}
.h-faq__answer p:last-child{margin-bottom:0}

.h-pdp-reviews .h-wrap{padding-top:52px;padding-bottom:52px}
.h-pdp-reviews .h-sec-title{font-size:29px}
.h-pdp-reviews__grid{display:grid;grid-template-columns:300px 1fr;gap:20px;margin-top:26px;align-items:start}
.h-rev-summary{background:#fdfcf8;border:1px solid #e3e0d4;border-radius:18px;padding:26px 28px}
.h-rev-summary__score{display:flex;align-items:baseline;gap:10px}
.h-rev-summary__avg{font-size:44px;font-weight:800;color:#16211c}
.h-rev-summary__max{font-size:16px;font-weight:700;color:#8b9389;margin-left:-4px}
.h-rev-summary__score .h-stars{font-size:17px}
.h-rev-summary__count{font-size:13.5px;color:#5d6b62;margin-top:4px}
.h-rev-summary__bars{margin-top:16px;display:flex;flex-direction:column;gap:7px}
.h-rev-bar{display:flex;align-items:center;gap:9px;font-size:12.5px;color:#3d443e}
.h-rev-bar__label{width:22px}
.h-rev-bar__track{flex:1;height:7px;background:#e3e0d4;border-radius:99px;overflow:hidden}
.h-rev-bar__track span{display:block;height:100%;background:#E8A33D}
.h-rev-bar__num{width:14px;text-align:right}
.h-rev-summary__cta{width:100%;margin-top:18px;border-radius:10px;padding:12px;font-size:14px}
.h-rev-summary__note{font-size:12px;color:#8b9389;margin-top:9px;text-align:center}
.h-rev-list{display:flex;flex-direction:column;gap:14px}
.h-review--pdp{padding:20px 24px}
.h-review--pdp .h-review__author{font-size:13.5px}
.h-revform{margin-top:4px}
.h-revform__title{display:block;font-size:20px;font-weight:800;color:#16211c;margin-bottom:16px}
.h-revform .comment-form-rating{margin-bottom:16px}
.h-revform .comment-form-rating label,.h-revform .comment-form-comment label{display:block;font-size:13.5px;font-weight:700;color:#3d443e;margin-bottom:7px}
.h-revform p.stars{display:flex;gap:6px;margin:0}
.h-revform p.stars a{position:relative;width:28px;height:28px;text-indent:-9999px;overflow:hidden;text-decoration:none}
/* Postup je z WooCommerce: hvězdy před vybranou (a při hoveru před kurzorem)
   se obarví, ty za ní zůstanou šedé — na předchozí sourozence v CSS nedosáhneme. */
.h-revform p.stars a::before{content:'\2605';position:absolute;top:0;right:0;bottom:0;left:0;inset:0;text-indent:0;font-size:28px;line-height:1;color:#e3e0d4;transition:color .1s}
.h-revform p.stars:hover a::before{color:#F0A82B}
.h-revform p.stars a:hover ~ a::before{color:#e3e0d4}
.h-revform p.stars.selected a:not(.active)::before{color:#F0A82B}
.h-revform p.stars.selected a.active::before{color:#F0A82B}
.h-revform p.stars.selected a.active ~ a::before{color:#e3e0d4}
.h-revform .comment-form-comment{margin:0 0 16px}
.h-revform textarea{width:100%;border:1.5px solid #e3e0d4;border-radius:12px;padding:12px 14px;font-family:inherit;font-size:14.5px;color:#16211c;resize:vertical;min-height:110px;outline:0}
.h-revform textarea:focus{border-color:#0b7c3d}
.h-revform .form-submit{margin:0}
.h-revform__submit{border:0;cursor:pointer}
.h-lab{margin-top:44px;padding-top:36px;border-top:1px solid #e3e0d4}
.h-lab__title{margin:0;font-size:24px;font-weight:800;color:#16211c;letter-spacing:-.01em}
.h-lab__sub{margin:10px 0 0;font-size:15px;line-height:1.65;color:#3d443e;max-width:620px}
.h-lab__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px}
.h-lab__card{background:#fff;border:1px solid #e3e0d4;border-radius:14px;padding:12px;cursor:pointer;text-align:left;display:block;width:100%;transition:border-color .12s,box-shadow .12s}
.h-lab__card:hover{border-color:#0b7c3d;box-shadow:0 10px 26px rgba(20,33,61,.10)}
.h-lab__thumb{display:block;background:#F6F7F9;border:1px solid #f6f5ef;border-radius:9px;overflow:hidden;height:230px}
.h-lab__thumb img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.h-lab__meta{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-top:12px;padding:0 4px 4px}
.h-lab__kicker{display:block;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#8b9389}
.h-lab__name{display:block;font-size:15.5px;font-weight:700;color:#16211c;margin-top:5px;line-height:1.4}
.h-lab__note{display:block;font-size:13px;color:#5d6b62;margin-top:4px}
.h-lab__zoom{color:#0b7c3d;font-weight:800;flex:none}
.h-labbox{position:fixed;top:0;right:0;bottom:0;left:0;inset:0;z-index:120;background:rgba(15,29,61,.72);display:flex;flex-direction:column;padding:24px;box-sizing:border-box}
.h-labbox[hidden]{display:none}
.h-labbox__head{display:flex;justify-content:space-between;align-items:center;gap:20px;max-width:1100px;width:100%;margin:0 auto 14px;color:#fff;flex:none}
.h-labbox__kicker{font-size:11.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#9FB3DE}
.h-labbox__title{font-size:20px;font-weight:800;margin-top:5px}
.h-labbox__note{font-size:13.5px;color:#c8d4cb;margin-top:4px}
.h-labbox__close{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:11px;width:42px;height:42px;font-size:17px;font-weight:800;cursor:pointer;flex:none}
.h-labbox__doc{flex:1;min-height:0;max-width:1100px;width:100%;margin:0 auto;background:#fff;border-radius:14px;overflow:auto;box-shadow:0 30px 80px rgba(6,16,45,.5)}
.h-labbox__doc img{width:100%;display:block}
.h-labbox__foot{display:flex;justify-content:space-between;align-items:center;gap:14px;max-width:1100px;width:100%;margin:14px auto 0;flex:none}
.h-labbox__nav{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:11px;padding:12px 20px;font-size:14.5px;font-weight:700;cursor:pointer}
.h-labbox__nav:hover{background:rgba(255,255,255,.24)}
.h-labbox__hint{font-size:13px;color:#c8d4cb}
.h-sticky-bar__qty{border-radius:10px}
.h-sticky-bar__qty .h-qty__btn{padding:10px 13px;font-size:17px;font-weight:800;color:#0b7c3d;cursor:pointer;line-height:1}
.h-sticky-bar__qty .h-qty__num{padding:10px 4px;font-size:15px;min-width:34px;font-variant-numeric:tabular-nums}
.h-sticky-bar__price{white-space:nowrap}
.h-ava{width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex:none;font-size:11.5px;font-weight:800;line-height:1;letter-spacing:.01em;background:var(--hm-ava-bg);color:var(--hm-ava-fg);box-shadow:inset 0 0 0 1px var(--hm-ava-ring)}
.h-review__foot .h-ava{margin-right:8px}
.h-review__foot .h-review__author{display:inline-flex;align-items:center}
.h-review--pdp .h-review__head .h-ava{margin-right:9px}
.h-review--pdp .h-review__head .h-review__lang{margin-left:auto}
.h-review--pdp .h-review__head .h-stars{margin-left:2px}
.h-review__lang{margin-left:8px;display:inline-flex;align-items:center}
.h-review__shop{margin-left:9px;font-size:12.5px;font-weight:600;color:#8b9389;white-space:nowrap}
.h-review--pdp .h-review__head .h-review__shop{margin-left:auto}
.h-review--pdp .h-review__head .h-review__shop+.h-review__lang{margin-left:8px}
.h-review__shop:empty{display:none}
.h-review__lang .h-flag{border-radius:2px;box-shadow:0 0 0 1px rgba(20,33,61,.14)}
.h-review__tr{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:8px;font-size:12.5px;color:#8b9389}
.h-review__orig{background:none;border:0;padding:0;color:#0b7c3d;font-size:12.5px;font-weight:700;cursor:pointer;text-decoration:underline}
.h-review__origtext{width:100%;margin-top:6px;font-size:13.5px;line-height:1.6;color:#5d6b62;font-style:italic}
.h-rev-more{width:100%;border:1.5px solid #d5d2c6;background:#fff;color:#16211c;border-radius:12px;padding:14px;font-size:15px;font-weight:700;cursor:pointer;margin-top:4px}
.h-rev-more:hover{border-color:#0b7c3d;color:#16211c}
.h-rev-rule{margin:14px 0 0;font-size:12.5px;color:#8b9389}
.h-rev-thanks{background:#F2F8F3;border:1.5px solid #c6dbcb;color:#1f4d3a;border-radius:12px;padding:13px 16px;font-size:14px;font-weight:700;margin-bottom:14px}
.h-rev-note{background:#fdfcf8;border:1px solid #e3e0d4;color:#3d443e;border-radius:12px;padding:13px 16px;font-size:14px}
.h-rev-empty{border:1px dashed #d5d2c6;border-radius:16px;padding:24px;text-align:center;color:#8b9389;font-size:14px}
.h-rev-form{margin-top:24px}
.h-rev-form .comment-respond{background:#fff;border:1px solid #e3e0d4;border-radius:18px;padding:26px 28px;max-width:640px}
.h-rev-form .comment-reply-title{font-size:18px;font-weight:800;color:#16211c;display:block;margin-bottom:12px}
.h-rev-form p{margin:0 0 14px}
.h-rev-form label{display:block;font-size:12.5px;font-weight:700;color:#3d443e;margin-bottom:6px}
.h-rev-form textarea,.h-rev-form input[type=text],.h-rev-form input[type=email]{width:100%;border:1.5px solid #e3e0d4;border-radius:10px;padding:12px 14px;font-size:14px}
.h-rev-form .submit{background:#0b7c3d;color:#fff;border:0;border-radius:10px;padding:12px 24px;font-size:14px;font-weight:800}
.h-rev-form p.stars{display:inline-flex;margin:2px 0 0;line-height:1}
.h-rev-form p.stars span{display:inline-flex;gap:3px}
.h-rev-form p.stars a{position:relative;display:inline-block;width:27px;height:27px;font-size:0;text-decoration:none}
.h-rev-form p.stars a::before{content:'★';position:absolute;top:0;right:0;bottom:0;left:0;inset:0;font-size:25px;line-height:27px;text-align:center;color:#e3e0d4;transition:color .12s}
.h-rev-form p.stars.selected a::before{color:#E8A33D}
.h-rev-form p.stars.selected a.active ~ a::before{color:#e3e0d4}
.h-rev-form p.stars:hover a::before,.h-rev-form p.stars.selected:hover a::before{color:#E8A33D}
.h-rev-form p.stars a:hover ~ a::before,.h-rev-form p.stars.selected a:hover ~ a::before{color:#e3e0d4}
#reviews #comments,#reviews .woocommerce-Reviews-title{display:none}

.h-together .h-wrap{padding-bottom:40px}
.h-together__box{border:1px solid #e3e0d4;border-radius:18px;padding:28px 30px;display:flex;gap:22px;align-items:center}
.h-together__media{background:#F6F7F9;border-radius:14px;width:120px;height:140px;display:flex;align-items:center;justify-content:center;flex:none;padding:12px}
.h-together__media img{max-height:112px;width:auto;object-fit:contain}
.h-together__body{flex:1}
.h-together__title{font-size:17.5px;font-weight:800;color:#16211c;margin-top:6px}
.h-together__old{color:#9AA4B5;text-decoration:line-through;font-size:14px;font-weight:400}
.h-together__bar{margin-top:12px;background:#f6f5ef;border-radius:999px;height:8px;position:relative;overflow:hidden}
.h-together__bar span{position:absolute;top:0;right:0;bottom:0;left:0;inset:0;background:#0b7c3d;border-radius:999px}
.h-together__note{font-size:13px;color:#3d443e;margin:8px 0 12px}
.h-together__note b{color:#16211c}

.h-sticky-bar{position:fixed;left:0;right:0;bottom:0;z-index:40;padding:0 0 12px}
.h-sticky-bar__in{background:#fff;border:1px solid #e3e0d4;border-radius:16px;box-shadow:0 -10px 30px rgba(20,33,61,.10);padding:12px 20px;display:flex;align-items:center;gap:16px}
.h-sticky-bar__img{height:44px;width:auto}
.h-sticky-bar__name{font-size:14.5px;font-weight:700;color:#16211c}
.h-sticky-bar__right{margin-left:auto;display:flex;align-items:center;gap:14px}
.h-sticky-bar__price{font-size:16px;font-weight:800;color:#16211c}
.h-sticky-bar__price.is-sale{color:#C2452D}
.h-sticky-bar__old{font-size:13px;color:#9AA4B5;text-decoration:line-through;order:-1;white-space:nowrap}
.h-sticky-bar__old[hidden]{display:none}
.h-sticky-bar__points{font-size:12.5px}
.h-sticky-bar .h-btn{padding:11px 22px;border-radius:10px;font-size:14px}

.h-progress__text{font-size:12.5px;color:#3d443e;line-height:1.5}
.h-progress__text .hl{color:#16211c;font-weight:800}
.h-progress.is-ship .h-progress__text{color:#3d443e}
.h-progress__text{position:relative}
.h-progress__bar{position:relative;margin-top:9px;height:13px}
.h-progress__track{position:absolute;left:0;right:0;top:3px;height:7px;background:#f6f5ef;border-radius:999px}
.h-progress__fill{position:absolute;left:0;top:3px;height:7px;background:#0b7c3d;border-radius:999px;max-width:100%}
.h-progress__dot{position:absolute;top:50%;transform:translate(-50%,-50%);width:13px;height:13px;border-radius:50%;background:#fff;border:2.5px solid #C3CCDB}
.h-progress__dot.is-on{border-color:#0b7c3d}
.h-progress__dot--gift.is-on,.h-progress__dot--amount.is-on{border-color:#0b7c3d}
/* Poslední milník sedí na 100 % — posunout doleva o vlastní šířku, ať nevyčnívá
   z lišty. Který to je, závisí na výši prahů (dárek vs. sleva), proto třída. */
.h-progress__dot.is-end{transform:translate(-100%,-50%)}
.h-progress__labels{position:relative;margin-top:5px;height:14px;font-size:10.5px;font-weight:700}
.h-progress__ms{position:absolute;white-space:nowrap;color:#8b9389}
.h-progress__ms--ship{transform:translateX(-75%)}
.h-progress__ms.is-end{left:auto!important;right:0}
/* Když za dárkem následuje ještě sleva, popisek dárku se zarovná zprava ke svému
   puntíku — vystředěný by lezl do popisku na konci lišty. */
.h-progress__ms--gift:not(.is-end){transform:translateX(calc(-100% - 8px))}
.h-progress__ms--amount:not(.is-end){transform:translateX(-50%)}
.h-progress__ms--done{position:static;color:#0d8f46;float:left}
/* Tři milníky se na jeden řádek pozicovaně nevejdou — „✓ Dárek máte zdarma"
   a „✓ Sleva 300 Kč je vaše" se u sebe překrývají. Rozložit je proto stejně
   jako na mobilu: tři sloty vedle sebe, ne kotvení k puntíkům. */
.h-progress__labels--three,.h-progress__labels.is-static{display:flex;justify-content:space-between;gap:10px}
.h-progress__labels--three .h-progress__ms,.h-progress__labels.is-static .h-progress__ms{position:static;transform:none!important;left:auto;right:auto}
.h-progress__labels--three .h-progress__ms--done,.h-progress__labels.is-static .h-progress__ms--done{float:none}
.h-progress.is-gift .h-progress__ms--gift,.h-progress.is-amount .h-progress__ms--amount{color:#0d8f46}

.h-panel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;inset:0;background:rgba(15,29,61,.45);z-index:90;opacity:0;transition:opacity .2s}
.h-panel-overlay.is-open{opacity:1}
.h-panel{position:fixed;top:0;right:0;bottom:0;width:420px;max-width:94vw;background:#fff;z-index:95;box-shadow:0 24px 60px rgba(20,33,61,.25);transform:translateX(105%);transition:transform .25s ease;display:flex;flex-direction:column}
.h-panel.is-open{transform:none}
.h-panel__head{padding:8px 22px;border-bottom:1px solid #f6f5ef;display:flex;align-items:center;justify-content:space-between;flex:none}
.h-panel__title{font-size:17px;font-weight:800;color:#16211c}
.h-panel__count{color:#8b9389;font-weight:600}
.h-panel__close{font-size:18px;color:#8b9389;font-weight:700;background:none;border:0;line-height:1;padding:4px}
/* Na mobilu je křížek o třetinu větší — palcem se do 18px znaku trefuje špatně. */
@media (max-width:680px){.h-panel__close{font-size:23.5px}}
.h-panel__body{overflow:hidden;flex:1;display:flex;flex-direction:column;min-height:0}
/* Položky se ořezávají zobáčkem jako na pokladně; po rozbalení roluje celé
   tělo panelu (obsah je delší než okno), sbalený panel se obvykle vejde. */
#vl-minicart{display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto}
.h-panel__items{padding:16px 22px 10px;display:flex;flex-direction:column;gap:14px;overflow:hidden;flex:none;max-height:272px}
.h-panel__items.is-open{max-height:none}
.h-panel__items:has(+ .h-panel__more:not([hidden])){border-bottom:0;padding-bottom:0}
.h-panel__more{display:flex;align-items:center;justify-content:center;width:100%;padding:0 0 4px;margin:-4px 0 0;background:none;border:0;color:#8b9389;cursor:pointer;position:relative;flex:none}
/* Fade sahá 6 px pod horní hranu tlačítka — záporný margin zobáčku jinak
   nechával nad ním proužek ostře oříznutého obsahu. */
.h-panel__more::before{content:'';position:absolute;left:0;right:0;bottom:calc(100% - 6px);height:58px;background:linear-gradient(180deg,rgba(255,255,255,0),#fff 88%);pointer-events:none}
.h-panel__items.is-open + .h-panel__more::before{content:none}
.h-panel__more svg{transition:transform .18s}
.h-panel__more[aria-expanded="true"] svg{transform:rotate(180deg)}
.h-panel__more:hover{color:#0b7c3d}
/* Vlastní scrollbar: overlay lišty (macOS, mobily) jinak scroll položek úplně
   schovají a delší košík vypadá jako uříznutý. Explicitní ::-webkit-scrollbar
   auto-skrývání vypíná — ale jen pokud NEplatí standardní scrollbar-width
   (ta má v Chromiu přednost a vrátila by neviditelný overlay), proto jde
   standardní varianta jen do prohlížečů bez ::-webkit-scrollbar (Firefox). */
@supports not selector(::-webkit-scrollbar){
#vl-minicart{scrollbar-width:thin;scrollbar-color:#C2CCDA transparent}
}
#vl-minicart::-webkit-scrollbar{width:9px}
#vl-minicart::-webkit-scrollbar-thumb{background:#C2CCDA;border-radius:99px;border:2.5px solid #fff}
#vl-minicart::-webkit-scrollbar-track{background:transparent}
/* Spodní lišta PDP na mobilu: místo textu tlačítka ikona košíku. */
.h-sticky-bar__addico{display:none}
@media (max-width:680px){
.h-sticky-bar__addico{display:block}
.h-sticky-bar__addtext{display:none}
.h-sticky-bar__add{padding:11px 14px}
.h-sticky-bar__qty{border-radius:9px}
.h-sticky-bar__qty .h-qty__btn{padding:8px 10px;font-size:15px}
.h-sticky-bar__qty .h-qty__num{padding:8px 3px;font-size:14px;min-width:18px}
}
.h-mini-item{display:flex;gap:13px;align-items:center}
.h-mini-item__thumb{width:58px;height:58px;border-radius:12px;background:linear-gradient(167deg,#f2f1e9 0%,#f6f5ef 84%,#f2f1e9 100%);display:flex;align-items:center;justify-content:center;flex:none;padding:6px}
/* Poukaz v panelu — stejný ostrůvek jako v košíku: platidlo, ne zboží. */
.h-mini-item.is-voucher{background:#fdfcf8;border:1px solid #DDE6F4;border-radius:12px;padding:10px 12px}
.h-mini-item__thumb--voucher{background:#16211c;position:relative}
.h-mini-item__thumb--voucher::before{content:"";width:56%;height:36%;border:1.5px dashed #7fa98c;border-radius:5px}
.h-mini-item__thumb--voucher::after{content:"";position:absolute;left:22%;right:22%;height:1.5px;background:#7fa98c;opacity:.7}
.h-mini-item__vnote{font-size:11.5px;color:#5A6B85;margin-top:4px;line-height:1.45}
.h-mini-item__thumb img{max-width:100%;max-height:100%;object-fit:contain}
.h-mini-item__body{flex:1;min-width:0}
.h-mini-item__name{font-size:14px;font-weight:700;color:#16211c}
.h-mini-item__cat{font-size:12.5px;color:#8b9389;margin-top:2px}
.h-mini-item__qty{font-size:12.5px;color:#8b9389;margin-top:2px;display:flex;align-items:center;gap:6px}
.h-mini-qty{background:none;border:0;color:#8b9389;font-weight:700;font-size:14px;padding:0 4px}
.h-mini-qty:hover{color:#3d443e}
.h-mini-item__num{font-weight:800;color:#16211c;white-space:nowrap}
.h-mini-item__price{font-size:14.5px;font-weight:800;color:#16211c;white-space:nowrap}
/* Horní čáru nese progress sám — border-bottom položek se při zobáčku schovává. */
.h-panel__progress{padding:14px 22px;border-top:1px solid #f6f5ef;border-bottom:1px solid #f6f5ef}
.h-panel__coupon{padding:4px 22px}
/* Mobil: chip kupónu v panelu neukazovat — sleva je vidět v souhrnu pod ním
   a chip jen ukrajuje výšku (jen postranní panel, košík a pokladna ho mají). */
@media (max-width:680px){.h-panel__coupon{display:none}}
.h-coupon-label{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#8b9389;margin-bottom:10px}
.h-coupon-chip{display:flex;align-items:center;gap:10px;background:#e4eee6;border:1.5px dashed #7FBE8A;border-radius:11px;padding:11px 14px;margin-top:10px}
.h-coupon-chip__icon{font-size:14px}
.h-coupon-chip__code{font-size:13.5px;font-weight:800;color:#1f4d3a;letter-spacing:.04em}
.h-coupon-chip__pct{font-size:12.5px;font-weight:700;color:#0d8f46}
.h-coupon-chip__amount{margin-left:auto;font-size:13.5px;font-weight:800;color:#0d8f46}
.h-coupon-chip__remove{font-size:14px;color:#8b9389;font-weight:700;background:none;border:0}
.h-coupon-chip--inline{display:inline-flex;margin:0 0 0 10px;padding:8px 12px}
.h-coupon-note{font-size:11.5px;color:#8b9389;margin-top:7px}
.h-panel__tip{margin:14px 22px 0;background:#fdfcf8;border:1px solid #e3e0d4;border-radius:12px;padding:12px 14px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.h-panel__tipchip{background:#e4eee6;color:#0d8f46;font-size:10.5px;font-weight:800;letter-spacing:.08em;border-radius:6px;padding:3px 8px;flex:none}
.h-panel__tiptext{flex:1;min-width:160px;font-size:13px;color:#2c4435;line-height:1.45}
.h-panel__tiptext .hl{color:#16211c;font-weight:700}
.h-panel__tipbtn{flex:none}
.h-panel__cross{margin:14px 22px 0;border:1px solid #e3e0d4;border-radius:12px;padding:9px 14px}
.h-panel__crossrow{display:flex;align-items:center;gap:12px}
.h-panel__crossbody{flex:1;min-width:0}
.h-panel__crossbody .h-coupon-label{margin-bottom:2px}
.h-panel__crossmeta{display:flex;align-items:baseline;gap:6px}
.h-panel__crossprice{font-size:13.5px;font-weight:800;color:#16211c;margin-top:2px}
.h-panel__crossmeta .h-panel__crossprice{margin-top:0}
/* Jen plus jako na pokladně (h-chk2-upsell__add) — text říkal totéž dvakrát. */
.h-panel__crossadd{width:34px;height:34px;border:1.5px solid #0b7c3d;color:#0b7c3d;background:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:800;line-height:1;box-sizing:border-box;flex:none;cursor:pointer;align-self:center;padding:0 0 3px}
.h-panel__crossadd:hover{background:#fdfcf8}
.h-panel__crossprice del{font-size:12px;color:#9AA4B5;font-weight:400}
.h-panel__crossprice ins{text-decoration:none;color:#C2452D}
.h-btn.loading{opacity:.6;pointer-events:none}
/* Bez margin-top:auto — souhrn navazuje hned za obsahem, nelepí se ke dnu
   panelu s velkou mezerou (Davidovo zadání: málo místa mezi kupónem a součty). */
.h-panel__totals{padding:6px 22px 14px}
.h-total-row{display:flex;justify-content:space-between;font-size:13.5px;color:#3d443e;margin-top:7px}
.h-total-row b{font-weight:700;color:#16211c}
.h-total-row--green b,.h-total-row--green span{color:#0d8f46}
.h-total-row--green b{font-weight:700}
.h-total-row--grand{align-items:baseline;margin-top:10px;padding-top:12px;border-top:1px solid #f6f5ef;font-size:14.5px;font-weight:700;color:#16211c}
.h-total-grand{font-size:20px;font-weight:800;color:#16211c}
.h-panel__totals .h-points-chip,.h-cart-summary .h-points-chip,.h-chk-review .h-points-chip{display:inline-block;background:#e4eee6;color:#0d8f46;border-radius:9px;padding:6px 12px;font-size:12px;font-weight:800;margin-top:8px}
.h-panel__cta{width:100%;margin-top:14px;border-radius:12px;padding:15px;font-size:15.5px}
.h-panel__note{font-size:12px;color:#8b9389;text-align:center;margin-top:8px;padding-bottom:6px}
.h-panel__empty{padding:40px 22px;text-align:center;display:flex;flex-direction:column;gap:16px;align-items:center}

.h-cart-page .h-wrap{padding-top:36px;padding-bottom:64px}
.h-cart-page__title{font-size:29px;font-weight:800}
.h-cart-page__title .h-muted{font-size:16px}
.h-cart-page__grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:36px;margin-top:24px}
.h-cart-head{display:grid;grid-template-columns:minmax(0,1fr) 112px 92px 28px;gap:12px;padding-bottom:10px;border-bottom:1px solid #e3e0d4;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#8b9389}
.h-cart-row{display:grid;grid-template-columns:minmax(0,1fr) 112px 92px 28px;gap:12px;align-items:center;padding:18px 0;border-bottom:1px solid #f6f5ef}
.h-cart-row__prod{display:flex;gap:14px;align-items:center;min-width:0}
.h-cart-row__thumb{width:64px;height:64px;border-radius:14px;background:linear-gradient(167deg,#f2f1e9 0%,#f6f5ef 84%,#f2f1e9 100%);display:flex;align-items:center;justify-content:center;flex:none;padding:7px}
.h-cart-row__thumb img{max-width:100%;max-height:100%;object-fit:contain}
.h-cart-row__name{font-size:15px;font-weight:700;color:#16211c}
.h-cart-row__meta{font-size:12.5px;color:#8b9389;margin-top:3px}
.h-cart-row__meta .woocommerce-Price-amount{font-weight:400}
.h-cart-row__total{font-size:15.5px;font-weight:800;color:#16211c;text-align:right}
.h-cart-row__remove{text-align:right}
.h-cart-row__remove a{color:#B4BFD1;font-weight:700;font-size:15px}
.h-cart-row__remove a:hover{color:#C2452D}
.hm-gift-tag{background:#FBF3E6;color:#B4741E;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:800;margin-left:6px;white-space:nowrap}
.hm-gift-free{color:#0d8f46;font-weight:800}
.hm-gift-qty{font-size:13px;color:#8b9389}
.h-checktoggle{display:inline-flex;align-items:center;gap:9px;cursor:pointer;font-size:13.5px;font-weight:700;color:#16211c}
.h-checktoggle input{position:absolute;opacity:0;pointer-events:none}
.h-checktoggle__box{width:17px;height:17px;border:1.5px solid #C3CCDB;border-radius:5px;background:#fff;display:inline-flex;align-items:center;justify-content:center;flex:none;font-size:11px;font-weight:800;color:#fff;transition:all .12s}
.h-checktoggle input:checked+.h-checktoggle__box{background:#0b7c3d;border-color:#0b7c3d}
.h-checktoggle input:checked+.h-checktoggle__box::after{content:'✓'}
.h-cart-coupon{margin-top:20px}
.h-cart-upsell{margin-top:22px;border:1px solid #e3e0d4;border-radius:14px;padding:16px 20px;display:flex;align-items:center;gap:16px;background:#fdfcf8}
.h-cart-upsell__thumb{width:52px;height:52px;border-radius:11px;background:linear-gradient(167deg,#f2f1e9 0%,#f6f5ef 84%,#f2f1e9 100%);display:flex;align-items:center;justify-content:center;flex:none;padding:5px}
.h-cart-upsell__thumb img{max-width:100%;max-height:100%;object-fit:contain}
.h-cart-upsell__text{flex:1;font-size:13.5px;color:#2c4435;line-height:1.5}
.h-cart-upsell__text .hl{color:#16211c;font-weight:700}
.h-cart-continue{display:inline-block;margin-top:16px;font-size:14px;font-weight:700}
.h-cart-summary{background:#fdfcf8;border:1px solid #e3e0d4;border-radius:18px;padding:24px 26px;position:sticky;top:calc(var(--hm-hdr,0px) + 16px)}
.h-cart-summary__title{font-size:17px;font-weight:800;color:#16211c}
.h-cart-summary__progress{margin-top:16px;padding-bottom:14px;border-bottom:1px solid #e3e0d4}
.h-cart-summary .h-total-row{font-size:14px;margin-top:8px}
.h-cart-summary .h-total-row--grand{padding-top:14px;border-top:1px solid #e3e0d4;font-size:15px}
.h-cart-summary .h-total-grand{font-size:22px}
.h-cart-summary__cta{width:100%;margin-top:16px;padding:16px;font-size:16px}
.h-cart-summary__pays{display:flex;gap:8px;justify-content:center;margin-top:14px;flex-wrap:wrap}
.h-cart-summary__pays .h-cart-summary__pay{border:1px solid #e3e0d4;border-radius:7px;padding:5px 9px;background:#fff;display:inline-flex;align-items:center}
.h-cart-summary__pays img{height:13px;width:auto;display:block}
.h-cart-summary__gift{font-size:12px;color:#8b9389;text-align:center;margin-top:10px}
.h-points-box-wrap{margin-top:10px}
.h-points-box{display:flex;align-items:center;gap:10px;background:#e4eee6;border:1.5px dashed #7FBE8A;border-radius:11px;padding:11px 14px}
.h-points-box__label{font-size:13.5px;font-weight:800;color:#1f4d3a}
.h-points-box__act{margin-left:auto;background:none;border:0;padding:0;cursor:pointer;font-size:13px;font-weight:800;color:#1f4d3a;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.h-points-box__part{background:none;border:0;padding:0;cursor:pointer;font-size:12px;color:#8b9389;text-decoration:underline;text-underline-offset:2px;margin-top:7px}
.h-points-box__partrow{display:flex;gap:8px;margin-top:8px}
.h-points-box__input{width:110px}

.h-ship-methods{display:flex;flex-direction:column;gap:10px}
.h-chk2-sec .h-ship-methods{margin-top:18px}
.h-ship-empty{border:1.5px dashed #e3e0d4;border-radius:13px;padding:15px 18px;font-size:13.5px;color:#8b9389}
/* Delší košík se ořízne a rozbalí zobáčkem (bez scrollbaru) — viditelnost
   tlačítka řídí syncItemsToggle() v vlasimo.js podle přetečení. Ořezaná
   položka se rozpouští do bílé (fade ::before zobáčku) a bez dělicí čáry. */
/* Bez spodní čáry — blok „Zákazníci často přidávají" pod seznamem má vlastní. */
.h-chk-review__items{display:flex;flex-direction:column;gap:14px;margin-top:12px;padding-bottom:14px;overflow:hidden;max-height:280px}
.h-chk-review__items.is-open{max-height:none}
.h-chk-review__items:has(+ .h-chk-review__more:not([hidden])){padding-bottom:0}
.h-chk-review__more{display:flex;align-items:center;justify-content:center;width:100%;padding:0 0 4px;margin:-2px 0 0;background:none;border:0;color:#8b9389;cursor:pointer;position:relative}
.h-chk-review__more::before{content:'';position:absolute;left:0;right:0;bottom:calc(100% - 6px);height:58px;background:linear-gradient(180deg,rgba(255,255,255,0),#fff 88%);pointer-events:none}
.h-chk-review__items.is-open + .h-chk-review__more::before{content:none}
.h-chk-review__more svg{transition:transform .18s}
.h-chk-review__more[aria-expanded="true"] svg{transform:rotate(180deg)}
.h-chk-review__more:hover{color:#0b7c3d}
.h-chk-review .h-coupon-chip{margin-top:14px;padding:11px 14px;background:#F4FAF5;border:1.5px dashed #7FBE8A;border-radius:12px}
.h-chk-review__totals .h-total-row{font-size:14px;margin-top:8px}
.h-chk-review__totals .h-total-row--grand{padding-top:14px;border-top:1px solid #e3e0d4;font-size:15px;margin-top:12px}
.h-chk-review__totals .h-total-grand{font-size:24px}
/* Body a „včetně DPH" na jednom řádku — chip vlevo, poznámka vpravo. */
.h-chk-review__foot{display:flex;align-items:center;gap:10px;margin-top:6px}
.h-chk-review__foot .h-points-chip{margin-top:0}
.h-chk-review__vat{font-size:12px;color:#8b9389;margin-left:auto;text-align:right}
.h-chk-review__cta{width:100%;margin-top:16px;padding:16px;font-size:16px;border:0}
.h-chk-review__terms{font-size:11.5px;color:#8b9389;text-align:center;margin-top:9px;line-height:1.5}
.h-chk-review__terms a{text-decoration:underline;color:#8b9389}
.h-chk-review__usps{display:flex;flex-direction:column;gap:7px;margin-top:14px;padding-top:14px;border-top:1px solid #e3e0d4;font-size:12.5px;color:#3d443e}
.h-chk-review__usps b{color:#0d8f46}

.woocommerce-NoticeGroup,.woocommerce-notices-wrapper,.wc-empty-cart-message{max-width:1280px;margin:0 auto;padding:0 24px}
/* Hlášky WooCommerce (přidáno do košíku, chyby formulářů, upozornění).
   Ikona je absolutně, ne jako flex položka — u chyb je uvnitř seznam <li> a ten
   by se s ikonou v jedné řadě rozsypal. */
.woocommerce-message,.woocommerce-info,.woocommerce-error{position:relative;background:#F2F6FC;border:1px solid #D5E0F2;border-radius:14px;padding:15px 18px 15px 50px;margin:16px 0;font-size:14.5px;line-height:1.55;font-weight:600;color:#2c4435;list-style:none}
.woocommerce-message::before,.woocommerce-info::before,.woocommerce-error::before{position:absolute;left:16px;top:14px;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:#fff;background:#0b7c3d;content:'i'}
/* WC hlášku po vypsání programově zaostří (kvůli čtečkám) a prohlížeč na ni
   nakreslí černý focus ring. Bereme ho jen u programatického fokusu —
   při ovládání klávesnicí rámeček zůstává. */
.woocommerce-message:focus,
.woocommerce-info:focus,
.woocommerce-error:focus{outline:none}
.woocommerce-message{background:#EAF7EE;border-color:#c6dbcb;color:#1f4d3a}
.woocommerce-message::before{content:'✓';background:#0b7c3d}
.woocommerce-error{background:#FDEDEC;border-color:#F2CFC5;color:#7A2A18}
.woocommerce-error::before{content:'!';background:#C2452D}
.woocommerce-error li{margin:0}
.woocommerce-error li+li{margin-top:6px}
.woocommerce-message a:not(.button),.woocommerce-info a:not(.button),.woocommerce-error a:not(.button){color:inherit;font-weight:800;text-decoration:underline;text-underline-offset:3px}
/* Tlačítka, která WooCommerce do hlášky vkládá („Zobrazit košík"). */
.woocommerce-message .button,.woocommerce-info .button,.woocommerce-error .button{float:right;margin:-2px 0 0 16px;background:#fff;border:1px solid currentColor;border-radius:10px;padding:7px 13px;font-size:13px;font-weight:800;color:inherit;text-decoration:none;cursor:pointer;line-height:1.3}
.woocommerce-message .button:hover,.woocommerce-info .button:hover,.woocommerce-error .button:hover{background:rgba(255,255,255,.6);color:inherit}
.woocommerce-notices-wrapper:empty{display:none}
.woocommerce form .form-row{margin:0 0 12px}
.h-content{padding-top:40px;padding-bottom:60px;min-height:40vh}
.h-prose{margin-top:20px;font-size:15.5px;line-height:1.7}
.h-pagination{margin-top:30px;display:flex;justify-content:center}
.h-pagination .page-numbers{display:inline-flex;gap:6px;list-style:none;padding:0}
.h-pagination .page-numbers li a,.h-pagination .page-numbers li span{display:inline-block;border:1px solid #e3e0d4;border-radius:8px;padding:8px 14px;font-size:14px;font-weight:700}
.h-pagination .page-numbers li span.current{background:#0b7c3d;color:#fff;border-color:#0b7c3d}
.h-account-wrap{display:grid;grid-template-columns:220px 1fr;gap:36px;padding-top:36px;padding-bottom:60px}
.hm-account-points{background:#e4eee6;border:1px solid #c6dbcb;border-radius:12px;padding:14px 18px;margin-bottom:18px;font-size:14px;color:#1f4d3a}
.woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.woocommerce-MyAccount-navigation a{display:block;padding:10px 14px;border-radius:10px;font-weight:600;font-size:14.5px;color:#3d443e}
.woocommerce-MyAccount-navigation li.is-active a{background:#fdfcf8;color:#0b7c3d}

@media (max-width:1100px){
	.h-hero__title{font-size:38px}
	.h-pdp__grid,.h-lifestyle__grid{grid-template-columns:1fr;gap:32px}
	.h-loyalty__grid{grid-template-columns:1fr;gap:36px}
	.h-pdp-reviews__grid{grid-template-columns:1fr}
	/* Souhrn s tlačítkem má po složení pod sebe přijít hned za položkami; kupón
	   a odkaz zpět do obchodu se přesouvají pod něj. Formulář se rozpouští
	   (display:contents), aby šlo pořadí řídit napříč oběma sloupci gridu. */
	.h-cart-page__grid{display:flex;flex-direction:column;gap:0}
	.h-cart-page__grid>div:first-child,.h-cart-page__grid .woocommerce-cart-form{display:contents}
	.h-cart-summary{position:static;order:1;margin-top:18px}
	.h-cart-coupon{order:2;margin-top:20px;padding-top:18px;border-top:1px solid #f6f5ef}
	.h-cart-continue{order:2;margin-top:14px}
	.h-cart-row:last-of-type{border-bottom:0}
}
@media (max-width:760px){
	.h-pdp-benefits__grid,.h-who__grid{grid-template-columns:1fr 1fr}
	.h-hero__in{padding-top:40px;padding-bottom:44px}
	.h-hero__bg{opacity:.35;width:100%}
	.h-hero__float{display:none}
	.h-hero__title{font-size:31px}
	.h-footer__grid{grid-template-columns:1fr 1fr}
	.h-packs,.h-dosage{grid-template-columns:1fr}
	.h-dosage__cell:nth-child(2){border:0;border-top:1px solid #e3e0d4;border-bottom:1px solid #e3e0d4;padding:12px 0;margin:12px 0}
	.h-cart-head{display:none}
	/* Na mobilu: název s obrázkem přes celou šířku, křížek vpravo nahoře, pod
	   tím množství vlevo a cena vpravo. Stepper nesmí být v 1fr sloupci —
	   roztáhl by se přes celou šířku a cena s křížkem by zůstaly každá na
	   svém řádku. */
	.h-cart-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:'prod remove' 'qty total';gap:10px 12px;padding:14px 0}
	.h-cart-row.is-voucher{padding:12px 14px}
	.h-cart-row__prod{grid-area:prod}
	.h-cart-row>div:nth-child(2){grid-area:qty;justify-self:start}
	.h-cart-row__total{grid-area:total;align-self:center}
	.h-cart-row__remove{grid-area:remove;align-self:start}
	.h-cart-row__thumb{width:56px;height:56px;border-radius:12px}
	.h-cart-row__name{font-size:14.5px}
	.h-cart-page .h-wrap{padding-top:20px;padding-bottom:36px}
	.h-cart-page__title{font-size:23px}
	.h-cart-page__title .h-muted{font-size:14px}
	.h-cart-page__grid{margin-top:16px}
	/* Milníky se na úzké obrazovce překrývaly (jsou pozicované na procenta),
	   proto z nich je prostý řádek: doprava vlevo, dárek vpravo. */
	.h-progress__labels{height:auto;display:flex;justify-content:space-between;gap:10px}
	.h-progress__ms{position:static!important;transform:none!important}
	.h-progress__ms--done{float:none}
	/* Upsell: text vedle obrázku, tlačítko pod nimi přes celou šířku. */
	.h-cart-upsell{flex-wrap:wrap;padding:14px 16px;gap:12px}
	.h-cart-upsell__text{flex:1 1 140px}
	.h-cart-upsell .h-btn{flex:1 0 100%;justify-content:center;text-align:center}
	.h-cart-summary{padding:18px 16px;border-radius:14px}
	.h-together__box{flex-direction:column;align-items:flex-start}
	.h-sticky-bar__name,.h-sticky-bar__points{display:none}
}
@media (max-width:520px){
	.h-pdp-benefits__grid,.h-who__grid{grid-template-columns:1fr}
	.h-footer__grid{grid-template-columns:1fr}
	.h-chk-fields--2col,.h-chk-fields--addr{grid-template-columns:1fr}
	.h-buybox__actions{gap:10px}
	.h-buybox__actions .h-qty__btn{padding:13px 14px}
	.h-buybox__actions .h-qty__num{padding:13px 2px;min-width:22px}
	.h-gallery__thumbs{grid-template-columns:repeat(4,1fr)}
	/* Na úzkém displeji jen první čtyři miniatury — pátá by začala druhou,
	   neúplnou řadu. Obrázky od pátého dál se na mobilu nedají zobrazit
	   (jiná cesta k nim není) — na prvních čtyřech pozicích musí být to hlavní. */
	.h-gallery__thumb:nth-child(n+5){display:none}
}
.h-cart-row__promo,.h-mini-item__promo{font-size:11.5px;font-weight:800;color:#0d8f46;margin-top:3px}


.h-hdr{position:sticky;top:0;z-index:80;transition:transform .28s ease,box-shadow .28s ease}
.h-hdr.is-hidden{transform:translateY(-100%)}
.h-hdr.is-float{box-shadow:0 10px 30px rgba(20,33,61,.12)}
body.admin-bar .h-hdr{top:32px}
[id]{scroll-margin-top:150px}

.h-loyal-hero{background:#16211c}
.h-loyal-hero__grid{display:grid;grid-template-columns:1fr 360px;gap:56px;align-items:center;padding-top:52px;padding-bottom:56px}
.h-loyal-hero__eyebrow{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#7fa98c}
.h-loyal-hero__title{margin:12px 0 0;font-size:42px;line-height:1.15;font-weight:800;color:#fff;letter-spacing:-.01em}
.h-loyal-hero__title .hl{color:#9FE3A8}
.h-loyal-hero__perex{margin:16px 0 0;font-size:17px;line-height:1.65;color:#c8d4cb;max-width:560px}
/* Akční blok v hero — vykreslí se jen po dobu bonusu. Zelený rám na tmavém
   podkladu, aby vystoupil nad perexem, ale nepřebil hlavní CTA pod ním. */
.h-loyal-bonus{margin-top:22px;max-width:560px;border:1px solid #3A6B45;background:linear-gradient(180deg,rgba(62,163,77,.16),rgba(62,163,77,.07));border-radius:14px;padding:16px 20px 17px}
.h-loyal-bonus__tag{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#9FE3A8}
.h-loyal-bonus__tag::before{content:"";width:7px;height:7px;border-radius:50%;background:#6DD97C;box-shadow:0 0 0 3px rgba(109,217,124,.25)}
.h-loyal-bonus__head{display:block;margin-top:7px;font-size:20px;font-weight:800;color:#fff;line-height:1.25}
.h-loyal-bonus__text{display:block;margin-top:6px;font-size:14px;line-height:1.6;color:#c8d4cb}
.h-loyal-example__bonus{margin-top:14px;background:#e4eee6;border-radius:10px;padding:9px 12px;font-size:12.5px;font-weight:700;color:#0d8f46;text-align:center}
.h-loyal-hero__ctas{display:flex;gap:12px;margin-top:26px;flex-wrap:wrap}
.h-loyal-hero__ghost{display:inline-flex;align-items:center;border:1.5px solid #3D5390;color:#fff;font-size:16px;font-weight:700;padding:15px 26px;border-radius:12px;text-decoration:none}
.h-loyal-hero__ghost:hover{color:#fff;border-color:#5C74B8}
.h-loyal-example{background:#fff;border-radius:18px;padding:26px 26px 24px;box-shadow:0 20px 50px rgba(6,16,45,.35)}
.h-loyal-example__label{font-size:11.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#8b9389}
.h-loyal-example__row{display:flex;justify-content:space-between;align-items:baseline;margin-top:12px;padding-bottom:12px;border-bottom:1px solid #f6f5ef}
.h-loyal-example__row:first-of-type{margin-top:14px}
.h-loyal-example__row:last-of-type{border-bottom:0;padding-bottom:0}
.h-loyal-example__row span{font-size:14.5px;color:#3d443e}
.h-loyal-example__row b{font-size:19px;font-weight:800;color:#16211c}
.h-loyal-example__row b.is-green{color:#0d8f46}
.h-loyal-example__note{font-size:12px;color:#8b9389;text-align:center;margin-top:16px}
.h-loyal-steps{background:#fff;border-bottom:1px solid #f6f5ef}
.h-loyal-steps__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding-top:40px;padding-bottom:40px}
.h-loyal-step__num{width:34px;height:34px;border-radius:50%;background:#0b7c3d;color:#fff;font-size:14px;font-weight:800;display:flex;align-items:center;justify-content:center}
.h-loyal-step__title{font-size:15.5px;font-weight:700;color:#16211c;margin-top:10px}
.h-loyal-step__text{font-size:13.5px;color:#5d6b62;margin-top:4px;line-height:1.55}
.h-loyal-table{background:#fff;padding:52px 0}
.h-loyal-table__card{background:#fff;border:1px solid #e3e0d4;border-radius:18px;margin-top:26px;overflow:hidden}
.h-loyal-table__head{display:grid;grid-template-columns:1fr 1fr 1fr;padding:14px 24px;background:#fdfcf8;border-bottom:1px solid #e3e0d4;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#8b9389}
.h-loyal-table__head span:nth-child(2){text-align:center}
.h-loyal-table__head span:nth-child(3){text-align:right}
.h-loyal-table__row{display:grid;grid-template-columns:1fr 1fr 1fr;padding:15px 24px;border-bottom:1px solid #f6f5ef;font-size:15px;align-items:center}
.h-loyal-table__row:last-child{border-bottom:0}
.h-loyal-table__row:nth-child(odd){background:#FBFCFE}
.h-loyal-table__label{color:#3d443e}
.h-loyal-table__pts{text-align:center;font-weight:800;color:#0d8f46}
.h-loyal-table__val{text-align:right;font-weight:800;color:#16211c}
.h-loyal-note{font-size:13px;color:#5d6b62;margin-top:12px;text-align:center;line-height:1.55}
.h-loyal-use{background:#fdfcf8;border-top:1px solid #f6f5ef}
.h-loyal-use__grid{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center;padding-top:52px;padding-bottom:52px}
.h-loyal-use__items{margin-top:20px;display:flex;flex-direction:column;gap:14px}
.h-loyal-use__item{display:flex;gap:12px;align-items:flex-start;font-size:15px;color:#2c4435;line-height:1.55}
.h-loyal-use__item b{color:#16211c}
.h-loyal-use__check{width:26px;height:26px;border-radius:50%;background:#e4eee6;color:#0d8f46;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center;flex:none}
.h-loyal-demo{background:#fff;border:1px solid #e3e0d4;border-radius:18px;padding:24px 26px}
.h-loyal-demo__label{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#8b9389}
.h-loyal-demo__row{display:flex;justify-content:space-between;font-size:14px;color:#3d443e;margin-top:16px}
.h-loyal-demo__row b{font-weight:700;color:#16211c}
.h-loyal-demo .h-points-box{margin-top:10px}
.h-loyal-demo__row--total{align-items:baseline;margin-top:12px;padding-top:12px;border-top:1px solid #f6f5ef}
.h-loyal-demo__row--total span{font-size:14.5px;font-weight:700;color:#16211c}
.h-loyal-demo__row--total b{font-size:20px;font-weight:800}
.h-loyal-faq{background:#fff;padding:52px 0}
.h-loyal-faq .h-loyal-note{margin-top:14px}
.h-loyal-cta{background:#16211c}
.h-loyal-cta__in{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;padding-top:44px;padding-bottom:44px}
.h-loyal-cta__title{font-size:23px;font-weight:800;color:#fff}
.h-loyal-cta__sub{font-size:14.5px;color:#c8d4cb;margin-top:6px}
.h-loyal-cta__btns{display:flex;gap:12px;flex:none;flex-wrap:wrap}
.h-loyal-cta__white{display:inline-flex;align-items:center;background:#fff;color:#16211c;font-size:15.5px;font-weight:700;padding:14px 24px;border-radius:12px;text-decoration:none}
.h-loyal-cta__white:hover{color:#16211c}
.h-loyal-mobilebar{display:none}
@media (max-width:820px){
.h-loyal-hero__grid{grid-template-columns:1fr;gap:20px;padding-top:30px;padding-bottom:28px}
.h-loyal-hero__title{font-size:29px;line-height:1.2}
.h-loyal-hero__perex{font-size:14.5px}
.h-loyal-hero__ctas{flex-direction:column;gap:9px}
.h-loyal-hero__ctas .h-btn,.h-loyal-hero__ghost{width:100%;justify-content:center;text-align:center}
.h-loyal-steps__grid{grid-template-columns:1fr;gap:16px;padding-top:26px;padding-bottom:26px}
.h-loyal-step{display:flex;gap:14px;align-items:flex-start}
.h-loyal-step__num{flex:none}
.h-loyal-step__title{margin-top:0}
.h-loyal-table{padding:26px 0}
.h-loyal-table__head{display:none}
.h-loyal-table__row{display:flex;justify-content:space-between;gap:12px;padding:13px 16px;font-size:13px}
.h-loyal-table__label{line-height:1.4}
.h-loyal-table__pts{white-space:nowrap;font-size:13.5px}
.h-loyal-table__pts::after{content:' b. ='}
.h-loyal-table__val{white-space:nowrap;font-size:13.5px}
.h-loyal-use__grid{grid-template-columns:1fr;gap:18px;padding-top:26px;padding-bottom:26px}
.h-loyal-faq{padding:26px 0}
.h-loyal-cta__in{padding-top:28px;padding-bottom:28px}
.h-loyal-cta__btns{width:100%;flex-direction:column}
.h-loyal-cta__btns .h-btn,.h-loyal-cta__white{width:100%;justify-content:center;text-align:center}
body:has(.h-loyal-mobilebar){padding-bottom:66px}
.h-loyal-mobilebar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:40;background:rgba(255,255,255,.97);border-top:1px solid #e3e0d4;box-shadow:0 -10px 30px rgba(20,33,61,.15);padding:10px 14px;align-items:center;gap:10px}
.h-loyal-mobilebar__text{flex:1;min-width:0;display:flex;flex-direction:column}
.h-loyal-mobilebar__text b{font-size:12.5px;font-weight:800;color:#16211c}
.h-loyal-mobilebar__text span{font-size:11px;color:#5d6b62}
.h-loyal-mobilebar .h-btn{white-space:nowrap;flex:none}
}

.h-acct__head{display:flex;align-items:baseline;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-top:14px}
.h-acct__title{margin:0;font-size:33px;font-weight:800;color:#16211c;letter-spacing:-.01em}
.h-acct__logout{font-size:13.5px;font-weight:700;color:#8b9389;text-decoration:underline;text-underline-offset:3px}
.h-acct__logout:hover{color:#3d443e}
.h-acct__grid{display:grid;grid-template-columns:250px minmax(0,1fr);gap:40px;align-items:start;padding-top:24px;padding-bottom:64px}
.h-acct-nav{border:1px solid #e3e0d4;border-radius:16px;padding:10px 0;position:sticky;top:calc(var(--hm-hdr,0px) + 16px);display:flex;flex-direction:column}
.h-acct-nav__item{margin:0 10px;padding:12px 16px;border-radius:11px;font-size:15px;font-weight:600;color:#3d443e;display:flex;align-items:center;gap:10px;text-decoration:none}
.h-acct-nav__item:hover{background:#fdfcf8;color:#3d443e}
.h-acct-nav__item.is-active{background:#e4eee6;color:#0b7c3d;font-weight:800}
.h-acct-nav__item.is-muted{color:#8b9389}
.h-acct-nav__chip{background:#e4eee6;color:#0d8f46;border-radius:999px;padding:2px 9px;font-size:11px;font-weight:800}
.h-acct__content{display:flex;flex-direction:column;gap:18px;min-width:0}
.h-acct-hero{background:#16211c;border-radius:20px;padding:26px 30px;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}
.h-acct-hero__label{font-size:11.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#7fa98c}
.h-acct-hero__row{display:flex;align-items:baseline;gap:12px;margin-top:8px;flex-wrap:wrap}
.h-acct-hero__num{font-size:42px;font-weight:800;color:#fff;line-height:1}
.h-acct-hero__eq{font-size:17px;font-weight:700;color:#9FE3A8}
.h-acct-hero__note{font-size:13px;color:#9DB0DC;margin-top:10px}
.h-acct-hero__btns{display:flex;flex-direction:column;gap:9px;flex:none}
.h-acct-hero__btns .h-btn{text-align:center;justify-content:center}
.h-acct-hero__ghost{display:block;border:1.5px solid #3D5390;color:#fff;text-align:center;font-size:13.5px;font-weight:700;border-radius:11px;padding:11px 26px;text-decoration:none}
.h-acct-hero__ghost:hover{color:#fff;border-color:#5C74B8}
/* Výzva k ohodnocení v účtu — stejná řeč jako referral box, jen zelený akcent. */
/* Stránka „Hodnocení produktu" v účtu — vysvětlí pravidla před klikem na hvězdy. */
.h-revpage__head{display:flex;gap:18px;align-items:flex-start}
.h-revpage__img img{width:72px;height:72px;object-fit:contain;border-radius:12px;display:block}
.h-revpage__title{display:block;font-size:22px;font-weight:800;color:#16211c;line-height:1.25}
.h-revpage__lead{margin:8px 0 0;font-size:15px;line-height:1.6;color:#3D4A5C}
.h-revpage__rules{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:12px}
.h-revpage__rules li{padding:14px 16px;background:#F4F7FA;border-radius:12px}
.h-revpage__rules b{display:block;font-size:15px;color:#16211c}
.h-revpage__rules span{display:block;margin-top:3px;font-size:14px;color:#5A6577;line-height:1.55}
.h-revpage__cta{margin-top:22px}
.h-revpage__note{margin:10px 0 0;font-size:13px;color:#8b9389}
.h-revpage--empty p{font-size:15px;color:#3D4A5C;line-height:1.6;margin:0 0 16px}
.h-acct-review{display:flex;align-items:center;gap:18px;margin-top:18px;padding:18px 22px;background:#E9F5EC;border:1px solid #C7E3CE;border-radius:14px;flex-wrap:wrap}
.h-acct-review__img img{width:56px;height:56px;object-fit:contain;border-radius:10px;display:block}
.h-acct-review__body{flex:1 1 260px;min-width:0}
.h-acct-review__chip{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.08em;color:#0d8f46}
.h-acct-review__title{display:block;margin-top:4px;font-size:17px;font-weight:800;color:#16211c;line-height:1.3}
.h-acct-review__text{display:block;margin-top:4px;font-size:14px;color:#3D4A5C;line-height:1.55}
.h-acct-review__btn{flex:0 0 auto}
.h-revform__points{margin:10px 0 0;font-size:13px;color:#5A6577;line-height:1.55}
.h-acct-ref{border:1.5px dashed #7FBE8A;background:#F4FAF5;border-radius:18px;padding:22px 26px}
.h-acct-ref__head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.h-acct-ref__chip{background:#0d8f46;color:#fff;font-size:11px;font-weight:800;letter-spacing:.08em;border-radius:6px;padding:4px 10px}
.h-acct-ref__title{font-size:16.5px;font-weight:800;color:#16211c}
.h-acct-ref__text{font-size:14px;color:#3d443e;margin-top:8px;line-height:1.6}
.h-acct-ref__text b{color:#0d8f46}
.h-acct-ref__row{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap;align-items:center}
.h-acct-ref__code{background:#fff;border:1.5px dashed #7FBE8A;border-radius:10px;padding:11px 18px;font:700 13.5px ui-monospace,Menlo,monospace;color:#1f4d3a}
.h-acct-ref__copy{background:#0b7c3d;color:#fff;border:0;cursor:pointer;border-radius:10px;padding:11px 20px;font-size:13.5px;font-weight:800}
.h-acct-ref__copy:hover{background:#16296B}
.h-acct-ref__stats{font-size:13px;color:#5d6b62;margin-left:auto}
.h-acct-ref__stats b{color:#16211c}
.h-acct-ref-how{display:flex;flex-direction:column;gap:10px;margin-top:16px}
.h-acct-ref-how__item{font-size:14px;color:#2c4435;line-height:1.55}
.h-acct-card{border:1px solid #e3e0d4;border-radius:18px;padding:22px 26px}
.h-acct-card__head{display:flex;align-items:baseline;justify-content:space-between;gap:14px}
.h-acct-card__title{font-size:17px;font-weight:800;color:#16211c}
.h-acct-card__link{font-size:13px;font-weight:700;color:#0b7c3d;text-decoration:none}
.h-acct-card__label{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#8b9389}
.h-acct-card__body{font-size:13.5px;color:#3d443e;margin-top:10px;line-height:1.65}
.h-acct-restock{display:flex;align-items:center;gap:18px;padding:20px 24px}
.h-acct-restock__img{width:64px;height:64px;border-radius:12px;overflow:hidden;border:1px solid #e3e0d4;flex:none}
.h-acct-restock__img img{width:100%;height:100%;object-fit:contain;display:block}
.h-acct-restock__body{flex:1;min-width:0}
.h-acct-restock__label{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#B4741E}
.h-acct-restock__title{font-size:15.5px;font-weight:700;color:#16211c;margin-top:3px}
.h-acct-restock__note{font-size:13px;color:#5d6b62;margin-top:3px}
.h-acct-restock__btn{flex:none;white-space:nowrap}
.h-acct-order{display:grid;grid-template-columns:auto 1fr auto auto;gap:18px;align-items:center;margin-top:14px;padding-top:14px;border-top:1px solid #f6f5ef}
.h-acct-order__num{font:700 13px ui-monospace,Menlo,monospace;color:#3d443e}
.h-acct-order__mid{min-width:0}
.h-acct-order__items{font-size:14.5px;font-weight:700;color:#16211c}
.h-acct-order__meta{font-size:12.5px;color:#8b9389;margin-top:2px}
.h-acct-pill{border-radius:999px;padding:5px 13px;font-size:12px;font-weight:800;white-space:nowrap}
.h-acct-pill.is-green{background:#e4eee6;color:#0d8f46}
.h-acct-pill.is-blue{background:#e4eee6;color:#0b7c3d}
.h-acct-pill.is-amber{background:#FFF3E2;color:#B4741E}
.h-acct-pill.is-gray{background:#F0F2F7;color:#5d6b62}
.h-acct-order__again{border:1.5px solid #0b7c3d;color:#0b7c3d;border-radius:10px;padding:9px 18px;font-size:13px;font-weight:800;white-space:nowrap;text-decoration:none}
.h-acct-order__again:hover{background:#e4eee6;color:#0b7c3d}
.h-acct-duo{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.h-acct-points-head{border:1px solid #e3e0d4;border-radius:18px;padding:22px 26px}
/* Stejná tmavá karta jako na přehledu účtu — verze bez sloupce tlačítek. */
.h-acct-hero--points{grid-template-columns:1fr}
/* Karta věrnostní úrovně — jediné místo, kde se tiers zákazníkovi ukazují. */
.h-acct-tier{margin-top:14px;background:#fdfcf8;border:1px solid #DDE6F4;border-radius:18px;padding:18px 26px;font-size:14px;color:#2c4435;line-height:1.6}
.h-acct-tier .h-acct-card__label{margin-bottom:6px}
.h-acct-tier__name b{color:#16211c}
.h-acct-tier__next{margin-top:6px}
.h-acct-tier__next b,.h-acct-tier__spend b{color:#16211c}
.h-acct-tier__keep{font-size:13px;color:#5B6B84}
.h-acct-points-head__num{font-size:33px;font-weight:800;color:#16211c;margin-top:6px}
.h-acct-points-head__val{font-size:14.5px;font-weight:700;color:#0d8f46;margin-top:4px}
.h-acct-points-head__exp{font-size:13px;color:#8b9389;margin-top:6px}
.h-acct-log{border:1px solid #e3e0d4;border-radius:18px;overflow:hidden;margin-top:18px}
.h-acct-log__row{display:grid;grid-template-columns:100px 1fr auto;gap:16px;align-items:center;padding:13px 22px;border-bottom:1px solid #f6f5ef;font-size:14px}
.h-acct-log__row:last-child{border-bottom:0}
.h-acct-log__row:nth-child(even){background:#FBFCFE}
.h-acct-log__date{color:#8b9389;font-size:13px}
.h-acct-log__note{color:#2c4435}
.h-acct-log__pts.is-plus{color:#0d8f46}
.h-acct-log__pts.is-minus{color:#C2452D}
.h-acct-empty{font-size:14.5px;color:#5d6b62}
/* Formulář údajů v účtu si půjčuje `.h-chk2` kvůli stylům polí (input, chyby,
   mřížka firemního bloku) — pokladna a účet mají vypadat stejně. Vlastní layout
   `.h-chk2` (šířka a odsazení celé stránky pokladny) se tu ale musí vypnout. */
.h-acctform.h-chk2{max-width:none;margin:0;padding:0;display:flex;flex-direction:column;gap:18px}
.h-acctform__title{margin:0;font-size:22px;font-weight:800;color:#16211c}
.h-acctform__fields{display:flex;flex-direction:column;gap:18px}
.h-acctform__sec{border:1px solid #e3e0d4;border-radius:18px;padding:22px 26px}
.h-acctform__head{font-size:16px;font-weight:800;color:#16211c;margin-bottom:14px}
.h-acctform .h-chk2-fields{margin-top:0}
.h-acctform .h-chk2-addr p.form-row{margin:0 0 14px;padding:0}
.h-acctform__note{font-size:12.5px;color:#8b9389;margin:0 0 14px;line-height:1.55}
.h-acctform__sec--company .h-chk2-company{margin-top:16px}
.h-acctform__foot{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-top:18px}
.h-acctform__foot .h-acctform__note{margin:0}
.h-acctform select{width:100%;border:1.5px solid #e3e0d4;border-radius:10px;padding:0 14px;height:48px;box-sizing:border-box;font-size:14px;font-weight:600;color:#16211c;background:#fff;outline:0}
.h-acctform select:focus{border-color:#0b7c3d}
.h-acct-login{max-width:1280px;margin:0 auto;padding:16px 24px 0}
.h-acct-login__crumbs{padding:0 0 6px}
.h-acct-login__h1{margin:14px 0 0;font-size:36px;font-weight:800;color:#16211c;letter-spacing:-.01em}
.h-acct-login__sub{margin:10px 0 0;font-size:16px;color:#3d443e}
.h-acct-login__grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start;margin-top:28px}
/* Přihlášení vložené do jiné stránky (order-pay): jedna karta na střed, bez hero odsazení účtu. */
.h-acct-login--embed{padding:26px 24px 10px}
.h-acct-login__grid--single{grid-template-columns:minmax(0,460px);justify-content:center;margin-top:0}
.h-acct-login__sub--card{margin:10px 0 18px;font-size:14.5px}
.h-acct-login--embed .h-acct-login__card{background:#fff}
.h-acct-login__card{border:1px solid #e3e0d4;border-radius:18px;padding:30px 32px}
.h-acct-login__card--reg{background:#fdfcf8}
.h-acct-login__title{font-size:21px;font-weight:800;color:#16211c;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.h-acct-login__chip{background:#e4eee6;color:#0d8f46;border-radius:999px;padding:4px 11px;font-size:11.5px;font-weight:800}
.h-acct-field{display:block;margin-top:14px}
.h-acct-field__label{display:block;font-size:12.5px;font-weight:700;color:#3d443e;margin-bottom:6px}
.h-acct-field .h-input{width:100%;box-sizing:border-box}
.h-acct-login__meta{display:flex;justify-content:space-between;align-items:center;margin-top:14px;gap:10px;flex-wrap:wrap}
.h-acct-check{display:flex;align-items:center;gap:9px;font-size:13.5px;color:#2c4435;cursor:pointer}
.h-acct-check input{width:17px;height:17px;accent-color:#0b7c3d}
.h-acct-check--terms{align-items:flex-start;margin-top:14px;font-size:13px;color:#3d443e;line-height:1.5}
.h-acct-check--terms input{margin-top:2px;flex:none}
.h-acct-check--terms a{text-decoration:underline}
.h-acct-login__lost{font-size:13.5px;font-weight:700;color:#0b7c3d;text-decoration:underline;text-underline-offset:3px}
.h-acct-login__btn{width:100%;margin-top:20px;justify-content:center}
.h-acct-login__btn--reg{background:#0b7c3d;color:#fff}
.h-acct-login__btn--reg:hover{background:#16296B;color:#fff}
.h-acct-login__note{font-size:13px;color:#8b9389;text-align:center;margin-top:14px}
.h-acct-login__benefits{margin-top:16px;display:flex;flex-direction:column;gap:11px}
.h-acct-login__benefit{display:flex;gap:12px;align-items:flex-start;font-size:15px;color:#2c4435;line-height:1.55}
.h-acct-login__benefit b{color:#16211c}
.h-acct-login__check{width:26px;height:26px;border-radius:50%;background:#e4eee6;color:#0d8f46;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center;flex:none}
.h-acct-features{background:#fdfcf8;border-top:1px solid #f6f5ef;width:100vw;margin:44px calc(50% - 50vw) 0;padding:44px 0}
.h-acct-features__in{max-width:1280px;margin:0 auto;padding:0 24px}
.h-acct-features__label{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#0b7c3d}
.h-acct-features__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}
.h-acct-features__card{background:#fff;border:1px solid #e3e0d4;border-radius:14px;padding:20px 22px}
.h-acct-features__title{font-size:16px;font-weight:700;color:#16211c}
.h-acct-features__text{font-size:13.5px;color:#5d6b62;margin-top:4px;line-height:1.55}
.woocommerce-notices-wrapper .woocommerce-error,.woocommerce-notices-wrapper .woocommerce-message,.woocommerce-notices-wrapper .woocommerce-info{margin:16px 0}
@media (max-width:900px){
.h-acct__grid{grid-template-columns:1fr;gap:14px;padding-bottom:30px}
.h-acct-nav{position:static;flex-direction:row;overflow-x:auto;border:0;padding:0 0 4px;gap:8px;border-radius:0}
.h-acct-nav__item{flex:none;margin:0;border:1.5px solid #e3e0d4;border-radius:999px;padding:9px 16px;font-size:13px}
.h-acct-nav__item.is-active{border-color:#e4eee6}
.h-acct-hero{grid-template-columns:1fr;padding:20px}
.h-acct-hero__num{font-size:33px}
.h-acct-restock{flex-wrap:wrap}
.h-acct-restock__btn{width:100%;text-align:center;justify-content:center}
.h-acct-order{grid-template-columns:1fr auto;row-gap:10px}
.h-acct-order__num{order:1}
.h-acct-pill{order:2;justify-self:end}
.h-acct-order__mid{order:3;grid-column:1/-1}
.h-acct-order__again{order:4;grid-column:1/-1;text-align:center}
.h-acct-duo{grid-template-columns:1fr}
.h-acct-login__grid{grid-template-columns:1fr;gap:14px}
.h-acct-login__card{padding:20px 18px}
.h-acct-features__grid{grid-template-columns:1fr}
.h-acct-ref__stats{margin-left:0}
.h-acct-log__row{grid-template-columns:1fr auto;row-gap:2px}
.h-acct-log__date{grid-column:1/-1}
}

.h-vse__head{padding-top:14px}
.h-vse__title{margin:0;font-size:36px;font-weight:800;color:#16211c;letter-spacing:-.01em}
.h-vse__sub{margin:10px 0 0;font-size:16px;color:#3d443e;max-width:640px}
.h-vse__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding-top:26px;padding-bottom:52px}
.h-vse-card{border:1px solid #e3e0d4;border-radius:14px;padding:22px 24px;display:flex;justify-content:space-between;align-items:center;background:#fff;text-decoration:none;transition:border-color .15s,box-shadow .15s}
.h-vse-card:hover{border-color:#d5d2c6;box-shadow:0 8px 24px rgba(20,33,61,.07)}
.h-vse-card__title{display:block;font-size:17px;font-weight:700;color:#16211c}
.h-vse-card__sub{display:block;font-size:13px;color:#5d6b62;margin-top:4px}
.h-vse-card__arrow{color:#0b7c3d;font-weight:800;flex:none;margin-left:14px}
.h-vse-faq{background:#fdfcf8;border-top:1px solid #f6f5ef;padding:52px 0}
.h-vse-contact{background:#fff;border-top:1px solid #f6f5ef}
.h-vse-contact__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding-top:44px;padding-bottom:44px}
.h-vse-contact__card{border:1px solid #e3e0d4;border-radius:14px;padding:22px 24px;text-align:center}
.h-vse-contact__card--poradna{background:#fdfcf8}
.h-vse-contact__label{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#8b9389}
.h-vse-contact__label--blue{color:#0b7c3d}
.h-vse-contact__big{display:block;font-size:20px;font-weight:800;color:#16211c;margin-top:8px;text-decoration:none}
.h-vse-contact__big--mail{color:#0b7c3d}
.h-vse-contact__note{font-size:13px;color:#5d6b62;margin-top:3px}
.h-vse-contact__mid{font-size:16px;font-weight:700;color:#16211c;margin-top:8px;line-height:1.4}
.h-vse-contact__btn{display:inline-block;background:#0b7c3d;color:#fff;border-radius:10px;padding:9px 20px;font-size:13.5px;font-weight:800;margin-top:10px;text-decoration:none}
.h-vse-contact__btn:hover{background:#16296B;color:#fff}
@media (max-width:820px){
.h-vse__title{font-size:25px}
.h-vse__sub{font-size:13.5px}
.h-vse__cards{grid-template-columns:1fr;gap:10px;padding-top:16px;padding-bottom:24px}
.h-vse-card{padding:15px 16px}
.h-vse-card__title{font-size:14.5px}
.h-vse-card__sub{font-size:12px}
.h-vse-faq{padding:22px 0 26px}
.h-vse-contact__grid{grid-template-columns:1fr;gap:10px;padding-top:20px;padding-bottom:24px}
}

body.woocommerce-checkout{background:#F6F8FB}
.h-chkbar{background:#fff;border-bottom:1px solid #f6f5ef}
.h-chkbar__in{max-width:1176px;margin:0 auto;padding:13px 24px;display:flex;align-items:center;gap:9px;white-space:nowrap}
.h-chkbar__logo .h-logo-img{height:52px;width:135px;object-fit:contain;display:block}
.h-chkbar__steps{display:flex;align-items:center;gap:7px;flex:none;margin-left:20px}
.h-chkstep{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:800;text-decoration:none}
.h-chkstep.is-done{color:#0d8f46}
.h-chkstep.is-active{color:#0b7c3d}
.h-chkstep.is-next{color:#9AA4B5;font-weight:700}
.h-chkstep__check{font-size:13px}
.h-chkstep__dot{width:10px;height:10px;border-radius:50%;background:#0b7c3d;flex:none;box-sizing:border-box}
.h-chkstep__dot.is-empty{background:#fff;border:2px solid #B4BFD1}
.h-chkstep__sep{width:23px;height:2px;background:repeating-linear-gradient(90deg,#C3CCDB 0 4px,transparent 4px 6.5px);flex:none}
.h-chkbar__right{margin-left:auto;display:flex;align-items:center;gap:10px;flex:none}
.h-chkbar__online{display:flex;align-items:center;gap:6px;background:#fdfcf8;border:1px solid #e3e0d4;border-radius:999px;padding:6px 13px;font-size:12.5px;font-weight:700;color:#16211c}
.h-chk2-help__dot{width:9px;height:9px;border-radius:50%;background:#0b7c3d;flex:none;box-shadow:0 0 0 3px #e4eee6}
/* Mimo otevírací dobu (rozvrh a svátky drží plugin) zhasne zelená tečka. */
.is-closed .h-chk2-help__dot{background:#B4BFD1;box-shadow:0 0 0 3px #f6f5ef}
.h-chkbar__online.is-closed{color:#3d443e}
.h-chkbar__secure{display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;color:#3d443e}
.h-chkbar__secure img{width:14px;height:14px;display:block;flex:none}
.h-chkfoot{background:#fff;border-top:1px solid #f6f5ef;margin-top:28px}
.h-chkfoot__in{max-width:1176px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.h-chkfoot__copy{font-size:12px;color:#8b9389}
.h-chkfoot__pays{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.h-chkfoot__pay{border:1px solid #e3e0d4;border-radius:7px;padding:5px 9px;background:#fff;display:inline-flex;align-items:center}
.h-chkfoot__pay img{height:13px;width:auto;display:block}
.h-chk2{max-width:1176px;margin:0 auto;padding:28px 24px 0}
.h-chk2__grid{display:grid;grid-template-columns:minmax(0,1fr) 395px;gap:22px;align-items:start}
.h-chk2__main{display:flex;flex-direction:column;gap:18px;min-width:0}
/* Položky mají vlastní scroll (max-height níž); karta se neořezává — co se do
   okna nevejde (výhody pod CTA), doscrolluje se na stránce dole. */
.h-chk2__side{position:sticky;top:calc(var(--hm-hdr,0px) + 16px);min-width:0;align-self:start}
.h-chk2-errors{background:#FBEAE5;border:1px solid #F2CFC5;border-radius:14px;padding:14px 18px}
.h-chk2-errors b{font-size:14px;font-weight:800;color:#7A2A18}
.h-chk2-errors__list{font-size:13px;color:#7A2A18;margin-top:6px;line-height:1.65;display:flex;flex-wrap:wrap;gap:4px 20px}
.h-chk2-sec{background:#fff;border:1px solid #e3e0d4;border-radius:18px;padding:24px 26px}
.h-chk2-sec__head{display:flex;align-items:center;gap:12px}
.h-chk2-sec__num{width:30px;height:30px;border-radius:50%;background:#0b7c3d;color:#fff;font-size:14px;font-weight:800;display:flex;align-items:center;justify-content:center;flex:none}
.h-chk2-sec__title{font-size:19px;font-weight:800;color:#16211c}
.h-chk2-sec__note{margin-left:auto;font-size:13.5px;color:#8b9389}
.h-chk2-loginlink{background:none;border:0;padding:0;cursor:pointer;font-weight:800;color:#0b7c3d;text-decoration:underline;text-underline-offset:3px;font-size:13px}
.h-chk2-login{margin-top:16px;background:#fdfcf8;border:1px solid #DCE4F0;border-radius:14px;padding:16px}
.h-chk2-login__title{font-size:14px;font-weight:800;color:#16211c}
.h-chk2-login__grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:12px}
.h-chk2-login__foot{display:flex;justify-content:space-between;align-items:center;margin-top:14px;gap:12px;flex-wrap:wrap}
.h-chk2-login__lost{font-size:13px;font-weight:700;color:#0b7c3d;text-decoration:underline;text-underline-offset:3px}
.h-chk2-login__btn{background:#0b7c3d;color:#fff;border:0;cursor:pointer;border-radius:11px;padding:12px 26px;font-size:14px;font-weight:800}
.h-chk2-login__note{font-size:12px;color:#8b9389;margin-top:12px;padding-top:12px;border-top:1px solid #E7ECF3}
.h-field__label,.h-chk2-fields label,.h-chk2-addr label,.h-chk2-company label,.h-chk2-note label{display:block;font-size:12.5px;font-weight:700;color:#3d443e;margin-bottom:6px}
.h-field__label i,.h-chk2-fields label .required,.h-chk2-addr label .required,.h-chk2-company label .required{color:#C2452D;font-style:normal;text-decoration:none}
.h-chk2-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 14px;margin-top:18px}
.h-chk2-fields p.form-row,.h-chk2-addr p.form-row,.h-chk2-company p.form-row,.h-chk2-note p.form-row{margin:0 0 14px;padding:0}
.h-chk2 .woocommerce-input-wrapper{display:block;position:relative}
.h-chk2 input.input-text,.h-chk2 textarea,.h-chk2-login .h-input{width:100%;border:1.5px solid #e3e0d4;border-radius:10px;padding:0 14px;height:48px;box-sizing:border-box;font-size:14px;color:#16211c;background:#fff;outline:0}
.h-chk2 textarea{height:auto;min-height:90px;padding:12px 14px}
.h-chk2 input.input-text:focus,.h-chk2 textarea:focus{border-color:#0b7c3d}
.h-chk2 .is-error input.input-text,.h-chk2 input.input-text.is-error,.h-chk2 .woocommerce-invalid input.input-text{border-color:#C2452D;background:#FDF6F5}
.h-field-err{font-size:12px;font-weight:600;color:#C2452D;margin-top:5px}
.h-field-warn{font-size:12px;font-weight:600;color:#B4741E;margin-top:5px}
/* WooCommerce od 9.x vypisuje vlastní hlášku pod pole („Fakturační Příjmení je
   povinné pole."). Máme vlastní, kratší a bez předpony, tak tu jádrovou skryjeme
   — jinak stojí stejná chyba dvakrát pod sebou. */
.h-chk2 .checkout-inline-error-message{display:none}
/* Varování a chyba musí přebít zelený rámeček z pluginu Smartform
   (`.form-row.woocommerce-validated input.input-text{border-color:#5cb85c!important}`)
   — pole nemůže být zelené a zároveň hlásit problém. */
.h-chk2 .form-row.is-warn input.input-text,.h-chk2 .form-row.is-warn.woocommerce-validated input.input-text{border-color:#E8C48A!important;background:#FEF9F1!important}
.h-chk2 .form-row.is-error input.input-text,.h-chk2 .form-row.is-error.woocommerce-validated input.input-text,.h-chk2 .form-row.woocommerce-invalid input.input-text{border-color:#C2452D!important;background:#FDF6F5!important}
.h-phone-wrap{position:relative}
/* Předvolba se zarovnává na výšku celého pole (flex), ne přes translateY —
   tučné písmo má jinou výšku řádku než text v inputu a o pár px to ujíždělo. */
.h-phone-wrap .woocommerce-input-wrapper::before{content:attr(data-prefix);position:absolute;left:14px;top:0;height:100%;display:flex;align-items:center;font-size:14px;font-weight:800;color:#16211c;z-index:2;pointer-events:none}
.h-phone-wrap input.input-text{padding-left:60px}
.h-chk2-country{margin-top:2px}
.h-country{position:relative}
.h-country__btn{width:100%;border:1.5px solid #e3e0d4;border-radius:10px;padding:12px 14px;font-size:14px;color:#16211c;background:#fff;display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:600}
.h-country__btn svg:last-child{margin-left:auto;flex:none}
.h-country__flag{display:inline-flex;flex:none;border-radius:3px;overflow:hidden;line-height:0;box-shadow:0 0 0 1px #e3e0d4}
.h-country__list{position:absolute;top:100%;margin-top:6px;left:0;right:0;background:#fff;border:1.5px solid #e3e0d4;border-radius:12px;box-shadow:0 12px 30px rgba(20,33,61,.14);z-index:30;overflow:hidden}
.h-country__opt{width:100%;display:flex;align-items:center;gap:10px;padding:12px 14px;font-size:14px;font-weight:600;color:#16211c;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #f6f5ef;text-align:left}
.h-country__opt:last-child{border-bottom:0}
.h-country__opt:hover{background:#fdfcf8}
.h-country__opt em{margin-left:auto;font-size:12.5px;color:#8b9389;font-weight:600;font-style:normal}
.h-country__select{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}
.h-chk2-account{margin-top:16px;padding-top:16px;border-top:1px solid #f6f5ef}
.h-chk2-account__text{font-size:13.5px;font-weight:700;color:#16211c}
.h-addr-suggest{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1.5px solid #e3e0d4;border-radius:12px;box-shadow:0 12px 30px rgba(20,33,61,.14);z-index:40;overflow:hidden}
.h-addr-suggest--float{position:fixed;top:auto;left:auto;right:auto;max-height:290px;overflow-y:auto;z-index:120}
.h-addr-suggest__item{width:100%;display:flex;align-items:center;gap:11px;padding:11px 14px;background:#fff;border:0;border-bottom:1px solid #f6f5ef;cursor:pointer;text-align:left;font-size:14.5px}
.h-addr-suggest__item:last-child{border-bottom:0}
.h-addr-suggest__item:hover,.h-addr-suggest__item:focus-visible,.h-addr-suggest__item:focus{background:#fdfcf8;outline:0}
.h-addr-suggest__flag{flex:none;border-radius:2px;box-shadow:0 0 0 1px rgba(20,33,61,.12)}
.h-addr-suggest__item b{color:#16211c;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.h-addr-suggest__item span{margin-left:auto;padding-left:12px;color:#8b9389;font-size:13px;white-space:nowrap}
.h-addr-clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:26px;height:26px;border:0;border-radius:50%;background:#f6f5ef;color:#3d443e;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
.h-addr-clear:hover{background:#e3e0d4;color:#16211c}
.h-carrier{border:1.5px solid #e3e0d4;background:#fff;border-radius:14px;overflow:hidden;position:relative}
.h-carrier.is-selected{border:2px solid #0b7c3d;background:#fdfcf8}
.h-carrier__input{position:absolute;opacity:0;pointer-events:none}
.h-carrier__row{display:flex;align-items:center;gap:13px;padding:15px 16px;cursor:pointer}
.h-carrier.is-selected .h-carrier__row{padding:14.5px 15.5px}
/* Kolečko je terč na kliknutí — v návrhu má 24 px, ne 16. Vnitřní puntík dělá
   tlustý bílý rám, takže se velikost mění na jednom místě. */
.h-carrier__radio{width:24px;height:24px;border-radius:50%;border:2px solid #C3CCDB;background:#fff;flex:none;box-sizing:border-box;transition:border-color .15s ease}
.h-carrier__row:hover .h-carrier__radio{border-color:#9FB0CC}
.h-carrier.is-selected .h-carrier__radio{background:#0b7c3d;border:5px solid #fff;box-shadow:0 0 0 2px #0b7c3d}
/* Slot pro dopravce je vždy stejně široký, ať už v něm je logo nebo placka
   s písmenem — jinak by řádky s logem a bez něj nelícovaly. Uvnitř zbývá 80 × 26 px,
   což je nejmenší velikost, ve které jsou loga dopravců ještě čitelná. */
.h-carrier__logo{width:88px;height:34px;flex:none;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#fff;border:1px solid #e3e0d4;padding:4px;box-sizing:border-box}
.h-carrier__logo img{width:100%;height:100%;object-fit:contain;display:block}
.h-carrier__mark{width:44px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:#fff;background:#16211c}
.h-carrier__logo--balikovna .h-carrier__mark{background:#1A56A0}
.h-carrier__logo--zasilkovna .h-carrier__mark{background:#BA1B02}
.h-carrier__logo--ppl .h-carrier__mark{background:#004B93;font-size:10.5px;letter-spacing:.02em}
.h-carrier__logo--gls .h-carrier__mark{background:#061AB1;color:#FFD100;font-size:11px}
.h-carrier__logo--dpd .h-carrier__mark{background:#DC0032;font-size:11px}
.h-carrier__logo--ybox .h-carrier__mark{background:#16211c}
.h-carrier__logo--posta .h-carrier__mark{background:#0A3A7C;color:#FFC20E;font-size:11px}
.h-carrier__body{flex:1;min-width:0}
.h-carrier__name{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:800;color:#16211c;flex-wrap:wrap}
.h-carrier__badge{border-radius:6px;padding:2px 8px;font-size:10.5px;font-weight:800;letter-spacing:.04em}
.h-carrier__badge--green{background:#e4eee6;color:#0d8f46}
.h-carrier__badge--blue{background:#E9F0FA;color:#0b7c3d}
.h-carrier__sub{display:block;font-size:12.5px;color:#5d6b62;margin-top:2px}
.h-carrier__eta{display:block;font-size:12.5px;font-weight:800;color:#0d8f46;margin-top:2px}
.h-carrier__price{font-size:14.5px;font-weight:800;color:#16211c;white-space:nowrap;flex:none}
.h-carrier__panel{display:none;border-top:1px solid #DCE4F0;background:#EFF4FA}
.h-carrier.is-selected .h-carrier__panel{display:block}
.h-carrier__panel--pickup{padding:12px 16px;display:none;align-items:center;gap:12px}
.h-carrier.is-selected .h-carrier__panel--pickup{display:flex;flex-wrap:wrap}
.h-carrier__pickstate{display:flex;align-items:center;gap:12px;flex:1;min-width:220px}
.h-carrier.has-point .h-carrier__pickstate{display:none}
.h-carrier__pickdot{width:14px;height:14px;border-radius:50%;border:2px solid #C3CCDB;background:#fff;flex:none;box-sizing:border-box}
.h-carrier__picktext b{display:block;font-size:13.5px;font-weight:700;color:#16211c}
.h-carrier__picktext i{display:block;font-style:normal;font-size:12px;color:#8b9389;margin-top:1px}
.h-carrier__cpp{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.h-carrier__cpp .cpp-pickup-ui{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.h-carrier__cpp .cpp-pickup-logo{display:none}
.h-carrier__cpp .cpp-pickup-ui{padding-left:0}
/* „Zvolit na mapě" = primární CTA (#0d8f46, stisk 0 3px 0 #075c2e) jako .vl-cta; po výběru místa
   zůstává sekundární bílé „Změnit" (has-point níže). Dřív herbasí #0b7c3d s navy hoverem #16296B. */
.h-carrier__cpp a.cpp-open-modal{background-color:#0d8f46!important;color:#fff!important;border:0!important;border-radius:11px;padding:0 18px!important;height:40px;font-size:13.5px!important;font-weight:600!important;text-decoration:none!important;display:inline-flex;align-items:center;justify-content:center;line-height:1;box-shadow:0 3px 0 #075c2e;transition:transform .12s ease,box-shadow .12s ease}
.h-carrier__cpp a.cpp-open-modal:hover{background-color:#0d8f46!important;transform:translateY(1px);box-shadow:0 2px 0 #075c2e}
.h-carrier__cpp a.cpp-open-modal:active{transform:translateY(3px);box-shadow:0 0 0 #075c2e}
.h-carrier__cpp .cpp-selected-point{display:none!important}
.h-carrier__point{display:flex;align-items:center;gap:12px;flex:1;min-width:220px}
.h-carrier__pointcheck{width:26px;height:26px;border-radius:50%;background:#e4eee6;color:#0d8f46;font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center;flex:none}
.h-carrier__pointbody{min-width:0}
.h-carrier__pointbody b{display:block;font-size:14.5px;font-weight:800;color:#16211c}
.h-carrier__pointbody i{display:block;font-style:normal;font-size:12.5px;color:#8b9389;margin-top:1px}
.h-carrier.has-point .h-carrier__cpp a.cpp-open-modal{background-color:#fff!important;color:#16211c!important;border:1.5px solid #e3e0d4!important;box-shadow:none;transform:none}
.h-carrier.has-point .h-carrier__cpp a.cpp-open-modal:hover{background-color:#fff!important;border-color:#b9b5a6!important;box-shadow:none;transform:none}
.h-carrier__cpp .cpp-shipping-desc{flex-basis:100%;font-size:12.5px;color:#8b9389}
.h-carrier__panel--addr{padding:16px 16px 8px}
.h-carrier__addrhead{font-size:14px;font-weight:800;color:#16211c;margin-bottom:12px}
.h-chk2-addr__row{display:grid;grid-template-columns:1fr 150px;gap:14px}
.h-pay-methods__list{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}
.h-pay{border:1.5px solid #e3e0d4;background:#fff;border-radius:14px;position:relative}
.h-pay:has(.h-pay__input:checked){border:2px solid #0b7c3d;background:#fdfcf8}
.h-pay__input{position:absolute;opacity:0;pointer-events:none}
.h-pay__row{display:flex;align-items:center;gap:13px;padding:15px 16px;cursor:pointer}
.h-pay:has(.h-pay__input:checked) .h-pay__row{padding:14.5px 15.5px}
.h-pay__radio{width:24px;height:24px;border-radius:50%;border:2px solid #C3CCDB;background:#fff;flex:none;box-sizing:border-box;transition:border-color .15s ease}
.h-pay__row:hover .h-pay__radio{border-color:#9FB0CC}
.h-pay:has(.h-pay__input:checked) .h-pay__radio{background:#0b7c3d;border:5px solid #fff;box-shadow:0 0 0 2px #0b7c3d}
/* Stejná dlaždice jako u dopravy, ať sloupce v obou krocích lícují. */
.h-pay__logo{width:88px;height:34px;border-radius:8px;background:#fff;border:1px solid #e3e0d4;display:flex;align-items:center;justify-content:center;flex:none;font-size:12px;font-weight:800;color:#0b7c3d;padding:4px;box-sizing:border-box}
.h-pay__logo img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}
/* Ikona z nastavení. Rámeček je 88×34, takže výšku drží ona — čtvercové
   ikony by se jinak roztáhly na šířku rámečku a byly dvakrát větší než ostatní. */
.h-pay__icon{height:26px;width:auto;max-width:100%;object-fit:contain;display:block}
/* Ikony plateb jsou v modré webu, ne v barvách jednotlivých karetních značek —
   v řadě pod sebou působila pestrá sada jako cizí prvek. */
.h-pay__circles{display:inline-flex}
.h-pay__circles i{width:13px;height:13px;border-radius:50%;background:#0b7c3d}
.h-pay__circles i+i{background:#5B7BC7;margin-left:-6px;opacity:.85}
.h-pay__qr{display:grid;grid-template-columns:repeat(3,3.5px);grid-auto-rows:3.5px;gap:1.5px}
.h-pay__qr i{background:transparent}
.h-pay__qr i:nth-child(odd){background:#0b7c3d}
.h-pay__body{flex:1;min-width:0}
.h-pay__title{display:block;font-size:15px;font-weight:800;color:#16211c}
.h-pay__sub{display:block;font-size:12.5px;color:#5d6b62;margin-top:2px}
.h-pay__logos{display:flex;gap:6px;margin-top:7px;flex-wrap:wrap}
.h-pay__logos span{border:1px solid #e3e0d4;border-radius:6px;padding:4px 8px;background:#fff;display:inline-flex;align-items:center}
.h-pay__logos img{height:12px;width:auto;display:block}
.h-pay__price{font-size:14.5px;font-weight:800;color:#16211c;flex:none}
.h-pay__price.is-free{color:#0d8f46}
.h-pay__box{margin:0 16px 14px 69px;font-size:13px;color:#3d443e;background:#fff;border-radius:10px;padding:12px 14px;border:1px solid #f6f5ef}
.h-chk2-extras{border-top:1px solid #E7ECF3;padding-top:18px;display:flex;flex-direction:column;gap:11px}
.h-chk2-extra span:last-child{font-size:13.5px;color:#2c4435}
.h-chk2-company{display:grid;grid-template-columns:1fr 1fr;gap:0 14px;max-width:640px}
.h-chk2-company p.form-row{position:relative}
.h-chk2-company p.form-row:first-child,.h-chk2-company p.h-fakt-street{grid-column:1/-1}
.h-chk2-summary{background:#fff;border:1px solid #e3e0d4;border-radius:18px;padding:22px 22px 20px}
.h-chk2-help{background:#fdfcf8;border:1px solid #e3e0d4;border-radius:12px;padding:11px 12px;margin-bottom:16px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.h-chk2-help__q{font-size:12px;font-weight:600;color:#3d443e}
.h-chk2-help__tel{font-size:12px;font-weight:800;color:#16211c;margin-left:auto;white-space:nowrap;text-decoration:none}
.h-chk-review__title{font-size:18px;font-weight:800;color:#16211c}
.h-chk2-item{display:flex;align-items:center;gap:13px}
.h-chk2-item__thumb{width:56px;height:56px;border-radius:11px;overflow:hidden;flex:none;background:linear-gradient(167deg,#f2f1e9 0%,#f6f5ef 84%,#f2f1e9 100%);display:flex;align-items:center;justify-content:center}
.h-chk2-item__thumb img{width:88%;height:88%;object-fit:cover;border-radius:8px}
.h-chk2-item__name{font-size:14px;font-weight:700;color:#16211c}
.h-chk2-item__qty{font-size:12.5px;color:#8b9389;margin-top:2px}
.h-chk2-item__body{flex:1;min-width:0}
.h-chk2-item__price{font-size:14.5px;font-weight:800;color:#16211c;flex:none}
.h-chk2-upsell{margin-top:14px;padding:14px 0;border-top:1px solid #f6f5ef;border-bottom:1px solid #f6f5ef}
.h-chk2-upsell__label{font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#0b7c3d}
.h-chk2-upsell__row{display:flex;align-items:center;gap:12px;margin-top:10px}
.h-chk2-upsell__thumb{width:46px;height:46px;border-radius:10px;overflow:hidden;flex:none;background:linear-gradient(167deg,#f2f1e9 0%,#f6f5ef 84%,#f2f1e9 100%);display:flex;align-items:center;justify-content:center}
.h-chk2-upsell__thumb img{width:88%;height:88%;object-fit:cover;border-radius:8px}
.h-chk2-upsell__body{flex:1;min-width:0}
.h-chk2-upsell__name{font-size:13px;font-weight:700;color:#16211c}
.h-chk2-upsell__meta{font-size:12px;color:#5d6b62;margin-top:1px}
/* padding-bottom: glyf „+" sedí v řádku pod středem em-boxu — bez kompenzace
   má tlačítko víc vzduchu nahoře (platí i pro h-panel__crossadd). */
.h-chk2-upsell__add{width:34px;height:34px;border:1.5px solid #0b7c3d;color:#0b7c3d;background:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:800;line-height:1;box-sizing:border-box;flex:none;cursor:pointer;padding:0 0 3px}
.h-chk2-upsell__add:hover{background:#e4eee6}
.h-chk2 .h-codes .h-input{height:44px;padding:0 14px}
.h-codes .h-input.is-error{border-color:#C2452D;background:#FDF6F5}
.h-chk2-termslink{background:none;border:0;padding:0;cursor:pointer;font-size:12px;color:#8b9389;text-decoration:underline;text-underline-offset:2px}
.h-chk2-termsbox{margin-top:10px;border:1px solid #e3e0d4;border-radius:12px;background:#fdfcf8;max-height:190px;overflow-y:auto;padding:14px 16px}
.h-chk2-termsbox>b{font-size:12.5px;font-weight:800;color:#16211c}
.h-chk2-termsbox__body{font-size:11.5px;line-height:1.65;color:#3d443e}
.h-chk2-termsbox__body p{margin:9px 0 0}
.h-chk2-termsbox__body b,.h-chk2-termsbox__body strong{color:#16211c}
.h-chk-review .h-points-box-wrap{margin-top:12px}
@media (max-width:1000px){
/* 10 px od krajů už od tabletu: obal .h-wc-page dává 24 px všem WC stránkám,
   na pokladně ho nulujeme (body třída) a zbylých 10 px drží .h-chk2. */
.woocommerce-checkout .h-wc-page{padding-left:0;padding-right:0}
.h-chk2{padding:12px 10px 0}
.h-chk2__grid{grid-template-columns:minmax(0,1fr) 296px;gap:14px}
.h-chk2-sec{padding:20px 18px}
.h-chkbar__online{display:none}
/* Pruh pokladny má být vysoký jako hlavička webu — jen obsah je jiný.
   Výšku drží logo, protože v hlavičce ji určuje tlačítko košíku, které tu není. */
.h-chkbar__logo{display:flex;align-items:center;min-height:47px}
.h-chkbar__logo .h-logo-img{height:42px;width:109px}
}
@media (max-width:680px){
/* Na mobilu je obsah objednávky vidět celý — bez ořezu a zobáčku. */
.h-chk-review__items{max-height:none;overflow:visible}
.h-chk-review__more{display:none}
.h-chk2__grid{grid-template-columns:1fr}
.h-chk2__side{position:static}
.h-chk2-sec{padding:18px 14px}
.h-chk2-fields,.h-chk2-login__grid,.h-chk2-company{grid-template-columns:1fr}
.h-chk2-addr__row{grid-template-columns:1fr 108px;gap:10px}
.h-chkbar__in{padding:12px 16px}
.h-chkbar__logo{min-height:38px}
.h-chkbar__logo .h-logo-img{height:36px;width:93px}
/* Mezera pod logem má být stejná jako nad ním — proto menší margin nad čárou. */
.h-chkbar__steps{order:5;flex-basis:100%;justify-content:center;border-top:1px solid #f6f5ef;margin:3px -16px 0;padding:12px 16px 0}
.h-chkbar__in{flex-wrap:wrap}
.h-chkbar__secure{font-size:11.5px}
.h-carrier__panel--pickup{padding:12px}
.h-carrier__cpp .cpp-open-modal{width:100%;text-align:center}
.h-chkstep{font-size:11.5px}
.h-chkstep__sep{width:16px}
}

.h-cart-page.is-updating .h-cart-page__grid{opacity:.55;transition:opacity .15s;pointer-events:none}

.h-burger{display:none;flex-direction:column;gap:4px;background:none;border:0;padding:6px 2px;cursor:pointer;flex:none}
.h-burger span{width:20px;height:2.5px;background:#16211c;border-radius:2px;display:block}
.h-burger span:last-child{width:14px}
.h-acct-ico{display:none;align-items:center;flex:none}
.h-topbar__mobiline{display:none;text-align:center;flex:1;font-size:11.5px;color:#c8d4cb;text-decoration:none}
.h-topbar__mobiline .hl{color:#9FE3A8;font-weight:700}
.h-drawer{background:#fff;border-bottom:1px solid #e3e0d4}
.h-drawer__in{padding-top:8px;padding-bottom:16px;display:grid;grid-template-columns:1fr 1fr;gap:0 28px}
.h-drawer__item{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px 4px;border-bottom:1px solid #f6f5ef;font-size:14.5px;font-weight:700;color:#16211c;text-decoration:none}
.h-drawer__item:hover{color:#0b7c3d}
.h-drawer__meta{display:flex;align-items:center;gap:8px}
.h-drawer__meta b{color:#B4BFD1;font-weight:800}
.h-drawer__chip{background:#e4eee6;color:#0d8f46;border-radius:999px;padding:2px 9px;font-size:10.5px;font-weight:800;font-style:normal}
.h-drawer__item--acct{display:none;color:#0b7c3d}
.h-drawer__item--acct .h-drawer__meta b{color:#0b7c3d}
.h-goals__more,.h-products__allbtn{display:none;width:100%;margin-top:12px;text-align:center;border:1.5px solid #e3e0d4;border-radius:11px;padding:11px;font-size:13px;font-weight:700;color:#0b7c3d;background:#fff;cursor:pointer;text-decoration:none;box-sizing:border-box}
@media (max-width:1020px){
.h-topbar__phone{display:none}
.h-nav{display:none}
.h-burger{display:flex}
.h-logo-img{height:42px}
.h-logo-img--wordmark{height:28px}
.h-header__in{gap:16px;padding-top:13px;padding-bottom:13px}
.h-header__link--help{display:none}
.h-header__links{gap:14px}
/* Od tabletu níž je všechno v návrhu o stupeň menší — bez toho zůstane
   desktopová typografie v poloviční šířce a texty se lámou po slovech. */
.h-hero__badge{font-size:11px;padding:6px 14px;letter-spacing:.07em}
.h-hero__pills{gap:8px;margin-top:20px}
.h-hero__pills .h-pill{font-size:11.5px;padding:6px 12px}
.h-usps__grid{grid-template-columns:1fr 1fr;gap:14px}
.h-usp__icon{width:36px;height:36px;font-size:14px}
.h-usp__title{font-size:13.5px}
.h-usp__sub{font-size:12px;margin-top:1px;line-height:1.4}
.h-goals__grid{grid-template-columns:repeat(3,1fr);gap:10px}
.h-goal{padding:13px 14px}
.h-goal__title{font-size:13.5px;line-height:1.3}
.h-goal__sub{display:none}
/* Čtvercové dlaždice platí od tabletu níž. Rámeček dopravce je čtvercový jen
   tam, kde je nastavená čtvercová značka — široké logo by se v něm scvrklo. */
.h-carrier__logo.is-sq{width:38px;height:38px;padding:6px}
.h-carrier__logo{width:56px;height:30px;padding:3px}
/* Název dopravce je zmenšený už od tabletu, ne až na mobilu — vedle
   čtvercového loga a ceny na něj v užší kartě zbývá stejně málo místa. */
.h-carrier__name{font-size:12.5px}
/* Ikony plateb jsou čtvercové, takže se od tabletu níž zúží i jejich rámeček —
   na stejných 38×38 jako u dopravy, ať jsou obě sekce opticky stejné. Se stejným
   rámečkem musí sedět i název, jinak je platba o dva a půl pixelu větší. */
.h-pay__logo{width:38px;height:38px;padding:6px}
.h-pay__title{font-size:12.5px}
.h-cart-summary__pays .h-cart-summary__pay,.h-pay__logos span,.h-guarantee__chip{width:34px;height:34px;padding:5px;justify-content:center}
.h-cart-summary__pays img,.h-pay__logos img,.h-guarantee__logo{width:100%;height:100%;object-fit:contain}
.h-cart-summary__pays picture,.h-pay__logos picture,.h-guarantee__chip picture{display:flex;width:100%;height:100%}
/* Karta produktu je od tabletu níž kompaktní a bez popisu složení — v užším
   sloupci z něj bylo šest řádků a každá karta v řadě jinak vysoká. */
.h-card__body{padding:13px 14px 15px}
.h-card__kicker{font-size:10.5px}
.h-card__title{font-size:14.5px;margin-top:5px}
.h-card__desc{display:none}
.h-card__price{font-size:18px;margin-top:5px;gap:7px}
.h-card__points{margin-top:5px}
.h-card__coupon{font-size:11.5px;margin-top:5px}
.h-card__btn{margin-top:9px;padding:12px 14px;font-size:13.5px}
.h-products__grid{grid-template-columns:repeat(3,1fr);gap:13px}
.h-products__grid:not(.h-products__grid--archive) .h-card:nth-child(n+4){display:none}
.h-loyalty__grid{grid-template-columns:1fr;gap:0;padding-top:32px;padding-bottom:34px}
.h-loyalty__card{display:none}
.h-loyalty__title{font-size:23px}
.h-loyalty__text{font-size:13.5px}
.h-advice__grid{grid-template-columns:repeat(3,1fr)}
.h-reviews__grid{grid-template-columns:1fr 1fr}
/* Od tabletu níž jeden sloupec: ve dvou sloupcích zbylo na text 347 px a na
   mobilu dokonce jen 166 px — obrázek je tam schovaný, ale mřížka mu pořád
   držela půlku šířky, takže nadpis padal po slabikách. */
.h-why__grid{grid-template-columns:minmax(0,1fr);gap:22px}
.h-why__media{height:230px}
.h-footer__grid{grid-template-columns:1.2fr 1fr 1fr;gap:24px}
.h-footer__grid>div:nth-child(3){display:none}
.h-hero__bg{width:58%}
.h-hero__in{padding-top:36px;padding-bottom:38px}
.h-hero__title{font-size:35px}
.h-hero__float{display:none}
.h-sec-title{font-size:24px}
}
@media (max-width:680px){
/* Návrh počítá na mobilu s okrajem 16 px, ne 24 — na 390 px je to o 16 px
   obsahu navíc, což se pozná hlavně na vyhledávacím poli a na kartách. */
.h-wrap{padding-left:16px;padding-right:16px}
.h-topbar__center,.h-topbar__loyalty{display:none}
.h-topbar__mobiline{display:block}
.h-topbar__in{justify-content:center;padding-top:7px;padding-bottom:7px}
.h-header__in{flex-wrap:wrap;gap:12px;position:relative;padding-top:12px;padding-bottom:12px}
.h-header__logo{margin:0 auto}
.h-logo-img{height:36px}
.h-logo-img--wordmark{width:94px;height:36px;object-fit:contain}
.h-header__links{margin-left:0;gap:12px}
.h-header__link--acct{display:none}
.h-acct-ico{display:flex}
.h-search{order:9;flex-basis:100%;max-width:none;margin-top:2px;border-radius:11px;padding:0 14px}
.h-search input{font-size:13.5px;padding:12px 0}
.h-drawer__in{grid-template-columns:1fr;gap:0}
.h-drawer__item--acct{display:flex}
.h-hero__bg{width:100%;opacity:.16;-webkit-mask-image:none;mask-image:none}
.h-hero__in{padding-top:26px;padding-bottom:26px}
.h-hero__badge{font-size:10.5px;padding:6px 13px}
.h-hero__badge-more{display:none}
.h-hero__title{font-size:28px;line-height:1.18;margin-top:12px}
.h-hero__text{font-size:14px}
.h-hero__pills{gap:7px;margin-top:14px}
.h-hero__pills .h-pill{font-size:11px;padding:6px 11px}
/* Zkrácené znění z Customizeru (za |) — tři dlouhé pilulky se na 390 px nevejdou vedle sebe. */
.h-pill:has(.h-pill__short) .h-pill__long{display:none}
.h-pill__short{display:inline}
.h-hero__ctas{flex-direction:column;gap:9px}
.h-hero__ctas .h-btn{width:100%;justify-content:center;text-align:center;box-sizing:border-box}
.h-usps__grid{gap:13px;padding-top:18px;padding-bottom:18px}
.h-sec-title{font-size:21px}
.h-goals__grid{grid-template-columns:1fr 1fr;gap:9px}
.h-goals__grid .h-goal:nth-child(n+9){display:none}
.h-goals__grid.is-all .h-goal:nth-child(n+9){display:flex}
.h-goals__more{display:block}
.h-products__grid{grid-template-columns:1fr 1fr;gap:11px}
.h-products__grid .h-card{display:grid}
/* Ve dvou sloupcích je karta nejužší — tlačítko potřebuje menší písmo, jinak
   se „Přidat do košíku" zlomí na dva řádky. U hodnocení se „42× hodnocení"
   vedle hvězdiček nevejde ani zmenšené, proto se ukazuje jen „(42)". */
.h-card__btn{padding:12px 10px;font-size:13px}
.h-card__rating{font-size:12px;gap:6px}
.h-card__rating .h-stars{font-size:12px}
.h-card__rfull{display:none}
.h-card__rshort{display:inline}
.h-card__coupon{padding:6px 9px;font-size:11.5px;gap:5px}
.h-card__coupon-price{font-size:12.5px}
/* Ve dvou sloupcích jsou v návrhu dvě karty a odkaz na výpis, ne řada a půl. */
.h-products__grid:not(.h-products__grid--archive) .h-card:nth-child(n+3){display:none}
.h-products__grid .h-card--coming{display:none}
.h-products__allbtn{display:block}
.h-sec-head{flex-direction:column;align-items:flex-start;gap:4px}
.h-sec-head .h-sec-link{display:none}
.h-loyalty__steps{grid-template-columns:1fr;gap:14px;margin-top:18px}
/* V jednom sloupci patří číslo vedle textu, ne nad něj — jinak jsou z každého
   kroku tři řádky pod sebou a sekce se natáhne na celou obrazovku. */
.h-loyalty__step{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:10px;align-items:start}
.h-loyalty__stepnum{grid-row:1/span 2;width:26px;height:26px;font-size:12px}
.h-loyalty__steptitle{margin-top:0;font-size:13px}
.h-loyalty__stepsub{font-size:11.5px;margin-top:1px}
.h-advice__grid{grid-template-columns:1fr;gap:10px;margin-top:14px}
.h-article__media{height:110px}
.h-article__body{padding:13px 15px 15px}
.h-article__kicker{font-size:10px}
.h-article__title{font-size:13.5px;margin-top:5px}
.h-article__meta{font-size:11px;margin-top:6px}
.h-reviews__grid{grid-template-columns:1fr}
/* Patička recenze má na 390 px pět prvků vedle sebe (ikona, jméno, obchod,
   vlaječka, produkt) — bez zalomení z každého zbyde půl slova na řádek. */
.h-review{padding:18px 18px}
.h-review__text{font-size:14px;margin-top:10px}
.h-review__foot{flex-direction:column;align-items:flex-start;gap:7px;margin-top:12px}
.h-review__shop{margin-left:7px;font-size:11.5px}
.h-review__product{font-size:12px}
/* Obrázek na mobilu zůstává — po přechodu na jeden sloupec už nekrade šířku
   textu. Nižší než na tabletu (230 px), ať nezabere půl obrazovky, než se
   čtenář dostane k textu. */
.h-why__media{height:190px}
.h-why__text{font-size:13.5px;line-height:1.6;margin-top:10px}
.h-why__bullets{margin:14px 0 18px;gap:10px}
.h-why__bullet{font-size:13px;gap:10px}
.h-footer__grid{grid-template-columns:1fr;gap:18px}
.h-footer__grid>div:nth-child(2){display:none}
.h-footer__pays{display:none}
.h-footer__bottom{flex-direction:column;gap:4px;align-items:flex-start}
.h-sec-title{font-size:21px}
}

.h-lupa{display:none;align-items:center;background:none;border:0;padding:6px 2px;cursor:pointer;flex:none}
@media (max-width:1020px){
body:not(.home) .h-lupa{display:flex}
body:not(.home) .h-search{display:none}
/* `body` je tu kvůli specificitě — bez něj by pravidlo o řádek výš (0,2,1)
   přebilo otevřený stav (0,2,0) a mimo homepage by lupa nic neotevřela. */
body .h-search.is-open{display:flex;order:9;flex-basis:100%;max-width:none;margin-top:2px}
}
@media (min-width:681px) and (max-width:1020px){
body:not(.home) .h-header__in{flex-wrap:wrap}
body:not(.home) .h-header__logo{margin:0 auto}
body:not(.home) .h-header__links{margin-left:0}
}

@media (max-width:680px){
/* První řádek jsou tři sloupce [%] [text] [→]: text je pružný prostřední
   sloupec (flex:1 + min-width:0) a víceřádkové znění se láme UVNITŘ něj —
   chip i šipka zůstávají po stranách, svisle na střed (align-items na __in).
   Dřív text bez flexu při zalomení zabral celou šířku a chip skončil nad ním,
   šipka osamoceně pod ním. */
/* Velikosti jako na desktopu (Davidovo zadání) — mobil jen zkracuje chip na
   „%", schovává „Zkopírovat kód" a poznámku a zužuje boční odsazení. */
.hm-bar__in{flex-wrap:wrap;gap:12px;padding:10px 14px}
/* Zlom na druhý řádek jen s odpočtem — samotný rámeček kódu se vedle textu
   většinou vejde a wrap si ho zalomí sám, až když prostor opravdu nestačí. */
.hm-bar__in:has(.hm-bar__countdown)::after{content:"";flex-basis:100%;order:1;height:0}
.hm-bar__code{order:2;flex:none}
.hm-bar__countdown{order:2}
.hm-bar__chip{flex:none}
.hm-bar__text{font-size:12.5px;flex:1 1 0;min-width:0}
.hm-bar__note{display:none}
/* Šipka zpět na order:0 (DOM ji řadí za text) — s orderem za zlomem by
   spadla na druhý řádek k odpočtu místo vedle textu. */
.hm-bar__link{flex:none;order:0;margin-left:0;font-size:0;line-height:1}
.hm-bar__link::after{content:'→';font-size:15px;font-weight:800}
.hm-bar__copy{display:none}
.hm-bar__countdown{flex:none;padding:3px 8px;font-size:10.5px}
.hm-bar__cdtime{font-size:11px}
}

.h-onas__head{padding-top:14px}
.h-onas__title{margin:0;font-size:36px;font-weight:800;color:#16211c;letter-spacing:-.01em}
.h-onas__sub{margin:10px 0 0;font-size:16px;color:#3d443e;max-width:680px}
.h-onas__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:44px;align-items:start;padding-top:26px;padding-bottom:64px}
.h-onas__left{display:flex;flex-direction:column;gap:16px;min-width:0}
.h-onas__right{min-width:0}
.h-onas-card{border:1px solid #e3e0d4;border-radius:18px;padding:24px 26px;background:#fff}
.h-onas-card__label{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#0b7c3d}
.h-onas-support{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-top:14px;flex-wrap:wrap}
.h-onas-support__tel{font-size:26px;font-weight:800;color:#16211c;white-space:nowrap;text-decoration:none}
.h-onas-support__mail{font-size:17px;font-weight:800;color:#0b7c3d;text-decoration:none}
.h-onas-support__right{text-align:right}
.h-onas-support__sub{font-size:13.5px;color:#5d6b62;margin-top:3px}
.h-onas-support__note{margin-top:14px;padding-top:14px;border-top:1px solid #f6f5ef;font-size:13.5px;color:#3d443e;line-height:1.6}
.h-onas-support__note .hl{color:#16211c;font-weight:700}
.h-cform{margin-top:16px}
.h-cform .h-field{display:block;margin-bottom:12px}
.h-cform .h-input{width:100%;box-sizing:border-box;border:1.5px solid #e3e0d4;border-radius:10px;padding:12px 14px;font-size:14px;color:#16211c;background:#fff;outline:0}
.h-cform .h-input:focus{border-color:#0b7c3d}
.h-cform__row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.h-cform__msg{min-height:110px;resize:vertical;font-family:inherit}
.h-cform__hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.h-cform__btn{width:100%;margin-top:14px;justify-content:center}
.h-cform__ok{margin-top:12px;background:#e4eee6;border:1px solid #c6dbcb;border-radius:11px;padding:12px 16px;font-size:14px;color:#1f4d3a}
.h-cform__ok b{color:#0d8f46}
.h-cform__err{margin-top:12px;background:#FBEAE5;border:1px solid #F2CFC5;border-radius:11px;padding:12px 16px;font-size:14px;color:#7A2A18}
.h-onas-addr{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:14px;align-items:start}
.h-onas-addr__col{font-size:13.5px;line-height:1.8;color:#3d443e}
.h-onas-addr__col b{color:#16211c}
.h-onas-addr__col--main{font-size:14.5px;line-height:1.7;color:#2c4435}
.h-onas-bank{margin-top:8px}
.h-onas-bank__row{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid #f6f5ef;font-size:14px}
.h-onas-bank__row:last-child{border-bottom:0}
.h-onas-bank__row span{color:#5d6b62;flex:none}
.h-onas-bank__row b{font-weight:700;color:#16211c;text-align:right}
.h-onas-bank__note{font-size:12.5px;color:#8b9389;margin-top:6px}
.h-onas-links{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px;margin-top:14px}
.h-onas-links a{font-size:14px;font-weight:700;color:#0b7c3d;text-decoration:none}
.h-onas-links a:hover{text-decoration:underline}
.h-onas__kicker{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#0b7c3d}
.h-onas__h2{margin:12px 0 0;font-size:31px;font-weight:800;color:#16211c;letter-spacing:-.01em}
.h-onas__perex{margin:14px 0 0;font-size:15.5px;line-height:1.7;color:#3d443e}
.h-onas__photo{margin-top:22px;border-radius:18px;height:230px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.h-onas__photo--pattern{background:repeating-linear-gradient(45deg,#f6f5ef 0 12px,#F6F9FC 12px 24px)}
.h-onas__img{width:100%;height:100%;object-fit:cover}
.h-onas__h3{margin:28px 0 0;font-size:21px;font-weight:800;color:#16211c}
.h-onas__text{margin:12px 0 0;font-size:15px;line-height:1.75;color:#3d443e}
.h-onas__bullets{margin-top:18px;display:flex;flex-direction:column;gap:12px}
.h-onas__bullet{display:flex;gap:12px;align-items:flex-start;font-size:14.5px;color:#2c4435;line-height:1.55}
.h-onas__bullet b{color:#16211c}
.h-onas__check{width:26px;height:26px;border-radius:50%;background:#e4eee6;color:#0d8f46;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center;flex:none}
.h-onas__steps{margin-top:16px;display:flex;flex-direction:column;gap:14px}
.h-onas__step{display:flex;gap:14px;align-items:flex-start;font-size:14.5px;line-height:1.6;color:#2c4435}
.h-onas__step b{color:#16211c}
.h-onas__stepnum{width:30px;height:30px;border-radius:50%;background:#0b7c3d;color:#fff;font-size:13.5px;font-weight:800;display:flex;align-items:center;justify-content:center;flex:none}
.h-onas-stats{margin-top:26px;background:#fdfcf8;border:1px solid #e3e0d4;border-radius:18px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}
.h-onas-stats__cell{text-align:center;padding:18px 10px}
.h-onas-stats__cell:nth-child(1){border-right:1px solid #e3e0d4;border-bottom:1px solid #e3e0d4}
.h-onas-stats__cell:nth-child(2){border-bottom:1px solid #e3e0d4}
.h-onas-stats__cell:nth-child(3){border-right:1px solid #e3e0d4}
.h-onas-stats__num{font-size:29px;font-weight:800;color:#16211c}
.h-onas-stats__num.is-green{color:#0d8f46}
.h-onas-stats__sub{font-size:13px;color:#5d6b62;margin-top:4px}
.h-onas-fb{margin-top:16px;background:#fdfcf8;border:1px solid #e3e0d4;border-radius:18px;padding:22px 26px}
.h-onas-fb__text{font-size:14.5px;line-height:1.65;color:#3d443e;margin-top:10px}
.h-onas-fb__mail{display:inline-block;font-size:17px;font-weight:800;color:#0b7c3d;margin-top:10px;text-decoration:none}
@media (max-width:900px){
.h-onas__grid{grid-template-columns:1fr;gap:26px;padding-top:16px;padding-bottom:30px}
.h-onas__title{font-size:25px}
.h-onas__sub{font-size:13.5px}
.h-onas__h2{font-size:23px}
.h-onas-card{padding:18px 16px}
.h-onas-support__tel{font-size:22px}
}
@media (max-width:520px){
.h-cform__row2{grid-template-columns:1fr}
.h-onas-addr{grid-template-columns:1fr}
.h-onas-links{grid-template-columns:1fr}
.h-onas-support{flex-direction:column;gap:10px}
.h-onas-support__right{text-align:left}
}

.h-dop__head{padding-top:14px;padding-bottom:44px}
.h-dop__kicker{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#0b7c3d}
.h-dop__title{margin:12px 0 0;font-size:40px;line-height:1.15;font-weight:800;color:#16211c;letter-spacing:-.01em;max-width:760px}
.h-dop__perex{margin:14px 0 0;font-size:17px;line-height:1.65;color:#3d443e;max-width:680px}
.h-dop-steps{background:#fdfcf8;border-top:1px solid #f6f5ef;border-bottom:1px solid #f6f5ef}
.h-dop-steps__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-top:36px;padding-bottom:36px}
.h-dop-step__num{width:34px;height:34px;border-radius:50%;background:#0b7c3d;color:#fff;font-size:14px;font-weight:800;display:flex;align-items:center;justify-content:center}
.h-dop-step__title{font-size:15.5px;font-weight:700;color:#16211c;margin-top:10px}
.h-dop-step__text{font-size:13.5px;color:#5d6b62;margin-top:4px;line-height:1.55}
.h-dop-ship{padding:52px 0 0}
.h-dop-pay{padding:36px 0 52px}
.h-dop-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}
.h-dop-cards--pay{grid-template-columns:repeat(2,1fr)}
.h-dop-card{border:1px solid #e3e0d4;border-radius:16px;padding:22px 24px;display:flex;align-items:flex-start;gap:16px;background:#fff}
.h-dop-card__logo{width:88px;height:36px;border-radius:8px;flex:none;margin-top:2px}
.h-dop-card__logo .h-carrier__mark{width:52px;height:34px;font-size:16px}
.h-dop-card__logo--pay{display:flex;align-items:center;justify-content:center;flex:none;background:#fff;border:1px solid #e3e0d4}
.h-dop-card__abbr{font-size:13px;font-weight:800;color:#0b7c3d}
.h-dop-card__body{flex:1;min-width:0}
.h-dop-card__title{font-size:16px;font-weight:700;color:#16211c}
.h-dop-card__sub{font-size:13px;color:#5d6b62;margin-top:3px}
.h-dop-card__price{flex:none;font-size:17px;font-weight:800;color:#16211c;white-space:nowrap}
/* Řádek: štítek prahu vlevo, cena vpravo. Termín doručení je až pod ním na
   vlastním řádku — ve společném řádku s cenou se v úzké kartě lámal. */
.h-dop-card__row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}
.h-dop-card__eta{margin-top:10px}
/* Termín je tu tmavý, ne zelený jako v pokladně: na kartě už zelenou nese
   štítek prahu a dvě zelené na sobě soupeří. Přebíjí se jen tady, .h-carrier__eta
   sdílí styl s kartami dopravců v pokladně. */
.h-dop-card__eta .h-carrier__eta{color:#16211c}
.h-dop-card__price.is-free,.h-dop-card__price .h-green{color:#0d8f46}
/* Štítek „zdarma od X" bydlí v těle karty, ne u ceny: v cenové buňce má
   nowrap a roztáhl by ji z ~45 na ~110 px, což ukusuje šířku názvu a ten
   se pak láme na dva řádky. */
.h-dop-card__free{display:inline-block;padding:2px 9px;border-radius:999px;background:#E9F6EC;font-size:11.5px;font-weight:800;color:#0d8f46;white-space:nowrap}
.h-dop-band{margin-top:16px;border-radius:14px;padding:16px 22px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:15px;font-weight:600}
.h-dop-band--free{background:#e4eee6;border:1px solid #c6dbcb;color:#1f4d3a}
.h-dop-band--free .hl{font-weight:800;color:#1f4d3a}
.h-dop-band--gift{margin-top:12px;background:#FBF3E6;border:1px solid #F0E2C8;color:#4A3A22}
.h-dop-band--gift .hl{font-weight:800;color:#4A3A22}
.h-dop-band__chip{color:#fff;font-size:11.5px;font-weight:800;letter-spacing:.08em;border-radius:7px;padding:4px 10px;flex:none}
.h-dop-band__chip--green{background:#0b7c3d}
.h-dop-band__chip--red{background:#C2452D}
.h-dop-faq{background:#fdfcf8;border-top:1px solid #f6f5ef;padding:52px 0}
@media (max-width:1020px){
.h-dop-cards{grid-template-columns:1fr 1fr}
}
@media (max-width:680px){
.h-dop__title{font-size:27px}
.h-dop__perex{font-size:14px}
.h-dop__head{padding-bottom:24px}
.h-dop-steps__grid{grid-template-columns:1fr;gap:16px;padding-top:24px;padding-bottom:24px}
.h-dop-step{display:grid;grid-template-columns:34px 1fr;gap:4px 12px;align-items:center}
.h-dop-step__num{grid-row:1/3}
.h-dop-step__title{margin-top:0}
.h-dop-step__text{margin-top:0}
.h-dop-ship{padding-top:26px}
.h-dop-pay{padding:22px 0 26px}
.h-dop-cards,.h-dop-cards--pay{grid-template-columns:1fr;gap:10px}
.h-dop-card{padding:15px 16px}
.h-dop-card__title{font-size:14.5px}
.h-dop-card__price{font-size:15px}
.h-dop-band{font-size:13px;padding:12px 15px}
.h-dop-faq{padding:26px 0}
}

.h-thx{max-width:900px;margin:0 auto;padding:28px 24px 48px}
.h-thx__card{background:#fff;border:1px solid #e3e0d4;border-radius:18px;padding:24px 26px}
.h-thx__card--head{text-align:center;padding:34px 26px 28px}
.h-thx__check{width:54px;height:54px;border-radius:50%;background:#e4eee6;color:#0d8f46;font-size:24px;font-weight:800;display:flex;align-items:center;justify-content:center;margin:0 auto}
.h-thx__check--fail{background:#FBEAE5;color:#C2452D}
.h-thx__title{margin:14px 0 0;font-size:27px;font-weight:800;color:#16211c;letter-spacing:-.01em}
.h-thx__sub{margin:8px 0 0;font-size:14.5px;color:#3d443e}
.h-thx__actions{margin:16px 0 0;display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.h-thx__meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:20px}
.h-thx__chip--deliver b{color:#0d8f46}
.h-thx__chip{background:#fdfcf8;border:1px solid #e3e0d4;border-radius:12px;padding:10px 12px;text-align:center}
.h-thx__chip span{display:block;font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#8b9389}
.h-thx__chip b{display:block;font-size:14.5px;font-weight:800;color:#16211c;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.h-thx__points{display:inline-block;margin-top:14px;background:#e4eee6;color:#0d8f46;border-radius:9px;padding:7px 14px;font-size:12.5px;font-weight:800}
.h-thx__gateway:not(:empty){margin-top:16px}
.h-thx__grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:18px;margin-top:18px;align-items:center}
.h-thx__side{display:flex;flex-direction:column;gap:16px}
.h-thx__cardlabel{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#0b7c3d;margin-bottom:8px}
.h-thx__addr{font-style:normal;font-size:14px;line-height:1.7;color:#2c4435}
.h-thx__next{display:flex;flex-direction:column;gap:12px;margin-top:16px;font-size:14px;line-height:1.55;color:#2c4435}
.h-thx__next b{color:#0d8f46;flex:none}
.h-thx__next b.is-star{color:#E8A33D}
.h-thx__next>div{display:flex;gap:11px;align-items:flex-start}
.h-thx{max-width:1180px}
.h-orderpay{max-width:720px;margin:0 auto;padding:28px 24px 48px;display:flex;flex-direction:column;gap:18px}
.h-orderpay__title{margin:0;font-size:24px;font-weight:800;color:#16211c;letter-spacing:-.015em}
.h-orderpay__meta{display:flex;gap:14px;margin:8px 0 16px;font-size:13.5px;color:#5d6b62;flex-wrap:wrap}
.h-orderpay__meta b{color:#16211c}
.h-orderpay__h2{margin:0 0 14px;font-size:19px;font-weight:800;color:#16211c;letter-spacing:-.01em}
.h-orderpay__submit{margin-top:18px;display:flex;flex-direction:column;gap:10px}
.h-orderpay__btn{width:100%;font-size:16.5px;padding:16px 24px}
.h-orderpay__terms{margin:0;font-size:12.5px;color:#8b9389;text-align:center}
.h-orderpay__terms a{text-decoration:underline;text-underline-offset:3px}
.h-thx__badge{font-style:normal;font-size:10.5px;font-weight:800;border-radius:6px;padding:2px 7px;display:inline-block;margin:4px auto 0}
.h-thx__chip b{display:flex;flex-direction:column;align-items:center}
.h-thx__gateway{margin-top:18px}
.h-thx__gateway>*:first-child{margin-top:0}
.h-thx__gateway>*:last-child{margin-bottom:0}
.h-thx__badge--ok{background:#E1F0E4;color:#1f4d3a}
.h-thx__badge--wait{background:#FDF3E9;color:#B07B22}
.h-thx__actions{display:flex;gap:12px;justify-content:center;margin-top:22px;flex-wrap:wrap}
/* Pruh s doručením a pruh s dobírkou jsou dva různé stavy téhož sdělení —
   musí mít stejnou šířku, rám i velikost ikony, jinak vypadají jako dva
   nesouvisející prvky. Rozměry drží tahle dvojice pravidel společně. */
.h-thx__deliverbar,
.h-thx__codchip{display:flex;align-items:center;gap:13px;width:100%;max-width:640px;margin-left:auto;margin-right:auto;border-radius:14px;padding:13px 20px 13px 15px;text-align:left;flex-wrap:wrap;justify-content:flex-start;box-sizing:border-box}
.h-thx__deliverbar{margin-top:22px;background:#F2F8F3;border:1px solid #DCEBDF}
.h-thx__deliverico{width:38px;height:38px;border-radius:10px;background:#E7F1E9;display:flex;align-items:center;justify-content:center;flex:none}
.h-thx__delivermain span{display:block;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#0d8f46;line-height:1.25}
.h-thx__delivermain b{display:block;font-size:16.5px;font-weight:800;color:#16211c;margin-top:3px;line-height:1.2}
.h-thx__deliversep{width:1px;height:34px;background:#DCEBDF;flex:none}
.h-thx__deliverpoint{font-size:13px;color:#3d443e;line-height:1.5;max-width:260px}
.h-thx__helpshop{margin-left:auto;font-size:13.5px;padding:9px 16px}
@media (max-width:600px){.h-thx__deliversep{display:none}.h-thx__deliverpoint{max-width:none}}
.h-thx__note{font-size:12.5px;color:#8b9389;margin-top:12px}
.h-thx__codchip{margin-top:12px;background:#FDF3E9;border:1px solid #F3DFC6;color:#8A5A1B;font-size:13px;font-weight:700;line-height:1.5}
.h-thx__codchip>span:last-child{flex:1;min-width:0}
.h-thx__deliverico--cod{background:#F6E6D2;color:#8A5A1B}
.h-thx__codchip svg{flex:none}
.h-thx__h2{margin:0;font-size:19px;font-weight:800;color:#16211c;letter-spacing:-.01em}
.h-thx__grid--half{grid-template-columns:1fr 1fr;align-items:center}
.h-thx__tl{display:flex;flex-direction:column;margin-top:20px}
.h-thx__tlrow{display:flex;gap:16px}
.h-thx__tlrail{display:flex;flex-direction:column;align-items:center;flex:none;width:28px}
.h-thx__tldot{width:26px;height:26px;border-radius:50%;background:#fff;border:2px solid #d5d2c6;box-sizing:border-box;display:flex;align-items:center;justify-content:center;flex:none}
.h-thx__tldot--done{background:#0b7c3d;border-color:#0b7c3d;color:#fff;font-size:12px;font-weight:800}
.h-thx__tldot--now{border:2.5px solid #0b7c3d}
.h-thx__tldot--now i{width:9px;height:9px;border-radius:50%;background:#0b7c3d}
.h-thx__tlline{flex:1;width:2px;background:#DCE5F0;margin:4px 0;min-height:14px}
.h-thx__tlbody{padding-bottom:22px;min-width:0}
.h-thx__tlrow:last-child .h-thx__tlbody{padding-bottom:0}
.h-thx__tlhead{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.h-thx__tlhead b{font-size:15.5px;font-weight:800;color:#16211c}
.h-thx__tlhead span{font-size:12.5px;font-weight:700;color:#8b9389}
.h-thx__tlhead span.is-green{color:#0d8f46}
.h-thx__tlbody p{margin:5px 0 0;font-size:13.5px;color:#5d6b62;line-height:1.6}
.h-thx__sumhead{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px}
.h-thx__sumhead span{font-size:12.5px;font-weight:700;color:#8b9389}
.h-thx__addrs{border-top:1px solid #f6f5ef;margin-top:14px;padding-top:14px;display:flex;flex-direction:column;gap:10px;font-size:12.5px;color:#5d6b62;line-height:1.55}
.h-thx__addrs b{color:#16211c;font-size:11px;letter-spacing:.08em;text-transform:uppercase;display:block;margin-bottom:3px}
.h-thx__card--loyal{background:#F2F8F3;border:1.5px solid #c6dbcb;display:flex;flex-direction:column}
.h-thx__loyalchip{display:inline-flex;align-self:flex-start;background:#0d8f46;color:#fff;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;border-radius:6px;padding:4px 10px}
.h-thx__loyalpts{font-size:40px;font-weight:800;color:#1f4d3a;letter-spacing:-.03em;margin-top:12px;line-height:1}
.h-thx__loyalpts span{font-size:17px}
.h-thx__loyaltext{margin:9px 0 0;font-size:14px;color:#2c4435;line-height:1.6}
.h-thx__loyaltext .hl{background:none;color:#1f4d3a;font-weight:800}
.h-thx__loyalact{display:flex;gap:12px;align-items:center;margin-top:auto;padding-top:18px;flex-wrap:wrap}
.h-thx__loyallink{font-size:13.5px;font-weight:700;color:#0b7c3d}
.h-thx__card--share{background:#16211c;border-color:#16211c;color:#fff}
.h-thx__card--share .h-thx__h2{color:#fff}
.h-thx__sharetext{margin:8px 0 0;font-size:14px;color:#c8d4cb;line-height:1.6}
.h-thx__shareact{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}
.h-thx__sharebtn{display:inline-flex;align-items:center;gap:9px;font-size:14.5px;font-weight:800;padding:13px 20px;border-radius:11px;text-decoration:none}
.h-thx__sharebtn--mail{background:#fff;color:#16211c}
.h-thx__sharebtn--wa{background:#0b7c3d;color:#fff}
.h-thx__sharebtn:hover{opacity:.92}
.h-thx__help{display:flex;flex-direction:column;gap:12px;margin-top:16px;font-size:14.5px;color:#2c4435}
.h-thx__help>div{display:flex;align-items:center;gap:12px}
.h-thx__help b{color:#16211c}
.h-thx__help em{font-style:normal;color:#8b9389}
.h-thx__helpico{width:34px;height:34px;border-radius:9px;background:#e4eee6;display:flex;align-items:center;justify-content:center;flex:none}
.h-thx__helplinks{display:flex;align-items:center;gap:16px;margin-top:16px;padding-top:14px;border-top:1px solid #f6f5ef;font-size:13.5px;font-weight:700;flex-wrap:wrap}
@media (max-width:900px){
	.h-thx__grid,.h-thx__grid--half{grid-template-columns:minmax(0,1fr)}
	.h-thx__meta{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.h-thx__shopbtn{margin-top:14px;width:100%;justify-content:center;text-align:center;box-sizing:border-box}
.h-osum__items{display:flex;flex-direction:column;gap:12px;padding-bottom:14px;border-bottom:1px solid #f6f5ef}
.h-osum__item{display:flex;align-items:center;gap:13px}
.h-osum__thumb{width:52px;height:52px;border-radius:10px;overflow:hidden;flex:none;background:linear-gradient(167deg,#f2f1e9 0%,#f6f5ef 84%,#f2f1e9 100%);display:flex;align-items:center;justify-content:center}
.h-osum__thumb img{width:88%;height:88%;object-fit:cover;border-radius:8px}
.h-osum__body{flex:1;min-width:0}
.h-osum__name{font-size:14px;font-weight:700;color:#16211c}
.h-osum__qty{font-size:12.5px;color:#8b9389;margin-top:2px}
.h-osum__price{font-size:14.5px;font-weight:800;color:#16211c;flex:none}
.h-osum__totals .h-total-row{font-size:14px;margin-top:8px}
.h-osum__totals .h-total-row--grand{padding-top:12px;border-top:1px solid #e3e0d4;margin-top:12px}
.h-osum__totals .h-total-grand{font-size:21px}
.h-osum__pay{font-size:12.5px;color:#8b9389;margin-top:8px;text-align:right}
.h-syspage{max-width:560px;margin:0 auto;padding:24px 24px 56px}
.h-syspage__crumbs{padding:0 0 14px}
.h-syspage__card{background:#fff;border:1px solid #e3e0d4;border-radius:18px;padding:30px 32px}
.h-syspage__card--center{text-align:center}
.h-syspage__check{width:54px;height:54px;border-radius:50%;background:#e4eee6;color:#0d8f46;font-size:24px;font-weight:800;display:flex;align-items:center;justify-content:center;margin:0 auto 14px}
.h-syspage__title{margin:0;font-size:24px;font-weight:800;color:#16211c;letter-spacing:-.01em}
.h-syspage__text{margin:10px 0 0;font-size:14.5px;line-height:1.65;color:#3d443e}
.h-sysform{margin-top:18px}
.h-sysform .h-field{display:block;margin-bottom:14px}
.h-sysform .h-input{width:100%;box-sizing:border-box}
.h-sysform__btn{width:100%;justify-content:center}
.h-syspage__back{display:inline-block;margin-top:16px;font-size:13.5px;font-weight:700;color:#0b7c3d}
.h-acct-order__acts{display:flex;gap:8px;flex:none;flex-wrap:wrap}
.h-acct-order__paybtn{background:#0b7c3d;color:#fff;border-radius:10px;padding:9px 18px;font-size:13px;font-weight:800;white-space:nowrap;text-decoration:none}
.h-acct-order__paybtn:hover{background:#338A41;color:#fff}
.h-acct-card .h-acct-order:first-of-type{border-top:0;margin-top:6px}
.h-acct-pagenav{display:flex;gap:10px;justify-content:center;margin-top:14px}
.h-acct-card--empty{text-align:center;padding:34px 26px}
.h-acct-card--empty .h-btn{margin-top:12px}
.h-acct__content .woocommerce-EditAccountForm label,.h-acct__content .woocommerce-address-fields label{display:block;font-size:12.5px;font-weight:700;color:#3d443e;margin-bottom:6px}
.h-acct__content .woocommerce-EditAccountForm .woocommerce-Input,.h-acct__content .woocommerce-address-fields input.input-text,.h-acct__content .woocommerce-address-fields select{width:100%;border:1.5px solid #e3e0d4;border-radius:10px;padding:12px 14px;font-size:14px;color:#16211c;background:#fff;outline:0;box-sizing:border-box}
.h-acct__content .woocommerce-EditAccountForm .woocommerce-Input:focus,.h-acct__content .woocommerce-address-fields input.input-text:focus{border-color:#0b7c3d}
.h-acct__content form .form-row{margin:0 0 14px;padding:0}
.h-acct__content fieldset{border:1px solid #e3e0d4;border-radius:14px;padding:18px;margin:18px 0}
.h-acct__content fieldset legend{font-size:13px;font-weight:800;color:#16211c;padding:0 8px}
.h-acct-tabs{display:flex;gap:6px;border-bottom:1px solid #e3e0d4;margin:0 0 22px;flex-wrap:wrap}
.h-acct-tabs__btn{background:0;border:0;cursor:pointer;padding:11px 16px;margin-bottom:-1px;font-size:14.5px;font-weight:700;color:#5d6b62;border-bottom:2.5px solid transparent;border-radius:8px 8px 0 0}
.h-acct-tabs__btn:hover{color:#0b7c3d;background:#fdfcf8}
.h-acct-tabs__btn.is-active{color:#0b7c3d;font-weight:800;border-bottom-color:#0b7c3d}
.h-acct-tabs__panel[data-vl-acct-panel=komunikace]{padding-top:4px}
.h-acct__content .woocommerce-EditAccountForm label.h-checktoggle{display:inline-flex;align-items:center;gap:10px;margin:0;font-size:14px;color:#16211c}
.h-acct-comm__note{margin:14px 0 0;font-size:13px;color:#8A6D3B;background:#FDF6E7;border:1px solid #F0E1BE;border-radius:10px;padding:11px 14px}
.h-acct__content button[type=submit],.h-acct__content button[name=save_address],.h-acct__content button[name=save_account_details]{background:#0b7c3d;color:#fff;border:0;cursor:pointer;border-radius:11px;padding:13px 26px;font-size:14.5px;font-weight:800}
.h-acct__content button[type=submit]:hover{background:#338A41}
.h-acct__content .woocommerce-Addresses{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.h-acct__content .woocommerce-Address{border:1px solid #e3e0d4;border-radius:16px;padding:18px 20px}
.h-acct__content .woocommerce-Address-title h2,.h-acct__content .woocommerce-Address-title h3{font-size:16px;font-weight:800;color:#16211c;margin:0 0 6px}
.h-acct__content .woocommerce-Address address{font-style:normal;font-size:13.5px;line-height:1.65;color:#3d443e}
.h-acct__content .woocommerce-Address-title .edit{font-size:13px;font-weight:700;color:#0b7c3d}
.h-404{padding-top:56px;padding-bottom:72px;text-align:center}
.h-404__num{font-size:88px;font-weight:800;color:#e3e0d4;line-height:1;letter-spacing:-.02em}
.h-404__title{margin:8px 0 0;font-size:29px;font-weight:800;color:#16211c}
.h-404__text{margin:12px auto 0;font-size:15px;color:#3d443e;max-width:480px;line-height:1.65}
.h-404__search{display:flex;gap:8px;max-width:480px;margin:22px auto 0}
.h-404__search .h-input{flex:1;min-width:0}
.h-404__ctas{display:flex;gap:10px;justify-content:center;margin-top:16px;flex-wrap:wrap}
@media (max-width:680px){
.h-thx{padding:14px 12px 0}
.h-thx__meta{grid-template-columns:1fr 1fr}
.h-thx__grid{grid-template-columns:1fr}
.h-thx__card{padding:18px 16px}
.h-syspage{padding:16px 16px 32px}
.h-syspage__card{padding:22px 18px}
.h-acct-order__acts{grid-column:1/-1}
.h-acct-order__acts a{flex:1;text-align:center}
.h-acct__content .woocommerce-Addresses{grid-template-columns:1fr}
.h-404__num{font-size:64px}
}

.woocommerce-order-received .h-wc-page .woocommerce:not(:has(.h-thx)){max-width:560px;margin:28px auto 56px;background:#fff;border:1px solid #e3e0d4;border-radius:18px;padding:30px 32px}
/* Chybové stavy pokladny (neplatná objednávka na order-pay apod.) jedou mimo
   checkout formulář rovnou v .h-wc-page — bez obalu by hláška táhla přes celé okno. */
.h-wc-page{max-width:1280px;margin:0 auto;padding-left:24px;padding-right:24px}
.woocommerce-order-received .woocommerce:not(:has(.h-thx))>p:first-child{font-size:22px;font-weight:800;color:#16211c;margin:0 0 8px}
.woocommerce-order-received .woocommerce-form-login label{display:block;font-size:12.5px;font-weight:700;color:#3d443e;margin-bottom:6px}
.woocommerce-order-received .woocommerce-form-login input.input-text{width:100%;border:1.5px solid #e3e0d4;border-radius:10px;padding:12px 14px;font-size:14px;color:#16211c;background:#fff;outline:0;box-sizing:border-box}
.woocommerce-order-received .woocommerce-form-login input.input-text:focus{border-color:#0b7c3d}
.woocommerce-order-received .woocommerce-form-login .form-row{margin:0 0 14px;padding:0}
.woocommerce-order-received .woocommerce-form-login button[type=submit]{width:100%;background:#0b7c3d;color:#fff;border:0;cursor:pointer;border-radius:11px;padding:14px;font-size:15px;font-weight:800}
.woocommerce-order-received .woocommerce-form-login button[type=submit]:hover{background:#338A41}
.woocommerce-order-received .woocommerce-LostPassword{margin-top:14px;font-size:13.5px}
.woocommerce-order-received .woocommerce-form-login__rememberme{display:flex;align-items:center;gap:8px;font-size:13.5px;color:#2c4435;margin-bottom:12px}

/* ---------- Právní stránky (obchodní podmínky, OOÚ, reklamace) ---------- */
.h-legal__head{padding-top:36px}
.h-legal__title{margin:0;font-size:36px;font-weight:800;color:#16211c;letter-spacing:-.01em}
.h-legal__meta{font-size:14px;color:#5d6b62;margin-top:8px}
.h-legal{display:grid;grid-template-columns:280px 1fr;gap:48px;align-items:start;padding-top:26px;padding-bottom:64px}
.h-legal__toc{position:sticky;top:calc(var(--hm-hdr,0px) + 16px);border:1px solid #e3e0d4;border-radius:16px;padding:18px 22px;max-height:calc(100vh - 180px);overflow:auto;overscroll-behavior:contain}
.h-legal__toc-title{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#8b9389;padding-bottom:6px;list-style:none;cursor:default}
.h-legal__toc-title::-webkit-details-marker{display:none}
.h-legal__toc-item{display:flex;gap:10px;padding:9px 0;border-bottom:1px solid #f6f5ef;font-size:13.5px;line-height:1.4;color:#3d443e;font-weight:600;text-decoration:none}
.h-legal__toc-item:last-child{border-bottom:0;padding-bottom:0}
.h-legal__toc-item:hover{color:#0b7c3d}
.h-legal__toc-item.is-active{color:#0b7c3d;font-weight:700}
.h-legal__toc-num{width:22px;flex:none;color:#8b9389}
.h-legal__toc-item.is-active .h-legal__toc-num{color:#0b7c3d}
.h-legal__body{max-width:760px;min-width:0;margin-top:-26px}
.h-legal__intro{padding:26px 0 0;font-size:15.5px;line-height:1.75;color:#3d443e}
.h-legal__art{padding:26px 0;border-bottom:1px solid #f6f5ef}
.h-legal__art-title{margin:0;font-size:21px;font-weight:800;color:#16211c;line-height:1.3}
.h-legal__body p{margin:12px 0 0;font-size:15px;line-height:1.75;color:#3d443e}
.h-legal__body h3{margin:20px 0 0;font-size:16px;font-weight:800;color:#16211c}
.h-legal__body strong,.h-legal__body b{font-weight:800;color:#16211c}
.h-legal__body a{color:#0b7c3d;text-decoration:none;border-bottom:1px solid #d5d2c6}
.h-legal__body a:hover{color:#338A41;border-bottom-color:#9FD0A6}
.h-legal__body ol{counter-reset:hleg;list-style:none;margin:12px 0 0;padding:0}
.h-legal__body ol>li{counter-increment:hleg;position:relative;padding-left:34px;margin-top:11px;font-size:15px;line-height:1.75;color:#3d443e}
.h-legal__body ol>li::before{content:counter(hleg) ".";position:absolute;left:0;top:0;width:26px;text-align:right;font-weight:800;font-size:14px;color:#8b9389;font-variant-numeric:tabular-nums}
.h-legal__body ol>li>p:first-child{margin-top:0}
.h-legal__body ul{list-style:none;margin:10px 0 0;padding:0}
.h-legal__body ul>li{position:relative;padding-left:18px;margin-top:7px;font-size:14.5px;line-height:1.7;color:#3d443e}
.h-legal__body ul>li::before{content:"";position:absolute;left:2px;top:11px;width:6px;height:6px;border-radius:50%;background:#d5d2c6}
.h-legal__note{margin-top:14px;background:#FBF3E6;border:1px solid #F0E2C8;border-radius:12px;padding:12px 18px;font-size:13.5px;line-height:1.65;color:#4A3A22}
.h-legal__note p{font-size:13.5px;color:#4A3A22;margin:6px 0 0}
.h-legal__note p:first-child{margin-top:0}
.h-legal__contact{margin-top:26px;background:#fdfcf8;border:1px solid #e3e0d4;border-radius:14px;padding:18px 24px;font-size:14px;color:#3d443e;line-height:1.6}
.h-legal__contact-mail{color:#0b7c3d;font-weight:800;text-decoration:none;border-bottom:0}
.h-legal__contact-tel{color:#16211c;font-weight:800}
@media (max-width:1020px){
.h-legal{grid-template-columns:240px 1fr;gap:32px}
}
@media (max-width:900px){
.h-legal{grid-template-columns:1fr;gap:18px;padding-top:18px}
.h-legal__toc{position:static;max-height:none;padding:14px 18px}
.h-legal__toc-title{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding-bottom:0}
.h-legal__toc-title::after{content:"";width:8px;height:8px;border-right:2px solid #8b9389;border-bottom:2px solid #8b9389;transform:rotate(45deg);margin-top:-4px;flex:none}
.h-legal__toc[open] .h-legal__toc-title{padding-bottom:6px}
.h-legal__toc[open] .h-legal__toc-title::after{transform:rotate(-135deg);margin-top:2px}
.h-legal__body{margin-top:0}
.h-legal__title{font-size:28px}
.h-legal__head{padding-top:22px}
}
@media (max-width:680px){
.h-legal{padding-bottom:44px}
.h-legal__title{font-size:25px}
.h-legal__art{padding:20px 0}
.h-legal__art-title{font-size:19px}
.h-legal__contact{padding:16px 18px}
}

/* ---------- Vrácení a reklamace ---------- */
.h-vr-cond__grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding-top:44px}
.h-vr-cond__card{border:1px solid #e3e0d4;border-radius:16px;padding:22px 26px;background:#fff}
.h-vr-cond__card--ok{background:#F4FAF5;border-color:#c6dbcb}
.h-vr-cond__card--no{background:#FDF4F1;border-color:#F2CFC5}
.h-vr-cond__title{font-size:17px;font-weight:800;color:#16211c;display:flex;align-items:center;gap:9px}
.h-vr-cond__title::before{content:"";width:22px;height:22px;border-radius:50%;flex:none;display:inline-block;background-repeat:no-repeat;background-position:center}
.h-vr-cond__card--ok .h-vr-cond__title::before{background-color:#0b7c3d;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='M2.5 7.4l3 3 6-6.4' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.h-vr-cond__card--no .h-vr-cond__title::before{background-color:#C2452D;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='M3.6 3.6l6.8 6.8M10.4 3.6l-6.8 6.8' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E")}
.h-vr-cond__list{list-style:none;margin:14px 0 0;padding:0}
.h-vr-cond__list li{position:relative;padding-left:20px;margin-top:9px;font-size:14.5px;line-height:1.6;color:#3d443e}
.h-vr-cond__list li::before{content:"";position:absolute;left:2px;top:9px;width:6px;height:6px;border-radius:50%}
.h-vr-cond__card--ok .h-vr-cond__list li::before{background:#0b7c3d}
.h-vr-cond__card--no .h-vr-cond__list li::before{background:#C2452D}

.h-vr-form-sec{padding:44px 0 52px}
.h-vr-form{border:1px solid #e3e0d4;border-radius:18px;padding:30px 34px;background:#fff;max-width:860px;margin:0 auto}
.h-vr-form__title{margin:0;font-size:24px;font-weight:800;color:#16211c}
.h-vr-form__perex{margin:10px 0 0;font-size:15px;line-height:1.65;color:#3d443e}
.h-vr-form__note{margin-top:20px;padding-top:18px;border-top:1px solid #f6f5ef;font-size:13.5px;line-height:1.6;color:#5d6b62}

/* formulář pluginu Odstoupení od smlouvy — přebití jeho výchozího vzhledu */
.h-vr-form .ods-form{max-width:none;margin-top:22px}
.h-vr-form .ods-form-withdrawal{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
.h-vr-form .ods-form-withdrawal>*{grid-column:1/-1;min-width:0}
.h-vr-form .form-row-first,.h-vr-form .form-row-last{grid-column:auto}
.h-vr-form .ods-form .form-row{margin:0 0 16px}
.h-vr-form .ods-form label{display:block;font-size:12.5px;font-weight:700;color:#3d443e;margin-bottom:6px}
.h-vr-form .ods-form abbr.required{color:#C2452D;text-decoration:none;border:0}
.h-vr-form .ods-form input[type=text],.h-vr-form .ods-form input[type=email],.h-vr-form .ods-form input[type=number],.h-vr-form .ods-form textarea,.h-vr-form .ods-form select{width:100%;box-sizing:border-box;border:1.5px solid #e3e0d4;border-radius:10px;padding:12px 14px;font-size:14px;font-family:inherit;color:#16211c;background:#fff;outline:0}
.h-vr-form .ods-form input:focus,.h-vr-form .ods-form textarea:focus,.h-vr-form .ods-form select:focus{border-color:#0b7c3d}
.h-vr-form .ods-form input[readonly]{background:#fdfcf8;color:#3d443e}
.h-vr-form .ods-form textarea{resize:vertical}
.h-vr-form .ods-form .form-row-hint{display:block;font-size:12.5px;font-weight:500;color:#8b9389;margin-top:6px;opacity:1}
.h-vr-form .ods-form fieldset{margin:0 0 16px;padding:16px 20px;border:1px solid #e3e0d4;border-radius:14px;background:#fdfcf8}
.h-vr-form .ods-form fieldset legend{padding:0 6px;font-size:11.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#8b9389}
.h-vr-form .ods-form fieldset label{display:flex;align-items:center;gap:9px;font-size:14.5px;font-weight:600;color:#16211c;margin:0 0 8px}
.h-vr-form .ods-form fieldset label:last-child{margin-bottom:0}
.h-vr-form .ods-form fieldset input[type=radio],.h-vr-form .ods-form fieldset input[type=checkbox]{width:17px;height:17px;flex:none;accent-color:#0b7c3d;margin:0}
.h-vr-form .ods-form fieldset br{display:none}
.h-vr-form .ods-form .shop_table{width:100%;border-collapse:collapse;margin-top:4px}
.h-vr-form .ods-form .shop_table th{text-align:left;padding:0 10px 8px 0;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#8b9389;border-bottom:1px solid #e3e0d4}
.h-vr-form .ods-form .shop_table td{padding:11px 10px 11px 0;font-size:14px;color:#16211c;border-bottom:1px solid #f6f5ef;vertical-align:middle}
.h-vr-form .ods-form .shop_table tr:last-child td{border-bottom:0;padding-bottom:0}
.h-vr-form .ods-form .shop_table td:first-child{width:66px}
.h-vr-form .ods-form .shop_table td:last-child{font-size:13px;color:#8b9389;white-space:nowrap}
.h-vr-form .ods-form .shop_table input[type=number]{width:64px;padding:8px 8px;text-align:center}
.h-vr-form .ods-form .shop_table input[type=checkbox]{width:18px;height:18px;accent-color:#0b7c3d}
.h-vr-form .ods-form button[type=submit]{display:inline-flex;align-items:center;justify-content:center;border:0;cursor:pointer;background:#0b7c3d;color:#fff;font-family:inherit;font-size:15.5px;font-weight:800;border-radius:12px;padding:15px 30px;box-shadow:0 6px 16px rgba(62,163,77,.28)}
.h-vr-form .ods-form button[type=submit]:hover{background:#338A41}
.h-vr-form .ods-form button[type=submit]:disabled{background:#8FB99A;box-shadow:none;cursor:default}
.h-vr-form .ods-form .ods-helper-text{display:block;margin-top:10px;font-size:13px;color:#8b9389}
.h-vr-form .ods-form--loading{opacity:.55}
/* Ikonu kreslí WooCommerce jako absolutní ::before na left:1.5em. Náš užší
   padding ji posadil na text (uřízlo to „E-" z „E-mail neodpovídá…"), proto
   levé odsazení na 46 px a ikona na pevnou pozici. Padding, ne flex — hláška
   může mít víc odstavců a ty by se ve flexu naskládaly vedle sebe. */
.h-vr-form .woocommerce-error,.h-vr-form .woocommerce-message,.h-vr-form .woocommerce-info{list-style:none;margin:0 0 16px;padding:13px 18px 13px 46px;border-radius:12px;font-size:14px;line-height:1.55;border:1px solid}
.h-vr-form .woocommerce-error::before,.h-vr-form .woocommerce-message::before,.h-vr-form .woocommerce-info::before{top:13px;left:17px;font-size:16px;line-height:1.35}
.h-vr-form .woocommerce-error{background:#FDF4F1;border-color:#F2CFC5;color:#7A2A18}
.h-vr-form .woocommerce-message{background:#e4eee6;border-color:#c6dbcb;color:#1f4d3a;font-weight:700}
.h-vr-form .woocommerce-info{background:#FDF3E9;border-color:#EEC49B;color:#8A4D15}
.h-vr-form .ods-form-errors p{margin:0}
.h-vr-form .ods-form-errors p+p{margin-top:6px}
.h-vr-form .ods-form>p:not([class]){margin:0 0 16px;font-size:14.5px;color:#3d443e}
.h-vr-form .ods-instructions{margin-top:18px;padding:20px 24px;border:1px solid #e3e0d4;border-radius:14px;background:#fdfcf8}
.h-vr-form .ods-instructions h2{margin:0 0 8px;font-size:16px;font-weight:800;color:#16211c}
.h-vr-form .ods-instructions p{margin:8px 0 0;font-size:14px;line-height:1.7;color:#3d443e}
.h-vr-form .ods-instructions strong{color:#16211c;font-weight:800}

.h-vr-rekl{background:#fdfcf8;border-top:1px solid #f6f5ef;border-bottom:1px solid #f6f5ef}
.h-vr-rekl__in{display:grid;grid-template-columns:1fr 1.15fr;gap:40px;padding-top:48px;padding-bottom:48px;align-items:start}
.h-vr-rekl__perex{margin:12px 0 0;font-size:15px;line-height:1.7;color:#3d443e}
.h-vr-rekl__head .h-btn{margin-top:18px}
.h-vr-rekl__list{list-style:none;margin:0;padding:0;background:#fff;border:1px solid #e3e0d4;border-radius:16px}
.h-vr-rekl__list li{padding:14px 22px;border-bottom:1px solid #f6f5ef;font-size:14.5px;line-height:1.6;color:#3d443e}
.h-vr-rekl__list li:last-child{border-bottom:0}
.h-vr-rekl__list b{color:#16211c;font-weight:800}
@media (max-width:900px){
.h-vr-cond__grid{grid-template-columns:1fr;padding-top:28px}
.h-vr-rekl__in{grid-template-columns:1fr;gap:24px;padding-top:34px;padding-bottom:34px}
.h-vr-form-sec{padding:32px 0 40px}
.h-vr-form{padding:24px 22px}
}
@media (max-width:680px){
.h-vr-form{padding:20px 16px;border-radius:14px}
.h-vr-form__title{font-size:20px}
.h-vr-form .ods-form-withdrawal{grid-template-columns:1fr}
.h-vr-form .form-row-first,.h-vr-form .form-row-last{grid-column:1/-1}
.h-vr-form .ods-form button[type=submit]{width:100%}
.h-vr-form .ods-form fieldset{padding:14px 16px}
.h-vr-cond__card{padding:18px 20px}
}

/* ---------- Dárkové poukazy ---------- */
.h-gv{background:linear-gradient(180deg,#EEF3FA 0%,#FAFBFD 100%)}
.h-gv__crumb{padding-top:22px}
.h-gv__grid{display:grid;grid-template-columns:1.02fr .98fr;gap:52px;align-items:center;padding-top:44px;padding-bottom:56px}
.h-gv__form{min-width:0}
.h-gv__badge{display:inline-flex;background:#fff;border:1px solid #e3e0d4;border-radius:999px;padding:7px 16px;font-size:12.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#0b7c3d}
.h-gv__title{margin:16px 0 0;font-size:40px;line-height:1.15;font-weight:800;color:#16211c;letter-spacing:-.01em}
.h-gv__title .hl{color:#0b7c3d}
.h-gv__perex{margin:14px 0 0;font-size:16.5px;line-height:1.65;color:#3d443e;max-width:520px}
.h-gv__label{font-size:12.5px;font-weight:700;color:#3d443e;margin-top:22px;display:block}
.h-gv__label-note{font-weight:600;color:#8b9389}
.h-gv__amounts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:8px;max-width:520px}
.h-gv__amount{position:relative;border:1.5px solid #e3e0d4;border-radius:14px;padding:16px 10px;text-align:center;background:#fff;cursor:pointer;font-family:inherit;transition:border-color .12s,background .12s}
.h-gv__amount:hover{border-color:#C3CCDB}
.h-gv__amount.is-active{border:2px solid #0b7c3d;background:#fdfcf8}
.h-gv__amount-val{font-size:18px;font-weight:800;color:#16211c;white-space:nowrap}
.h-gv__amount-flag{position:absolute;top:-11px;left:50%;transform:translateX(-50%);background:#0b7c3d;color:#fff;font-size:10px;font-weight:800;letter-spacing:.05em;border-radius:6px;padding:3px 9px;white-space:nowrap}
.h-gv__custom{max-width:520px}
.h-gv__custom-row{position:relative;margin-top:8px}
.h-gv__custom-row .h-input{width:100%;padding-right:44px;box-sizing:border-box}
.h-gv__custom-cur{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:14px;font-weight:700;color:#8b9389}
.h-gv__msg{margin-top:8px;width:100%;max-width:520px;box-sizing:border-box;border:1.5px solid #e3e0d4;border-radius:12px;padding:13px 15px;font-size:14px;font-family:inherit;color:#16211c;background:#fff;outline:0;resize:vertical}
.h-gv__msg:focus,.h-gv .h-input:focus{border-color:#0b7c3d}
.h-gv__modes{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}
.h-gv__mode{display:inline-flex;align-items:center;gap:8px;border:1.5px solid #e3e0d4;background:#fff;border-radius:999px;padding:9px 18px;font-size:13.5px;font-weight:700;color:#3d443e;cursor:pointer;font-family:inherit}
.h-gv__mode.is-active{border:2px solid #0b7c3d;background:#fdfcf8;color:#16211c;padding:8.5px 17px}
.h-gv__dot{width:16px;height:16px;border-radius:50%;border:2px solid #C3CCDB;background:#fff;flex:none;box-sizing:border-box}
.h-gv__mode.is-active .h-gv__dot{background:#0b7c3d;border:3px solid #fff;box-shadow:0 0 0 1.5px #e3e0d4}
.h-gv__schedule{display:grid;grid-template-columns:170px 1fr;gap:12px;margin-top:16px;max-width:520px}
.h-gv__field .h-input{width:100%;margin-top:6px;box-sizing:border-box}
.h-gv__field .h-gv__label{margin-top:0}
.h-gv__field:last-child{grid-column:1/-1}
.h-gv__submit{display:flex;align-items:center;gap:16px;margin-top:22px;flex-wrap:wrap}
.h-gv__validity{font-size:13px;color:#5d6b62}
.h-gv__validity .hl{color:#16211c;font-weight:700}
.h-gv__msgbox{margin-top:14px;border-radius:12px;padding:12px 16px;font-size:14px;line-height:1.5;max-width:520px}
.h-gv__msgbox--err{background:#FDF4F1;border:1px solid #F2CFC5;color:#7A2A18}
.h-gv__msgbox--ok{background:#e4eee6;border:1px solid #c6dbcb;color:#1f4d3a;font-weight:700}
.h-gv__msgbox a{color:inherit}
.h-gv__off{font-size:16px;color:#3d443e;padding:40px 0}

.h-gv__preview{position:relative;min-width:0}
.h-gv__card{position:relative;background:#16211c;border-radius:22px;aspect-ratio:16/10;overflow:hidden;box-shadow:0 24px 60px rgba(6,16,45,.35);display:block}
.h-gv__card-bg{position:absolute;top:0;right:0;bottom:0;left:0;inset:0;width:100%;height:100%;object-fit:cover;opacity:.16;filter:brightness(0) invert(1)}
.h-gv__card-logo{position:absolute;top:22px;left:24px;display:block}
.h-gv__card-logo img{height:36px;width:auto;display:block}
.h-gv__card-kicker{position:absolute;top:26px;right:26px;font-size:11px;font-weight:800;letter-spacing:.16em;color:#7fa98c}
.h-gv__card-body{position:absolute;left:26px;right:26px;bottom:82px}
.h-gv__card-amount{display:block;font-size:44px;font-weight:800;color:#fff;line-height:1;white-space:nowrap}
.h-gv__card-sub{display:block;font-size:13px;color:#c8d4cb;margin-top:8px}
.h-gv__card-foot{position:absolute;left:26px;right:26px;bottom:22px;display:flex;justify-content:space-between;align-items:center;gap:14px}
.h-gv__card-code{border:1.5px dashed #7fa98c;color:#fff;border-radius:9px;padding:8px 16px;font:700 14px ui-monospace,Menlo,monospace;letter-spacing:.1em;white-space:nowrap}
.h-gv__card-valid{font-size:11.5px;color:#7fa98c;white-space:nowrap}
.h-gv__pdf{display:inline-block;margin:14px 0 0 26px;background:#fff;border:1px solid #e3e0d4;border-radius:12px;padding:10px 16px;font-size:13px;font-weight:700;color:#16211c;box-shadow:0 8px 20px rgba(20,33,61,.10)}

.h-gv-steps{background:#fff;border-top:1px solid #f6f5ef}
.h-gv-steps .h-dop-steps__grid{padding-top:44px;padding-bottom:44px}
.h-gv-cta{background:#16211c}
.h-gv-cta__in{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;padding-top:44px;padding-bottom:44px}
.h-gv-cta__title{font-size:23px;font-weight:800;color:#fff}
.h-gv-cta__sub{font-size:14.5px;color:#c8d4cb;margin-top:6px}

/* pole pro uplatnění poukazu v košíku a pokladně */
/* společný blok „Mám slevový kód nebo dárkový poukaz" — košík i pokladna */
.h-codes{display:flex;flex-direction:column;gap:16px;margin-top:12px;max-width:520px}
.h-codes__label{font-size:11.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#8b9389;margin-bottom:7px}
.h-codes__row{display:flex;gap:8px;align-items:stretch}
.h-codes__row .h-input{flex:1;min-width:0}
.h-codes__row .h-btn{flex:none;white-space:nowrap}
.h-codes__row [data-vl-voucher-code]{text-transform:uppercase;font-family:ui-monospace,Menlo,monospace;letter-spacing:.06em}
.h-codes__chips{margin-top:9px;display:flex;flex-wrap:wrap;gap:8px}
.h-gvbox__err{margin-top:8px;font-size:13px;color:#C2452D}
.h-gvbox__list{margin:0 0 10px;display:flex;flex-direction:column;gap:8px}
.h-gvbox__item{display:flex;align-items:center;gap:10px;background:#F4FAF5;border:1px solid #c6dbcb;border-radius:10px;padding:9px 12px;font-size:13.5px;color:#1f4d3a}
.h-gvbox__item b{color:#16211c;font-family:ui-monospace,Menlo,monospace}
.h-gvbox__wait{position:relative;margin-top:10px;padding:12px 34px 12px 14px;background:#FFF6E6;border:1px solid #F0DDB8;border-radius:10px}
.h-gvbox__wait b{display:block;font-size:14px;color:#16211c;line-height:1.4}
.h-gvbox__waitnote{display:block;margin-top:3px;font-size:13px;color:#7A6647;line-height:1.5}
.h-gvbox__rest{color:#5d6b62;font-size:12.5px}
.h-gvbox__remove{margin-left:auto;background:0;border:0;color:#8b9389;font-size:17px;line-height:1;cursor:pointer;padding:0 2px}
.h-gvbox__remove:hover{color:#C2452D}

@media (max-width:1020px){
.h-gv__grid{grid-template-columns:1fr;gap:40px}
.h-gv__title{font-size:32px}
.h-gv__perex,.h-gv__amounts,.h-gv__msg,.h-gv__custom,.h-gv__schedule,.h-gv__msgbox{max-width:none}
.h-gv__preview{max-width:560px;width:100%;margin:0 auto}
}
@media (max-width:680px){
.h-gv__grid{padding-top:24px;padding-bottom:44px;gap:34px}
.h-gv__title{font-size:26px;margin-top:12px}
.h-gv__perex{font-size:15px}
.h-gv__amounts{grid-template-columns:repeat(2,1fr)}
.h-gv__modes{gap:8px}
.h-gv__mode{flex:1;justify-content:center;padding:9px 10px;font-size:13px}
.h-gv__mode.is-active{padding:8.5px 9px}
.h-gv__schedule{grid-template-columns:1fr}
.h-gv__submit{gap:10px}
.h-gv__cta{width:100%}
.h-gv__validity{width:100%;text-align:center}
.h-gv__card{border-radius:16px}
.h-gv__card-logo{top:16px;left:16px}
.h-gv__card-logo img{height:29px}
.h-gv__card-kicker{top:19px;right:16px;font-size:9.5px}
.h-gv__card-body{left:16px;right:16px;bottom:62px}
.h-gv__card-amount{font-size:30px}
.h-gv__card-sub{font-size:11.5px;margin-top:5px}
.h-gv__card-foot{left:16px;right:16px;bottom:16px;gap:8px}
.h-gv__card-code{padding:6px 10px;font-size:11.5px;letter-spacing:.06em}
.h-gv__card-valid{font-size:10px}
.h-gv__pdf{margin:14px 0 0;font-size:12.5px;padding:9px 14px}
.h-gv-steps .h-dop-steps__grid{padding-top:28px;padding-bottom:28px}
.h-gv-cta__in{padding-top:30px;padding-bottom:30px;gap:18px}
.h-gv-cta__title{font-size:19px}
.h-gv-cta .h-btn{width:100%;text-align:center}
}
/* Poukaz v košíku jako oddělený ostrůvek — je to platidlo, ne zboží; layout to
   má říkat sám (a poznámka doplní, že slevy se na něj nevztahují). */
.h-cart-row.is-voucher{background:#fdfcf8;border:1px solid #DDE6F4;border-radius:12px;padding:14px 16px;margin:10px 0}
.h-cart-row__vnote{font-size:12px;color:#5A6B85;margin-top:6px;display:flex;align-items:center;gap:6px}
.h-cart-row__vnote svg{flex:none}
.h-cart-row__thumb--voucher{display:flex;align-items:center;justify-content:center;background:#16211c;border-radius:10px;position:relative}
.h-cart-row__thumb--voucher::before{content:"";width:56%;height:36%;border:1.5px dashed #7fa98c;border-radius:5px}
.h-cart-row__thumb--voucher::after{content:"";position:absolute;left:22%;right:22%;height:1.5px;background:#7fa98c;opacity:.7}
.h-footer__sites{display:flex;align-items:center;flex-wrap:wrap;gap:5px 0;margin-top:16px;font-size:12.5px}
.h-footer__site{display:inline-flex;align-items:center;gap:6px;color:#93A3C4;text-decoration:none;white-space:nowrap}
/* oddělovač je součástí položky, aby při zalomení nezůstal viset na začátku řádku */
.h-footer__site.has-sep::after{content:"·";color:#3C4C74;margin:0 8px}
a.h-footer__site:hover{color:#fff}
.h-footer__site.is-current{color:#fff;font-weight:700}
.h-flag{display:block;border-radius:2px;flex:none;box-shadow:0 0 0 1px rgba(255,255,255,.18)}
@media (max-width:680px){.h-footer__sites{gap:3px 7px;font-size:12px}}
@media (max-width:680px){
.h-codes{gap:14px;max-width:none}
.h-codes__row{flex-wrap:wrap}
.h-codes__row .h-input{flex:1 1 100%}
.h-codes__row .h-btn{flex:1 1 100%;text-align:center}
}

/* tabulky a kód v právních stránkách (přehled cookie) */
.h-legal__body table{width:100%;border-collapse:collapse;margin:14px 0 0;font-size:13.5px}
.h-legal__body th{text-align:left;padding:0 12px 9px 0;font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#8b9389;border-bottom:1px solid #e3e0d4;vertical-align:bottom}
.h-legal__body td{padding:11px 12px 11px 0;border-bottom:1px solid #f6f5ef;color:#3d443e;line-height:1.55;vertical-align:top}
.h-legal__body tbody tr:last-child td{border-bottom:0}
.h-legal__body td:first-child{font-family:ui-monospace,Menlo,monospace;font-size:12.5px;color:#16211c;overflow-wrap:anywhere;min-width:168px}
.h-legal__body th:last-child,.h-legal__body td:last-child{padding-right:0}
.h-legal__body code{font-family:ui-monospace,Menlo,monospace;font-size:12.5px;background:#fdfcf8;border:1px solid #e3e0d4;border-radius:5px;padding:1px 5px}
@media (max-width:680px){
.h-legal__body table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
.h-legal__body table tbody,.h-legal__body table thead{display:table;width:100%;min-width:520px}
}

/* ---------- Články (poradna) ---------- */
.h-wrap-art{max-width:1120px;margin:0 auto;padding-left:24px;padding-right:24px}
.h-art__head{max-width:820px;margin:0 auto;padding:36px 24px 0;text-align:center}
.h-art__cat{display:inline-block;background:#e4eee6;color:#0b7c3d;border-radius:999px;padding:6px 15px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;text-decoration:none}
.h-art__cat:hover{background:#DCE6F7;color:#0b7c3d}
.h-art__title{margin:16px 0 0;font-size:40px;line-height:1.18;font-weight:800;color:#16211c;letter-spacing:-.01em}
.h-art__meta{display:flex;justify-content:center;gap:14px;margin-top:16px;font-size:13.5px;color:#5d6b62;flex-wrap:wrap}
.h-art__meta b{color:#16211c}
.h-art__reviewer{color:#8b9389}
.h-art__hero{max-width:1120px;margin:0 auto;padding:28px 24px 0}
.h-art__hero img{width:100%;height:340px;object-fit:cover;border-radius:22px;display:block}
.h-art__grid{max-width:1120px;margin:0 auto;padding:36px 24px 72px;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:52px;align-items:start}
.h-art__body{max-width:700px;min-width:0}
.h-art__body>p{margin:16px 0 0;font-size:16px;line-height:1.8;color:#2c4435}
.h-art__body>p:first-child{margin:0;font-size:18.5px;line-height:1.7;color:#16211c;font-weight:600}
.h-art__body h2{margin:40px 0 0;font-size:26px;font-weight:800;color:#16211c;letter-spacing:-.01em}
.h-art__body h3{margin:28px 0 0;font-size:20px;font-weight:800;color:#16211c}
.h-art__body b,.h-art__body strong{color:#16211c}
.h-art__body a{color:#0b7c3d}
/* Odkazy uvnitř prodejních bloků si drží vlastní barvu — obecné pravidlo pro
   odkazy v textu má vyšší specifičnost a jinak by je přebarvilo na modro. */
.h-art__body a.h-btn--green,.h-art__body a.h-btn--green:hover{color:#fff}
.h-art__body a.h-acta__title{color:#16211c}
.h-art__body a.h-acta__title:hover{color:#0b7c3d}
.h-art__body ol{counter-reset:hart;list-style:none;margin:18px 0 0;padding:0;display:flex;flex-direction:column;gap:14px}
.h-art__body ol>li{counter-increment:hart;position:relative;padding-left:44px;margin:0;font-size:15.5px;line-height:1.65;color:#2c4435}
.h-art__body ol>li::before{content:counter(hart);position:absolute;left:0;top:-1px;width:30px;height:30px;border-radius:50%;background:#e4eee6;color:#0b7c3d;font-size:14px;font-weight:800;display:flex;align-items:center;justify-content:center}
.h-art__body ul{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:11px}
.h-art__body ul>li{position:relative;padding-left:38px;margin:0;font-size:15px;line-height:1.55;color:#2c4435}
.h-art__body ul>li::before{content:"✓";position:absolute;left:0;top:0;width:26px;height:26px;border-radius:50%;background:#e4eee6;color:#0d8f46;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center}
.h-art__body img{max-width:100%;height:auto;border-radius:16px}
.h-art__body figure{margin:26px 0 0}
.h-art__body figcaption{font-size:12.5px;color:#8b9389;margin-top:8px}
.h-art__body blockquote{margin:26px 0 0;padding:2px 0 2px 18px;border-left:3px solid #d5d2c6;font-size:17px;line-height:1.7;color:#2c4435}
.h-art__disclaimer{margin:22px 0 0;border:1px solid #f6f5ef;border-radius:12px;padding:14px 18px;font-size:12.5px;line-height:1.6;color:#8b9389}
.h-art__author{margin:30px 0 0;border:1px solid #e3e0d4;border-radius:16px;padding:20px 24px;display:flex;gap:16px;align-items:center;font-size:13.5px;color:#3d443e;line-height:1.6}
.h-art__author b{color:#16211c}
.h-art__avatar{width:56px;height:56px;border-radius:50%;background:#f0ede1 var(--vl-avatar, none) center/cover no-repeat;flex:none}

/* bloky v textu */
.h-atip{margin:26px 0 0;background:#E9F0FA;border-radius:14px;padding:16px 20px;display:flex;gap:13px;align-items:flex-start}
.h-atip__chip{background:#0b7c3d;color:#fff;font-size:10.5px;font-weight:800;letter-spacing:.08em;border-radius:6px;padding:3px 9px;flex:none;margin-top:2px}
.h-atip__text{font-size:14.5px;line-height:1.65;color:#16211c}
.h-atip__text p{margin:0}
.h-acta-missing{margin:26px 0 0;border:1px dashed #C2452D;background:#FDF4F1;border-radius:12px;padding:12px 16px;font-size:13px;color:#7A2A18}
.h-acta--strip{margin:34px 0 0;border:1.5px solid #CBDCF2;background:#fdfcf8;border-radius:18px;padding:20px 24px;display:flex;align-items:center;gap:20px}
.h-acta__thumb{width:96px;height:96px;border-radius:14px;overflow:hidden;flex:none;border:1px solid #e3e0d4;background:linear-gradient(167deg,#f2f1e9 0%,#f6f5ef 84%,#f2f1e9 100%);display:flex;align-items:center;justify-content:center;padding:6px;box-sizing:border-box}
.h-acta__thumb img{width:100%;height:100%;object-fit:contain;display:block}
.h-acta__body{flex:1;min-width:0}
.h-acta__kicker{font-size:11.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#0b7c3d}
.h-acta__title{display:block;font-size:17.5px;font-weight:800;color:#16211c;margin-top:4px;text-decoration:none}
.h-acta__title:hover{color:#0b7c3d}
.h-acta__sub{font-size:13px;color:#3d443e;margin-top:3px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* Návrh má v pruhu svislý sloupec: cena → body → tlačítko → skladem. */
.h-acta__buy{flex:none;display:flex;flex-direction:column;align-items:center;text-align:center}
.h-acta__price{font-size:21px;font-weight:800;color:#16211c}
.h-acta__buy .h-points-chip{margin-top:2px}
.h-acta__btn{margin-top:8px;font-size:14px;padding:11px 22px;white-space:nowrap}
.h-acta__stock{font-size:11.5px;color:#5d6b62;margin-top:6px}
.h-acta--big{margin:38px 0 0;border:1px solid #e3e0d4;border-radius:20px;background:#fdfcf8;padding:26px 30px;display:flex;gap:24px;align-items:center;flex-wrap:wrap}
.h-acta-big__media{border-radius:14px;overflow:hidden;border:1px solid #e3e0d4;width:120px;aspect-ratio:1/1;flex:none;background:linear-gradient(167deg,#f2f1e9 0%,#f6f5ef 84%,#f2f1e9 100%);display:flex;align-items:center;justify-content:center;padding:8px;box-sizing:border-box}
.h-acta-big__media img{width:100%;height:100%;object-fit:contain;display:block}
.h-acta-big__body{flex:1;min-width:260px}
.h-acta--big .h-acta-big__title{margin:0;font-size:23px;font-weight:800;color:#16211c;letter-spacing:-.005em}
.h-acta-big__rating{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:13px;color:#5d6b62}
.h-acta-big__rating b{font-size:13px;color:#16211c}
.h-acta-big__list{display:flex;flex-direction:column;gap:6px;margin-top:12px;font-size:14px;color:#2c4435}
.h-acta-big__list b{color:#0d8f46}
.h-acta-big__buy{display:flex;align-items:center;gap:16px;margin-top:16px;flex-wrap:wrap}
.h-acta-big__pricebox{flex:none}
.h-acta-big__price{font-size:25px;font-weight:800;color:#16211c;white-space:nowrap}
.h-acta-big__btn{font-size:15.5px;padding:14px 30px;flex:none}
.h-acta-big__detail{font-size:13.5px;font-weight:700;color:#0b7c3d;text-decoration:none;flex:none}
.h-arev{margin:34px 0 0;background:#16211c;border-radius:18px;padding:26px 30px}
.h-arev__head{display:flex;align-items:center;gap:10px}
.h-arev__badge{background:rgba(255,255,255,.12);color:#9FE3A8;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:800}
.h-arev blockquote.h-arev__text{margin:12px 0 0;font-size:17px;line-height:1.65;color:#fff;border:0;padding:0;font-style:normal}
.h-arev__author{font-size:13.5px;color:#7fa98c;margin-top:12px;font-weight:700}
.h-stars{font-size:14px;letter-spacing:2px}

/* boční sloupec */
/* Hlavička se při scrollu vysune nahoru a zůstane z ní 32 px, takže sloupec
   stačí posadit těsně pod ni — se 150 px zůstávala nad kartou díra. */
.h-art__side{position:sticky;top:calc(var(--hm-hdr,0px) + 16px);min-width:0}
.h-artcard{border:1px solid #e3e0d4;border-radius:18px;overflow:hidden;box-shadow:0 10px 30px rgba(20,33,61,.07);background:#fff}
.h-artcard__media{position:relative;display:block}
.h-artcard__media{background:linear-gradient(167deg,#f2f1e9 0%,#f6f5ef 84%,#f2f1e9 100%)}
.h-artcard__media img{width:100%;aspect-ratio:1/1;object-fit:contain;display:block}
.h-artcard__badge{position:absolute;top:12px;left:12px;background:#16211c;color:#fff;font-size:11.5px;font-weight:800;border-radius:999px;padding:5px 11px}
.h-artcard__body{padding:18px 20px 20px}
.h-artcard__kicker{font-size:11.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#8b9389}
.h-artcard__title{display:block;font-size:17px;font-weight:800;color:#16211c;margin-top:5px;text-decoration:none}
.h-artcard__rating{display:flex;align-items:center;gap:7px;margin-top:5px;font-size:12.5px;color:#5d6b62}
.h-artcard__rating b{color:#16211c}
.h-artcard__price{display:flex;align-items:baseline;gap:9px;margin-top:10px;font-size:22px;font-weight:800;color:#16211c}
.h-artcard__btn{display:block;text-align:center;margin-top:12px;font-size:15px;padding:13px}
.h-artcard__list{display:flex;flex-direction:column;gap:6px;margin-top:12px;font-size:12.5px;color:#3d443e}
.h-artcard__list b{color:#0d8f46}
.h-artside-help{margin-top:14px;border:1px solid #e3e0d4;border-radius:14px;padding:14px 18px;font-size:13px;color:#3d443e;line-height:1.55}
.h-artside-help b{color:#16211c}
.h-artside-help a{color:#0b7c3d;font-weight:700;text-decoration:none}

/* související + spodní lišta */
.h-artrel{background:#fdfcf8;border-top:1px solid #f6f5ef}
.h-artrel .h-wrap-art{padding-top:44px;padding-bottom:56px}
.h-artrel .h-sec-title{font-size:25px}
.h-artrel .h-article__media{height:130px}
.h-artrel .h-sec-head{margin-bottom:20px}

/* výpis článků */
.h-artlist__head{padding-top:14px;padding-bottom:22px}
.h-artlist__title{margin:12px 0 0;font-size:36px;font-weight:800;color:#16211c;letter-spacing:-.01em}
.h-artlist__cats{display:flex;gap:8px;flex-wrap:wrap;padding-bottom:8px}
.h-artlist{padding:16px 0 64px}
.h-artlist__grid{margin-top:0}
.h-artlist__pager{display:flex;justify-content:center;gap:8px;margin-top:32px}
.h-artlist__pager .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 12px;border:1px solid #e3e0d4;border-radius:10px;font-size:14px;font-weight:700;color:#3d443e;text-decoration:none}
.h-artlist__pager .page-numbers.current{background:#0b7c3d;border-color:#0b7c3d;color:#fff}
.h-artlist__pager a.page-numbers:hover{border-color:#0b7c3d;color:#0b7c3d}
.h-artlist__empty{font-size:16px;color:#3d443e;padding:20px 0 40px}

/* náhled bloku v editoru */
.vl-picker__current{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#f0f0f1;border-radius:4px;padding:6px 10px;margin-bottom:10px;font-size:12px}
.vl-picker__list{list-style:none;margin:6px 0 0;padding:0;max-height:260px;overflow:auto}
.vl-picker__list li+li{border-top:1px solid #f0f0f1}
.vl-picker__list .components-button{width:100%;justify-content:flex-start;gap:8px;height:auto;padding:6px;text-align:left}
.vl-picker__list em{margin-left:auto;color:#787c82;font-style:normal;font-size:11px}

@media (max-width:1020px){
.h-art__grid{grid-template-columns:1fr;gap:34px}
/* Boční karta je od tabletu dolů skrytá — produkt na mobilu prodávají CTA bloky v textu. */
.h-art__side{display:none}
.h-art__body{max-width:none}
.h-artcard{max-width:420px}
.h-art__title{font-size:32px}
.h-art__hero img{height:280px}
}
/* Tablet na šířku (iPad 1024, iPad Pro 11" 1194) — boční karta taky pryč,
   text se vycentruje, aby po ní nezůstala díra vpravo. */
@media (min-width:1021px) and (max-width:1199px){
.h-art__grid{grid-template-columns:1fr}
.h-art__side{display:none}
.h-art__body{margin-inline:auto}
}
@media (max-width:680px){
.h-art__head{padding-top:20px}
.h-art__title{font-size:26px;line-height:1.25}
.h-art__meta{gap:8px;font-size:12.5px}
.h-art__hero{padding-top:18px}
.h-art__hero img{height:200px;border-radius:16px}
.h-art__grid{padding-top:24px;padding-bottom:44px}
.h-art__body>p:first-child{font-size:16.5px}
.h-art__body h2{font-size:22px;margin-top:32px}
.h-acta--strip{flex-direction:column;align-items:stretch;text-align:center;padding:18px}
.h-acta__thumb{width:88px;height:88px;margin:0 auto}
.h-acta__btn{width:100%}
.h-acta--big{padding:20px;gap:18px}
.h-acta-big__media{width:88px}
.h-acta-big__body{min-width:0}
.h-acta-big__title{font-size:19px}
.h-acta-big__btn,.h-acta-big__detail{width:100%;text-align:center}
.h-arev{padding:20px 22px}
.h-arev__text{font-size:15.5px}
.h-artlist__title{font-size:27px}
.h-artrel .h-wrap-art{padding-top:30px;padding-bottom:36px}
}
.h-points-chip--short{background:none;padding:0;font-size:12px;font-weight:700;color:#0d8f46;white-space:nowrap}

/* WooCommerce po AJAX přidání připíná za tlačítko odkaz „Zobrazit košík" —
   ten je zbytečný, protože se rovnou otevírá panel s košíkem. */
a.added_to_cart,.added_to_cart.wc-forward{display:none!important}
.h-acta__stock{display:flex;align-items:center;justify-content:center;gap:6px}
.h-acta__stock .h-dot{flex:none}
.h-acta__stock--out{color:#C2452D}

/* zdroje a studie */
.h-asrc{margin:34px 0 0;border:1px solid #e3e0d4;border-radius:16px;padding:20px 24px;background:#FAFBFD}
.h-asrc__title{font-size:11.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#8b9389}
.h-art__body .h-asrc__list{counter-reset:hsrc;list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:9px}
.h-art__body .h-asrc__list>li{counter-increment:hsrc;position:relative;padding-left:28px;margin:0;font-size:13.5px;line-height:1.6;color:#3d443e}
.h-art__body .h-asrc__list>li::before{content:"[" counter(hsrc) "]";position:absolute;left:0;top:0;width:auto;height:auto;background:none;color:#8b9389;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;display:block}
.h-art__body .h-asrc__list a{color:#0b7c3d;text-decoration:none;border-bottom:1px solid #d5d2c6}
.h-art__body .h-asrc__list a:hover{color:#338A41;border-bottom-color:#9FD0A6}
@media (max-width:680px){
.h-asrc{padding:16px 18px}
}

/* Náhled bloku v editoru nemá obal .h-art__body, takže potřebuje i nezanořenou
   variantu pravidel — jinak by se seznam zdrojů vykreslil jako obyčejné 1. 2. 3. */
.h-asrc__list{counter-reset:hsrc;list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:9px}
.h-asrc__list>li{counter-increment:hsrc;position:relative;padding-left:28px;margin:0;font-size:13.5px;line-height:1.6;color:#3d443e}
.h-asrc__list>li::before{content:"[" counter(hsrc) "]";position:absolute;left:0;top:0;color:#8b9389;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}
.h-asrc__list a{color:#0b7c3d;text-decoration:none;border-bottom:1px solid #d5d2c6}
.editor-styles-wrapper .vl-cta-preview{font-family:Poppins,Helvetica,Arial,sans-serif}

/* ---------- Dlaždice ve výpisu produktů ---------- */
.h-tile{border-radius:18px;padding:22px 24px;display:flex;flex-direction:column;align-items:flex-start;gap:0;text-decoration:none;min-height:100%;box-sizing:border-box}
.h-tile__chip{font-size:10.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;border-radius:6px;padding:4px 10px}
.h-tile__big{font-size:44px;font-weight:800;line-height:1;letter-spacing:-.02em;margin-top:16px}
.h-tile__title{font-size:16px;font-weight:800;margin-top:10px;line-height:1.3}
.h-tile__title--lg{font-size:20px;letter-spacing:-.01em}
.h-tile__note{font-size:13px;line-height:1.55;margin-top:6px}
.h-tile__note--muted{opacity:.75;font-size:12px}
.h-tile__list{display:flex;flex-direction:column;gap:6px;margin-top:12px;font-size:13px;line-height:1.45}
.h-tile__cta{margin-top:auto;padding-top:14px;font-size:13.5px;font-weight:800}
.h-tile__cta--btn{align-self:stretch;text-align:center;border-radius:11px;padding:12px 16px;margin-top:16px}

/* akce */
.h-tile--sale{background:#16211c;color:#c8d4cb}
.h-tile--sale .h-tile__chip{background:#C2452D;color:#fff}
.h-tile--sale .h-tile__big{color:#fff}
.h-tile--sale .h-tile__title{color:#fff}
.h-tile--sale .h-tile__note{color:#7fa98c}
.h-tile--sale .h-tile__until{margin-top:auto;padding-top:14px;font-size:12px;color:#7fa98c}
.h-tile__cd{margin-top:auto;padding-top:16px;display:flex;flex-direction:column;gap:4px;align-self:stretch}
.h-tile__cdlabel{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#7fa98c}
.h-tile__cdtime{font:800 30px/1 ui-monospace,Menlo,monospace;color:#fff;font-variant-numeric:tabular-nums;letter-spacing:.02em}
.h-tile--sale.is-ending .h-tile__chip{background:#E8A33D;color:#3A2708}

/* jak vybrat */
.h-tile--guide{background:#fff;border:1.5px solid #CBDCF2;color:#3d443e;transition:border-color .12s,box-shadow .12s}
.h-tile--guide:hover{border-color:#0b7c3d;box-shadow:0 10px 26px rgba(20,33,61,.08);color:#3d443e}
.h-tile__chip--blue{background:#e4eee6;color:#0b7c3d}
.h-tile--guide .h-tile__title{color:#16211c}
.h-tile--guide .h-tile__list b{color:#0d8f46}
.h-tile--guide .h-tile__cta{color:#0b7c3d}

/* věrnostní program */
.h-tile--account{background:#F4FAF5;border:1.5px solid #c6dbcb;color:#2c4435}
.h-tile__chip--green{background:#0b7c3d;color:#fff}
.h-tile__big--green{color:#0d8f46}
.h-tile--account .h-tile__title{color:#16211c}
.h-tile--account .h-tile__list b{color:#0d8f46}
.h-tile--account .h-tile__cta--btn{background:#0b7c3d;color:#fff;text-decoration:none;box-shadow:0 5px 14px rgba(62,163,77,.26)}
.h-tile--account .h-tile__cta--btn:hover{background:#338A41;color:#fff}
.h-content--after-goals{padding-top:34px}
@media (max-width:1020px){
.h-tile{padding:18px 20px}
.h-tile__big{font-size:36px}
.h-tile__cdtime{font-size:24px}
}
@media (max-width:680px){
.h-products__grid--archive .h-tile{grid-column:1/-1}
.h-tile__big{font-size:34px;margin-top:12px}
.h-tile__title--lg{font-size:18px}
}

/* ---------- Obchod: hlavička, filtry, dlaždice ---------- */
.h-shop__head{padding-top:14px}
.h-shop__headrow{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap}
.h-shop__title{margin:0;font-size:38px;font-weight:800;color:#16211c;letter-spacing:-.015em}
.h-shop__sub{font-size:15px;color:#5d6b62;margin-top:7px;max-width:640px}
.h-shop__tools{display:flex;align-items:center;gap:10px}
.h-shop__attrs .woocommerce-ordering{margin:0}
.h-shop__attrs select,.h-shop__morefilters{border:1.5px solid #e3e0d4;border-radius:11px;padding:11px 15px;font-size:14px;font-weight:700;color:#16211c;background:#fff;font-family:inherit;cursor:pointer;outline:0}
.h-shop__attrs select:focus,.h-shop__morefilters:hover{border-color:#0b7c3d}
.h-shop__chips{display:flex;gap:8px;margin-top:20px;flex-wrap:wrap}
.h-chip{background:#fff;border:1px solid #e3e0d4;border-radius:999px;padding:8px 16px;font-size:13.5px;font-weight:600;color:#2c4435;text-decoration:none;white-space:nowrap}
.h-chip:hover{border-color:#C3CCDB;color:#16211c}
.h-chip.is-active{background:#0b7c3d;border:1.5px solid #0b7c3d;color:#fff;font-weight:700}
.h-chip--sale{background:#FBEAE5;border-color:#F2CFC5;color:#A03A24;font-weight:700}
.h-chip--sale.is-active{background:#C2452D;border-color:#C2452D;color:#fff}
.h-shop__attrs{display:flex;flex-direction:column;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid #f6f5ef}
.h-shop__attrsrow{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.h-shop{padding-bottom:64px}
.h-shop .h-products__grid{margin-top:26px;align-items:stretch}
.h-shop__empty{font-size:16px;color:#3d443e;padding:26px 0 60px}
.h-card__media{height:220px}

/* společný základ dlaždic */
.h-ptile{border-radius:16px;padding:24px;display:flex;flex-direction:column;position:relative;overflow:hidden;text-decoration:none;color:inherit;min-width:0;container-type:inline-size}
.h-ptile__chip{display:inline-flex;align-self:flex-start;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;border-radius:6px;padding:4px 10px;position:relative}
.h-ptile__chip--red{background:#C2452D;color:#fff}
.h-ptile__chip--green{background:#0d8f46;color:#fff}
.h-ptile__chip--outline{background:#fff;border:1px solid #c8d4cb;color:#0b7c3d}
.h-ptile__num{position:relative;display:flex;align-items:flex-start;gap:4px;margin-top:14px;line-height:.9}
.h-ptile__num b{font-size:66px;font-weight:800;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.h-ptile__num i{font-size:28px;font-weight:800;font-style:normal;margin-top:8px}
/* --hm-numw = odhad šířky kódu v em (počítá šablona); 100cqw je vnitřní šířka
   dlaždice, takže se kód sám zmenší přesně tak, aby se vešel na jeden řádek. */
.h-ptile__num--code b{font-size:min(66px,calc(100cqw / var(--hm-numw,4)));letter-spacing:-.03em;text-transform:uppercase;white-space:nowrap}
.h-ptile__num--green b,.h-ptile__num--green i{color:#1f4d3a}
.h-ptile__num--green b{font-size:56px}
.h-ptile__num--green i{font-size:20px;margin-top:9px}
.h-ptile__lead{position:relative;font-size:19px;font-weight:800;margin-top:10px;line-height:1.25}
.h-ptile__lead em{font-style:normal;color:#9FE3A8}
.h-ptile__h{font-size:24px;font-weight:800;color:#16211c;margin-top:16px;line-height:1.2;letter-spacing:-.01em}
.h-ptile__h--sm{font-size:19px;margin-top:10px;line-height:1.25}
.h-ptile__text{font-size:13.5px;line-height:1.55;color:#3d443e;margin-top:9px}
.h-ptile__foot{margin-top:auto;padding-top:18px}
.h-ptile__btn{display:block;text-align:center;font-size:15px;font-weight:800;border-radius:10px;padding:13px;text-decoration:none}
.h-ptile__btn--green{background:#0b7c3d;color:#fff;box-shadow:0 6px 16px rgba(62,163,77,.28)}
.h-ptile__btn--green:hover{background:#338A41;color:#fff}
.h-ptile__btn--blue{background:#0b7c3d;color:#fff;box-shadow:0 6px 16px rgba(30,58,138,.24)}
.h-ptile__link{display:block;text-align:center;font-size:13px;font-weight:700;color:#0b7c3d;margin-top:11px;text-decoration:none}
.h-ptile__note{display:block;font-size:12px;color:#8b9389;text-align:center;margin-top:9px}

/* akce */
.h-ptile--sale{background:#16211c;color:#fff;box-shadow:0 14px 34px rgba(20,42,102,.22);padding-bottom:22px}
.h-ptile__blob{position:absolute;top:-40px;right:-40px;width:170px;height:170px;border-radius:50%;background:rgba(194,69,45,.28)}
.h-ptile__rules{position:relative;display:flex;flex-direction:column;gap:6px;margin-top:14px;padding-top:14px;border-top:1px solid #2C3E68;font-size:12.5px;color:#c8d4cb;line-height:1.45}
.h-ptile__cd{position:relative;margin-top:16px;background:#0F1D3D;border:1px solid #2C3E68;border-radius:12px;padding:13px 13px 12px}
.h-ptile__cdhead{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#FFB4A0}
.h-ptile__pulse{width:7px;height:7px;border-radius:50%;background:#C2452D;display:inline-block;flex:none;animation:hmPulse 1.6s ease-in-out infinite}
@keyframes hmPulse{0%,100%{opacity:1}50%{opacity:.35}}
.h-ptile__clock{display:flex;gap:6px;margin-top:10px}
.h-ptile__unit{flex:1;background:#16211c;border-radius:9px;padding:9px 4px;text-align:center}
.h-ptile__unit b{display:block;font-size:27px;font-weight:800;color:#fff;font-variant-numeric:tabular-nums;line-height:1}
.h-ptile__unit i{display:block;font-size:10px;font-weight:700;color:#7fa98c;margin-top:4px;letter-spacing:.05em;font-style:normal;text-transform:uppercase}
.h-ptile__unit--sec b{color:#9FE3A8}
.h-ptile__until{position:relative;margin-top:16px;background:#0F1D3D;border:1px solid #2C3E68;border-radius:12px;padding:13px 14px;display:block}
.h-ptile__untilhead{display:block;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#7fa98c}
.h-ptile__until b{display:block;font-size:20px;font-weight:800;color:#fff;margin-top:6px}
.h-ptile__untilnote{display:block;font-size:12px;color:#7fa98c;margin-top:6px;line-height:1.45}
/* Na tmavém podkladu dlaždice akce je zelené tlačítko málo čitelné —
   bílé s modrým rámečkem drží kontrast i barevnost webu. */
.h-ptile--sale .h-ptile__btn--green{background:#fff;color:#0b7c3d;border:2px solid #0b7c3d;box-shadow:0 6px 18px rgba(6,16,45,.30);padding:11px 13px}
.h-ptile--sale .h-ptile__btn--green:hover{background:#fdfcf8;color:#16211c;border-color:#16211c}
.h-ptile--sale .h-ptile__btn{position:relative;margin-top:auto}
.h-ptile--sale>.h-ptile__btn{margin-top:auto;margin-top:16px}

/* jak vybrat */
.h-ptile--guide{background:#fdfcf8;border:1px solid #e3e0d4;transition:background .12s}
/* Tlačítko poradny lícuje s „Přidat do košíku" vedle — spodní padding jako tělo karty (20). */
.h-ptile--poradna{padding-bottom:20px}
.h-ptile--guide:hover{background:#EEF3FA;color:inherit}
.h-ptile__steps{display:flex;flex-direction:column;gap:9px;margin-top:16px}
.h-ptile__step{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:#2c4435;line-height:1.45}
.h-ptile__step i{width:22px;height:22px;border-radius:50%;background:#E4ECF8;color:#0b7c3d;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;flex:none;font-style:normal}

/* věrnostní program */
.h-ptile--account{background:#F2F8F3;border:1.5px solid #c6dbcb}
.h-ptile__checks{display:flex;flex-direction:column;gap:8px;margin-top:14px;padding-top:14px;border-top:1px solid #D8E9DB}
.h-ptile__checks span{display:flex;gap:9px;align-items:flex-start;font-size:13.5px;color:#2c4435;line-height:1.45}
.h-ptile__checks b{color:#0d8f46;font-size:13px}
.h-ptile__user{display:flex;align-items:center;gap:10px}
.h-ptile__user b{display:block;font-size:14.5px;font-weight:800;color:#16211c}
.h-ptile__user em{display:block;font-size:12px;color:#5d6b62;font-style:normal}
.h-ptile__avatar{width:34px;height:34px;border-radius:50%;background:#0d8f46;color:#fff;font-size:14px;font-weight:800;display:flex;align-items:center;justify-content:center;flex:none;font-style:normal}
.h-ptile__panel{background:#fff;border:1px solid #D8E9DB;border-radius:11px;padding:13px 14px;margin-top:14px;display:block}
.h-ptile__panelrow{display:flex;justify-content:space-between;align-items:baseline;font-size:12.5px;font-weight:700;color:#3d443e;gap:10px}
.h-ptile__panelrow b{color:#1f4d3a}
.h-ptile__bar{display:block;height:7px;border-radius:999px;background:#E7F0E9;margin-top:9px;overflow:hidden}
.h-ptile__bar i{display:block;height:100%;border-radius:999px;background:#0b7c3d}
.h-ptile__panelnote{display:block;font-size:12px;color:#8b9389;margin-top:9px;line-height:1.45}

/* cíle uvnitř mřížky */
.h-goals--inline{grid-column:1/-1;margin:14px 0 6px;padding:30px 0 4px;border-top:1px solid #e3e0d4}
.h-goals--inline .h-goals__head{align-items:baseline;margin-bottom:0}
.h-goals--inline .h-goals__title{font-size:29px;letter-spacing:-.01em}
.h-goals--inline .h-goals__grid{margin-top:22px;gap:12px}
.h-goals--inline .h-goal{padding:17px 19px}
.h-goal.is-active{border:1.5px solid #0b7c3d;background:#fdfcf8}

/* patička výpisu */
.h-shop__foot{grid-column:1/-1;display:flex;justify-content:center;margin-top:18px}

@media (max-width:1020px){
.h-shop__title{font-size:31px}
.h-ptile{padding:20px}
.h-ptile__num b{font-size:52px}
.h-ptile__num--code b{font-size:min(52px,calc(100cqw / var(--hm-numw,4)))}
.h-ptile__num--green b{font-size:46px}
.h-ptile__h{font-size:21px}
}
@media (max-width:680px){
/* Akční rámeček v buyboxu jako dárek na homepage: každý údaj na svém řádku,
   na střed — v úzkém flex řádku se text lámal po slovech. */
.h-pdp__notice{flex-direction:column;align-items:center;text-align:center;gap:9px;padding:14px 16px}
.h-pdp__notice-cd{margin-left:0}
/* Hodnocení na PDP: počet na vlastní řádek pod hvězdičky, odkaz vpravo přes
   oba řádky — v jednom flex řádku se „8× hodnocení" i šipka lámaly. */
.h-pdp__rating{display:grid;grid-template-columns:auto auto 1fr;column-gap:8px;row-gap:2px;align-items:center}
.h-pdp__rating .h-stars{grid-row:1;grid-column:1}
.h-pdp__rating>b{grid-row:1;grid-column:2}
.h-pdp__rating .h-muted{grid-row:2;grid-column:1/3}
.h-pdp__ratingdot{display:none}
.h-pdp__ratinglink{grid-row:1/3;grid-column:3;justify-self:end;white-space:nowrap}
.h-lab__grid{grid-template-columns:1fr}
.h-labbox{padding:14px}
.h-labbox__foot{gap:8px}
.h-labbox__hint{display:none}
.h-shop__head{padding-top:10px}
.h-shop__title{font-size:26px}
.h-shop__headrow{gap:14px}
.h-shop__tools{width:100%}
.h-shop__morefilters{width:100%}
.h-shop__attrs .woocommerce-ordering,.h-shop__attrs select{width:100%}
.h-products__grid--archive .h-ptile{grid-column:1/-1}
/* Bez kampaňové dlaždice zbývá před průvodcem („Jak vybrat") lichá karta sama
   v řadě — prohodí se s ním přes order; zbytek drží DOM pořadí. Poslední karta
   katalogu pak při lichém počtu produktů zbyde až na samém konci výpisu. */
.h-products__grid--archive:not(:has(> .h-ptile--sale)) > .h-card:has(+ .h-ptile--guide:not(.h-ptile--poradna)){order:1}
.h-products__grid--archive:not(:has(> .h-ptile--sale)) > .h-ptile--guide:not(.h-ptile--poradna) ~ :not(.h-ptile--account){order:1}
.h-goals--inline{padding-top:22px}
.h-goals--inline .h-goals__title{font-size:22px}
}

/* ---------- Cookies lišta (Complianz) do vzhledu webu ---------- */
/* Návrh „Vlasimo cookies lišta" (zip 10, 5. 9.): bílá karta dole přes celou
   šířku (16 px od okrajů) se závojem přes stránku, vlevo ikona + nadpis + text
   + „Více informací", vpravo sloupec tlačítek Rozumím / Podrobné nastavení /
   Odmítnout vše. „Podrobné nastavení" NENÍ jiný element: Complianz přepne
   třídu .cmplz-categories-visible na téže liště a tahle sekce ji překreslí
   na modal uprostřed (nadpis, podtitulek, křížek a odkaz na zásady doplňuje
   assets/js/vlasimo-cookies.js — v markupu pluginu nejsou). Mobil (≤ 768)
   = bottom sheet přes celou šířku. Selektor je o třídu delší než pluginový
   (.banner-1), jinak ho přebije CSS, které si Complianz generuje do uploads;
   pozice mají !important, protože plugin je mění v media queries. Závoj =
   třída .vl-cb-open na kontejneru (JS podle stavu lišty), ne :has().
   Šířka lišty = kontejner obsahu (1440 px, David 5. 9.); text zabírá 90 %
   levého sloupce a sloupec tlačítek má 20 px shora (David 5. 9. večer) —
   na mobilu obojí zpět (celá šířka, bez odsazení). */
#cmplz-cookiebanner-container.vl-cb-open::before{content:"";position:fixed;inset:0;background:rgba(22,33,28,.34);z-index:99998}
#cmplz-cookiebanner-container.vl-cb-open.vl-cb-modal::before{background:rgba(22,33,28,.45)}
#cmplz-cookiebanner-container .cmplz-cookiebanner.banner-1{position:fixed !important;left:16px !important;right:16px !important;bottom:16px !important;top:auto !important;width:auto !important;max-width:1440px !important;height:auto;margin:0 auto !important;transform:none !important;animation:none !important;background:#fff;border:1px solid #e3e0d4;border-radius:18px;box-shadow:0 18px 50px rgba(22,33,28,.22);padding:26px 32px 24px;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:32px;align-items:start;font-family:inherit;max-height:calc(100vh - 32px);overflow:auto;z-index:99999;zoom:1}
#cmplz-cookiebanner-container .cmplz-cookiebanner.banner-1:not(.cmplz-show),#cmplz-cookiebanner-container .cmplz-cookiebanner.banner-1.cmplz-dismissed{display:none !important}
/* hlavička = ikona + nadpis (logo, křížek pluginu, oddělovače a TCF odkazy pryč) */
#cmplz-cookiebanner-container .cmplz-cookiebanner.banner-1 .cmplz-header{grid-column:1;grid-row:1;display:flex !important;align-items:center;gap:12px;margin:0 !important;padding:0;max-height:none;border:0}
#cmplz-cookiebanner-container .cmplz-cookiebanner.banner-1 .cmplz-logo,#cmplz-cookiebanner-container .cmplz-cookiebanner.banner-1 .cmplz-close,#cmplz-cookiebanner-container .cmplz-cookiebanner.banner-1 .cmplz-divider,#cmplz-cookiebanner-container .cmplz-cookiebanner.banner-1 .cmplz-links.cmplz-information,#cmplz-cookiebanner-container .cmplz-cookiebanner.banner-1 .cmplz-links.cmplz-documents,#cmplz-cookiebanner-container .cmplz-cookiebanner.banner-1 .cmplz-btn.cmplz-manage-options{display:none !important}
#cmplz-cookiebanner-container .cmplz-cookiebanner.banner-1 .cmplz-title{display:flex !important;align-items:center;gap:12px;justify-self:start;width:auto;margin:0;font-size:21px;font-weight:600;letter-spacing:-.015em;line-height:1.25;color:#16211c;text-align:left}
#cmplz-cookiebanner-container .cmplz-cookiebanner.banner-1 .cmplz-title::before{content:"";flex:none;width:40px;height:40px;border-radius:11px;background:#fdf3c8 url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22%3E%3Cpath d=%22M12 2.5c.6 0 1 .5 1 1.1 0 1.9 1.5 3.4 3.4 3.4.6 0 1.1.4 1.1 1 0 1.9 1.5 3.4 3.4 3.4.6 0 1 .5 1 1.1 0 5.3-4.4 9.5-9.9 9.5S2.1 17.6 2.1 12.3 6.5 2.5 12 2.5Z%22 fill=%22%23ffd21f%22 stroke=%22%2316211c%22 stroke-width=%221.8%22 stroke-linejoin=%22round%22/%3E%3Ccircle cx=%228.3%22 cy=%229.2%22 r=%221.35%22 fill=%22%2316211c%22/%3E%3Ccircle cx=%228.8%22 cy=%2215.2%22 r=%221.35%22 fill=%22%2316211c%22/%3E%3Ccircle cx=%2213.6%22 cy=%2213%22 r=%221.35%22 fill=%22%2316211c%22/%3E%3Ccircle cx=%2215.2%22 cy=%2217.6%22 r=%221.1%22 fill=%22%2316211c%22/%3E%3Ccircle cx=%2212.4%22 cy=%228.4%22 r=%22.9%22 fill=%22%2316211c%22/%3E%3C/svg%3E") center/22px 22px no-repeat}
/* tělo: text (desktopové a mobilní znění jsou dva spany) + odkaz „Více informací" */
#cmplz-cookiebanner-container .cmplz-cookiebanner.banner-1 .cmplz-body{grid-column:1;grid-row:2;display:block;width:90%;min-width:0;max-height:none;overflow:visible;margin:0 !important;padding:0}
#cmplz-cookiebanner-container .cmplz-cookiebanner.banner-1 .cmplz-message{margin:0;font-size:14.5px;line-height:1.7;color:#3d443e;text-wrap:pretty}
#cmplz-cookiebanner-container .cmplz-cookiebanner.banner-1 .cmplz-message .vl-cb-m{display:none}
#cmplz-cookiebanner-container .cmplz-cookiebanner.banner-1 .cmplz-message a{display:flex;align-items:center;gap:10px;margin-top:12px;padding-top:4px;font-size:14.5px;font-weight:600;color:#0b7c3d;text-decoration:underline;text-underline-offset:4px}
#cmplz-cookiebanner-container .cmplz-cookiebanner.banner-1 .cmplz-message a::before{content:"";flex:none;width:16px;height:16px;background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%230b7c3d%22 stroke-width=%222.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22m6 9 6 6 6-6%22/%3E%3C/svg%3E") center/16px 16px no-repeat}
#cmplz-cookiebanner-container .cmplz-cookiebanner.banner-1 .cmplz-message a:hover{color:#06552a}
#cmplz-cookiebanner-container .cmplz-cookiebanner.banner-1 .cmplz-categories{display:none}
/* tlačítka: sloupec vpravo */
#cmplz-cookiebanner-container .cmplz-cookiebanner.banner-1 .cmplz-buttons{grid-column:2;grid-row:1/span 2;display:flex;flex-direction:column !important;align-items:stretch;gap:10px;width:auto;min-width:0;margin:0;padding:20px 0 0;border:0}
#cmplz-cookiebanner-container .cmplz-cookiebanner.banner-1 .cmplz-btn{width:100%;min-width:0;min-height:0;margin:0;font-family:inherit;font-weight:600;line-height:1.2;white-space:nowrap;cursor:pointer;box-shadow:none;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease,color .12s ease}
#cmplz-cookiebanner-container .cmplz-cookiebanner.banner-1 .cmplz-btn.cmplz-accept{order:1;height:52px;padding:0 18px;background:#0d8f46;border:0;color:#fff;border-radius:12px;font-size:15px;box-shadow:0 3px 0 #075c2e}
#cmplz-cookiebanner-container .cmplz-cookiebanner.banner-1 .cmplz-btn.cmplz-accept:hover{transform:translateY(2px);box-shadow:0 1px 0 #075c2e}
#cmplz-cookiebanner-container .cmplz-cookiebanner.banner-1 .cmplz-btn.cmplz-view-preferences{order:2;height:50px;padding:0 18px;background:#fff;border:1.5px solid #d5d2c6;color:#16211c;border-radius:12px;font-size:15px}
#cmplz-cookiebanner-container .cmplz-cookiebanner.banner-1 .cmplz-btn.cmplz-view-preferences:hover{border-color:#16211c}
#cmplz-cookiebanner-container .cmplz-cookiebanner.banner-1 .cmplz-btn.cmplz-deny{order:3;height:auto;padding:8px 4px 2px;background:transparent;border:0;color:#3d443e;border-radius:0;font-size:14px;text-decoration:underline;text-underline-offset:4px}
#cmplz-cookiebanner-container .cmplz-cookiebanner.banner-1 .cmplz-btn.cmplz-deny:hover{color:#16211c;text-decoration:underline}
#cmplz-cookiebanner-container .cmplz-cookiebanner.banner-1 .cmplz-btn.cmplz-save-preferences{order:4;height:48px;padding:0 22px;background:#0d8f46;border:0;color:#fff;border-radius:12px;font-size:14px;box-shadow:0 3px 0 #075c2e}
#cmplz-cookiebanner-container .cmplz-cookiebanner.banner-1 .cmplz-btn.cmplz-save-preferences:hover{transform:translateY(2px);box-shadow:0 1px 0 #075c2e}
#cmplz-cookiebanner-container .cmplz-cookiebanner.banner-1 .vl-cb-head,#cmplz-cookiebanner-container .cmplz-cookiebanner.banner-1 .vl-cb-close,#cmplz-cookiebanner-container .cmplz-cookiebanner.banner-1 .vl-cb-policy{display:none}
/* ---- „Podrobné nastavení": tatáž lišta jako modal uprostřed ---- */
#cmplz-cookiebanner-container .cmplz-cookiebanner.banner-1.cmplz-categories-visible{left:0 !important;right:0 !important;top:0 !important;bottom:0 !important;margin:auto !important;width:min(620px,calc(100% - 32px)) !important;height:max-content;max-height:calc(100vh - 32px);display:flex;flex-direction:column;gap:0;padding:0;border:0;border-radius:20px;box-shadow:0 30px 80px rgba(22,33,28,.35)}
#cmplz-cookiebanner-container .cmplz-cookiebanner.banner-1.cmplz-categories-visible .cmplz-header{align-items:flex-start;gap:16px;padding:24px 28px 18px;border-bottom:1px solid #f0ede1}
#cmplz-cookiebanner-container .cmplz-cookiebanner.banner-1.cmplz-categories-visible .cmplz-title{display:none !important}
#cmplz-cookiebanner-container .cmplz-cookiebanner.banner-1.cmplz-categories-visible .vl-cb-head{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}
#cmplz-cookiebanner-container .cmplz-cookiebanner.banner-1 .vl-cb-head strong{font-size:19px;font-weight:600;letter-spacing:-.015em;line-height:1.3;color:#16211c}
#cmplz-cookiebanner-container .cmplz-cookiebanner.banner-1 .vl-cb-head span{font-size:13.5px;line-height:1.6;color:#3d443e}
#cmplz-cookiebanner-container .cmplz-cookiebanner.banner-1.cmplz-categories-visible .vl-cb-close{display:flex;align-items:center;justify-content:center;flex:none;width:36px;height:36px;border-radius:50%;border:1px solid #e3e0d4;background:#fff;color:#3d443e;cursor:pointer;padding:0;margin:0}
#cmplz-cookiebanner-container .cmplz-cookiebanner.banner-1 .vl-cb-close:hover{border-color:#16211c;color:#16211c}
#cmplz-cookiebanner-container .cmplz-cookiebanner.banner-1 .vl-cb-close svg{width:14px;height:14px;display:block}
#cmplz-cookiebanner-container .cmplz-cookiebanner.banner-1.cmplz-categories-visible .cmplz-body{flex:1 1 auto;min-height:0;overflow:auto;padding:8px 28px}
#cmplz-cookiebanner-container .cmplz-cookiebanner.banner-1.cmplz-categories-visible .cmplz-message{display:none}
#cmplz-cookiebanner-container .cmplz-cookiebanner.banner-1.cmplz-categories-visible .cmplz-categories{display:flex !important;flex-direction:column;width:100% !important;max-width:none;margin:0;animation:none;grid-column:auto}
#cmplz-cookiebanner-container .cmplz-cookiebanner.banner-1 .cmplz-category{display:grid;grid-template-columns:minmax(0,1fr) 46px;column-gap:16px;row-gap:4px;align-items:start;background:none !important;border:0;border-bottom:1px solid #f0ede1;border-radius:0;padding:16px 0;margin:0 !important}
/* pořadí podle návrhu: Nezbytné, Analytické, Marketingové, Preferenční (plugin je kreslí jinak) */
#cmplz-cookiebanner-container .cmplz-cookiebanner.banner-1 .cmplz-category.cmplz-functional{order:1}
#cmplz-cookiebanner-container .cmplz-cookiebanner.banner-1 .cmplz-category.cmplz-statistics{order:2}
#cmplz-cookiebanner-container .cmplz-cookiebanner.banner-1 .cmplz-category.cmplz-marketing{order:3}
#cmplz-cookiebanner-container .cmplz-cookiebanner.banner-1 .cmplz-category.cmplz-preferences{order:4;border-bottom:0}
#cmplz-cookiebanner-container .cmplz-cookiebanner.banner-1 .cmplz-category .cmplz-category-header{display:contents}
#cmplz-cookiebanner-container .cmplz-cookiebanner.banner-1 .cmplz-category .cmplz-category-title{grid-column:1;grid-row:1;margin:0;font-size:14.5px;font-weight:600;line-height:1.4;color:#16211c;justify-self:start}
#cmplz-cookiebanner-container .cmplz-cookiebanner.banner-1 .cmplz-category .cmplz-category-toggle{display:none !important}
#cmplz-cookiebanner-container .cmplz-cookiebanner.banner-1 .cmplz-category .cmplz-description,#cmplz-cookiebanner-container .cmplz-cookiebanner.banner-1 .cmplz-category .cmplz-description[hidden]{display:block !important;grid-column:1;grid-row:2;padding:0;margin:0;font-size:13px;line-height:1.55;color:#5d6b62}
/* přepínač 46×26 (plugin má vlastní 20 px slider přes ::before/::after labelu) */
#cmplz-cookiebanner-container .cmplz-cookiebanner.banner-1 .cmplz-category .cmplz-always-active,#cmplz-cookiebanner-container .cmplz-cookiebanner.banner-1 .cmplz-category .cmplz-category-header > .cmplz-banner-checkbox{grid-column:2;grid-row:1/span 2;justify-self:end;margin-top:2px;font-size:0;line-height:0;color:transparent}
#cmplz-cookiebanner-container .cmplz-cookiebanner.banner-1 .cmplz-category .cmplz-banner-checkbox{display:block;position:relative;width:46px;height:26px;margin:0}
#cmplz-cookiebanner-container .cmplz-cookiebanner.banner-1 .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox{position:absolute;top:0;left:0;width:46px;height:26px;margin:0;opacity:0;cursor:pointer;z-index:1}
#cmplz-cookiebanner-container .cmplz-cookiebanner.banner-1 .cmplz-category .cmplz-banner-checkbox .cmplz-label{display:block !important;position:relative;width:46px;height:26px;padding:0;margin:0;border-radius:13px}
#cmplz-cookiebanner-container .cmplz-cookiebanner.banner-1 .cmplz-category .cmplz-banner-checkbox .cmplz-label::before{content:"";position:absolute;left:0;top:0;width:46px;height:26px;border-radius:13px;background:#d5d2c6;padding:0;transition:background-color .2s}
#cmplz-cookiebanner-container .cmplz-cookiebanner.banner-1 .cmplz-category .cmplz-banner-checkbox .cmplz-label::after{content:"";position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:left .2s}
#cmplz-cookiebanner-container .cmplz-cookiebanner.banner-1 .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox:checked + .cmplz-label::before{background:#0d8f46}
#cmplz-cookiebanner-container .cmplz-cookiebanner.banner-1 .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox:checked + .cmplz-label::after{left:23px}
#cmplz-cookiebanner-container .cmplz-cookiebanner.banner-1 .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox:focus-visible + .cmplz-label{box-shadow:0 0 0 2px #fff,0 0 0 4px #0d8f46}
#cmplz-cookiebanner-container .cmplz-cookiebanner.banner-1 .cmplz-category .cmplz-always-active .cmplz-label::before{background:#c6dbcb !important}
#cmplz-cookiebanner-container .cmplz-cookiebanner.banner-1 .cmplz-category .cmplz-always-active .cmplz-label::after{left:23px !important}
#cmplz-cookiebanner-container .cmplz-cookiebanner.banner-1 .cmplz-category .cmplz-always-active input{cursor:default}
/* patička modalu: odkaz na zásady vlevo, Odmítnout vše (bílé) + Uložit nastavení (zelené) vpravo */
#cmplz-cookiebanner-container .cmplz-cookiebanner.banner-1.cmplz-categories-visible .cmplz-buttons{flex-direction:row !important;flex-wrap:wrap;align-items:center;gap:12px;padding:16px 28px 24px;border-top:1px solid #f0ede1;margin:0}
#cmplz-cookiebanner-container .cmplz-cookiebanner.banner-1.cmplz-categories-visible .cmplz-btn{width:auto}
#cmplz-cookiebanner-container .cmplz-cookiebanner.banner-1.cmplz-categories-visible .cmplz-btn.cmplz-accept{display:none}
#cmplz-cookiebanner-container .cmplz-cookiebanner.banner-1.cmplz-categories-visible .vl-cb-policy{display:block !important;order:1;margin-right:auto;font-size:13px;font-weight:600;color:#0b7c3d;text-decoration:underline;text-underline-offset:3px}
#cmplz-cookiebanner-container .cmplz-cookiebanner.banner-1.cmplz-categories-visible .cmplz-btn.cmplz-deny{order:2;height:48px;padding:0 20px;background:#fff;border:1.5px solid #d5d2c6;color:#16211c;border-radius:12px;font-size:14px;text-decoration:none}
#cmplz-cookiebanner-container .cmplz-cookiebanner.banner-1.cmplz-categories-visible .cmplz-btn.cmplz-deny:hover{border-color:#16211c;text-decoration:none}
#cmplz-cookiebanner-container .cmplz-cookiebanner.banner-1.cmplz-categories-visible .cmplz-btn.cmplz-save-preferences{order:3}
/* tablet: užší sloupec tlačítek */
@media (max-width:1024px){
#cmplz-cookiebanner-container .cmplz-cookiebanner.banner-1{grid-template-columns:minmax(0,1fr) 260px;gap:24px;padding:22px 24px 20px}
}
/* mobil: bottom sheet přes celou šířku, tlačítka pod sebou */
@media (max-width:768px){
#cmplz-cookiebanner-container .cmplz-cookiebanner.banner-1{left:0 !important;right:0 !important;bottom:0 !important;border:0;border-radius:18px 18px 0 0;box-shadow:0 -14px 40px rgba(22,33,28,.22);padding:22px 20px 20px;display:flex;flex-direction:column;align-items:stretch;gap:12px;max-height:calc(100vh - 16px)}
#cmplz-cookiebanner-container .cmplz-cookiebanner.banner-1 .cmplz-title{font-size:17px}
#cmplz-cookiebanner-container .cmplz-cookiebanner.banner-1 .cmplz-title::before{width:38px;height:38px;border-radius:10px;background-size:19px 19px}
#cmplz-cookiebanner-container .cmplz-cookiebanner.banner-1 .cmplz-message{font-size:13px;line-height:1.6;max-width:none}
#cmplz-cookiebanner-container .cmplz-cookiebanner.banner-1 .cmplz-message .vl-cb-d{display:none}
#cmplz-cookiebanner-container .cmplz-cookiebanner.banner-1 .cmplz-message .vl-cb-m{display:inline}
#cmplz-cookiebanner-container .cmplz-cookiebanner.banner-1 .cmplz-message a{font-size:13.5px;gap:8px;margin-top:10px;padding-top:0}
#cmplz-cookiebanner-container .cmplz-cookiebanner.banner-1 .cmplz-message a::before{width:14px;height:14px;background-size:14px 14px}
#cmplz-cookiebanner-container .cmplz-cookiebanner.banner-1 .cmplz-buttons{gap:10px;margin-top:4px;padding:0}
#cmplz-cookiebanner-container .cmplz-cookiebanner.banner-1 .cmplz-body{width:100%}
#cmplz-cookiebanner-container .cmplz-cookiebanner.banner-1 .cmplz-btn.cmplz-accept{height:50px}
#cmplz-cookiebanner-container .cmplz-cookiebanner.banner-1 .cmplz-btn.cmplz-view-preferences{height:48px;font-size:14.5px}
#cmplz-cookiebanner-container .cmplz-cookiebanner.banner-1 .cmplz-btn.cmplz-deny{padding:4px}
#cmplz-cookiebanner-container .cmplz-cookiebanner.banner-1.cmplz-categories-visible{width:calc(100% - 24px) !important;top:0 !important;bottom:0 !important;border-radius:20px;padding:0;gap:0;max-height:calc(100vh - 24px)}
#cmplz-cookiebanner-container .cmplz-cookiebanner.banner-1.cmplz-categories-visible .cmplz-header{padding:20px 20px 16px}
#cmplz-cookiebanner-container .cmplz-cookiebanner.banner-1.cmplz-categories-visible .cmplz-body{padding:4px 20px}
#cmplz-cookiebanner-container .cmplz-cookiebanner.banner-1.cmplz-categories-visible .cmplz-buttons{padding:14px 20px 20px;gap:10px;margin:0}
#cmplz-cookiebanner-container .cmplz-cookiebanner.banner-1.cmplz-categories-visible .vl-cb-policy{flex-basis:100%;margin-right:0}
#cmplz-cookiebanner-container .cmplz-cookiebanner.banner-1.cmplz-categories-visible .cmplz-btn.cmplz-deny,#cmplz-cookiebanner-container .cmplz-cookiebanner.banner-1.cmplz-categories-visible .cmplz-btn.cmplz-save-preferences{flex:1 1 0;padding:0 12px}
}
/* Plovoucí lišta „Nastavení cookies" se nikdy nezobrazí — souhlas se mění
   na stránce Cookies (shortcode [cmplz-manage-consent]). */
.cmplz-manage-consent,#cmplz-manage-consent{display:none !important}

/* ---------- Poradna: centrální FAQ (návrh Vlasimo Časté dotazy) ---------- */
.h-faq2{background:#fff;padding:6px 0 64px}
.h-faq2__grid{display:grid;grid-template-columns:290px 1fr;gap:44px;align-items:start}
.h-faq2__side{position:sticky;top:calc(var(--hm-hdr,0px) + 16px);display:flex;flex-direction:column;gap:22px}
.h-faq2__topics{border:1px solid #e3e0d4;border-radius:16px;padding:8px 10px}
.h-faq2__topicshead{font-size:11.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#8b9389;padding:12px 12px 8px}
.h-faq2__topic{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;cursor:pointer;border:0;border-radius:10px;padding:12px;font-size:14.5px;font-weight:600;background:none;color:#2c4435;text-align:left}
.h-faq2__topic:hover{background:#fdfcf8}
.h-faq2__topic.is-active{background:#e4eee6;color:#0b7c3d;font-weight:800}
.h-faq2__topic--product{color:#1f4d3a}
.h-faq2__count{font-size:12px;font-weight:700;color:#9AA4B5;background:#F1F5FB;border-radius:999px;padding:2px 9px;flex:none}
.h-faq2__topic.is-active .h-faq2__count{color:#0b7c3d;background:#fff}
.h-faq2__help{background:#F2F8F3;border:1.5px solid #c6dbcb;border-radius:16px;padding:20px 22px}
.h-faq2__helpkicker{font-size:11.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#0d8f46}
.h-faq2__helptitle{font-size:16px;font-weight:800;color:#16211c;margin-top:8px;line-height:1.35}
.h-faq2__helptext{font-size:14px;color:#3d443e;line-height:1.6;margin-top:8px}
.h-faq2__helpphone{display:block;font-size:16px;font-weight:800;color:#1f4d3a;margin-top:12px;text-decoration:none}
.h-faq2__helpmail{display:block;font-size:14px;font-weight:700;color:#0b7c3d;margin-top:4px;text-decoration:none}
.h-faq2__search{display:flex;align-items:center;gap:12px;background:#fff;border:1.5px solid #e3e0d4;border-radius:13px;padding:15px 18px;box-shadow:0 8px 22px rgba(20,33,61,.06)}
.h-faq2__searchicon{color:#0b7c3d;font-weight:800;font-size:17px}
.h-faq2__search input{border:0;outline:0;flex:1;font-size:15.5px;color:#16211c;background:none;font-family:inherit;min-width:0}
.h-faq2__clear{background:#fdfcf8;border:1px solid #e3e0d4;border-radius:8px;padding:6px 12px;font-size:12.5px;font-weight:700;color:#3d443e;cursor:pointer}
.h-faq2__hot{display:flex;gap:8px;margin-top:14px;align-items:center;flex-wrap:wrap;font-size:13px;color:#8b9389;font-weight:700}
.h-faq2__chip{background:#fff;border:1px solid #e3e0d4;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600;color:#2c4435;cursor:pointer}
.h-faq2__chip:hover{border-color:#C3CCDB;color:#16211c}
.h-faq2__tabs{display:flex;gap:8px;background:#F1F5FB;border:1px solid #e3e0d4;border-radius:14px;padding:6px;width:fit-content;margin-top:22px;flex-wrap:wrap}
.h-faq2__tab{border:0;border-radius:10px;padding:11px 18px;font-size:14.5px;font-weight:700;cursor:pointer;background:none;color:#3d443e}
.h-faq2__tab span{opacity:.6}
.h-faq2__tab.is-active{background:#fff;color:#16211c;box-shadow:0 2px 8px rgba(20,33,61,.10)}
.h-faq2__head{display:flex;align-items:baseline;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:26px}
.h-faq2__title{margin:0;font-size:27px;font-weight:800;color:#16211c;letter-spacing:-.01em}
.h-faq2__result{font-size:13.5px;color:#8b9389;font-weight:600}
.h-faq2__list{display:flex;flex-direction:column;gap:12px;margin-top:22px}
.h-faq2__item{background:#fff;border:1px solid #e3e0d4;border-radius:14px;overflow:hidden}
.h-faq2__item.is-open{border-color:#c8d4cb}
.h-faq2__q{width:100%;background:none;border:0;text-align:left;padding:20px 24px;display:flex;justify-content:space-between;align-items:flex-start;gap:18px;cursor:pointer}
.h-faq2__tag{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;border-radius:6px;padding:3px 9px;background:#e4eee6;color:#0b7c3d}
.h-faq2__tag.is-product{background:#e4eee6;color:#0d8f46}
.h-faq2__qtext{font-size:17px;font-weight:700;color:#16211c;display:block;margin-top:9px;line-height:1.4}
.h-faq2__tag+.h-faq2__qtext{margin-top:9px}
.h-faq2__q>span:first-child>.h-faq2__qtext:first-child{margin-top:0}
.h-faq2__icon{color:#0b7c3d;font-weight:800;font-size:19px;flex:none;line-height:1.6}
.h-faq2__a{padding:0 24px 22px;font-size:15.5px;line-height:1.7;color:#3d443e;max-width:760px}
.h-faq2__empty{border:1.5px dashed #d5d2c6;border-radius:16px;padding:34px;text-align:center;margin-top:22px}
.h-faq2__emptytitle{font-size:18px;font-weight:800;color:#16211c}
.h-faq2__emptytext{font-size:15px;color:#3d443e;margin-top:8px;line-height:1.6}
.h-faq2__emptybtns{display:flex;gap:10px;justify-content:center;margin-top:18px;flex-wrap:wrap}
.h-faq2__products{margin-top:44px;padding-top:36px;border-top:1px solid #e3e0d4}
.h-faq2__kicker{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#0b7c3d}
.h-faq2__ptitle{margin:12px 0 0;font-size:25px;font-weight:800;color:#16211c;letter-spacing:-.01em}
.h-faq2__ptext{margin:10px 0 0;font-size:15px;line-height:1.65;color:#3d443e;max-width:680px}
.h-faq2__pgroup{margin-top:26px}
.h-faq2__phead{display:flex;gap:16px;align-items:center;background:#fdfcf8;border:1px solid #e3e0d4;border-radius:16px;padding:14px 18px}
.h-faq2__pimg{width:70px;height:70px;border-radius:11px;overflow:hidden;flex:none;display:block;background:#fff}
.h-faq2__pimg img{width:100%;height:100%;object-fit:cover;display:block}
.h-faq2__pinfo{flex:1;min-width:0}
.h-faq2__pgoal{font-size:11.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#8b9389}
.h-faq2__pname{font-size:18px;font-weight:800;color:#16211c;margin-top:4px}
.h-faq2__pblurb{font-size:13.5px;color:#5d6b62;margin-top:4px}
.h-faq2__plink{flex:none;font-size:13.5px;font-weight:700;color:#0b7c3d;text-decoration:none}
.h-faq2__pitems{margin-top:14px;padding-left:18px;border-left:2px solid #e3e0d4;display:flex;flex-direction:column;gap:10px}
.h-faq2__pitems .h-faq2__q{padding:17px 22px}
.h-faq2__pitems .h-faq2__qtext{font-size:16px;margin-top:0}
.h-faq2__pitems .h-faq2__a{padding:0 22px 20px;font-size:15px}
.h-faq2__pempty{font-size:14px;color:#8b9389;padding:4px 4px 16px}
.h-faq2__pnote{font-size:13.5px;color:#8b9389;margin-top:20px;line-height:1.6}
.h-faq2__pnote a{font-weight:700}
@media (max-width:1020px){
.h-faq2__grid{grid-template-columns:1fr;gap:26px}
.h-faq2__side{position:static}
.h-faq2__topics{display:flex;flex-wrap:wrap;gap:6px;padding:10px}
.h-faq2__topicshead{width:100%;padding:2px 2px 6px}
.h-faq2__topic{width:auto;background:#fdfcf8;border-radius:999px;padding:9px 14px}
}
@media (max-width:680px){
.h-faq2__tabs{width:100%}
.h-faq2__tab{flex:1 1 auto;padding:11px 12px;font-size:13.5px}
.h-faq2__q{padding:16px 18px}
.h-faq2__a{padding:0 18px 18px;font-size:15px}
.h-faq2__phead{flex-wrap:wrap}
.h-faq2__plink{width:100%}
.h-faq2__pitems{padding-left:12px}
}
.h-faqhero{background:linear-gradient(180deg,#EEF3FA 0%,#fdfcf8 100%);border-bottom:1px solid #e3e0d4;padding:26px 0 46px}
.h-faqhero__crumb{padding-top:0}
.h-faqhero__title{margin:22px 0 0;font-size:46px;line-height:1.12;font-weight:800;color:#16211c;letter-spacing:-.02em}
.h-faqhero__text{margin:16px 0 0;font-size:18px;line-height:1.6;color:#3d443e;text-wrap:pretty;max-width:760px}
.h-faq2__search,.h-faq2__hot{max-width:760px}
.h-faqhero .h-faq2__search{margin-top:26px}
.h-faq2__tabsrow{padding-top:36px;padding-bottom:20px}
.h-faq2{padding-top:0}
/* Na poradně stojí sekce hned pod poradenským boxem — bez odsazení se box
   lepí na barevný pruh. */
.h-faqmore{background:#fdfcf8;border-top:1px solid #e3e0d4;padding:56px 0;margin-top:40px}
.h-faqmore__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:26px}
.h-faqmore__card{background:#fff;border:1px solid #e3e0d4;border-radius:16px;padding:26px 28px;color:inherit;display:block;text-decoration:none;transition:border-color .12s,box-shadow .12s}
.h-faqmore__card:hover{border-color:#d5d2c6;box-shadow:0 10px 26px rgba(20,33,61,.08);color:inherit}
.h-faqmore__kicker{display:block;font-size:11.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#0b7c3d}
.h-faqmore__title{display:block;font-size:19px;font-weight:800;color:#16211c;margin-top:9px;line-height:1.3}
.h-faqmore__text{display:block;font-size:14.5px;color:#3d443e;margin-top:9px;line-height:1.6}
.h-faqmore__link{display:block;font-size:14px;font-weight:700;color:#0b7c3d;margin-top:14px}
@media (max-width:1020px){.h-faqhero__title{font-size:34px}.h-faqmore__grid{grid-template-columns:1fr}}
@media (max-width:680px){.h-faqhero{padding:16px 0 30px}.h-faqhero__title{font-size:28px}.h-faqhero__text{font-size:16px}}

/* Plovoucí upoutávka na akci (vlevo dole, jen velké displeje).
   Vzhled je dlaždice akce z výpisu — díky container queries se sama zmenší. */
.h-cpop{position:fixed;left:20px;bottom:20px;z-index:70;width:330px;box-sizing:border-box;border-radius:18px;filter:drop-shadow(0 18px 40px rgba(6,16,45,.34));opacity:0;transform:translateY(14px);transition:opacity .28s ease,transform .28s ease}
.h-cpop.is-in{opacity:1;transform:none}
.h-cpop .h-ptile--sale{border-radius:18px}
/* Odsazení textu stejné zleva i zprava. Místo pro křížek drží max-width,
   ne nesymetrický padding — dlouhý text se radši zalomí, než aby vlezl pod něj. */
.h-cpop .h-ptile__chip{padding-right:10px;max-width:calc(100% - 42px)}
.h-cpop .h-ptile__rules{display:none}
.h-cpop .h-ptile--sale .h-ptile__btn--green{background:#0b7c3d;color:#fff;border-color:transparent;box-shadow:0 8px 18px rgba(62,163,77,.28)}
.h-cpop .h-ptile--sale .h-ptile__btn--green:hover{background:#348A41;color:#fff;border-color:transparent}
.h-cpop__x{position:absolute;top:12px;right:12px;z-index:2;width:26px;height:26px;display:flex;align-items:center;justify-content:center;border:0;border-radius:8px;background:rgba(255,255,255,.14);color:#fff;cursor:pointer}
.h-cpop__x:hover{background:rgba(255,255,255,.26)}
@media (max-width:1199px){.h-cpop{display:none}}
@media (max-height:700px){.h-cpop{display:none}}

/* Akční informace u CTA (karta v článku, plovoucí karta, spodní lišta) */
.h-ctac{margin-top:10px;display:flex;flex-direction:column;gap:8px;min-width:0}
.h-ctac__note{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;color:#1B7A34;background:#EAF7EE;border-radius:9px;padding:7px 10px}
.h-ctac__note i{width:6px;height:6px;border-radius:50%;background:#0b7c3d;flex:none}
.h-ctac__coupon{display:flex;align-items:center;gap:8px;background:#FFF6EC;border:1px dashed #E9B37A;border-radius:11px;padding:8px 10px;min-width:0;overflow:hidden}
.h-ctac__price{font-weight:800;color:#B4571A;white-space:nowrap}
/* Částka je tmavší než popisek kolem ní — stejně jako v kupónovém boxu v buyboxu. */
.h-ctac__price b{color:#4A3A22}
.h-ctac__price i{font-style:normal;font-weight:600}

.h-ctac__code{font-weight:800;letter-spacing:.06em;color:#B4571A;background:#fff;border:1px dashed #D9C3A6;border-radius:7px;padding:4px 8px;white-space:nowrap}
.h-ctac__apply{border:0;background:transparent;color:#B4571A;font-weight:800;padding:0;text-decoration:underline;text-underline-offset:3px;cursor:pointer;white-space:nowrap}
.h-ctac__apply:hover{color:#8C420F}
/* Velikost písma se dopočítá ze šířky rámečku a odhadu délky řádku (--hm-ctacw),
   takže delší cena nebo kód řádek nevystrčí ven. */
.h-ctac--card .h-ctac__coupon{container-type:inline-size;justify-content:center}
.h-ctac--card .h-ctac__price,.h-ctac--card .h-ctac__code,.h-ctac--card .h-ctac__apply{font-size:clamp(9px,calc((100cqw - 34px) / var(--hm-ctacw,17)),14px)}
.h-ctac--bar .h-ctac__price,.h-ctac--bar .h-ctac__code,.h-ctac--bar .h-ctac__apply{font-size:12px}
.h-ctac--bar .h-ctac__apply{margin-left:2px}
.h-ctac--bar{flex-direction:row;align-items:center;gap:10px;margin-top:0;flex:none}
.h-ctac--bar .h-ctac__coupon{flex:none;overflow:visible}
.h-sticky-bar__name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.h-sticky-bar__right{min-width:0}
.h-ctac--bar .h-ctac__note{padding:6px 9px;font-size:12px}
.h-ctac--bar .h-ctac__coupon{padding:6px 8px}
@media (max-width:1100px){.h-ctac--bar .h-ctac__note{display:none}}
@media (max-width:860px){.h-ctac--bar{display:none}}

/* Plovoucí karta produktu na detailu (pravý okraj, jen široké displeje) */
.h-pdpfloat{position:fixed;z-index:75;top:calc(var(--hm-hdr,0px) + var(--hm-tabs,0px) + 18px);right:max(16px,calc((100vw - 1280px) / 2 - 344px));width:330px;box-sizing:border-box;background:#fff;border:1px solid #e3e0d4;border-radius:16px;box-shadow:0 16px 38px rgba(15,29,61,.14);padding:14px}
.h-pdpfloat__top{display:flex;align-items:center;gap:10px}
.h-pdpfloat__img img{width:46px;height:46px;object-fit:contain;display:block}
.h-pdpfloat__top-body{min-width:0}
.h-pdpfloat__name{display:block;font-size:13px;font-weight:800;color:#16211c;line-height:1.25}
.h-pdpfloat__rating{display:flex;align-items:center;gap:6px;margin-top:5px}
.h-pdpfloat__rating .h-stars{font-size:12px}
.h-pdpfloat__rating b{font-size:12px;font-weight:800;color:#16211c}
.h-pdpfloat__rating i{font-style:normal;font-size:11.5px;color:#8b9389}
.h-pdpfloat__price{display:flex;align-items:baseline;gap:8px;margin-top:12px;flex-wrap:wrap}
.h-pdpfloat__price s{font-size:13px;color:#8b9389}
.h-pdpfloat__price b{font-size:21px;font-weight:800;color:#16211c}
.h-pdpfloat__price b.is-sale{color:#C7322F}
.h-pdpfloat__btn{display:block;margin-top:12px;text-align:center;width:100%;box-sizing:border-box}
.h-pdpfloat__note{margin-top:10px;font-size:11.5px;color:#8b9389;line-height:1.35;display:flex;align-items:center;justify-content:center;gap:7px;text-align:center}
.h-pdpfloat__note .h-dot{width:7px;height:7px;border-radius:50%;background:#0b7c3d;flex:none}
@media (max-width:1859px){.h-pdpfloat{display:none}}
@media (min-width:1860px){.h-sticky-bar{display:none}}

/* ==== Průvodce „Jak vybrat správný doplněk" ==== */
.h-gd-hero{background:#F4F7FC;padding:22px 0 44px}
.h-gd-hero__in{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:40px;align-items:start}
.h-gd-crumb{font-size:13px;color:#8b9389;margin-bottom:24px}
.h-gd-crumb a{color:#8b9389;text-decoration:none}
.h-gd-crumb a:hover{color:#0b7c3d}
.h-gd-crumb span{color:#2c4435}
.h-gd-crumb__home{display:inline-flex;align-items:center;vertical-align:-2px}
.h-gd-crumb__home svg{display:block}
.h-gd-hero__pill{display:inline-block;background:#fff;border:1px solid #D5E0F2;color:#0b7c3d;font-size:11.5px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;padding:9px 16px;border-radius:999px}
.h-gd-hero__title{margin:20px 0 0;font-size:clamp(32px,4.6vw,50px);font-weight:800;letter-spacing:-.035em;color:#16211c;line-height:1.04}
.h-gd-hero__text{margin:18px 0 0;max-width:620px;font-size:17.5px;line-height:1.62;color:#4A5568}
.h-gd-hero__btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.h-gd-hero__by{display:flex;align-items:center;gap:12px;margin-top:32px;padding-top:24px;border-top:1px solid #DFE7F3;max-width:620px}
.h-gd-hero__ava{width:38px;height:38px;border-radius:50%;background:#f0ede1 var(--vl-avatar, none) center/cover no-repeat;flex:none}
.h-gd-hero__by b{display:block;font-size:13.5px;font-weight:600;color:#4A5568}
.h-gd-hero__by i{display:block;font-style:normal;margin-top:2px;font-size:13px;color:#8b9389}

.h-gd-toc{background:#fff;border:1px solid #E6EDF8;border-radius:20px;box-shadow:0 16px 40px rgba(20,33,61,.07);padding:26px 26px 22px;position:sticky;top:calc(var(--hm-hdr,0px) + 16px)}
.h-gd-toc__title{font-size:11.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#8b9389}
.h-gd-toc__list{list-style:none;margin:14px 0 0;padding:0}
.h-gd-toc__list li+li{border-top:1px solid #f6f5ef}
.h-gd-toc__list a{display:flex;gap:14px;align-items:baseline;padding:11px 0;font-size:14.5px;font-weight:700;color:#16211c;text-decoration:none}
.h-gd-toc__list a:hover{color:#0b7c3d}
.h-gd-toc__list i{font-style:normal;font-size:11.5px;font-weight:800;color:#9AA9C4;flex:none;min-width:16px}
.h-gd-toc__note{margin-top:16px;background:#F4F7FC;border-radius:13px;padding:14px 16px;font-size:13px;line-height:1.6;color:#5d6b62}

.h-gd-sec{padding:58px 0;background:#fff}
.h-gd-sec--alt{background:#F7FAFF}
.h-gd-sec__kicker{font-size:11.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#0b7c3d}
.h-gd-sec__title{margin:10px 0 0;font-size:clamp(24px,3.4vw,33px);font-weight:800;letter-spacing:-.025em;color:#16211c}
.h-gd-sec__text{margin:12px 0 0;max-width:620px;font-size:16px;line-height:1.65;color:#4A5568}
.h-gd-note{margin-top:22px;background:#F4F7FC;border-radius:14px;padding:16px 18px;font-size:13.5px;line-height:1.65;color:#5A6779}

/* 01 cíle */
.h-gd-goals__chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:26px}
.h-gd-chip{border:1px solid #e3e0d4;background:#fff;color:#2c4435;font-size:14px;font-weight:700;padding:11px 17px;border-radius:999px;cursor:pointer}
.h-gd-chip:hover{border-color:#B9C9E6}
.h-gd-chip.is-active{border-color:#16211c;background:#16211c;color:#fff}
.h-gd-goal{margin-top:22px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:22px;align-items:start}
.h-gd-goal__main{background:#FBFCFE;border:1px solid #E6EDF8;border-radius:20px;padding:26px}
.h-gd-goal__lab,.h-gd-fact__lab{font-size:11px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:#8b9389}
.h-gd-goal__title{margin:8px 0 0;font-size:26px;font-weight:800;letter-spacing:-.025em;color:#16211c}
.h-gd-goal__why{margin:12px 0 0;font-size:15px;line-height:1.65;color:#4A5568}
.h-gd-goal__facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:22px}
.h-gd-fact{background:#fff;border:1px solid #e3e0d4;border-radius:14px;padding:15px 16px}
.h-gd-fact__val{margin-top:7px;font-size:15px;font-weight:700;color:#16211c;line-height:1.45}
.h-gd-goal__watch{display:flex;gap:11px;margin-top:18px;background:#FFF6EC;border:1px solid #F3DCC0;border-radius:13px;padding:14px 16px;font-size:14px;line-height:1.55;color:#7A4A18}
.h-gd-goal__watch i{font-style:normal;font-weight:800;color:#D06A1E;flex:none}
.h-gd-rec{background:#fff;border:1px solid #E6EDF8;border-radius:20px;overflow:hidden}
.h-gd-rec__media{position:relative;background:#EEF2F8;min-height:170px;display:flex;align-items:center;justify-content:center;padding:16px}
.h-gd-rec__media img{max-width:150px;height:auto;display:block}
.h-gd-rec__chip{position:absolute;top:14px;left:14px;background:#16211c;color:#fff;font-size:11px;font-weight:800;letter-spacing:.06em;padding:6px 11px;border-radius:999px}
.h-gd-rec__body{padding:20px 22px 22px}
.h-gd-rec__kicker{font-size:11px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:#8b9389}
.h-gd-rec__title{display:block;margin-top:7px;font-size:19px;font-weight:800;color:#16211c;text-decoration:none;letter-spacing:-.01em}
.h-gd-rec__title:hover{color:#0b7c3d}
.h-gd-rec__desc{margin-top:7px;font-size:13.5px;line-height:1.55;color:#5d6b62}
.h-gd-rec__price{margin-top:14px;font-size:26px;font-weight:800;color:#16211c;letter-spacing:-.02em}
.h-gd-rec__btn{display:block;margin-top:16px;text-align:center}
.h-gd-rec__soon{font-size:14px;line-height:1.6;color:#5d6b62}
.h-gd-rec__all{display:block;margin-top:14px;text-align:center;font-size:13.5px;font-weight:700;color:#0b7c3d;text-decoration:none}
.h-gd-rec__all:hover{color:#338A41}

/* 02 kroky */
.h-gd-steps__list{list-style:none;margin:28px 0 0;padding:0;display:flex;flex-direction:column;gap:16px}
.h-gd-step{display:grid;grid-template-columns:46px minmax(0,1fr) minmax(0,270px);gap:22px;background:#fff;border:1px solid #E6EDF8;border-radius:18px;padding:24px 26px}
.h-gd-step__num{width:46px;height:46px;border-radius:14px;background:#0b7c3d;color:#fff;font-size:19px;font-weight:800;display:flex;align-items:center;justify-content:center}
.h-gd-step__num.is-green{background:#0b7c3d}
.h-gd-step__title{margin:4px 0 10px;font-size:21px;font-weight:800;letter-spacing:-.02em;color:#16211c}
.h-gd-step__body p{margin:0 0 10px;font-size:15px;line-height:1.7;color:#4A5568}
.h-gd-step__body p:last-child{margin-bottom:0}
.h-gd-step__box{border-radius:14px;padding:16px 18px;align-self:start;background:#F4F7FC}
.h-gd-step__boxtitle{font-size:11px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:#5B7CC4}
.h-gd-step__box ul{list-style:none;margin:10px 0 0;padding:0}
.h-gd-step__box li{font-size:13.5px;line-height:1.5;color:#2c4435;margin-bottom:8px}
.h-gd-step__box li:last-child{margin-bottom:0}
.h-gd-step__box p{margin:10px 0 0;font-size:13.5px;line-height:1.6;color:#2c4435}
.h-gd-step__box--warn{background:#FDEDEC}
.h-gd-step__box--warn .h-gd-step__boxtitle{color:#C2452D}
.h-gd-step__box--warn li,.h-gd-step__box--warn p{color:#7A2F22}
.h-gd-step__box--good{background:#F1F8F3}
.h-gd-step__box--good .h-gd-step__boxtitle{color:#2F7A3E}
.h-gd-step__box--good li,.h-gd-step__box--good p{color:#2C5138}

/* 03 etiketa */
.h-gd-label__in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:34px;align-items:start}
.h-gd-label__list{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:14px}
.h-gd-label__list li{display:flex;gap:13px;align-items:flex-start;font-size:15px;line-height:1.55;color:#4A5568}
.h-gd-label__list b{color:#16211c}
.h-gd-label__mark{width:26px;height:26px;border-radius:50%;background:#EAF0FB;color:#0b7c3d;font-size:11.5px;font-weight:800;display:flex;align-items:center;justify-content:center;flex:none}
.h-gd-label__media{min-height:330px;border-radius:18px;background:repeating-linear-gradient(135deg,#F2F6FC 0 12px,#EAF0F9 12px 24px);display:flex;align-items:center;justify-content:center;padding:16px}
.h-gd-label__media img{max-width:100%;height:auto;border-radius:12px;display:block}
.h-gd-label__media--photo{background:none;padding:0;min-height:0}
.h-gd-label__media--photo img{width:100%;border-radius:18px}
.h-gd-label__media span{font:12px ui-monospace,Menlo,monospace;color:#8b9389;background:#fff;padding:6px 12px;border-radius:8px}

/* 04 tabulka forem */
.h-gd-forms__wrap{margin-top:26px;overflow-x:auto;border-radius:16px;background:#fff;box-shadow:0 10px 30px rgba(20,33,61,.06)}
.h-gd-table{width:100%;border-collapse:collapse;min-width:760px}
.h-gd-table th,.h-gd-table td{text-align:left;padding:16px 20px;font-size:14.5px;line-height:1.55;vertical-align:top}
.h-gd-table thead th{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#fff;background:#16211c}
.h-gd-table thead th:first-child{border-top-left-radius:16px}
.h-gd-table thead th:last-child{border-top-right-radius:16px}
.h-gd-table tbody tr+tr th,.h-gd-table tbody tr+tr td{border-top:1px solid #f6f5ef}
.h-gd-table tbody th{font-weight:800;color:#16211c;white-space:nowrap}
.h-gd-table td{color:#4A5568}
.h-gd-table td.is-good{color:#16211c;font-weight:700}
.h-gd-table td.is-weak{color:#C2452D;font-weight:600}
@media (max-width:900px){
	.h-gd-table{min-width:0}
	.h-gd-table th,.h-gd-table td{padding:13px 14px;font-size:13.5px}
	.h-gd-table tbody th{white-space:normal}
}
@media (max-width:720px){
	/* 3sloupcová tabulka kombinací jako karty — vodorovný scroll by schoval
	   sloupec „proč", což je to hlavní. 4sloupcové srovnání forem drží scroll. */
	.h-gd-table--cards,.h-gd-table--cards tbody,.h-gd-table--cards tr,.h-gd-table--cards th,.h-gd-table--cards td{display:block}
	.h-gd-table--cards thead{display:none}
	.h-gd-table--cards tr{padding:15px 18px}
	.h-gd-table--cards tr+tr{border-top:1px solid #f6f5ef}
	.h-gd-table--cards th,.h-gd-table--cards td{padding:0}
	.h-gd-table--cards tbody tr+tr th,.h-gd-table--cards tbody tr+tr td{border-top:0}
	.h-gd-table--cards td.is-good{margin-top:3px}
	.h-gd-table--cards td.is-good::before{content:"+ ";color:#0b7c3d;font-weight:800}
	.h-gd-table--cards td:last-child{margin-top:6px}
}

/* 05 chyby */
.h-gd-mistakes__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:26px}
.h-gd-mistake{background:#fff;border:1px solid #E6EDF8;border-radius:16px;padding:22px}
.h-gd-mistake__num{font-size:11px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:#C2452D}
.h-gd-mistake__title{margin-top:9px;font-size:17px;font-weight:800;color:#16211c;line-height:1.3;letter-spacing:-.01em}
.h-gd-mistake__text{margin-top:9px;font-size:14px;line-height:1.6;color:#4A5568}
.h-gd-help{background:#16211c;color:#fff;border-radius:16px;padding:22px;display:flex;flex-direction:column}
.h-gd-help__kicker{font-size:11px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:#9FB6E8}
.h-gd-help__title{margin-top:9px;font-size:19px;font-weight:800;letter-spacing:-.01em}
.h-gd-help__text{margin-top:10px;font-size:14px;line-height:1.6;color:#c8d4cb}
.h-gd-help__link{display:block;margin-top:auto;padding-top:16px}
.h-gd-help__link a,.h-gd-help__btn{display:block;text-align:center;background:#0b7c3d;color:#fff;font-size:14px;font-weight:800;padding:12px 16px;border-radius:12px;text-decoration:none}
.h-gd-help__btn:hover{background:#2A4CA8;color:#fff}

/* 06 lékař */
.h-gd-doctor{background:#16211c;color:#fff}
.h-gd-doctor .h-gd-sec__kicker{color:#9FB6E8}
.h-gd-doctor .h-gd-sec__title{color:#fff}
.h-gd-doctor .h-gd-sec__text{color:#c8d4cb}
.h-gd-doctor__in{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:34px;align-items:start}
.h-gd-doctor__list{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:12px}
.h-gd-doctor__list--two{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 26px}
.h-gd-doctor__list li{display:flex;gap:11px;align-items:flex-start;font-size:14.5px;line-height:1.5;color:#E3EBFA}
.h-gd-doctor__list span{color:#7FD48F;font-weight:800;flex:none}
.h-gd-doctor__box{background:#fff;border-radius:18px;padding:24px;color:#2c4435}
.h-gd-doctor__boxtitle{font-size:11px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:#8b9389}
.h-gd-doctor__box ul{list-style:none;margin:14px 0 0;padding:0}
.h-gd-doctor__box li{font-size:14.5px;line-height:1.6;color:#2c4435;padding:10px 0}
.h-gd-doctor__box li+li{border-top:1px solid #f6f5ef}
.h-gd-doctor__note{margin-top:14px;padding-top:14px;border-top:1px solid #f6f5ef;font-size:13px;line-height:1.6;color:#5d6b62}

/* 07 checklist */
.h-gd-check__in{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,340px);gap:34px;align-items:start}
.h-gd-check__list{margin-top:26px;display:grid;gap:11px}
.h-gd-check__row{display:flex;gap:14px;align-items:center;width:100%;text-align:left;cursor:pointer;background:#fff;border:1.5px solid #e3e0d4;border-radius:13px;padding:16px 18px}
.h-gd-check__row[aria-pressed="true"]{background:#F2F8F3;border-color:#c6dbcb}
.h-gd-check__box{width:26px;height:26px;border-radius:8px;flex:none;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;background:#fff;color:transparent;border:1.5px solid #d5d2c6}
.h-gd-check__row[aria-pressed="true"] .h-gd-check__box{background:#0b7c3d;border-color:#0b7c3d;color:#fff}
.h-gd-check__label{font-size:15px;line-height:1.5;font-weight:600;color:#2c4435}
.h-gd-check__row[aria-pressed="true"] .h-gd-check__label{color:#1f4d3a}
.h-gd-score{margin-top:26px;background:#F2F8F3;border:1px solid #D8EADD;border-radius:20px;padding:24px;position:sticky;top:calc(var(--hm-hdr,0px) + 16px)}
.h-gd-score__lab{font-size:11px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:#5C8A69}
.h-gd-score__num{display:flex;align-items:baseline;gap:7px;margin-top:6px}
.h-gd-score__num b{font-size:56px;font-weight:800;color:#1f4d3a;letter-spacing:-.04em;line-height:1}
.h-gd-score__num i{font-style:normal;font-size:19px;font-weight:800;color:#7BA487}
.h-gd-score__bar{margin-top:16px;height:6px;border-radius:999px;background:#DCEBE0;overflow:hidden}
.h-gd-score__bar span{display:block;height:100%;background:#0b7c3d;border-radius:999px;transition:width .25s ease}
.h-gd-score__verdict{margin-top:16px;font-size:14.5px;line-height:1.6;color:#33544A;min-height:44px}
.h-gd-score__btn{display:block;margin-top:6px;text-align:center}
.h-gd-score__note{margin-top:12px;text-align:center;font-size:12.5px;color:#6B8B74}

/* 08 dotazy, články, závěr */
.h-gd-faq__list{margin-top:24px;max-width:860px}
.h-gd-more__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px}
.h-gd-end{background:#EEF3FB;padding:52px 0}
.h-gd-end__in{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap}
.h-gd-end__title{margin:0;font-size:clamp(22px,3vw,29px);font-weight:800;letter-spacing:-.025em;color:#16211c;max-width:620px}
.h-gd-end__text{margin:12px 0 0;font-size:15px;line-height:1.6;color:#4A5568;max-width:620px}
.h-gd-end__btns{display:flex;gap:12px;flex-wrap:wrap}

@media (max-width:1100px){
	.h-gd-hero__in,.h-gd-goal,.h-gd-doctor__in,.h-gd-check__in,.h-gd-label__in{grid-template-columns:minmax(0,1fr)}
	.h-gd-toc,.h-gd-score{position:static}
	.h-gd-step{grid-template-columns:46px minmax(0,1fr)}
	.h-gd-step__box{grid-column:2 / -1}
	.h-gd-mistakes__grid,.h-gd-more__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:720px){
	.h-gd-sec{padding:40px 0}
	.h-gd-mistakes__grid,.h-gd-more__grid,.h-gd-goal__facts,.h-gd-doctor__list--two{grid-template-columns:minmax(0,1fr)}
	.h-gd-step{grid-template-columns:minmax(0,1fr)}
	.h-gd-step__box{grid-column:1 / -1}
}

/* Modal „Napsat dotaz" */
.h-ask{position:fixed;top:0;right:0;bottom:0;left:0;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:20px}
.h-ask__overlay{position:absolute;top:0;right:0;bottom:0;left:0;inset:0;background:rgba(15,29,61,.55);opacity:0;transition:opacity .2s ease}
.h-ask.is-open .h-ask__overlay{opacity:1}
.h-ask__box{position:relative;width:min(560px,100%);max-height:calc(100vh - 40px);overflow-y:auto;background:#fff;border-radius:20px;box-shadow:0 26px 60px rgba(6,16,45,.32);padding:28px;opacity:0;transform:translateY(12px) scale(.98);transition:opacity .2s ease,transform .2s ease}
.h-ask.is-open .h-ask__box{opacity:1;transform:none}
.h-ask__x{position:absolute;top:14px;right:14px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:0;background:#F2F6FC;color:#5A6779;border-radius:10px;cursor:pointer}
.h-ask__x:hover{background:#E6EDF8;color:#16211c}
.h-ask__kicker{font-size:11.5px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:#0b7c3d}
.h-ask__title{margin:8px 0 0;font-size:24px;font-weight:800;letter-spacing:-.02em;color:#16211c}
.h-ask__product{display:flex;align-items:center;gap:11px;margin-top:14px;background:#F7FAFF;border:1px solid #E6EDF8;border-radius:13px;padding:10px 13px}
.h-ask__product img{width:38px;height:38px;object-fit:contain;display:block}
.h-ask__product span{font-size:14px;font-weight:800;color:#16211c}
.h-ask__faq{margin-top:16px;background:#F2F6FC;border-radius:13px;padding:13px 15px;font-size:13.5px;line-height:1.55;color:#4A5568}
.h-ask__faq a{display:inline-block;margin-top:4px;font-weight:800;color:#0b7c3d;text-decoration:underline;text-underline-offset:3px}
.h-ask__faq a:hover{color:#338A41}
.h-ask__form{margin-top:18px;display:grid;gap:14px}
.h-ask__row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.h-ask__hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.h-ask .h-field__label{display:block;margin-bottom:6px;font-size:13px;font-weight:700;color:#2c4435}
.h-ask .h-field__label i{color:#C2452D;font-style:normal}
.h-ask input[type=text],.h-ask input[type=email],.h-ask textarea{width:100%;box-sizing:border-box;border:1px solid #e3e0d4;border-radius:12px;padding:12px 14px;font:inherit;font-size:14.5px;color:#16211c;background:#fff}
.h-ask input:focus,.h-ask textarea:focus{outline:none;border-color:#0b7c3d;box-shadow:0 0 0 3px rgba(30,58,138,.12)}
.h-ask textarea{resize:vertical;min-height:104px}
.h-ask__gdpr{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.5;color:#5A6779}
.h-ask__gdpr input{margin-top:2px;width:17px;height:17px;flex:none;accent-color:#0b7c3d}
.h-ask__msg{border-radius:12px;padding:12px 14px;font-size:14px;font-weight:700}
.h-ask__msg.is-ok{background:#EAF7EE;border:1px solid #c6dbcb;color:#1f4d3a}
.h-ask__msg.is-err{background:#FDEDEC;border:1px solid #F2CFC5;color:#7A2A18}
.h-ask__foot{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.h-ask__note{font-size:12.5px;color:#8b9389}
@media (max-width:600px){
	.h-ask{padding:0;align-items:flex-end}
	.h-ask__box{border-radius:20px 20px 0 0;max-height:92vh;padding:22px 18px}
	.h-ask__row{grid-template-columns:minmax(0,1fr)}
}

/* Modal „Kdy vám balík dorazí" */
.h-deliv{position:fixed;top:0;right:0;bottom:0;left:0;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(15,29,61,.6);opacity:0;transition:opacity .2s ease}
.h-deliv.is-open{opacity:1}
.h-deliv__box{width:min(620px,100%);max-height:86vh;overflow-y:auto;background:#fff;border-radius:20px;box-shadow:0 30px 80px rgba(6,16,45,.45);padding:26px 30px;transform:translateY(12px) scale(.98);transition:transform .2s ease}
.h-deliv.is-open .h-deliv__box{transform:none}
.h-deliv__head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}
.h-deliv__kicker{font-size:11.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#8b9389}
.h-deliv__title{font-size:23px;font-weight:800;color:#16211c;margin-top:8px;letter-spacing:-.01em}
.h-deliv__text{font-size:14px;color:#3d443e;margin-top:6px;line-height:1.55}
.h-deliv__x{background:#fdfcf8;border:1px solid #e3e0d4;border-radius:10px;width:36px;height:36px;font-size:15px;font-weight:800;color:#3d443e;cursor:pointer;flex:none}
.h-deliv__x:hover{background:#E6EDF8;color:#16211c}
.h-deliv__form{margin-top:20px;display:flex;gap:10px;flex-wrap:wrap}
.h-deliv__field{flex:1;min-width:220px;display:flex;align-items:center;gap:12px;border:1.5px solid #e3e0d4;border-radius:12px;padding:13px 16px;background:#FAFBFD}
.h-deliv__field label{font-size:12.5px;font-weight:800;color:#8b9389;flex:none}
.h-deliv__field input{border:0;outline:none;background:none;flex:1;min-width:0;font:inherit;font-size:16px;font-weight:700;color:#16211c;letter-spacing:.04em;padding:0}
.h-deliv__field:focus-within{border-color:#0b7c3d;box-shadow:0 0 0 3px rgba(30,58,138,.12)}
.h-deliv__btn{background:#0b7c3d;border:0;color:#fff;font:inherit;font-size:15px;font-weight:800;padding:14px 24px;border-radius:12px;cursor:pointer}
.h-deliv__btn:hover{background:#16306F}
.h-deliv__btn[disabled]{opacity:.6;cursor:default}
.h-deliv__err{margin-top:12px;font-size:13.5px;color:#C2452D;font-weight:600}
.h-deliv__result{margin-top:22px}
.h-deliv__head-row{display:flex;align-items:center;gap:9px;font-size:13.5px;color:#3d443e;font-weight:600}
.h-deliv__head-row b{color:#16211c}
.h-deliv__dot{width:8px;height:8px;border-radius:50%;background:#0b7c3d;flex:none}
.h-deliv__table{border:1px solid #e3e0d4;border-radius:14px;overflow:hidden;margin-top:14px}
.h-deliv__thead,.h-deliv__row{display:grid;grid-template-columns:1.5fr 1.2fr .8fr}
.h-deliv__thead{background:#16211c;color:#fff;font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.h-deliv__thead div{padding:12px 16px}
.h-deliv__thead div:last-child{text-align:right}
.h-deliv__row>div{padding:14px 16px;display:flex;flex-direction:column;justify-content:center}
.h-deliv__row+.h-deliv__row{border-top:1px solid #f6f5ef}
.h-deliv__row:nth-child(odd){background:#FAFBFD}
.h-deliv__row>div:last-child{align-items:flex-end}
.h-deliv__name{font-size:14.5px;font-weight:700;color:#16211c}
.h-deliv__note{font-size:12.5px;color:#8b9389;margin-top:3px}
.h-deliv__date{font-size:14.5px;font-weight:600;color:#0d8f46}
.h-deliv__date.is-fast{font-weight:800}
.h-deliv__price{font-size:14.5px;font-weight:800;color:#16211c}
.h-deliv__price.is-free{color:#0d8f46}
.h-deliv__foot{font-size:12.5px;color:#8b9389;margin-top:12px;line-height:1.6}
@media (max-width:600px){
	.h-deliv{padding:0;align-items:flex-end}
	.h-deliv__box{border-radius:20px 20px 0 0;max-height:92vh;padding:22px 18px}
	.h-deliv__thead{display:none}
	.h-deliv__row{grid-template-columns:minmax(0,1fr) auto}
	.h-deliv__row>div:nth-child(2){align-items:flex-start}
	.h-deliv__row>div:last-child{grid-column:2;grid-row:1}
}

/* Přepínač dalších dopravců v pokladně */
.h-ship-more{display:inline-flex;align-items:center;gap:7px;margin:4px 0 2px;padding:8px 2px;border:0;background:transparent;color:#8b9389;font-size:13.5px;font-weight:700;cursor:pointer}
.h-ship-more:hover{color:#0b7c3d}
.h-ship-more__ico{display:inline-block;font-size:16px;line-height:1;transition:transform .18s ease}
.h-ship-more.is-open .h-ship-more__ico{transform:rotate(90deg)}

/* Tlačítko „@" v poli s e-mailem */
/* Znak @ má v Plus Jakarta Sans nízké těžiště — bez odsazení zdola sedí
   v tlačítku opticky pod středem, i když je samotný box zarovnaný přesně. */
.h-atbtn{position:absolute;top:50%;right:8px;transform:translateY(-50%);width:34px;height:34px;display:flex;align-items:center;justify-content:center;padding:0 0 7px;border:1px solid #e3e0d4;background:#F7FAFF;color:#5A6779;border-radius:9px;font-size:15px;font-weight:800;line-height:1;cursor:pointer}
.h-atbtn:hover{background:#EAF0FB;color:#0b7c3d;border-color:#C3D0E6}
.h-atbtn:focus-visible,.h-atbtn:focus{outline:2px solid #0b7c3d;outline-offset:2px}
.h-atbtn[hidden]{display:none}
.h-chk2 input.input-text.has-atbtn{padding-right:52px}

/* Přeložená recenze v článku (tmavá karta) */
.h-arev__shop{margin-left:auto;font-size:12px;font-weight:600;color:#9FB6E8;white-space:nowrap}
.h-arev__flag{display:inline-flex;align-items:center;margin-left:8px}
.h-arev__tr{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;font-size:12.5px;color:#9FB6E8}
.h-arev__orig{border:0;background:transparent;color:#fff;font-size:12.5px;font-weight:800;padding:0;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.h-arev__orig:hover{color:#9FE3AC}
.h-arev .h-review__origtext{flex:1 1 100%;margin-top:2px;font-style:italic;font-size:13.5px;line-height:1.6;color:#c8d4cb}

/* Řádek s nevybraným výdejním místem je klikací celý */
.h-carrier__pickstate{cursor:pointer}
.h-carrier__pickstate:hover .h-carrier__pickdot{border-color:#0b7c3d}
.h-carrier__pickstate:hover .h-carrier__picktext b{color:#0b7c3d}

/* Poznámka „dobírka tu nejde" u hlavičky platby */
.h-chk2-sec__note--warn{color:#8b9389}
.h-chk2-sec__note--warn[hidden]{display:none}
/* Poznámka o dobírce visí pod výpisem plateb, oddělená linkou. */
.h-chk2-nocod{margin-top:14px;padding-top:13px;border-top:1px solid #e3e0d4;font-size:12.5px;color:#8b9389}
.h-chk2-nocod[hidden]{display:none}

/* ---------- Mobilní hlavička (návrh 390 px) ----------
   Až tady, aby přebila obecná pravidla výš (skrytá lupa, logo na střed). */
@media (max-width:680px){
/* Hlavička podle návrhu: logo vlevo, vpravo lupa, účet a košík; pod tím vlastní
   lišta „Menu | odkazy" a teprve pod ní hledání. Hamburger se proto z hlavičky
   stěhuje dolů do lišty — obojí ovládá stejný panel. */
.h-header .h-burger{display:none}
/* Mezery jen mezi ikonami; lupa je sourozenec skupiny, proto i gap řádku. */
.h-header__in{gap:2px}
.h-header__logo{margin:0 auto 0 0;flex:none}
.h-header__links{order:6;margin-left:0;gap:2px}
/* Lupa stojí v DOM před logem (kvůli tabletu), na mobilu patří doprava. */
/* Šířka 32 místo 38: mezera mezi ikonami je z větší části prázdné místo uvnitř
   dotykové plochy, výška 38 zůstává, aby se do nich dalo trefit palcem. */
.h-lupa{order:5;display:flex;justify-content:center;width:32px;height:38px;padding:0}
.h-lupa svg circle,.h-lupa svg path,.h-acct-ico svg circle,.h-acct-ico svg path{stroke:#0b7c3d}
.h-acct-ico{width:32px;height:38px;justify-content:center}
/* Košík je na mobilu ikona s bublinou, ne tlačítko s nápisem. */
.h-cart-btn{position:relative;width:32px;height:38px;padding:0;background:none;border-radius:0;justify-content:center}
.h-cart-btn__ico{display:block}
.h-cart-btn__label{display:none}
.h-cart-btn__count{position:absolute;top:1px;right:0;background:#0b7c3d;color:#fff;border-radius:999px;min-width:15px;height:15px;display:flex;align-items:center;justify-content:center;font-size:9.5px;font-weight:800;padding:0 3px;box-sizing:border-box}
.h-navmenu,.h-navmenu__sep{display:flex}
.h-navmenu{padding:6px 2px}
.h-navmenu__ico span:last-child{width:17px}
.h-navmenu__sep{height:20px;margin:0 6px}
/* Hledání je na mobilu zavřené i na homepage — otevírá ho lupa. */
.h-search{display:none}
.h-searchbar[hidden]{display:none}
}

/* ---------- iOS: pole nesmí mít písmo pod 16 px ----------
   Safari na iPhonu si při zaostření menšího pole samo přiblíží stránku a už
   ji nevrátí zpět. Týká se to všech polí, ne jen hledání, takže je to jedno
   pravidlo na konci; menší pole se dorovnávají odsazením, ne písmem. */
@media (max-width:680px){
/* !important schválně: pravidlo musí přebít i pole z pluginů (CPP, WooCommerce)
   a vlastní třídy formulářů — pod 16 px je na iOS vždycky chyba. */
input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea{font-size:16px!important}
.h-search input{padding:10px 0}
/* Na 390 px zbývalo na název jen 126 px, takže se lámal doprostřed. Menší
   písmo, užší logo a menší mezery mu dají celý řádek. */
.h-carrier__row,.h-pay__row{gap:9px;padding:13px 12px}
.h-carrier.is-selected .h-carrier__row{padding:12.5px 11.5px}
	/* Vlastní pravidlo, ne selector list — neznámý :has() by zneplatnil i větev dopravce. */
	.h-pay:has(.h-pay__input:checked) .h-pay__row{padding:12.5px 11.5px}
.h-carrier__name{gap:6px}
.h-carrier__price,.h-pay__price{font-size:13.5px}
.h-deliv__field input{font-size:16px}
}

/* Totéž pro dotyková zařízení nad 680 px — iPad a telefon na šířku. Šířkový
   breakpoint na ně nedosáhl, takže pokladna měla všech deset polí po 14 px,
   kontaktní formulář pět a množství v košíku 13,5 px; Safari tam stránku při
   zaostření přiblížil a zpět neodzoomoval.
   `pointer:coarse` se ptá na PRIMÁRNÍ vstup, takže dotykový notebook s trackpadem
   sem nespadne (ten hlásí `fine`) — týká se to jen telefonů a tabletů.
   Pravidlo zůstává i v šířkovém bloku výš: prohlížeče, které `pointer` neznají,
   by o něj jinak přišly. Duplicita je záměr, hodnota je stejná. */
@media (pointer:coarse){
input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea{font-size:16px!important}
.h-search input{padding:10px 0}
.h-deliv__field input{font-size:16px}
}

/* Výpis na mobilu a tabletu: dlaždice věrnostního účtu se vkládá na pozici
   počítanou pro 4 sloupce — ve 2–3 sloupcích rozbíjela páry karet. Posílá se
   proto za produkty přes celou šířku; desktop zůstává v mřížce. */
@media (max-width:1100px){
.h-products__grid--archive .h-ptile--account{order:9;grid-column:1/-1;grid-row:auto}
}

/* Tlačítko „Filtrovat" jen na desktopu — na tabletu a mobilu se filtry nenabízejí. */
@media (max-width:1100px){
.h-shop__tools{display:none}
}

/* Kategorie chips na mobilu: menší písmo i odsazení, ať se vejde víc na řádek. */
@media (max-width:760px){
.h-shop__chips{gap:6px;margin-top:14px}
.h-chip{padding:6px 11px;font-size:12px}
}

/* Mobil: první dva produkty ještě NAD bannerem akce (desktop/tablet beze změny).
   Jen banner na začátku mřížky (:first-child) — druhá akční dlaždice hlouběji
   ve výpisu se nepřeskupuje a bez běžící akce se neděje nic. */
@media (max-width:760px){
.h-products__grid--archive > .h-ptile--sale:first-child + .h-card,
.h-products__grid--archive > .h-ptile--sale:first-child + .h-card + .h-card{order:-1}
}

/* Mobil a tablet: titulek, podtitulek a hodnocení hned za drobečky, teprve pak
   galerie. Sloupce se rozpouštějí (display:contents, stejný vzor jako košík)
   a pořadí řídí order; gap 0, mezery drží vlastní marginy prvků. Hranice 1100 px
   = bod, kde se PDP grid skládá do jednoho sloupce. */
@media (max-width:1100px){
.h-pdp__left,.h-pdp__right{display:contents}
.h-pdp__grid{gap:0}
/* Plynulá velikost: 8vw drží počet znaků na řádek nezávisle na šířce displeje,
   takže titulek na 2 řádky zůstává na 2 řádcích i na malých telefonech.
   Podtitulek škáluje úměrně s ním. */
.h-pdp__title{order:-3;margin-top:0;font-size:clamp(24px,8vw,31px)}
.h-pdp__subtitle{order:-2;font-size:clamp(13px,3.9vw,15px)}
.h-pdp__rating{order:-1}
.h-pdp__grid .h-gallery{margin-top:18px}
.h-pdp__pills-top{margin-top:26px}
/* Poradenský box: pod 1100 px platí instance pod garancí, desktopová mizí. */
.h-pdp__consult-desk{display:none}
}
@media (min-width:1101px){
.h-pdp__consult-compact{display:none}
}

/* Poradenský box na poradně a v archivech článků — omezená šířka, ať se na
   širokém výpisu neroztahuje přes celý řádek. */
.h-consult--page{max-width:760px;margin:34px auto 6px}
/* Když je box poslední před patičkou (/clanky/, rubriky), potřebuje spodní
   vzduch — na poradně za ním sekce s vlastním paddingem, tam obal nemá. */
.h-consult-outro{padding-bottom:64px}

/* Žlutá nápověda pole (ulice bez čísla popisného) — varování, ne chyba. */
.h-chk2 .form-row.h-row-warn input.input-text{border-color:#D9A23C;background:#FDFAF2}
.h-row-warnmsg{display:block;font-size:12px;font-weight:600;color:#B4741E;margin-top:5px}
