;/* Lokální fonty Signika a Cabin. Výchozí je Signika; pro porovnání změň --font-main na 'Cabin'. */
@font-face{font-family:"Signika";src:url("font/Signika-Light.ttf") format("truetype");font-style:normal;font-weight:300;font-display:swap}
@font-face{font-family:"Signika";src:url("font/Signika-Regular.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Signika";src:url("font/Signika-Medium.ttf") format("truetype");font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:"Signika";src:url("font/Signika-SemiBold.ttf") format("truetype");font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:"Signika";src:url("font/Signika-Bold.ttf") format("truetype");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"Cabin";src:url("font/Cabin-Regular.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Cabin";src:url("font/Cabin-Medium.ttf") format("truetype");font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:"Cabin";src:url("font/Cabin-SemiBold.ttf") format("truetype");font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:"Cabin";src:url("font/Cabin-Bold.ttf") format("truetype");font-style:normal;font-weight:700;font-display:swap}
:root{--green:#174b2d;--deep:#103c2d;--leaf:#659b43;--cream:#f7f7e9;--paper:#fffef7;--gold:#f6c72e;--ink:#173528;--font-main:'Signika',Arial,sans-serif}
*{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--font-main);line-height:1.5}a{color:inherit;text-decoration:none}
.hero{position:relative;isolation:isolate;min-height:100svh;min-height:100vh;overflow:hidden;background:#f7f7ed url('assets/licno-greens-hero.jpg') center center/cover no-repeat}
.hero:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:
 radial-gradient(ellipse 58% 43% at 23% 40%,rgba(255,255,248,.80) 0%,rgba(255,255,248,.62) 42%,rgba(255,255,248,.20) 72%,transparent 100%),
 radial-gradient(ellipse 52% 30% at 30% 67%,rgba(255,255,248,.58) 0%,rgba(255,255,248,.30) 55%,transparent 100%),
 linear-gradient(90deg,rgba(255,255,248,.26) 0%,rgba(255,255,248,.12) 36%,transparent 66%)}
/* PC: původní minimalistická verze – logo a kontakty nahoře, obsah vlevo. */
.site-header{position:relative;z-index:2;width:100%;display:flex;align-items:center;justify-content:space-between;gap:clamp(24px,4vw,70px);padding:clamp(22px,3.6vw,54px) clamp(28px,6.8vw,122px) 0}
.brand{display:block;flex:0 1 390px;min-width:0}.brand img{display:block;width:100%;max-width:430px;height:auto;object-fit:contain}
.header-actions{display:flex;align-items:center;gap:clamp(16px,2.2vw,36px);padding:10px 10px 10px 30px;background:rgba(255,254,247,.94);border:1px solid rgba(255,255,255,.72);border-radius:999px;box-shadow:0 8px 28px rgba(26,53,22,.08);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);white-space:nowrap}
/* Horní textové odkazy – samostatně, bez zásahu do kontaktních tlačítek */
.header-actions > a:not(.phone-button):not(.email-button){
  position:relative;
  display:inline-flex;
  align-items:center;
  font-weight:500;
  text-decoration:none;
  font-size: 17px;
}
.header-actions > a:not(.phone-button):not(.email-button)::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-4px;
  height:2px;
  border-radius:10px;
  background:#173528;
  transform:scaleX(0);
  transform-origin:left center;
  transition:transform .6s ease;
}
.header-actions > a:not(.phone-button):not(.email-button):hover::after,
.header-actions > a:not(.phone-button):not(.email-button):focus-visible::after{
  transform:scaleX(1);
}

