@import url("https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;9..144,700&display=swap");
/* Zelená lékárna – úvodní stránka v5 (podle schváleného návrhu). Načítá se z HTML kódu (záhlaví), blok ZL HP. Platí jen pro body.type-index. */
.type-index{--zl-g:#2f6e35;--zl-gd:#1f4d24;--zl-gl:#eef6ec;--zl-line:#e3e8e1;--zl-t:#1f2a22;--zl-m:#5f6b63;--zl-f:"Fraunces",Georgia,serif}

/* ZÁHLAVÍ: plná tmavě zelená lišta místo videa (do zapnutí nové hlavičky z vlákna menu: html.zl-menu) */
html:not(.zl-menu) .type-index #header{background:var(--zl-gd)!important;height:auto!important;min-height:0!important;position:relative}
html:not(.zl-menu) .type-index #header:before,.type-index #videoWrapper:before{display:none!important}
.type-index #videoWrapper,.type-index #header video{display:none!important}
html:not(.zl-menu) .type-index .header-navigation{background:var(--zl-gd)!important}
html.zl-menu .zl-top{display:none!important}
html:not(.zl-menu) .type-index #header .header-title{display:block!important;padding:0!important;margin:0!important;font-size:inherit!important;text-shadow:none!important;text-align:left!important;height:auto!important;min-height:0!important}

/* Horní informační proužek */
.zl-top{display:flex;flex-wrap:wrap;gap:4px 22px;align-items:center;padding:8px 0;border-top:1px solid rgba(255,255,255,.14);color:#e6f1e6;font-size:13px;line-height:1.4;font-weight:500}
.zl-top span,.zl-top a{display:inline-flex;align-items:center;gap:6px}
.zl-top a{color:#fff!important;text-decoration:none!important;font-weight:700}
.zl-top .zl-ico{width:15px;height:15px}
.zl-top__r{margin-left:auto}

/* HERO: fotka vlevo, text vpravo */
.zl-hero{display:grid;grid-template-columns:1.25fr 1fr;min-height:420px;background:var(--zl-gl);color:var(--zl-t)}
.zl-hero__ph{background:#cfd8cc url(/user/documents/upload/zl-hp-hero.jpg) center 55%/cover no-repeat;min-height:420px}
.zl-hero__tx{padding:44px max(44px,calc((100vw - 1180px)/2));padding-left:44px;display:flex;flex-direction:column;justify-content:center;gap:16px}
.zl-hero__eyebrow{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--zl-g);margin:0}
.zl-hero h1{font-family:var(--zl-f)!important;font-size:38px;line-height:1.1;margin:0;font-weight:700;color:var(--zl-t)!important;text-transform:none!important;letter-spacing:0;text-wrap:balance}
.zl-hero p{margin:0;font-size:16px;line-height:1.5;color:#3c4a41;max-width:42ch}
.zl-hero__hours{display:grid;grid-template-columns:auto 1fr;gap:2px 14px;font-size:14px;color:var(--zl-t)}
.zl-hero__hours b{font-weight:700}
.zl-open{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:700;color:var(--zl-g)}
.zl-open:before{content:"";width:8px;height:8px;border-radius:50%;background:#3bb54a;flex:none}
.zl-open.is-closed{color:#8a5a00}
.zl-open.is-closed:before{background:#e0a030}

/* Tlačítka */
.zl-btns{display:flex;flex-wrap:wrap;gap:10px}
.zl-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;font-weight:700;font-size:14px;padding:12px 18px;text-decoration:none!important;line-height:1.2;border:1.5px solid transparent;transition:filter .15s,background .15s;text-transform:none!important}
.zl-btn:hover,.zl-btn:focus-visible{filter:brightness(1.1)}
.zl-btn:focus-visible{outline:3px solid #f2d43d;outline-offset:2px}
.zl-btn--p{background:var(--zl-g);color:#fff!important;border-color:var(--zl-g)}
.zl-btn--s{background:#fff;color:var(--zl-gd)!important;border-color:var(--zl-g)}
.zl-ico{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* 3 DŮVODY */
.zl-usp{background:#fff;border-bottom:1px solid var(--zl-line)}
.zl-usp__in{display:grid;grid-template-columns:repeat(4,1fr)}
.zl-usp__in:before,.zl-usp__in:after{display:none!important}
.zl-usp__i{display:flex;align-items:center;gap:12px;padding:16px 14px;font-size:13.5px;color:var(--zl-m);line-height:1.35}
.zl-usp__i:first-child{padding-left:0}
.zl-usp__i+.zl-usp__i{border-left:1px solid var(--zl-line)}
.zl-usp__i .zl-ico{width:26px;height:26px;color:var(--zl-g)}
.zl-usp__i b{display:block;font-size:14px;color:var(--zl-t)}
.zl-usp__i small{font-size:inherit}
.zl-s{display:none}

/* SEKCE */
.zl-sec{padding-top:36px;padding-bottom:36px}
.zl-sec__h{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 16px;margin-bottom:18px}
.zl-sec__h h2{margin:0;font-family:var(--zl-f)!important;font-size:26px;font-weight:700;color:var(--zl-t)!important;text-transform:none!important;letter-spacing:0}
.zl-sec__h a{color:var(--zl-g)!important;font-weight:700;font-size:14px;text-decoration:none!important}

/* IMUNITA */
.zl-cats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.zl-cat{display:grid;gap:8px;align-content:start;padding:16px 14px;border:1px solid var(--zl-line);border-radius:10px;background:#fff;color:var(--zl-t)!important;text-decoration:none!important;transition:border-color .15s,box-shadow .15s}
.zl-cat:hover,.zl-cat:focus-visible{border-color:var(--zl-g);box-shadow:0 4px 14px rgba(31,77,36,.1)}
.zl-cat__ic{width:42px;height:42px;border-radius:50%;background:var(--zl-gl);display:grid;place-items:center;color:var(--zl-g)}
.zl-cat__ic .zl-ico{width:22px;height:22px}
.zl-cat b{font-size:14px;line-height:1.25}
.zl-cat span{font-size:12px;color:var(--zl-m)}

/* PRODEJNA */
.zl-store{background:var(--zl-gd);color:#eef5ee}
.zl-store .zl-sec__h h2{color:#fff!important}
.zl-store .zl-sec__h a{color:#cfe6cf!important}
.zl-store__grid{display:grid;grid-template-columns:1fr 1fr 1.1fr;gap:14px;align-items:start}
.zl-ph{border-radius:10px;background-color:#3b5a40;background-repeat:no-repeat;max-width:100%}
.zl-ph--vyloha{background-image:url(/user/documents/upload/zl-hp-vyloha.jpg);background-size:auto 102%;background-position:center;aspect-ratio:466/622}
.zl-ph--sirupy{background-image:url(/user/documents/upload/zl-hp-sirupy.jpg);background-size:cover;background-position:center;aspect-ratio:4/3}
.zl-ph--lenka{background-image:url(/user/documents/upload/zl-hp-poradenstvi.jpg);background-size:auto 102%;background-position:center;aspect-ratio:829/622}
.zl-store__stack{display:grid;gap:14px}
.zl-store__info{background:#fff;color:var(--zl-t);border-radius:10px;padding:22px;display:grid;gap:12px;align-content:start;font-size:14px}
.zl-store__info h3{margin:0;font-family:var(--zl-f)!important;font-size:20px;font-weight:700;color:var(--zl-t)!important;text-transform:none!important}
.zl-store__info p{margin:0;line-height:1.5;color:#3c4a41}
.zl-row{display:flex;gap:10px;align-items:flex-start;line-height:1.4}
.zl-row .zl-ico{color:var(--zl-g);margin-top:1px}
.zl-row a{color:var(--zl-t)!important;font-weight:700}

/* PRODUKTY: bez bannerů a postranního panelu, na celou šířku */
.type-index .banners-top,.type-index .benefitBanner,.type-index .sidebar-left{display:none!important}
.type-index .content-wrapper-in{display:block!important}
.type-index main#content{width:100%!important;max-width:100%!important;flex:0 0 100%!important;float:none!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}
.type-index #content-wrapper{padding-top:36px}
.type-index .footer-banners{max-width:702px;margin:28px auto 0!important;float:none!important}
.type-index .homepage-group-title{font-family:var(--zl-f)!important;font-size:26px!important;font-weight:700!important;color:var(--zl-t)!important;text-transform:none!important;letter-spacing:0!important;text-align:left!important;margin:0 0 18px!important;padding:0!important;border:0!important;background:none!important}
.type-index .homepage-group-title:before,.type-index .homepage-group-title:after{display:none!important}
.type-index #products-2{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0!important}
.type-index #products-2:before,.type-index #products-2:after{display:none!important}
.type-index #products-2 .product{width:auto!important;max-width:none!important;flex:none!important;float:none!important;margin:0!important;padding:0!important;border:0!important}
.type-index #products-2 .product:nth-child(n+9){display:none!important}
.type-index #products-2 .p{border:1px solid var(--zl-line)!important;border-radius:10px;padding:12px!important;height:100%;background:#fff;transition:border-color .15s,box-shadow .15s}
.type-index #products-2 .p:hover{border-color:var(--zl-g)!important;box-shadow:0 4px 14px rgba(31,77,36,.1)}
.type-index #products-2 .p-name{color:var(--zl-t)!important}

/* PRODUKTOVÉ KARTY jako v návrhu (jen HP) */
.type-index #products-2 .p{display:flex!important;flex-direction:column;gap:10px;text-align:left!important}
.type-index #products-2 .p-image{display:block!important;background:linear-gradient(135deg,#f1f5ef,#e2eadf);border-radius:8px;padding:10px;height:auto!important}
.type-index #products-2 .p-image img{display:block;margin:0 auto;mix-blend-mode:multiply;max-height:170px;width:auto;object-fit:contain}
.type-index #products-2 .stars-placeholder,.type-index #products-2 .p-code,.type-index #products-2 .p-desc,.type-index #products-2 .quantity,.type-index #products-2 .p-tools>a.btn,.type-index #products-2 .p-tools .btn-primary{display:none!important}
.type-index #products-2 .p-in{display:grid!important;grid-template-columns:1fr auto;align-items:center;gap:6px 8px;padding:0!important;text-align:left!important;height:auto!important;flex:1}
.type-index #products-2 .p-bottom,.type-index #products-2 .p-tools{display:contents!important}
.type-index #products-2 .p-name{grid-column:1/-1;order:1;min-height:0!important;height:auto!important;margin:0!important;text-align:left!important}
.type-index #products-2 .p-name span{text-transform:none!important;font-size:14px!important;font-weight:700!important;line-height:1.3!important;color:var(--zl-t)!important;text-align:left!important;-webkit-line-clamp:2}
.type-index #products-2 .availability{grid-column:1/-1;order:2;margin:0!important;text-align:left!important;font-size:12px!important}
.type-index #products-2 .availability *{text-transform:none!important;font-size:12px!important;font-weight:700!important;color:var(--zl-g)!important}
.type-index #products-2 .p-in>div:not(.p-bottom):not(.stars-placeholder){order:3;margin:0!important;text-align:left!important}
.type-index #products-2 .prices,.type-index #products-2 .prices-top,.type-index #products-2 .price{text-align:left!important;justify-content:flex-start!important;margin:0!important}
.type-index #products-2 .price-final strong{font-size:16px!important;font-weight:700!important;color:var(--zl-t)!important}
.type-index #products-2 .pr-list-unit{font-size:12px!important;color:var(--zl-m)!important}
.type-index #products-2 form.pr-action{order:4;margin:0!important;display:block!important;width:auto!important}
.type-index #products-2 .add-to-cart-button{background:var(--zl-g)!important;border-color:var(--zl-g)!important;color:#fff!important;border-radius:6px!important;padding:7px 11px!important;font-size:12px!important;font-weight:700!important;line-height:1.2!important;min-height:0!important;height:auto!important;width:auto!important;text-transform:none!important;box-shadow:none!important}
.type-index #products-2 .add-to-cart-button:hover{filter:brightness(1.1)}
.type-index #products-2 .p-bottom{visibility:visible!important;opacity:1!important}
.type-index #products-2 .p-bottom *{visibility:visible!important}

/* MOBILNÍ LIŠTA */
.zl-bar{display:none}

@media (max-width:991px){
  .zl-hero{grid-template-columns:1fr 1fr}
  .zl-hero__tx{padding:32px}
  .zl-hero h1{font-size:32px}
  .zl-cats{grid-template-columns:repeat(3,minmax(0,1fr))}
  .zl-store__grid{grid-template-columns:1fr 1fr}
  .zl-store__info{grid-column:1/-1}
  .type-index #products-2{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:767px){
  .zl-top{flex-wrap:nowrap;justify-content:space-between;font-size:12px;gap:2px 10px;padding:6px 0}
  .zl-top__l{display:none!important}
  .zl-top__r{margin-left:0}
  .zl-top__a{display:none!important}
  .zl-hero{grid-template-columns:1fr;min-height:0}
  .zl-hero__ph{min-height:0;height:210px}
  .zl-hero__tx{padding:18px 16px 22px;gap:12px}
  .zl-hero h1{font-size:26px;line-height:1.12}
  .zl-hero p{font-size:15px}
  .zl-hide-m{display:none}
  .zl-btns .zl-btn{flex:1 1 100%}
  .zl-usp__in{display:flex;gap:8px;overflow-x:auto;padding-top:12px;padding-bottom:12px;scrollbar-width:none}
  .zl-usp__i,.zl-usp__i:first-child{flex:none;padding:6px 10px;border:0!important;border-radius:20px;background:var(--zl-gl);color:var(--zl-gd);font-size:12px;font-weight:700;gap:6px}
  .zl-usp__i b{display:inline;font-size:12px;color:var(--zl-gd)}
  .zl-usp__i small,.zl-l{display:none}
  .zl-s{display:inline}
  .zl-usp__i .zl-ico{width:14px;height:14px}
  .zl-sec{padding-top:22px;padding-bottom:22px}
  .zl-sec__h{margin-bottom:12px}
  .zl-sec__h h2{font-size:21px}
  .zl-cats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .zl-cat{grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:12px}
  .zl-cat>span:not(.zl-cat__ic){display:none}
  .zl-cat__ic{width:34px;height:34px}
  .zl-cat b{font-size:13px}
  .zl-store__grid{grid-template-columns:1fr 1fr;gap:8px}
  .zl-store__stack{gap:8px}
  .zl-store__info{padding:16px}
  .zl-store__info h3,.zl-store__info p,.zl-store__info .zl-row:nth-of-type(n+3),.zl-store__info .zl-btns{display:none}
  .type-index #content-wrapper{padding-top:22px}
  .type-index .homepage-group-title{font-size:21px!important;margin-bottom:12px!important}
  .type-index main#content{padding-left:10px!important;padding-right:10px!important}
  .type-index #products-2{display:flex!important;flex-wrap:nowrap!important;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px!important}
  .type-index #products-2 .product{flex:0 0 170px!important;scroll-snap-align:start}
  .type-index #products-2 .p-desc{display:none!important}
  .zl-bar{display:grid;grid-template-columns:1fr 1fr;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:9990;background:#fff;border-top:1px solid var(--zl-line);box-shadow:0 -4px 14px rgba(0,0,0,.08);padding:10px max(12px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}
  .zl-bar .zl-btn{padding:11px 8px;font-size:14px}
  body.zl-has-bar{padding-bottom:72px}
}

/* v5: fotky v bloku prodejny srovnané do jedné výšky (jako v návrhu) */
.zl-store__grid{align-items:stretch;grid-auto-rows:minmax(340px,auto)}
.zl-store__stack{grid-template-rows:1fr 1fr;height:100%}
.zl-ph--vyloha,.zl-ph--lenka,.zl-ph--sirupy{aspect-ratio:auto!important;height:100%;min-height:0}
.zl-ph--vyloha{background-size:275% auto!important;background-position:center 60%!important}
.zl-ph--lenka{background-size:155% auto!important;background-position:center 30%!important}
.zl-ph--sirupy{background-size:cover!important;background-position:center!important}
@media (max-width:991px){.zl-store__grid{grid-auto-rows:auto}.zl-store__grid>.zl-ph--vyloha,.zl-store__stack{height:300px}}
@media (max-width:767px){.zl-store__grid>.zl-ph--vyloha,.zl-store__stack{height:220px}}

/* v6: banner Doprava zdarma dole na HP skryt (Petr ho dá do horní lišty) */
.type-index .footer-banners{display:none!important}

/* v7: tlačítka srovnaná (vlákno menu má obecné pravidlo html.zl-menu .zl-btn – tady přebito jen na HP) */
.type-index .zl-btns .zl-btn,.type-index .zl-bar .zl-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:12px 20px!important;min-height:48px;line-height:1.2!important;text-align:center;border:1.5px solid var(--zl-g)!important;border-radius:8px!important;font-size:15px!important;box-sizing:border-box}
.type-index .zl-btns .zl-btn svg,.type-index .zl-bar .zl-btn svg{display:block!important;flex:none;width:18px;height:18px;margin:0!important;vertical-align:middle}
.type-index .zl-btns .zl-btn--p,.type-index .zl-bar .zl-btn--p{background:var(--zl-g)!important;color:#fff!important}
.type-index .zl-btns .zl-btn--s,.type-index .zl-bar .zl-btn--s{background:#fff!important;color:var(--zl-gd)!important}
/* v7: pruh 4 důvodů – stejné odsazení a zarovnání */
@media (min-width:1200px){.type-index .zl-usp__i,.type-index .zl-usp__i:first-child{padding:16px 18px}.type-index .zl-usp__i b,.type-index .zl-usp__i small{white-space:nowrap}}