.phone-link{display:inline-flex;align-items:center;gap:9px;font-size:clamp(16px,.95vw,17px);font-weight:500;color:#173528}.phone-link svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.phone-link strong{font-weight:700}
.phone-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:0 15px;margin-right: -20px;border-radius:999px;background:var(--gold);color:#173528;font-size:clamp(16px,.95vw,16px);font-weight:700;box-shadow:0 5px 12px rgba(164,128,0,.12);transition:filter .2s ease,transform .2s ease}.phone-button:hover{filter:brightness(1.04);transform:translateY(-1px)}.phone-button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.email-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:0 15px;border-radius:999px;background:var(--green);color:white;font-size:clamp(16px,.95vw,16px);font-weight:700;transition:background .2s ease,transform .2s ease}.email-button:hover,.mobile-email-button:hover{background:#0f3923;transform:translateY(-1px)}.email-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none} .email-button:hover{background:#0f3923;transform:translateY(-1px)}
.hero-main{display:flex;align-items:center;min-height:calc(100svh - 150px);padding:20px clamp(28px,6.8vw,122px) 40px}.hero-copy-wrap{width:min(600px,48%);padding:28px 0 15px;color:#123c2a}.eyebrow{font-size:clamp(11px,.9vw,14px);font-weight:700;letter-spacing:3px;color:#245c36;margin:0 0 20px}.eyebrow:after{content:"";display:block;width:64px;height:4px;background:var(--gold);margin-top:20px}
h1{font:800 clamp(48px,5.5vw,88px)/.99 var(--font-main);letter-spacing:-2.5px;margin:0 0 22px;color:#103c2d}h1 span{color:#659b43}.hero-copy{font-size:clamp(15px,1.2vw,21px);line-height:1.55;max-width:500px;margin:0 0 28px;color:#163d2c}
.interest-button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;min-height:62px;min-width:280px;padding:0 30px;border-radius:999px;background:var(--gold);color:#173528;font-size:16px;font-weight:700;box-shadow:0 5px 12px rgba(164,128,0,.1);transition:transform .2s ease,filter .2s ease}.interest-button:hover{transform:translateY(-2px);filter:brightness(1.03)}.interest-button .arrow{font-size:30px;font-weight:400;line-height:1}
.mobile-actions{display:none}.hero-points{display:flex;align-items:flex-start;gap:clamp(16px,2.3vw,34px);margin-top:30px;color:#163d2c}.point{display:flex;align-items:center;gap:10px;font-size:clamp(11px,.9vw,14px);font-weight:700}.point-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:0;background:transparent;box-shadow:none;color:var(--green);flex:none}.point-icon svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.point-label{letter-spacing:1.1px;font-size:11px;line-height:1.45}
@media(max-width:1050px) and (min-width:601px){.site-header{padding:24px 4vw 0;gap:20px}.brand{flex-basis:290px}.header-actions{gap:14px;padding-left:18px}.phone-link{font-size:13px}.phone-button,.email-button{padding-inline:14px;min-height:50px;gap:7px}.hero-main{padding-inline:5vw}.hero-copy-wrap{width:52%}h1{font-size:clamp(45px,6vw,64px)}.hero-copy{font-size:16px}}
/* MOBILE: samostatná kompozice podle schváleného náhledu. */
@media(max-width:600px){
 .hero{min-height:100svh;height:auto;background-position:center center;background-size:cover;padding-bottom:22px}
 .hero:before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  pointer-events:none;
  background:
   radial-gradient(ellipse 112% 22% at 50% 7%,rgba(255,255,248,.78) 0%,rgba(255,255,248,.48) 52%,transparent 100%),
   radial-gradient(ellipse 112% 23% at 50% 31%,rgba(255,255,248,.76) 0%,rgba(255,255,248,.48) 54%,transparent 100%),
   radial-gradient(ellipse 112% 25% at 50% 49%,rgba(255,255,248,.70) 0%,rgba(255,255,248,.40) 55%,transparent 100%),
   radial-gradient(ellipse 115% 35% at 50% 76%,rgba(255,255,248,.58) 0%,rgba(255,255,248,.30) 62%,transparent 100%),
   linear-gradient(180deg,rgba(255,255,248,.18) 0%,rgba(255,255,248,.12) 38%,rgba(255,255,248,.18) 55%,rgba(255,255,248,.38) 72%,rgba(255,255,248,.62) 88%,rgba(255,255,248,.68) 100%);
 }
 .site-header{padding:38px 22px 0;justify-content:center}.brand{flex:0 1 82%;max-width:440px}.brand img{width:100%;max-width:none}.header-actions{display:none}
 .hero-main{display:block;min-height:0;padding:0 22px 0}.hero-copy-wrap{width:100%;margin:0;padding:58px 0 0;text-align:center;color:#123c2a}
 .eyebrow{font-size:clamp(10px,2.8vw,12px);letter-spacing:2.4px;line-height:1.5;margin:0 0 15px}.eyebrow:after{width:70px;height:4px;margin:17px auto 0}
 h1{font-size:clamp(42px,11.5vw,60px);line-height:.98;letter-spacing:-1.8px;margin:0 0 20px}h1 span{display:inline-block}
 .hero-copy{font-size:clamp(15px,4vw,18px);line-height:1.48;max-width:420px;margin:0 auto 24px;color:#153e2d}
 .hero-points{display:flex;justify-content:center;align-items:flex-start;gap:clamp(12px,4vw,30px);margin:0 auto 24px;max-width:480px}.point{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center}.point-icon{width:40px;height:40px;border-radius:0;background:transparent;box-shadow:none}.point-icon svg{width:34px;height:34px}.point-label{font-size:clamp(9px,2.7vw,12px);letter-spacing:1.5px;line-height:1.5}
 .interest-button{display:flex;flex-wrap:nowrap;align-items:center;white-space:nowrap;width:min(100%,430px);min-width:0;min-height:70px;margin:0 auto 12px;padding:10px clamp(12px,3.2vw,24px);gap:clamp(5px,1.8vw,11px);justify-content:center;position:relative;border-radius:999px;border:1px solid rgba(255,255,255,.72);font-size:clamp(12px,3.5vw,16px);line-height:1.2;box-shadow:0 7px 24px rgba(125,91,0,.18)}.interest-button .button-label{flex:0 0 auto;font-size:clamp(12px,3.4vw,15px);font-weight:600}.interest-button strong{flex:0 1 auto;min-width:0;font-size:clamp(17px,5vw,23px);font-weight:800;letter-spacing:0;white-space:nowrap}.interest-button .arrow{position:static;flex:0 0 auto;transform:none;font-size:clamp(21px,5.8vw,27px);margin-left:1px}
 .mobile-actions{display:block;width:100%;margin-top:0}.mobile-email-button{display:flex;flex-wrap:nowrap;white-space:nowrap;align-items:center;justify-content:center;gap:clamp(8px,2.8vw,14px);width:min(100%,430px);min-width:0;min-height:70px;margin:0 auto;padding:12px clamp(12px,3.5vw,22px);border:1px solid rgba(255,255,255,.82);border-radius:999px;background:#10472b;color:#fff;font-size:clamp(13px,3.8vw,18px);font-weight:700;box-shadow:0 7px 24px rgba(8,44,24,.22);transition:background .2s ease,transform .2s ease}.mobile-email-button svg{width:clamp(22px,6vw,28px);height:clamp(22px,6vw,28px);fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.mobile-email-button>span:not(.arrow){flex:0 1 auto;min-width:0}.mobile-email-button .arrow{flex:none;font-size:clamp(21px,5.8vw,26px);font-weight:400;margin-left:1px}
}
@media(max-width:390px){.site-header{padding-top:30px}.hero-copy-wrap{padding-top:45px}.hero-main{padding-inline:18px}.hero-copy{font-size:15px}.hero-points{gap:10px}.point-label{letter-spacing:1px}.interest-button{min-height:66px;padding-inline:10px;gap:5px}.interest-button .button-label{font-size:15px}.interest-button strong{font-size:17px}.interest-button .arrow{font-size:21px}.mobile-email-button{min-height:64px;gap:8px;padding-inline:10px;font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Final spacing and feature layout to match the approved minimalist PC reference. */
.desktop-interest{display:inline-flex;min-width:185px;width:185px;min-height:54px;padding:0 23px;font-size:16px;gap:14px;margin-top:0}
.desktop-interest .arrow{font-size:22px}
.hero-points{display:flex;align-items:flex-start;gap:clamp(18px,2.5vw,40px);margin-top:30px;color:#163d2c}
.point{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;text-align:center;min-width:70px;font-size:12px;font-weight:600}
.point-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:0;background:transparent;box-shadow:none;color:var(--green);flex:none}
.point-icon svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.point-label{letter-spacing:.1px;font-size:11px;line-height:1.35;font-weight:600}
@media(max-width:1050px) and (min-width:601px){.point{min-width:62px}.point-icon{width:40px;height:40px}.point-icon svg{width:34px;height:34px}.hero-points{gap:20px}}
@media(max-width:600px){
 .desktop-interest{display:none}
 .hero-points{display:flex;justify-content:center;align-items:flex-start;gap:clamp(12px,4vw,30px);margin:0 auto 24px;max-width:480px}
 .point{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center}
 .point-icon{width:clamp(58px,16vw,78px);height:clamp(58px,16vw,78px);background:rgba(240,247,213,.91);box-shadow:0 4px 18px rgba(31,65,26,.08);border-radius:100px;}
 .point-icon svg{width:31px;height:31px}
 .point-label{font-size:clamp(9px,2.7vw,12px);letter-spacing:1.5px;line-height:1.3;font-family:var(--font-main);}
 .mobile-actions{display:block;width:100%;margin-top:0}
}


/* Nadpisy používají stejné písmo jako zbytek webu. */
h2, h3, h4 { font-family: var(--font-main); }
/* Dekorativní přechody jsou sjednocené v samostatném section-dividers.css. */
.why-section{background:#f7f7e9;color:#173528;padding:clamp(48px,6vw,82px) clamp(22px,6.8vw,122px) clamp(58px,7vw,92px)}
.why-inner{width:100%;max-width:none;margin:0 auto;display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,2fr);gap:clamp(36px,5vw,78px);align-items:center}
.why-eyebrow{margin:0 0 10px;color:#245c36;font-size:12px;font-weight:700;letter-spacing:2.8px}
.why-heading h2{margin:0;color:#103c2d;font-size:clamp(34px,4vw,56px);font-weight:700;line-height:1.08;letter-spacing:-1px}/*.why-heading h2 span{color:#659b43}*/.why-underline{display:block;width:62px;height:4px;background:#f6c72e;margin-top:22px;border-radius:2px}
.why-features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,2vw,28px)}
.why-feature{text-align:center;min-width:0;padding:4px 6px}.why-icon{width:76px;height:76px;margin:0 auto 17px;border-radius:50%;display:grid;place-items:center}.why-icon-green{background:#e5edcf}.why-icon-peach{background:#f5e5d8}.why-icon svg{width:35px;height:35px;fill:none;stroke:#174b2d;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.why-feature h3{font-size:clamp(15px,1.2vw,18px);font-weight:700;line-height:1.3;margin:0 0 8px;color:#174b2d}.why-feature p{font-size:14px;line-height:1.55;margin:0;color:#536458}
@media(max-width:900px){.why-inner{grid-template-columns:1fr;gap:34px}.why-heading{text-align:center}.why-underline{margin:18px auto 0}.why-features{gap:14px}}
@media(max-width:600px){.why-section{padding:36px 20px 50px}.why-inner{gap:30px}.why-eyebrow{font-size:10px;letter-spacing:2.2px}.why-heading h2{font-size:36px}.why-features{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}.why-icon{width:66px;height:66px;margin-bottom:12px}.why-icon svg{width:30px;height:30px}.why-feature h3{font-size:16px}.why-feature p{font-size:13px}}

/* Typographic adjustment requested: compact first line, green uppercase second line. */
.why-heading h2{display:flex;flex-direction:column;align-items:flex-start;gap:2px;font-size:clamp(25px,2.8vw,38px);line-height:1.12;letter-spacing:-.6px}
.why-title-small{font-size:clamp(25px,2.8vw,38px);font-weight:700;color:#103c2d}
.why-title-main{font-size:clamp(28px,3vw,41px);font-weight:700;color:#659b43;white-space:nowrap}
.why-heading .why-underline{margin-top:22px}

/* Section 3 — product offer, matching the cream/green/gold visual language. */
.products-section{background:#f7f7e9;color:#173528;padding:clamp(20px,3vw,38px) clamp(22px,6.8vw,122px) clamp(62px,7vw,94px);}
.products-header{width:100%;max-width:none;margin:0 auto 24px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.products-eyebrow{margin:0 0 8px;color:#245c36;font-size:12px;font-weight:700;letter-spacing:2.8px}
.products-title-wrap h2{margin:0;font-size:clamp(34px,4vw,56px);line-height:1.08;letter-spacing:-1px;font-weight:700;color:#103c2d}
.products-title-wrap h2 span{color:#659b43}
.products-controls{display:flex;align-items:center;gap:14px;flex-shrink:0;padding-bottom:4px}
.all-products-link{display:inline-flex;align-items:center;gap:12px;color:#4f8c3e;font-size:15px;font-weight:700;margin-right:6px;white-space:nowrap}
.all-products-link span{font-size:25px;line-height:1}
.carousel-arrow{width:42px;height:42px;display:grid;place-items:center;border:2px solid #8bb879;border-radius:50%;background:rgba(255,255,255,.5);color:#174b2d;font-size:28px;line-height:1;cursor:pointer;transition:background .2s,color .2s,transform .2s}
.carousel-arrow:hover{background:#174b2d;color:#fff;transform:translateY(-1px)}
.product-carousel{width:100%;max-width:none;margin:0 auto;display:grid;grid-auto-columns:calc((100% - 4 * 20px)/6);grid-auto-flow:column;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:2px 1px 10px;scrollbar-width:none}
.product-carousel::-webkit-scrollbar{display:none}
.product-card{min-width:0;overflow:hidden;scroll-snap-align:start;border-radius:15px;background:rgba(255,254,247,.88);box-shadow:0 5px 18px rgba(32,60,34,.045);position:relative}
.product-card>img{display:block;width:100%;aspect-ratio:1.43/1;object-fit:cover}
.product-card-body{min-height:104px;position:relative;padding:13px 48px 16px 17px}
.product-card h3{font-size:clamp(16px,1.25vw,20px);line-height:1.2;margin:0 0 7px;color:#173528;font-weight:700}
.product-card p{font-size:clamp(13px,.98vw,16px);line-height:1.45;margin:0;color:#43584a}
.product-card-arrow{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:#f6c72e;color:#174b2d;font-size:22px;box-shadow:0 2px 4px rgba(100,80,0,.12);transition:transform .2s,filter .2s}
.product-card-arrow:hover{transform:translateY(-50%) scale(1.06);filter:brightness(1.04)}
@media(max-width:1050px){.products-header{align-items:flex-start;flex-direction:column}.products-controls{width:100%;justify-content:flex-end}.product-carousel{grid-auto-columns:calc((100% - 2 * 16px)/3);gap:16px}}
@media(max-width:600px){.why-heading h2{align-items:center;font-size:27px}.why-title-small{font-size:27px}.why-title-main{font-size:clamp(26px,7.3vw,34px)}.why-heading .why-underline{margin:18px auto 0}.products-section{padding:38px 20px 56px}.products-header{gap:18px;margin-bottom:20px}.products-eyebrow{font-size:10px;letter-spacing:2.3px}.products-title-wrap h2{font-size:clamp(31px,8.5vw,40px)}.products-controls{justify-content:space-between;gap:9px}.all-products-link{font-size:13px;gap:7px;margin-right:auto}.carousel-arrow{width:36px;height:36px;font-size:24px}.product-carousel{grid-auto-columns:minmax(0,72%);gap:14px}.product-card>img{aspect-ratio:1.42/1}.product-card-body{min-height:100px;padding:12px 46px 14px 14px}.product-card h3{font-size:17px}.product-card p{font-size:13px}.product-card-arrow{right:10px;width:34px;height:34px;font-size:19px}}

/* Typographic adjustment: compact first line and green uppercase second line. */
.why-heading h2{display:flex;flex-direction:column;align-items:flex-start;gap:2px;font-size:clamp(25px,2.8vw,38px);line-height:1.12;letter-spacing:-.6px}
.why-title-small{margin:0 0 8px;color:#659b43;font-size:14px;font-weight:700;letter-spacing:3px}
.why-title-main{font-size:clamp(38px,3.3vw,41px);font-weight:700;color:#103c2d;white-space:nowrap}
.why-heading .why-underline{margin-top:12px}
.products-section{background:#f7f7e9;color:#173528;padding:clamp(20px,3vw,38px) clamp(22px,6.8vw,122px) clamp(62px,7vw,94px)}
.products-header{width:100%;max-width:none;margin:10px auto 24px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.products-eyebrow{margin:0 0 8px;color:#659b43;font-size:14px;font-weight:700;letter-spacing:3px}
.products-title-wrap h2{margin:0;font-size:clamp(38px,3.3vw,41px);line-height:1.08;letter-spacing:-1px;font-weight:700;color:#103c2d}
.products-title-wrap h2 span{color:#659b43}
.products-controls{display:flex;align-items:center;gap:14px;flex-shrink:0;padding-bottom:4px}
.all-products-link{display:inline-flex;align-items:center;gap:12px;color:#4f8c3e;font-size:15px;font-weight:700;margin-right:6px;white-space:nowrap}
.all-products-link span{font-size:25px;line-height:1}
.carousel-arrow{width:42px;height:42px;display:grid;place-items:center;border:2px solid #8bb879;border-radius:50%;background:rgba(255,255,255,.5);color:#174b2d;font-size:30px;line-height:1;cursor:pointer;transition:background .2s,color .2s,transform .2s;font-family: Signika;font-weight: 500;}
.carousel-arrow:hover{background:#174b2d;color:#fff;transform:translateY(-1px)}
.product-carousel{width:100%;max-width:none;margin:0 auto;display:grid;grid-auto-columns:calc((100% - 80px)/5);grid-auto-flow:column;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:2px 1px 10px;scrollbar-width:none}
.product-carousel::-webkit-scrollbar{display:none}
.product-card{min-width:0;overflow:hidden;scroll-snap-align:start;border-radius:15px;background:rgba(255,254,247,.88);box-shadow:0 5px 18px rgba(32,60,34,.045);position:relative}
.product-card>img{display:block;width:100%;aspect-ratio:1.43/1;object-fit:cover}
.product-card-body{min-height:104px;position:relative;padding:13px 48px 16px 17px}
.product-card h3{font-size:clamp(16px,1.25vw,20px);line-height:1.2;margin:0 0 7px;color:#173528;font-weight:700}
.product-card p{font-size:clamp(13px,.98vw,16px);line-height:1.45;margin:0;color:#43584a}
.product-card-arrow{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:#f6c72e;color:#174b2d;font-size:22px;box-shadow:0 2px 4px rgba(100,80,0,.12);transition:transform .2s,filter .2s}
.product-card-arrow:hover{transform:translateY(-50%) scale(1.06);filter:brightness(1.04)}
@media(max-width:1050px){.products-header{align-items:flex-start;flex-direction:column}.products-controls{width:100%;justify-content:flex-end}.product-carousel{grid-auto-columns:calc((100% - 32px)/3);gap:16px}}
@media(max-width:600px){.why-heading h2{align-items:center;font-size:27px}.why-title-small{font-size:27px}.why-title-main{font-size:clamp(26px,7.3vw,34px)}.why-heading .why-underline{margin:18px auto 0}.products-section{padding:38px 20px 56px}.products-header{gap:18px;margin-bottom:20px}.products-eyebrow{font-size:10px;letter-spacing:2.3px}.products-title-wrap h2{font-size:clamp(31px,8.5vw,40px)}.products-controls{justify-content:space-between;gap:9px}.all-products-link{font-size:13px;gap:7px;margin-right:auto}.carousel-arrow{width:36px;height:36px;font-size:24px}.product-carousel{grid-auto-columns:72%;gap:14px}.product-card>img{aspect-ratio:1.42/1}.product-card-body{min-height:100px;padding:12px 46px 14px 14px}.product-card h3{font-size:17px}.product-card p{font-size:13px}.product-card-arrow{right:10px;width:34px;height:34px;font-size:19px}}


/* === LIČNO GREENS: viditelnější, světlejší mechová textura 4A === */
.products-section {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    color: #173528;
	background: radial-gradient(ellipse at -60% 130%, #6a8855 20%, #709653 59%, #4e6f3a 80%);
}

/* Textura je samostatná vrstva NAD pozadím a POD obsahem. */
/* Textura 5A — přírodní vlákna: jemné nepravidelné nitky a papírová struktura. */
.products-section::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;

    background-image: url("assets/licnogreens-textura.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    opacity: 0.45;
    mix-blend-mode: multiply;
}
.products-section > * {
  position: relative;
  z-index: 1;
}
.products-eyebrow {
  color: #fffdf1;
  text-shadow: 0 1px 5px rgba(24, 57, 31, .25);
}
.products-title-wrap h2 {
  color: #fffdf1;
  text-shadow: 0 1px 7px rgba(24, 57, 31, .18);
}
.products-title-wrap h2 span { color: #ffda4b; }
.all-products-link {
  color: #fffdf1;
  text-shadow: 0 1px 4px rgba(24, 57, 31, .22);
}
.all-products-link:hover { color: #ffdf61; }
.carousel-arrow {
  border-color: rgba(255, 253, 241, .8);
  background: rgba(255, 253, 241, .94);
  color: #214a2c;
  box-shadow: 0 3px 12px rgba(26, 58, 31, .13);
}
.carousel-arrow:hover {
  background: #ffda4b;
  border-color: #ffda4b;
  color: #173528;
}
.product-card {
  background: #fbfaee;
  color: #173528;
  border: 1px solid rgba(255, 255, 255, .78);
  box-shadow: 0 8px 22px rgba(30, 62, 34, .16);
}
.product-card h3 { color: #173528; }
.product-card p { color: #435348; }
.product-card-arrow {
  background: #ffda4b;
  color: #173528;
  box-shadow: 0 3px 9px rgba(60, 70, 27, .14);
}
.product-card-arrow:hover { background: #173528; color: #fffdf1; }
@media (max-width: 600px) {
  .products-section {
    background:
      radial-gradient(ellipse at 16% 8%, rgba(158, 190, 119, .26), transparent 48%),
      linear-gradient(145deg, #7da365 0%, #6f9657 58%, #678b51 100%);
  }
  .products-section::before { opacity: .31; background-size: 300px 300px; }
}


/* Funkčnost detailu produktové karty; vzhled zůstává ve stávajícím stylu. */
.product-carousel {
  grid-auto-columns: calc((100% - 5 * 20px) / 5.5);
}
.product-card-details {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid rgba(23, 53, 40, .14);
}
.product-card-details p {
  margin: 0;
  font-size: 14px;
  line-height: 1.55;
}
.product-card-details[hidden] { display: none !important; }
.product-card.is-expanded .product-card-body { min-height: 0; }
.product-card-arrow {
  border: 0;
  padding: 0;
  cursor: pointer;
  font-family: inherit;
}
@media (max-width: 1050px) {
  .product-carousel { grid-auto-columns: calc((100% - 2 * 16px) / 3); }
}
@media (max-width: 600px) {
  .product-carousel { grid-auto-columns: minmax(0, 72%); }
}


/* Oprava funkčnosti karuselu a plynulého detailu karet — vzhled sekce zachován. */
.products-controls { position: relative; z-index: 5; }
.products-controls .carousel-arrow { cursor: pointer; pointer-events: auto; }
.product-carousel { grid-auto-columns: calc((100% - 4.5 * 20px) / 5.5); }
.product-card-details { transition: max-height .38s ease, opacity .28s ease; will-change: max-height, opacity; }
@media (max-width: 1050px) { .product-carousel { grid-auto-columns: calc((100% - 2 * 16px) / 3); } }
@media (max-width: 600px) { .product-carousel { grid-auto-columns: 72%; } }


/* Jemná nápověda u šipky: pouze pro myš/trackpad, na dotykových zařízeních se nezobrazuje. */
.product-card-arrow {
  z-index: 2;
  isolation: isolate;
}
.product-card-arrow::before {
  content: "Více informací";
  position: absolute;
  right: calc(100% + 10px);
  top: 50%;
  transform: translate(5px, -50%);
  padding: 8px 12px;
  border-radius: 9px;
  background: #173528;
  color: #fffdf1;
  font-family: inherit;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
  box-shadow: 0 5px 16px rgba(15, 42, 29, .2);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
}
.product-card-arrow::after {
  content: "";
  position: absolute;
  right: calc(100% + 4px);
  top: 50%;
  transform: translate(5px, -50%) rotate(45deg);
  width: 9px;
  height: 9px;
  background: #173528;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
}
@media (hover: hover) and (pointer: fine) {
  .product-card-arrow:hover::before,
  .product-card-arrow:hover::after,
  .product-card-arrow:focus-visible::before,
  .product-card-arrow:focus-visible::after {
    opacity: 1;
    visibility: visible;
    transform: translate(0, -50%);
  }
  .product-card-arrow:hover::after,
  .product-card-arrow:focus-visible::after { transform: translate(0, -50%) rotate(45deg); }
}
@media (hover: none), (pointer: coarse) {
  .product-card-arrow::before,
  .product-card-arrow::after { display: none !important; }
}
@media (prefers-reduced-motion: reduce) {
  .product-card-arrow::before,
  .product-card-arrow::after { transition: none; }
}


/* Lično Greens: floating detail popup inspired by animated CSS tooltips. */
.product-card-details[hidden] { display: none !important; }
.product-card-arrow::before, .product-card-arrow::after { display: none !important; }
.product-card-arrow { cursor: pointer; }
.product-detail-popup[hidden] { display: none !important; }
.product-detail-popup {
  position: fixed;
  z-index: 99999;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 7px;
  max-width: calc(100vw - 24px);
  padding: 17px 19px;
  border: 1px solid rgba(255, 218, 75, .55);
  border-radius: 14px;
  background: linear-gradient(145deg, #1b402e 0%, #123323 100%);
  color: #fffdf1;
  box-shadow: 0 12px 34px rgba(13, 36, 23, .3), 0 2px 8px rgba(13, 36, 23, .15);
  font-family: inherit;
  font-size: 14px;
  line-height: 1.55;
  opacity: 1;
  animation: licno-popup-in .22s cubic-bezier(.2,.8,.2,1) both;
}
.product-detail-popup-title { color: #ffda4b; font-size: 16px; line-height: 1.25; }
.product-detail-popup-copy { color: #fffdf1; }
@keyframes licno-popup-in { from { opacity: 0; transform: translateY(7px) scale(.97); } to { opacity: 1; transform: translateY(0) scale(1); } }
@media (prefers-reduced-motion: reduce) { .product-detail-popup { animation: none; } }


/* Final desktop carousel sizing: 6 full tiles plus half of the 7th. */
@media (min-width: 1051px) {
  .product-carousel {
    grid-auto-columns: calc(15.3846% - 18.4615px) !important;
    gap: 20px !important;
    overflow-x: auto !important;
    overflow-y: visible;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
  }
}
.product-card {
  box-shadow: 0 7px 20px rgba(22, 48, 30, .12), 0 2px 5px rgba(22, 48, 30, .06) !important;
  transition: box-shadow .24s ease, transform .24s ease;
}
@media (hover: hover) and (pointer: fine) {
  .product-card:hover {
    box-shadow: 0 12px 28px rgba(22, 48, 30, .17), 0 4px 9px rgba(22, 48, 30, .08) !important;
  }
}
@media (max-width: 1050px) {
  .product-carousel { grid-auto-columns: calc((100% - 32px) / 3) !important; gap: 16px !important; }
}
@media (max-width: 600px) {
  .product-carousel { grid-auto-columns: 72% !important; gap: 14px !important; }
}


/* Náš příběh — autentický portrét a klidná světlá plocha. */
.story-section {
  position: relative;
  z-index: 1;
  background: #f7f7e9;
  color: #173528;
  padding: clamp(54px, 7vw, 96px) clamp(22px, 6.8vw, 122px) clamp(76px, 8vw, 110px);
}
.story-inner {
  width: 100%;
  max-width: 1500px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: clamp(38px, 6vw, 92px);
  align-items: center;
}
.story-photo-wrap {
  position: relative;
  min-width: 0;
  isolation: isolate;
}
.story-photo-wrap::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 18px -18px -18px 18px;
  border-radius: 24px;
 /* background: #e5edcf;*/
}
.story-photo {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 4.35;
  object-fit: cover;
  object-position: center 38%;
  border-radius: 20px;
  /*box-shadow: 0 14px 34px rgba(23, 53, 40, .15)*/;
}
.story-photo-caption {
  position: absolute;
  left: 18px;
  bottom: 18px;
  max-width: calc(100% - 36px);
  padding: 10px 15px;
  border: 1px solid rgba(255,255,255,.7);
  border-radius: 999px;
  background: rgba(247,247,233,.94);
  color: #174b2d;
  font-size: 13px;
  font-weight: 600;
  box-shadow: 0 4px 15px rgba(23,53,40,.08);
}
.story-copy { max-width: 650px; }
.story-eyebrow {
  margin: 0 0 15px;
  color: #659b43;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 3px;
}
.story-copy h2 {
  margin: 0;
  color: #103c2d;
  font-size: clamp(34px, 3.5vw, 52px);
  font-weight: 700;
  line-height: 1.12;
  letter-spacing: -1.1px;
  text-wrap: balance;
}
.story-copy h2 span { color: #659b43; }
.story-underline {
  display: block;
  width: 64px;
  height: 4px;
  margin: 23px 0 27px;
  border-radius: 2px;
  background: #f6c72e;
}
.story-copy > p:not(.story-eyebrow) {
  margin: 0 0 16px;
  color: #43584a;
  font-size: clamp(15px, 1.08vw, 17px);
  line-height: 1.75;
}
.story-copy > p:last-child { margin-bottom: 0; }
@media (max-width: 900px) {
  .story-section { padding-top: 48px; padding-bottom: 86px; }
  .story-inner { grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 34px; }
  .story-copy h2 { font-size: clamp(30px, 4vw, 40px); }
  .story-photo-wrap::before { inset: 12px -10px -12px 10px; }
}
@media (max-width: 680px) {
  .story-section { padding: 40px 22px 76px; }
  .story-inner { grid-template-columns: 1fr; gap: 34px; }
  .story-photo-wrap { width: calc(100% - 10px); margin-right: 10px; }
  .story-photo { aspect-ratio: 1.18 / 1; object-position: center 38%; }
  .story-photo-caption { left: 12px; bottom: 12px; font-size: 11px; }
  .story-copy { max-width: none; }
  .story-eyebrow { font-size: 10px; letter-spacing: 2.5px; margin-bottom: 12px; }
  .story-copy h2 { font-size: clamp(31px, 8.2vw, 40px); letter-spacing: -.7px; }
  .story-underline { margin: 18px 0 22px; }
  .story-copy > p:not(.story-eyebrow) { font-size: 15px; line-height: 1.7; }
  }


/* === Spojená sekce: Náš příběh + důvody, proč naše mikrozelenina === */
.why-section { display: none !important; }
.story-section {
  padding: clamp(58px, 6.5vw, 92px) 0 clamp(78px, 8vw, 112px) clamp(22px, 6.8vw, 122px);
  overflow: hidden;
  background: #f7f7e9;
}
.story-inner {
  width: 100%; max-width: none; margin: 0;
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: clamp(34px, 5vw, 76px); align-items: stretch;
}
.story-copy { max-width: 760px; padding: 0 0 0 0; align-self: center; }
.story-copy h2 { font-size: clamp(34px, 3.4vw, 50px); }
.story-photo-wrap {
  min-width: 0; width: 100%; height: 100%; min-height: 580px;
  margin: 0; align-self: stretch; border-radius: 22px 0 0 22px; overflow: visible;
}
.story-photo-wrap::before { inset: 18px 0 -18px 18px; border-radius: 22px 0 0 22px; }
.story-photo {
  width: 100%; height: 100%; min-height: 580px; aspect-ratio: auto;
  object-fit: cover; object-position: center 38%; border-radius: 22px 0 0 22px;
}
/*.story-photo-caption { left: 18px; bottom: 18px; }*/
.story-features {
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(8px, 1.2vw, 18px); margin-top: clamp(28px, 3vw, 42px);
}
.story-features .why-feature { padding: 0 3px; }
.story-features .why-icon { width: clamp(44px, 4.2vw, 60px); height: clamp(44px, 4.2vw, 60px); margin-bottom: 10px; }
.story-features .why-icon svg { width: 27px; height: 27px; }
.story-features .why-feature h3 { font-size: clamp(12px, 1vw, 15px); margin-bottom: 5px; }
.story-features .why-feature p { font-size: clamp(11px, .82vw, 13px); line-height: 1.4; }
@media (max-width: 900px) {
  .story-section { padding-left: 28px; padding-top: 48px; padding-bottom: 84px; }
  .story-inner { grid-template-columns: minmax(0, 1fr) minmax(0, .9fr); gap: 26px; }
  .story-photo-wrap, .story-photo { min-height: 560px; }
  .story-features { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 22px; }
}
@media (max-width: 680px) {
  .story-section { padding: 40px 0 76px 20px; }
  .story-inner { grid-template-columns: 1fr; gap: 30px; }
  .story-copy { padding-right: 20px; }
  .story-copy h2 { font-size: clamp(31px, 8.2vw, 40px); }
  .story-features { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 14px; margin-top: 28px; }
  .story-features .why-icon { width: 54px; height: 54px; }
  .story-features .why-feature h3 { font-size: 14px; }
  .story-features .why-feature p { font-size: 12px; }
  .story-photo-wrap { width: 100%; min-height: 0; height: auto; margin: 0; border-radius: 18px 0 0 18px; }
  .story-photo-wrap::before { inset: 10px 0 -10px 10px; border-radius: 18px 0 0 18px; }
  .story-photo { min-height: 0; height: auto; aspect-ratio: 1.15 / 1; border-radius: 18px 0 0 18px; }
  }


/* FINAL DOLADĚNÍ: fotografie vlevo, příběh vpravo */
@media (min-width: 901px) {
  .story-section {padding: 20px 20px 60px 0;}
  /*.story-section { padding: clamp(40px, 6.5vw, 40px) 0 clamp(40px, 8vw, 40px) 0; }*/
  .story-inner { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(34px, 5vw, 76px); }
  .story-photo-wrap { grid-column: 1; grid-row: 1; border-radius: 0 22px 22px 0; /*box-shadow: 18px 12px 65px rgba(31, 65, 31, .24), 0 3px 18px rgba(31, 65, 31, .12);*/ }
  .story-photo { border-radius: 0 22px 22px 0; /*box-shadow: 0 0 55px rgba(31, 65, 31, .14);*/ }
  .story-photo-wrap::before { inset: 18px 18px -18px 0; border-radius: 0 22px 22px 0; }
  .story-copy {grid-column: 2;grid-row: 1;padding-right: 0;width: 100%;max-width: none;box-sizing: border-box;}
}
/* Oprava pravého okraje vlnky pod hero: roztáhnout SVG přes celou šířku. */
@media (min-width: 1025px) {
  }
@media (max-width: 900px) {
  .story-section { padding-left: 0; }
  /*.story-photo-wrap { box-shadow: 10px 10px 42px rgba(31, 65, 31, .20); }*/
}


@media (max-width: 600px) {
  }

/* MOBILE FINISH: prevent hero divider from covering CTA buttons; improve story spacing and simplify product carousel. */
@media (max-width: 600px) {
  .hero {
    padding-bottom: 92px !important;
    overflow: visible;
  }
  .hero-main {
    padding-bottom: 0 !important;
  }
  .mobile-actions {
    position: relative;
    z-index: 5;
    margin-bottom: 40px;
  }
    
  /* Keep the story copy comfortably away from both screen edges. */
  .story-section {
    padding: 42px 22px 72px !important;
    overflow: hidden;
  }
  .story-copy {
    padding: 0 !important;
    width: 100%;
    min-width: 0;
  }
  .story-copy h2 {
    font-size: clamp(30px, 7.7vw, 39px) !important;
    line-height: 1.13;
    overflow-wrap: normal;
  }
  .story-copy > p:not(.story-eyebrow) {
    font-size: 16px !important;
    line-height: 1.65 !important;
    margin-bottom: 18px;
  }
  .story-features {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 24px 14px !important;
    margin-top: 30px !important;
  }

  /* Cleaner mobile offer section: no oversized texture tile behind the cards. */
  .products-section {
    padding: 34px 20px 48px !important;
    background: linear-gradient(145deg, #7fa467 0%, #71975a 55%, #66894f 100%) !important;
    overflow: hidden;
  }
  .products-section::before {
    display: none !important;
    content: none !important;
  }
  .products-header {
    position: relative;
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 16px !important;
    margin-bottom: 20px !important;
  }
  .products-title-wrap h2 {
    font-size: clamp(30px, 8vw, 39px) !important;
    line-height: 1.12;
  }
  .products-controls {
    position: absolute;
    right: 0;
    bottom: -2px;
    width: auto !important;
    justify-content: flex-end !important;
    gap: 8px !important;
  }
  .carousel-arrow {
    width: 38px !important;
    height: 38px !important;
    font-size: 24px !important;
    border: 1px solid rgba(255,255,255,.75) !important;
    box-shadow: 0 3px 10px rgba(23,53,40,.12) !important;
  }
  .product-carousel {
    grid-auto-columns: 68% !important;
    gap: 14px !important;
    padding: 2px 0 16px !important;
    margin: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-padding-left: 0;
    scroll-snap-type: x mandatory;
  }
  .product-card {
    border-radius: 16px !important;
    box-shadow: 0 6px 18px rgba(25,52,28,.16) !important;
  }
  .product-card > img {
    aspect-ratio: 1.35 / 1 !important;
  }
  .product-card-body {
    min-height: 112px !important;
    padding: 13px 48px 16px 15px !important;
  }
  .product-card h3 { font-size: 18px !important; }
  .product-card p { font-size: 14px !important; line-height: 1.45 !important; }
  .product-card-arrow {
    width: 38px !important;
    height: 38px !important;
    right: 10px !important;
  }
}

/* MOBILE FINAL FIX v2 — keep desktop styles untouched. */
@media (max-width: 600px) {
  /* The hero wave sits after the buttons instead of overlapping them. */
  .hero {
    padding-bottom: 12px !important;
    overflow: hidden !important;
  }
    
  /* Story text keeps its inset; Pavel's image remains flush to the left edge. */
  .story-section {
    padding: 10px 0 10px 20px !important;
  }
  .story-copy { padding-right: 20px !important; }
  .story-photo-wrap {
    width: calc(90% + 20px) !important;
    margin: 0 0 0 -20px !important;
    border-radius: 0 18px 18px 0 !important;
  }
  .story-photo-wrap::before {
    inset: 10px 0 -10px 10px !important;
    border-radius: 0 18px 18px 0 !important;
  }
  .story-photo {
    border-radius: 0 18px 18px 0 !important;
  }

    
  /* Restore the moss texture on top of the green gradient, scaled continuously. */
  .products-section {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto auto auto !important;
    padding: 34px 20px 42px !important;
    background: radial-gradient(ellipse at 10% 0%, #83a96b 0%, #739957 48%, #587c43 100%) !important;
    overflow: hidden !important;
  }
  .products-header { display: contents !important; }
  .products-title-wrap {
    grid-column: 1 !important;
    grid-row: 1 !important;
    min-width: 0;
  }
  .products-title-wrap h2 {
    font-size: clamp(30px, 8vw, 39px) !important;
    line-height: 1.12;
  }
  .product-carousel {
    grid-column: 1 !important;
    grid-row: 2 !important;
    width: 100% !important;
    margin: 18px 0 0 !important;
    padding: 2px 0 16px !important;
    grid-auto-columns: 68% !important;
    gap: 14px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
  }
  .products-controls {
    position: static !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    gap: 16px !important;
    margin-top: 12px !important;
    padding: 0 !important;
}
  .products-section::before {
    display: block !important;
    content: "" !important;
    background-image: url("assets/licnogreens-textura.jpg") !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    opacity: .30 !important;
    mix-blend-mode: multiply !important;
  }
 .carousel-arrow {
    width: 40px !important;
    height: 40px !important;
    padding: 0 !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    font-size: 38px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    font-family: Signika, sans-serif !important;

    border: 1px solid rgba(255,255,255,.75) !important;
    box-shadow: 0 3px 10px rgba(23,53,40,.12) !important;
}
}


/* Mobile version */
@media (max-width: 767px) {
  }

/* Desktop/tablet version */
@media (min-width: 768px) {
  }



/* Divider between story and plant offer: supplied shapedividers_com-6533 for desktop and mobile only. */
.offer-transition {
  height: 76px;
  position: relative;
  overflow: hidden;
  background: #f7f7e9;
  isolation: isolate;
  z-index: 4;
  margin-top: -76px;
  margin-bottom: 0;
  pointer-events: none;
}
.shapedividers_com-6533 { overflow: hidden; position: relative; }
.shapedividers_com-6533::before {
  content: '';
  font-family: 'shape divider from ShapeDividers.com';
  position: absolute;
  bottom: -1px; left: -1px; right: -1px; top: -1px;
  z-index: 3; pointer-events: none;
  background-repeat: no-repeat;
  background-size: 100% 55px;
  background-position: 50% 100%;
  transform: rotateY(180deg);
  background-image: url("data:image/svg+xml;charset=utf8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320' preserveAspectRatio='none'><path fill='%23f7f7e9' d='M0 288l1440-128v160H0z'/><path fill='%23f7f7e9' opacity='.66' d='M0 192l1440-96v224H0z'/></svg>");
}
@media (min-width: 768px) {
  .shapedividers_com-6533::before {
    background-size: 100% 90px;
    background-position: 50% 0%;
    background-image: url("data:image/svg+xml;charset=utf8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 35.28 2.17' preserveAspectRatio='none'><path d='M0 .5c3.07.55 9.27-.42 16.14 0 6.88 .4 13.75 .57 19.14-.11V0H0z' fill='%23fbd8c2'/><path d='M0 1c3.17 .8 7.29-.38 10.04-.55 2.75-.17 9.25 1.47 12.67 1.3 3.43-.17 4.65-.84 7.05-.87 2.4-.02 5.52 .88 5.52 .88V0H0z' opacity='.5' fill='%23fbd8c2'/><path d='M0 1.85c2.56-.83 7.68-.3 11.79-.42 4.1-.12 6.86-.61 9.58-.28 2.73 .33 5.61 1.17 8.61 1 3-.19 4.73-.82 5.3-.84V.1H0z' opacity='.5' fill='%23fbd8c2'/></svg>");
  }
}
@media (min-width: 1025px) {
  .offer-transition { height: 76px; margin-top: -76px; background: transparent; }
  .shapedividers_com-6533::before {
    bottom: -.1vw; left: -.1vw; right: -.1vw; top: -.1vw;
    background-size: 100% 99px;
    background-position: 50% 0%;
    transform: rotateY(180deg);
    background-image: url("data:image/svg+xml;charset=utf8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 381 59.27' preserveAspectRatio='none'><g fill='%23f7f7e9'><path d='M381 8.47L0 42.33V0h381z'/><path d='M381 33.87L0 59.27V0h381z' opacity='.66'/></g></svg>");
  }
}
@media (min-width: 2100px) {
  .shapedividers_com-6533::before { background-size: 100% calc(2vw + 99px); }
}
@media (max-width: 600px) {
  .offer-transition { height: 42px !important; margin-top: -1px !important; margin-bottom: -1px !important; background: #f7f7e9 !important; }
  .shapedividers_com-6533::before { inset: 0 !important; background-size: 100% 42px !important; background-position: center bottom !important; }
}


/* FINAL FIX: příběh se plynule prolíná do mechové textury nabídky.
   Textura zůstává na products-section; sekce se pod dividerem překrývá. */
.offer-transition {
    position: relative !important;
    z-index: 5 !important;
    height: 99px !important;
    margin-top: -40px !important;
    margin-bottom: -99px !important;
    padding: 0 !important;
    background: transparent !important;
    overflow: hidden !important;
    pointer-events: none !important;
	transform: scaleX(-1)!important;
}
.products-section {
  position: relative !important;
  z-index: 1 !important;
  background: radial-gradient(ellipse at -60% 130%, #6a8855 20%, #709653 59%, #4e6f3a 80%) !important;
}
.products-section::before {
  z-index: -1 !important;
  background-image: url("assets/licnogreens-textura.jpg") !important;
  background-size: cover !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
  opacity: .45 !important;
  mix-blend-mode: multiply !important;
}
@media (max-width: 767px) {
  .offer-transition {
    height: 55px !important;
    margin-top: -55px !important;
    margin-bottom: -55px !important;
  }
    .products-section::before {
    background-size: cover !important;
    opacity: .34 !important;
  }
}


/* === Added sections: microgreens, partners, cooperation and footer === */
.micro-section{position:relative;background:#f7f7e9;color:#173528;padding: clamp(30px, 2vw, 50px) 0 clamp(70px, 8vw, 100px);overflow:hidden}
.micro-inner{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:clamp(38px,6vw,100px);align-items:center;max-width:1500px;margin:0 auto;padding-left:clamp(24px,6.8vw,122px)}
.micro-copy{padding:10px 0}.section-kicker{margin:0 0 12px;color:#4f8c3e;font-size:12px;font-weight:700;letter-spacing:2.8px;text-transform:uppercase}.micro-copy h2,.cooperation-copy h2{margin:0;color:#103c2d;font-size:clamp(34px,3.6vw,52px);line-height:1.08;letter-spacing:-1px}.micro-copy h2 span,.cooperation-copy h2 span{color:#659b43}.gold-rule{display:block;width:58px;height:4px;border-radius:4px;background:#f6c72e;margin:18px 0 22px}.micro-intro{font-size:clamp(15px,1.15vw,18px);line-height:1.75;color:#42574a;margin:0 0 22px;max-width:850px}.micro-copy>h3{font-size:17px;line-height:1.45;margin:0 0 18px;color:#123c2a}.benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.benefit-item{display:flex;align-items:flex-start;gap:12px;min-width:0}.benefit-number{flex:0 0 42px;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#e5edcf;color:#245c36;font-size:14px;font-weight:700}.benefit-item:nth-child(2) .benefit-number{background:#f5e5d8}.benefit-number svg{width:23px;height:23px;display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.benefit-item:nth-child(2) .benefit-number svg{width:24px;height:24px}.benefit-item h4{font-size:15px;line-height:1.3;margin:2px 0 7px;color:#153d2d}.benefit-item p{font-size:13px;line-height:1.55;margin:0;color:#526558}.micro-photo-wrap{height:clamp(330px,35vw,510px);overflow:hidden;border-radius:26px 0 0 26px;box-shadow:0 18px 50px rgba(20,52,31,.13)}.micro-photo-wrap img{width:100%;height:100%;display:block;object-fit:cover}
.partners-section{position:relative;isolation:isolate;overflow:hidden;background:#0e3a21 url('assets/licnogreens-textura.jpg') center/cover;color:#f7f7e9;padding:40px clamp(24px, 6.8vw, 112px) 120px}.partners-section:before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(4,43,22,.94),rgba(8,57,28,.88));z-index:-1}.partners-inner{max-width:1500px;margin:auto;display:grid;grid-template-columns:minmax(220px,.9fr) minmax(0,2fr);gap:clamp(34px,4vw,76px);align-items:center}.partners-copy .section-kicker{color:#d4e7b0}.partners-copy h2{font-size:clamp(32px,3.2vw,46px);line-height:1.08;margin:0;color:#fff;letter-spacing:-.8px}.partners-copy h2 span{color:#ffd638}.partners-copy .gold-rule{margin:18px 0}.partners-copy>p:last-child{max-width:340px;font-size:15px;line-height:1.65;color:rgba(255,255,255,.83);margin:0}.partners-carousel-wrap{min-width:0}.partners-controls{display:flex;justify-content:flex-end;gap:10px;margin-bottom:14px;transform: translateY(8px);}.partner-arrow{width:38px;height:38px;background:#f7f7e9;border:0;color:#174b2d}.partners-carousel{display:grid;grid-auto-columns:calc((100% - 64px)/5);grid-auto-flow:column;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:3px 2px 12px}.partners-carousel::-webkit-scrollbar{display:none}.partner-card{min-width:0;min-height:112px;padding:14px 10px;border-radius:15px;background:#fffdf5;color:#173528;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;scroll-snap-align:start;box-shadow:0 8px 22px rgba(0,0,0,.13);border:1px solid rgba(255,255,255,.7)}.partner-card span{font-family:Georgia,serif;font-size:clamp(16px,1.5vw,23px);font-weight:700}.partner-card small{font-size:10px;letter-spacing:.7px;margin-top:3px}.partner-card strong{font-family:Georgia,serif;font-size:clamp(15px,1.5vw,22px);line-height:1.05}.partner-card .partner-mark{font-size:20px;color:#7c3c19}.partner-green{color:#4f8c3e;font-style:italic}.partner-hp strong{font-size:30px;letter-spacing:-2px}.partner-peling span{font-style:italic;border:1px solid #333;border-radius:50%;padding:12px 5px;font-size:18px}.partner-krajka strong{background:#a71924;color:#fff;padding:10px 5px;font-size:14px}.partner-jordanek strong,.partner-statek strong{font-size:14px}
.cooperation-section{position:relative;overflow:hidden;background:#f7f7e9;color:#173528;padding:clamp(54px,6vw,88px) 0}.cooperation-inner{display:grid;grid-template-columns:minmax(320px,.85fr) minmax(0,1.15fr);gap:clamp(40px,6vw,90px);align-items:center;max-width:1500px;margin:0 auto;padding-left:clamp(24px,6.8vw,122px)}.cooperation-copy{padding:12px 0}.cooperation-copy h2{max-width:560px}.cooperation-copy>p:not(.section-kicker){font-size:clamp(16px,1.2vw,18px);line-height:1.7;color:#42574a;margin:0 0 10px;max-width:580px}.cooperation-copy>p strong{color:#174b2d}.cooperation-button{display:inline-flex;margin-top:16px;text-decoration:none;align-items:center;gap:24px;min-height:52px;padding:0 24px;border-radius:28px;background:#f6c72e;color:#173528;font-weight:700;box-shadow:0 7px 18px rgba(167,131,0,.15)}.cooperation-photo-wrap{height:clamp(310px,32vw,470px);overflow:hidden;border-radius:26px 0 0 26px}.cooperation-photo-wrap img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}
.site-footer{position:relative;isolation:isolate;overflow:hidden;background:#062d18 url('assets/licnogreens-textura.jpg') center/cover;color:#f7f7e9}.site-footer:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,rgba(2,34,17,.95),rgba(4,48,23,.91))}.footer-main{display:grid;grid-template-columns:1.2fr .75fr .95fr;gap:clamp(34px,5vw,80px);max-width:1500px;margin:auto;padding:clamp(44px,5.5vw,78px) clamp(24px,6.8vw,122px) 48px}.footer-brand img{width:min(260px,100%);height:auto;display:block;filter:brightness(0) invert(1);margin-bottom:20px}.footer-brand p{max-width:360px;font-size:14px;line-height:1.7;color:rgba(255,255,255,.82)}.footer-social{display:flex;gap:12px;margin-top:20px}.footer-social a{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#d9e9b6;color:#123c2a;font-weight:700;font-size:22px;text-decoration:none}.footer-links,.footer-contact{display:flex;flex-direction:column;align-items:flex-start}.footer-links h2,.footer-contact h2{font-size:19px;margin:4px 0 0;color:#fff}.footer-rule{display:block;width:46px;height:4px;border-radius:4px;background:#f6c72e;margin:13px 0 20px}.footer-links a,.footer-contact a,.footer-contact p{font-size:14px;line-height:1.5;color:rgba(255,255,255,.9);text-decoration:none;margin:0 0 12px}.footer-links a:hover,.footer-contact a:hover{color:#ffda4b}.footer-contact a:not(.footer-cta),.footer-contact p{display:flex;align-items:center;gap:12px}.footer-contact a span,.footer-contact p span{font-size:20px;min-width:22px;color:#e2edc6}.footer-contact .footer-cta{display:inline-flex;align-items:center;gap:24px;border:1px solid #d9e9b6;border-radius:28px;padding:12px 20px;margin-top:8px;color:#fff;font-weight:700}.footer-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:17px clamp(24px,6.8vw,122px);background:rgba(0,0,0,.18);border-top:1px solid rgba(255,255,255,.16);font-size:11px;color:rgba(255,255,255,.7)}.footer-bottom div{display:flex;gap:12px;align-items:center}.footer-bottom a{color:inherit;text-decoration:none}
/* Keep photographs consistent: edge-to-edge rectangular crop, rounded inner corners only. */
.story-inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(38px,5vw,76px)}.story-photo-wrap{margin-left:calc(-1 * clamp(22px,6.8vw,122px));width:calc(100% + clamp(22px,6.8vw,122px));border-radius:0 24px 24px 0;overflow:hidden}.story-photo{border-radius:0 24px 24px 0}
@media(max-width:1050px){.micro-inner,.cooperation-inner{padding-inline:5vw;gap:34px}.partners-inner{grid-template-columns:1fr;gap:28px}.partners-copy>p:last-child{max-width:600px}.partners-carousel{grid-auto-columns:calc((100% - 48px)/4)}.story-inner{grid-template-columns:1fr 1fr;gap:32px}.story-photo-wrap{margin-left:-5vw;width:calc(100% + 5vw)}}
@media(max-width:700px){.micro-inner,.cooperation-inner{grid-template-columns:1fr;padding:0 20px;gap:28px}.micro-section,.cooperation-section{padding:48px 0}.micro-copy h2,.cooperation-copy h2{font-size:36px}.micro-intro{font-size:15px;line-height:1.65}.benefit-grid{grid-template-columns:1fr;gap:16px}.benefit-item p{font-size:14px}.micro-photo-wrap,.cooperation-photo-wrap{height:280px;border-radius:18px;order:2}.cooperation-photo-wrap{order:0}.partners-section{padding:44px 20px}.partners-inner{gap:22px}.partners-copy h2{font-size:34px}.partners-carousel{grid-auto-columns:calc((100% - 16px)/2);gap:16px}.partner-card{min-height:100px}.footer-main{grid-template-columns:1fr;gap:30px;padding:42px 24px 32px}.footer-brand img{width:220px}.footer-bottom{align-items:flex-start;flex-direction:column;padding:16px 24px;gap:10px}.story-inner{grid-template-columns:1fr;gap:28px}.story-photo-wrap{margin-left:-20px;width:calc(100% + 40px);border-radius:0 20px 20px 0}.story-photo{border-radius:0 20px 20px 0}}
@media(min-width:701px) and (max-width:1050px){.benefit-grid{grid-template-columns:1fr}.micro-photo-wrap{height:100%}.footer-main{padding-inline:5vw}}

/* Final polish: shared content width, real partner marks, consistent photo treatment. */
.micro-inner,
.cooperation-inner {
  width: min(100%, 1500px);
  box-sizing: border-box;
  padding-inline: clamp(24px, 6.8vw, 122px);
}
.micro-photo-wrap {
  margin-right: calc(-1 * clamp(24px, 6.8vw, 122px));
  border-radius: 24px 0 0 24px;
  box-shadow: 0 18px 46px rgba(20, 52, 31, .20), 0 3px 12px rgba(20, 52, 31, .12);
}
.cooperation-photo-wrap {
  margin-right: calc(-1 * clamp(24px, 6.8vw, 122px));
  border-radius: 24px 0 0 24px;
  box-shadow: 0 18px 46px rgba(20, 52, 31, .20), 0 3px 12px rgba(20, 52, 31, .12);
}
.partners-section {
  background-image: url('assets/licnogreens-textura.jpg');
  background-position: center;
  background-size: cover;
}
.partners-section::before {
  background: linear-gradient(100deg, rgba(4, 43, 22, .90), rgba(8, 57, 28, .84));
}
.partners-carousel { scroll-behavior: auto; }
.partner-card {
  height: 112px;
  min-height: 112px;
  box-sizing: border-box;
  padding: 12px 15px;
  background: rgba(255, 254, 247, .97);
  border-radius: 15px;
}
.partner-card img {
  display: block;
  width: 100%;
  height: 100%;
  max-height: 84px;
  object-fit: contain;
  object-position: center;
}
.footer-social { margin-top: 18px; }
.footer-social a { transition: transform .2s ease, background .2s ease; }
.footer-social a:hover { transform: translateY(-3px); background: #ffda4b; }
@media (max-width: 1050px) {
  .micro-inner, .cooperation-inner { padding-inline: 5vw; }
  .micro-photo-wrap, .cooperation-photo-wrap { margin-right: -5vw; }
}
@media (max-width: 700px) {
  .micro-inner, .cooperation-inner { width: 100%; padding-inline: 20px; }
  .micro-photo-wrap, .cooperation-photo-wrap { margin: 0; border-radius: 18px; }
  .partners-carousel { grid-auto-columns: calc((100% - 16px) / 2); }
  .partner-card { height: 100px; min-height: 100px; padding: 10px; }
  .partner-card img { max-height: 76px; }
}

/* === FINAL RELIABILITY PATCH: common width, edge-aligned photos, visible waves and controls === */
:root { --site-gutter: clamp(24px, 6.8vw, 122px); --site-max: 1500px; }
.story-inner, .products-header, .product-carousel, .micro-inner, .partners-inner, .cooperation-inner, .footer-main {
  max-width: var(--site-max);
  box-sizing: border-box;
}
.micro-inner, .cooperation-inner {
  width: 100%;
  padding-left: var(--site-gutter) !important;
  padding-right: var(--site-gutter) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
/* The founder photo bleeds to the left; the two supporting photos bleed to the right.
   Only the corners facing inward are rounded, consistently. */
.story-photo-wrap, .story-photo-wrap img, .micro-photo-wrap, .micro-photo-wrap img, .cooperation-photo-wrap, .cooperation-photo-wrap img {
  display: block;
  overflow: hidden;
}
.story-photo-wrap, .story-photo-wrap img {
  border-radius: 0 24px 24px 0 !important;
}
.micro-photo-wrap, .cooperation-photo-wrap {
  width: calc(100% + var(--site-gutter) + max(0px, (100vw - var(--site-max)) / 2));
  margin-right: calc(-1 * (var(--site-gutter) + max(0px, (100vw - var(--site-max)) / 2))) !important;
  border-radius: 24px 0 0 24px !important;
  box-shadow: 0 18px 46px rgba(20,52,31,.22), 0 4px 14px rgba(20,52,31,.13) !important;
}
.micro-photo-wrap img, .cooperation-photo-wrap img { width:100%; height:100%; object-fit:cover; border-radius:24px 0 0 24px !important; }
.partners-section { background: #0e3a21 url('assets/licnogreens-textura.jpg') center/cover no-repeat !important; }
.partners-section::before { background: linear-gradient(100deg,rgba(4,43,22,.78),rgba(8,57,28,.68)) !important; }
.site-footer { background: #062d18 url('assets/licnogreens-textura.jpg') center/cover no-repeat !important; }
.site-footer::before { background: linear-gradient(110deg,rgba(2,34,17,.78),rgba(4,48,23,.72)) !important; }
.footer-social { display:flex; align-items:center; gap:12px; margin-top:16px; }
.footer-social a { width:40px; height:40px; flex:0 0 40px; border-radius:50%; display:grid; place-items:center; background:#d9e9b6; color:#123c2a; box-shadow:0 4px 12px rgba(0,0,0,.2); }
.footer-social svg { display:block; width:23px; height:23px; fill:currentColor; stroke:currentColor; stroke-width:1.5; }
.footer-social a:nth-child(2) svg { fill:none; }
.footer-social .instagram-dot { fill:currentColor; stroke:none; }
.partners-carousel { overflow-x:auto !important; overflow-y:hidden !important; scroll-behavior:smooth; overscroll-behavior-x:contain; -webkit-overflow-scrolling:touch; }
.partner-arrow { position:relative; z-index:10; cursor:pointer; pointer-events:auto; display:grid; place-items:center; font-size:30px; line-height:1; box-shadow:0 4px 12px rgba(0,0,0,.18); transition:transform .18s ease,background .18s ease;font-family:Signika;font-weight:500; }
.partner-arrow:hover { transform:translateY(-2px); background:#ffda4b; }
.partner-card { flex-shrink:0; }
/* Move social icons beneath contact information, not beneath the brand column. */
.footer-brand .footer-social { display:none !important; }
.footer-contact .footer-social { display:flex !important; margin-top:12px; }
@media (max-width:1050px) {
  :root { --site-gutter:5vw; }
  .micro-inner, .cooperation-inner { padding-left:5vw !important; padding-right:5vw !important; }
  .micro-photo-wrap, .cooperation-photo-wrap { width:calc(100% + 5vw); margin-right:-5vw !important; }
  .partners-carousel { grid-auto-columns:calc((100% - 48px)/4) !important; }
}
@media (max-width:700px) {
    .micro-inner, .cooperation-inner { padding-inline:20px !important; }
  .micro-photo-wrap, .cooperation-photo-wrap { width:100%; margin:0 !important; border-radius:18px !important; }
  .micro-photo-wrap img, .cooperation-photo-wrap img { border-radius:18px !important; }
  .story-photo-wrap, .story-photo-wrap img { border-radius:0 18px 18px 0 !important; }
  .partners-carousel { grid-auto-columns:calc((100% - 16px)/2) !important; }
  .partner-card { height:100px; min-height:100px; padding:10px; }
  .partner-card img { max-height:76px; }
  .footer-contact .footer-social { margin-top:8px; }
}
@media (prefers-reduced-motion: reduce) { .partners-carousel { scroll-behavior:auto; } }

/* FINAL PASS — consistent content alignment, wave at hero/story, cooperation photo order, partner rail */
.hero-story-divider { margin-top: -2px !important; margin-bottom: -1px !important; }
/* The copy columns share the same page gutter as the story and product heading. */
.micro-inner, .cooperation-inner {
  max-width: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding-left: var(--site-gutter) !important;
  padding-right: var(--site-gutter) !important;
  box-sizing: border-box !important;
}
.micro-inner { grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr); }
/* Cooperation: photo on the left bleeding to the viewport; copy on the right. */
.cooperation-inner { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1.2fr) !important; }
.cooperation-photo-wrap {
  grid-column: 1 !important; grid-row: 1 !important;
  width: calc(100% + var(--site-gutter)) !important;
  margin-left: calc(-1 * var(--site-gutter)) !important;
  margin-right: 0 !important;
  border-radius: 0 24px 24px 0 !important;
  box-shadow: 0 18px 46px rgba(20,52,31,.22), 0 4px 14px rgba(20,52,31,.13) !important;
}
.cooperation-photo-wrap img { border-radius: 0 24px 24px 0 !important; }
.cooperation-copy { grid-column: 2 !important; grid-row: 1 !important; }
/* White logo tiles are consistent regardless of each source file's format. */
.partners-carousel {
  display: flex !important; gap: 16px !important;
  overflow-x: auto !important; overflow-y: hidden !important;
  scroll-snap-type: x mandatory; scrollbar-width: none;
  width: 100%; min-width: 0; padding: 4px 2px 14px !important;
  background: transparent !important; scroll-behavior: auto !important;
  overscroll-behavior-x: contain; -webkit-overflow-scrolling: touch;
}
.partners-carousel::-webkit-scrollbar { display: none !important; }
.partner-card {
  flex: 0 0 calc((100% - 56px) / 4.5) !important;
  width: calc((100% - 56px) / 4.5) !important;
  min-width: 0 !important; height: 112px !important; min-height: 112px !important;
  box-sizing: border-box; background: #fff !important; border: 0 !important;
  border-radius: 15px !important; padding: 12px !important;
  display: flex !important; align-items: center; justify-content: center;
  scroll-snap-align: start; overflow: hidden;
}
.partner-card img { display: block; width: 100%; height: 100%; max-width: 100%; max-height: 84px; object-fit: contain; background: #fff; }
.partners-carousel-wrap { min-width: 0; overflow: hidden; }
@media (max-width: 1050px) {
  .micro-inner, .cooperation-inner { padding-left: 5vw !important; padding-right: 5vw !important; }
  .cooperation-photo-wrap { width: calc(100% + 5vw) !important; margin-left: -5vw !important; }
  .partner-card { flex-basis: calc((100% - 48px) / 4) !important; width: calc((100% - 48px) / 4) !important; }
}
@media (max-width: 700px) {
  .micro-inner, .cooperation-inner { grid-template-columns: minmax(0, 1fr) !important; padding: 0 20px !important; }
  .cooperation-photo-wrap { grid-column: 1 !important; grid-row: 1 !important; width: 100% !important; margin: 0 !important; border-radius: 18px !important; }
  .cooperation-photo-wrap img { border-radius: 18px !important; }
  .cooperation-copy { grid-column: 1 !important; grid-row: 2 !important; }
  .partner-card { flex-basis: calc((100% - 16px) / 2) !important; width: calc((100% - 16px) / 2) !important; height: 100px !important; min-height: 100px !important; }
  .partner-card img { max-height: 76px; }
}

/* FINAL REQUESTED FINISH — microgreens photo bleed, cooperation breathing room, simplified footer */
@media (min-width: 701px) {
  /* Keep the explanatory copy aligned to the shared gutter while the image reaches the viewport edge. */
  .micro-inner { grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr) !important; }
  .micro-photo-wrap {
    width: calc(100% + var(--site-gutter) + max(0px, (100vw - var(--site-max)) / 2)) !important;
    margin-right: calc(-1 * (var(--site-gutter) + max(0px, (100vw - var(--site-max)) / 2))) !important;
    border-radius: 24px 0 0 24px !important;
  }
  .micro-photo-wrap img { border-radius: 24px 0 0 24px !important; }
}
.cooperation-section { padding-bottom: clamp(76px, 8vw, 108px) !important; }
.cooperation-inner { padding-bottom: 18px !important; }
.footer-main {
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr) minmax(180px, .7fr) !important;
  align-items: start !important;
  padding-top: clamp(30px, 3.6vw, 48px) !important;
  padding-bottom: clamp(26px, 3vw, 40px) !important;
  gap: clamp(28px, 4vw, 64px) !important;
}
.footer-links { display: none !important; }
.footer-contact { min-width: 0; }
.footer-contact a:not(.footer-cta), .footer-contact p { font-size: clamp(15px, 1.05vw, 18px) !important; line-height: 1.6 !important; margin-bottom: 14px !important; overflow-wrap: anywhere; }
.footer-contact a span, .footer-contact p span { font-size: 22px !important; min-width: 25px !important; }
.footer-contact .footer-cta { margin-top: 6px !important; }
.footer-social-column { display:flex; flex-direction:column; align-items:flex-start; min-width:0; }
.footer-social-column h2 { font-size:19px; margin:4px 0 0; color:#fff; }
.footer-social-column>p { color:rgba(255,255,255,.78); font-size:14px; line-height:1.6; margin:0 0 16px; max-width:240px; }
.footer-social-column .footer-social { margin-top:0 !important; gap:14px !important; }
.footer-social-column .footer-social a { width:54px !important; height:54px !important; flex:0 0 54px !important; background:#f6c72e !important; color:#103c2d !important; display:grid !important; place-items:center !important; padding:0 !important; }
.footer-social-column .footer-social svg { width:29px !important; height:29px !important; display:block; }
.footer-social-column .footer-social a:hover { background:#ffe16b !important; transform:translateY(-3px); }
.site-footer { background-size:cover !important; background-position:center center !important; }
.site-footer::before { inset:0 !important; background:linear-gradient(100deg,rgba(2,34,17,.82),rgba(4,48,23,.78)) !important; }
@media (max-width:700px) {
  .cooperation-section { padding-bottom:58px !important; }
  .cooperation-inner { padding-bottom:8px !important; }
  .footer-main { grid-template-columns:1fr !important; gap:26px !important; padding:32px 24px 28px !important; }
  .footer-contact, .footer-social-column { width:100%; }
  .footer-social-column .footer-social a { width:50px !important; height:50px !important; flex-basis:50px !important; }
  .footer-social-column .footer-social svg { width:27px !important; height:27px !important; }
}


/* =========================================================
   Lično Greens — secondary sticky navigation
   Keeps the user's existing hero header and all dividers intact.
   ========================================================= */
html { scroll-behavior: smooth; }
#o-nas, #nabidka, #nase-nabidka, #o-mikrozelenine, #partneri, #spoluprace {
  scroll-margin-top: 92px;
}
.lg-sticky-nav {
  position: fixed;
  z-index: 1000;
  top: 16px;
  left: 50%;
  transform: translate(-50%, -150%);
  opacity: 0;
  pointer-events: none;
  display: flex;
  align-items: center;
  gap: clamp(9px, 2vw, 18px);
  padding: 9px 10px 9px 18px;
  border: 1px solid rgba(255,255,255,.8);
  border-radius: 999px;
  background: rgba(250,250,239,.94);
  box-shadow: 0 10px 32px rgba(10,39,23,.16);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  white-space: nowrap;
  transition: transform .28s ease, opacity .22s ease;
}
.lg-sticky-nav.is-visible {
  transform: translate(-50%, 0);
  opacity: 1;
  pointer-events: auto;
}
.lg-sticky-nav a {
  color: #173b2c;
  text-decoration: none;
  font-size: 15px;
  font-weight: 600;
  line-height: 1;
}
.lg-sticky-nav a:hover { color: #669b48; }
.lg-sticky-nav .lg-sticky-phone,
.lg-sticky-nav .lg-sticky-contact {
  display:inline-flex; align-items:center; justify-content:center; gap:7px;
  padding:10px 15px; border-radius:999px; font-weight:700;
}
.lg-sticky-nav .lg-sticky-phone { color:#173528; background:var(--gold); }
.lg-sticky-nav .lg-sticky-phone:hover { color:#173528; background:#ffda4d; }
.lg-sticky-nav .lg-sticky-contact { color:#fff; background:#174b35; }
.lg-sticky-nav .lg-sticky-contact:hover { color:#fff; background:#0f3923; }
.lg-sticky-nav .lg-sticky-phone svg,
.lg-sticky-nav .lg-sticky-contact svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; flex:none; }
.lg-mobile-nav-title span { color:#639a45; }

.lg-mobile-nav { display:none; }
.lg-mobile-toggle {
  position: relative;
  width: 58px;
  height: 58px;
  border: 0;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  background: #f6c72e;
  color: #153d2b;
  box-shadow: 0 8px 26px rgba(13,42,25,.24);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: transform .2s ease, background .2s ease;
}
.lg-mobile-toggle:hover { transform: translateY(-2px); background:#ffda4d; }
.lg-mobile-toggle span {
  display:block;
  width:25px;
  height:3px;
  border-radius:2px;
  background:currentColor;
  transition: transform .2s ease, opacity .2s ease;
}
.lg-mobile-toggle.is-open span:first-child { transform: translateY(7px) rotate(45deg); }
.lg-mobile-toggle.is-open span:nth-child(2) { opacity:0; }
.lg-mobile-toggle.is-open span:last-child { transform: translateY(-7px) rotate(-45deg); }
.lg-mobile-panel {
    position: absolute;
    right: 0;
    bottom: 74px;
    width: min(240px, calc(100vw - 36px));
    padding: 5px 12px;
    display: flex;
    flex-direction: column;
    gap: 2px;
    border: 1px solid rgba(255, 255, 255, .72);
    border-radius: 22px;
    background: rgba(250, 250, 239, .91);
    box-shadow: 0 16px 44px rgba(9, 39, 23, .22);
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
    transform-origin: bottom right;
    animation: lgMenuIn .2s ease both;
}
.lg-mobile-panel[hidden] { display:none !important; }
.lg-mobile-nav-title {
  margin:0 0 8px;
  padding:2px 10px 12px;
  border-bottom:1px solid rgba(23,59,44,.12);
  color:#7b2824;
  font-size:20px;
  font-weight:800;
  letter-spacing:-.6px;
}
.lg-mobile-panel a {
  display:block;
  padding:12px 10px;
  border-radius:12px;
  color:#173b2c;
  text-decoration:none;
  font-size:15px;
  font-weight:650;
}
.lg-mobile-panel a:hover, .lg-mobile-panel a:focus-visible { background:rgba(246,199,46,.24); outline:none; }
.lg-mobile-panel a:last-child { margin-top:5px; background:#174b35; color:#fff; text-align:center; }
.lg-mobile-panel a:last-child:hover { background:#f6c72e; color:#173b2c; }
.lg-mobile-panel a.lg-mobile-phone-cta,
.lg-mobile-panel a.lg-mobile-email-cta { display:flex; align-items:center; justify-content:center; gap:9px; margin-top:6px; border-radius:999px; text-align:center; font-weight:700; }
.lg-mobile-panel a.lg-mobile-phone-cta { color:#173528; background:var(--gold); }
.lg-mobile-panel a.lg-mobile-phone-cta:hover { background:#ffda4d; }
.lg-mobile-panel a.lg-mobile-email-cta { color:#fff; background:#174b35; }
.lg-mobile-panel a.lg-mobile-email-cta:hover { background:#0f3923; }
.lg-mobile-panel a.lg-mobile-phone-cta svg,
.lg-mobile-panel a.lg-mobile-email-cta svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; flex:none; }

@keyframes lgMenuIn { from { opacity:0; transform:translateY(8px) scale(.97); } to { opacity:1; transform:translateY(0) scale(1); } }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }
  .lg-sticky-nav, .lg-mobile-toggle span { transition:none; }
  .lg-mobile-panel { animation:none; }
}
@media (max-width: 900px) {
  .lg-sticky-nav { gap:8px; padding:8px 9px 8px 12px; }
  .lg-sticky-nav a { font-size:11px; }
  .lg-sticky-nav .lg-sticky-phone, .lg-sticky-nav .lg-sticky-contact { padding:9px 11px; gap:5px; }
}
@media (max-width: 700px) {
  .lg-sticky-nav { display:none !important; }
  .lg-mobile-nav {
    display:block;
    position:fixed;
    z-index:1100;
    right:18px;
    bottom:18px;
    opacity:0;
    pointer-events:none;
    transform:translateY(12px);
    transition:opacity .2s ease, transform .2s ease;
  }
  .lg-mobile-nav.is-visible { opacity:1; pointer-events:auto; transform:translateY(0); }
  .lg-mobile-toggle { width:58px; height:58px; }
  #o-nas, #nabidka, #nase-nabidka, #o-mikrozelenine, #partneri, #spoluprace { scroll-margin-top:24px; }
}

/* FINAL FIX 22-10-2026: active sticky-nav link and consistent story content width */
.lg-sticky-nav > a:not(.lg-sticky-phone):not(.lg-sticky-contact) {
  position: relative;
  display: inline-flex;
  align-items: center;
  align-self: stretch;
  padding: 0 0 4px;
  box-sizing: border-box;
}
.lg-sticky-nav > a:not(.lg-sticky-phone):not(.lg-sticky-contact)::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 4px;
  height: 2px;
  border-radius: 2px;
  background: #659b43;
  transform: scaleX(0);
  transform-origin: center;
  transition: transform .18s ease;
}
.lg-sticky-nav > a.active:not(.lg-sticky-phone):not(.lg-sticky-contact)::after {
  transform: scaleX(1);
}
.lg-sticky-nav > a.active:not(.lg-sticky-phone):not(.lg-sticky-contact) {
  color: #659b43;
}
/* Story text and the four feature cards must share exactly the same column width. */
.story-copy {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}
.story-copy > p:not(.story-eyebrow),
.story-copy h2,
.story-copy .story-features {
  max-width: none !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
.story-features {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  width: 100% !important;
}
@media (max-width: 1050px) {
  .story-features { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 700px) {
  .story-features { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}


/* DESKTOP WIDTH FIX — use the full intended right content edge in story and cooperation sections.
   Appended to preserve all existing project edits; mobile layout remains unchanged. */
@media (min-width: 1051px) {
  /* Story: the inner wrapper was capped at --site-max, leaving an unused strip on the right.
     Extend it to the shared page gutter and give the copy the extra width, without
     unnecessarily widening the photo column. */
  .story-inner {
    width: calc(100vw - var(--site-gutter)) !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    grid-template-columns: minmax(0, .93fr) minmax(0, 1.07fr) !important;
  }
  .story-copy {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
  }
  .story-copy > p:not(.story-eyebrow),
  .story-copy h2,
  .story-copy .story-features {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
  }

  /* Cooperation: remove the fixed text-width caps that caused the marked blank strip. */
  .cooperation-copy {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }
  .cooperation-copy h2,
  .cooperation-copy > p:not(.section-kicker) {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
  }
}


/* FIX: the story underline must stay short; do not stretch it with the copy column. */
.story-copy .story-underline {
  display: block !important;
  width: 64px !important;
  min-width: 64px !important;
  max-width: 64px !important;
  flex: 0 0 64px !important;
}

/* Footer: sjednocené SVG ikony telefonu a adresy. */
.footer-contact .footer-contact-icon{width:22px;height:22px;min-width:25px;flex:none;fill:none;stroke:#e2edc6;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* FINAL: nabídka používá stejnou texturu a zelený overlay jako sekce partnerů. */
.products-section {
  background: #0e3a21 url("assets/licnogreens-textura.jpg") center / cover no-repeat !important;
}
.products-section::before {
  inset: 0 !important;
  background: linear-gradient(100deg, rgba(4,43,22,.78), rgba(8,57,28,.68)) !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
}


/* FINAL ÚPRAVA — nižší fotografie Pavla na desktopu; ostatní styly beze změny. */
@media (min-width: 901px) {
  .story-photo-wrap {
    height: 500px !important;
    min-height: 0 !important;
    align-self: center !important;
  }

  .story-photo {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    aspect-ratio: auto !important;
    object-fit: cover !important;
    object-position: 85% 40% !important;
  }
}


/* MOBILE NAVIGATION — logo vlevo, stále dostupný hamburger vpravo.
   Ostatní rozložení webu zůstává beze změny. */
@media (max-width: 700px) {
  .site-header {
    justify-content: flex-start !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 18px 74px 0 18px !important;
  }
  .site-header .brand {
    flex: 0 1 auto !important;
    width: min(100%, 250px) !important;
    max-width: 250px !important;
    min-width: 0 !important;
    margin: 0 !important;
  }
  .site-header .brand img {
    display: block !important;
    width: 100% !important;
    max-width: 250px !important;
    height: auto !important;
  }
  .lg-mobile-nav {
    display: block !important;
    position: fixed !important;
    z-index: 1100 !important;
    top: 50px !important;
    right: 14px !important;
    bottom: auto !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: none !important;
    transition: none !important;
  }
  .lg-mobile-toggle,
  .lg-mobile-toggle:hover {
    width: 55px !important;
    height: 55px !important;
    background: #f6c72e !important;
    color: #153d2b !important;
  }
  .lg-mobile-panel {
    top: 58px !important;
    right: 0 !important;
    bottom: auto !important;
    transform-origin: top right !important;
  }
  .lg-mobile-panel[hidden] {
    display: none !important;
  }
  .lg-mobile-panel a.lg-mobile-phone-cta,
  .lg-mobile-panel a.lg-mobile-email-cta {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    padding: 0 !important;
    margin: 8px 0 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    gap: 0 !important;
    flex: 0 0 48px !important;
    font-size: 0 !important;
    line-height: 0 !important;
  }
  .lg-mobile-panel a.lg-mobile-phone-cta span,
  .lg-mobile-panel a.lg-mobile-email-cta span {
    display: none !important;
  }
  .lg-mobile-panel a.lg-mobile-phone-cta svg,
  .lg-mobile-panel a.lg-mobile-email-cta svg {
    width: 21px !important;
    height: 21px !important;
  }
  .lg-mobile-panel a.lg-mobile-phone-cta {
    color: #173528 !important;
    background: #f6c72e !important;
  }
  .lg-mobile-panel a.lg-mobile-email-cta {
    color: #fff !important;
    background: #174b35 !important;
  }
  .lg-mobile-panel a.lg-mobile-phone-cta:hover,
  .lg-mobile-panel a.lg-mobile-email-cta:hover {
    transform: translateY(-1px);
  }
  .lg-mobile-panel a.lg-mobile-phone-cta,
  .lg-mobile-panel a.lg-mobile-email-cta {
    vertical-align: top;
  }
  .lg-mobile-panel {
    /* Odkazy zůstávají v jednom sloupci; kontaktní ikony jsou samostatný řádek. */
  }
  .lg-mobile-panel a.lg-mobile-phone-cta {
    margin-right: 8px !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  .lg-mobile-panel { animation: none !important; }
}

@media (max-width: 700px) {
     .lg-mobile-contact-icons {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: left;
        gap: 12px !important;
        margin-top: 0px !important;
        padding: 6px 4px;
    }
  .lg-mobile-panel a.lg-mobile-phone-cta,
  .lg-mobile-panel a.lg-mobile-email-cta {
    margin: 0 !important;
  }
}