:root{--mint:#e2f0e1;--mint2:#cce5cc;--green:#6d9a72;--dark:#285039;--deep:#1f4430;--cream:#f8f5eb;--paper:#fcfbf7;--brown:#49392f;--muted:#777970;--line:#dbe5d7;--red:#a4574d;--white:#fffef9;--shadow:0 22px 55px rgba(40,80,57,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--brown);font-family:"DM Sans",sans-serif;line-height:1.6}button,input,select{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}
.header{height:78px;padding:0 6.5%;display:flex;align-items:center;justify-content:space-between;background:rgba(252,251,247,.95);backdrop-filter:blur(14px);border-bottom:1px solid #e5e9df;position:sticky;top:0;z-index:50}.brand{display:flex;gap:10px;align-items:center;font-weight:700;font-size:18px}.brand span{width:35px;height:35px;border:1px solid var(--dark);border-radius:50%;display:grid;place-items:center;color:var(--dark);font-size:10px}nav{display:flex;gap:24px;font-size:12px;color:#70746d}nav a:hover{color:var(--dark)}.head-actions{display:flex;gap:10px;align-items:center}.head-actions button{border:0;background:transparent;font-size:11px;font-weight:700}.cart-btn b,#cartButton b{background:var(--dark);color:#fff;border-radius:50%;padding:4px 7px;margin-left:4px}
.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:2.4px;color:var(--dark);font-weight:700;margin:0 0 18px}.hero{min-height:680px;display:grid;grid-template-columns:1fr 1fr;background:var(--mint);overflow:hidden}.hero-copy{padding:90px 8% 80px 12%;display:flex;flex-direction:column;justify-content:center}.hero h1,.heading h2,.advantages h2,.kkn h2,.video-section h2,.cta h2,.admin-page h1,.panel h2,.login-card h2{font-family:"Playfair Display",serif;font-weight:600;line-height:1.07;margin:0}.hero h1{font-size:clamp(48px,5.5vw,76px);letter-spacing:-2px}.hero h1 em{font-style:italic;color:var(--dark)}.hero-copy>p:not(.eyebrow){max-width:570px;color:#687269;font-size:15px;margin:25px 0}.hero-actions{display:flex;align-items:center;gap:24px}.btn{border:0;border-radius:5px;padding:13px 21px;display:inline-flex;justify-content:center;align-items:center;gap:12px;font-size:12px;font-weight:700}.primary{background:var(--dark);color:#fff;box-shadow:0 12px 25px rgba(31,68,48,.18)}.underlink{font-size:12px;font-weight:700;border-bottom:1px solid var(--dark)}.stats{display:flex;gap:38px;margin-top:50px}.stats strong{display:block;font:600 23px "Playfair Display",serif;color:var(--dark)}.stats small{text-transform:uppercase;letter-spacing:1px;color:#788077;font-size:8px}
.hero-art{position:relative;background:linear-gradient(#b9d9b9,#77a078);overflow:hidden}.sun{position:absolute;width:230px;height:230px;border-radius:50%;background:#ebddaf;right:18%;top:80px}.hill{position:absolute;bottom:-120px;border-radius:50% 50% 0 0}.h1{width:85%;height:400px;left:-20%;background:#6d9871;transform:rotate(-7deg)}.h2{width:90%;height:340px;right:-20%;background:#4f7d58;transform:rotate(8deg)}.tree{position:absolute;bottom:0;left:45%;width:220px;height:500px}.tree:before{content:"";position:absolute;bottom:0;left:88px;width:35px;height:370px;border-radius:20px;background:#5c4936}.tree:after{content:"";position:absolute;left:-45px;top:50px;width:300px;height:260px;border-radius:50%;background:#3f704b;box-shadow:50px 45px 0 #527e58,-50px 65px 0 #5b865f}.tree i,.tree b{position:absolute;z-index:3;width:15px;height:20px;border-radius:50%;background:#9e5540}.tree i{left:35px;top:150px;box-shadow:145px -30px #9e5540,90px 90px #9e5540}.tree b{left:180px;top:205px}.hero-label{position:absolute;z-index:5;right:7%;bottom:11%;background:rgba(255,254,249,.88);padding:13px 16px;font-size:9px;text-transform:uppercase;letter-spacing:1px}.hero-label strong{color:var(--dark)}
.ribbon{height:55px;background:var(--deep);color:#dfeede;display:flex;justify-content:center;align-items:center;gap:19px;font-size:9px;letter-spacing:1.6px}.ribbon i{color:#a9cda9}
.section{padding:105px 8%}.heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:35px}.heading h2{font-size:51px}.heading>p{max-width:410px;color:var(--muted);font-size:13px}.filters{display:flex;gap:8px;margin-bottom:28px}.filter{border:1px solid var(--line);background:transparent;border-radius:30px;padding:9px 16px;color:#747a73;font-size:11px}.filter.active,.filter:hover{background:var(--green);border-color:var(--green);color:#fff}.products{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.product-card{border:1px solid #e5eae1;background:var(--white);border-radius:7px;overflow:hidden;display:flex;flex-direction:column;transition:.25s}.product-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.product-art{height:225px;position:relative}.product-art:before{content:"";position:absolute;width:155px;height:210px;left:50%;top:50%;transform:translate(-50%,-45%) rotate(4deg);border-radius:48%;background:#493125;box-shadow:18px 20px 0 rgba(31,68,48,.14)}.origin{position:absolute;top:10px;left:10px;z-index:3;background:#fffef9dd;padding:5px 7px;border-radius:3px;font-size:8px;text-transform:uppercase;letter-spacing:1px}.pack{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;color:#f3ead8;width:100px}.pack small{font-size:7px;letter-spacing:2px;text-transform:uppercase}.pack strong{display:block;font:600 17px "Playfair Display",serif;line-height:1.05;margin:4px}.pack span{font-size:7px}.product-body{padding:17px;display:flex;flex-direction:column;flex:1}.product-body h3{font:600 21px "Playfair Display",serif;margin:0}.origin-name{font-size:10px;color:#8a8c84;margin:2px 0 11px}.notes{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:12px}.notes span,.person span{font-size:8px;background:#edf4e9;color:#53735a;border-radius:20px;padding:4px 6px}.product-body p{font-size:10px;color:#777a73;min-height:53px;margin:0 0 15px}.product-bottom{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:7px}.price{font-size:11px;font-weight:700}.price small{font-size:8px;color:#8c8d85;font-weight:400}.add{border:1px solid var(--dark);background:transparent;color:var(--dark);padding:8px 9px;border-radius:4px;font-size:9px;font-weight:700}.add:hover{background:var(--dark);color:#fff}
.advantages{padding:100px 9%;background:#e8f2e6;display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.advantages h2{font-size:48px}.advantages>div>p:last-child{color:#737a70;font-size:13px;max-width:450px}.adv-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.adv-grid article{border-top:1px solid #cbdcca;padding-top:18px;display:grid;grid-template-columns:34px 1fr;gap:10px}.adv-grid b{color:var(--dark);font-size:10px}.adv-grid h3{font-size:14px;margin:0 0 5px}.adv-grid p{font-size:11px;color:#777c74;margin:0}
.people{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.people article{background:#f0f5ec;border:1px solid #dfe8da;border-radius:7px;overflow:hidden}.avatar{height:205px;display:grid;place-items:center;color:#e4f0e0;font:600 60px "Playfair Display",serif}.a1{background:linear-gradient(145deg,#779b79,#41684c)}.a2{background:linear-gradient(145deg,#a5b983,#60775c)}.a3{background:linear-gradient(145deg,#819d85,#4e6d58)}.person{padding:21px}.person small{font-size:9px;text-transform:uppercase;letter-spacing:1.3px;color:var(--dark)}.person h3{font:600 25px "Playfair Display",serif;margin:4px 0}.person p{font-size:11px;color:#747970;margin:0 0 15px}.person span{display:inline-block;margin-right:4px}
.kkn{display:grid;grid-template-columns:.9fr 1.1fr;background:var(--cream);min-height:600px}.kkn-art{position:relative;overflow:hidden;background:#abc9a9}.kkn-art:before,.kkn-art:after{content:"";position:absolute;border-radius:50%;background:#5d8b63}.kkn-art:before{width:280px;height:280px;left:12%;top:18%;box-shadow:190px 150px 0 #719b71}.kkn-art:after{width:160px;height:80px;right:4%;bottom:12%;transform:rotate(-25deg)}.kkn-badge{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-7deg);width:250px;height:250px;border-radius:50%;background:var(--deep);color:#e8f3e5;display:grid;place-content:center;text-align:center;font:600 47px "Playfair Display",serif;line-height:.8;box-shadow:0 25px 50px #315a3b55}.kkn-badge small{font:9px "DM Sans",sans-serif;letter-spacing:3px;margin-top:15px}.kkn-copy{padding:85px 12%}.kkn h2{font-size:46px}.kkn-copy>p:not(.eyebrow){font-size:13px;color:#777970;max-width:530px;margin:23px 0}.members{display:grid;grid-template-columns:1fr 1fr;gap:13px}.members>div{border-top:1px solid #dedbd0;padding-top:12px;display:flex;gap:9px;align-items:center}.members>b,.members>div>b{width:37px;height:37px;border-radius:50%;background:#d8e8d3;color:var(--dark);display:grid;place-items:center;font-size:9px}.members span{font-size:8px;color:#83847c}.members strong{display:block;font-size:11px;color:var(--brown)}
.video-section{padding:105px 8%;display:grid;grid-template-columns:.7fr 1.3fr;gap:70px;align-items:center}.video-section h2{font-size:50px}.video-section>div:first-child>p:last-child{font-size:12px;color:#777970;max-width:420px;margin-top:24px}.video-box{height:390px;border-radius:8px;overflow:hidden;position:relative;background:#1d3c2a;box-shadow:var(--shadow)}.video-box video{width:100%;height:100%;object-fit:cover}.video-box:has(video[src]){}.video-box video:not(:has(source)){}.video-box video{background:#1d3c2a}.video-box #videoEmpty{position:absolute;inset:0;display:grid;place-content:center;text-align:center;color:#edf4e9;background:linear-gradient(145deg,#375e44,#1d3b2b);pointer-events:none}.video-box.loaded #videoEmpty{display:none}.video-box #videoEmpty span{width:58px;height:58px;border-radius:50%;background:#e1f0df;color:var(--dark);display:grid;place-items:center;margin:auto;padding-left:3px}.video-box h3{font:600 24px "Playfair Display",serif;margin:15px 0 0}.video-box p{font-size:10px;color:#cbd9c8}
.cta{background:var(--dark);color:#edf5e9;text-align:center;padding:105px 20px}.cta .eyebrow{color:#bfd6bc}.cta h2{font-size:58px}.light{margin-top:27px;background:#f0f6ea;color:var(--dark)}
footer{padding:24px 7%;display:flex;justify-content:space-between;font-size:10px;color:#777b73;background:#edf2ea}

.login-modal{position:fixed;inset:0;z-index:100;background:#183526b8;backdrop-filter:blur(7px);display:none;place-items:center;padding:20px}.login-modal.show{display:grid}.login-card{width:min(420px,100%);background:var(--white);border-radius:10px;padding:38px;position:relative;box-shadow:0 30px 80px #102c1d55}.close{position:absolute;right:18px;top:13px;border:0;background:transparent;font-size:28px}.login-logo{display:grid;place-items:center;width:45px;height:45px;border:1px solid var(--dark);border-radius:50%;font-size:10px;color:var(--dark);margin-bottom:24px}.login-card h2{font-size:32px}.login-card>p:not(.eyebrow){font-size:12px;color:var(--muted);margin:10px 0 24px}.login-card label,.panel label{display:block;font-size:10px;font-weight:700;margin-bottom:13px}.login-card input,.panel input,.panel select,.report-filter select{width:100%;margin-top:6px;border:1px solid #d8e2d5;background:#fbfcf8;padding:11px;border-radius:4px;outline:none;font-size:12px}.login-card input:focus,.panel input:focus,.panel select:focus{border-color:var(--green)}.login-card .btn{width:100%;margin-top:5px}.demo{display:block;text-align:center;color:#888b83;margin-top:15px;font-size:9px}.demo b{color:var(--dark)}#loginError{color:#a4574d;text-align:center;font-size:10px;margin-top:10px}

.admin-page{display:none;min-height:100vh;background:#f2f6ee;padding:45px 6%;}.admin-page.active{display:block}.admin-top{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px}.admin-top h1{font-size:47px}.admin-top p:not(.eyebrow){color:var(--muted);font-size:12px}.ghost{background:white;border:1px solid var(--line);color:var(--dark);margin-right:7px}.danger{background:#a4574d;color:white}.summary{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.summary>div{background:var(--white);border:1px solid var(--line);padding:20px;border-radius:7px}.summary small{display:block;color:#81857d;font-size:9px;text-transform:uppercase;letter-spacing:1px}.summary strong{font:600 29px "Playfair Display",serif;color:var(--dark)}.admin-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:18px}.panel{background:var(--white);border:1px solid var(--line);border-radius:8px;padding:22px;margin-bottom:18px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}.panel h2{font-size:24px}.panel-head>span{font-size:8px;color:var(--green-dark);background:#e4f1e0;padding:5px 8px;border-radius:20px}.stock-table,.report-table{width:100%;overflow:auto}.table{width:100%;border-collapse:collapse;font-size:10px}.table th{text-align:left;color:#7c8078;font-size:8px;text-transform:uppercase;letter-spacing:.7px;background:#f1f5ed}.table th,.table td{padding:11px;border-bottom:1px solid #e7ece3;white-space:nowrap}.stock-num{font-weight:700;color:var(--dark)}.low{color:#a4574d}.mini{border:1px solid var(--line);background:#fff;padding:7px 9px;border-radius:4px;font-size:9px}.report-filter{display:flex;gap:8px;margin-bottom:15px}.report-filter select,.report-filter input{width:auto;margin:0}.report-filter input{flex:1}.in{color:#3f7950;font-weight:700}.out{color:#a4574d;font-weight:700}.empty-admin{text-align:center;color:#888;font-size:11px;padding:30px}

.cart-panel{position:fixed;right:-420px;top:0;width:390px;height:100vh;background:var(--white);z-index:90;padding:28px;box-shadow:-20px 0 60px #0002;transition:.3s;display:flex;flex-direction:column}.cart-panel.open{right:0}.cart-head{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:15px}.cart-head h2{font:600 27px "Playfair Display",serif;margin:0}.cart-head button{border:0;background:none;font-size:30px}.cart-items{flex:1;overflow:auto}.cart-row{display:grid;grid-template-columns:1fr auto;padding:15px 0;border-bottom:1px solid #edf0e9}.cart-row strong{font-size:12px}.cart-row small{display:block;color:#888;font-size:9px}.qty{display:flex;gap:7px;align-items:center}.qty button{width:24px;height:24px;border:1px solid var(--line);background:#fff}.cart-total{border-top:1px solid var(--line);padding:18px 0;display:flex;justify-content:space-between;font-size:12px}.overlay{position:fixed;inset:0;background:#1d342880;z-index:85;opacity:0;pointer-events:none;transition:.3s}.overlay.show{opacity:1;pointer-events:auto}.empty{text-align:center;color:#888;font-size:12px;padding:50px 0}
@media(max-width:1100px){nav{gap:10px}.products{grid-template-columns:repeat(3,1fr)}.hero-copy{padding-left:8%}.admin-grid{grid-template-columns:1fr}}
@media(max-width:760px){nav{display:none}.header{padding:0 5%}.hero{grid-template-columns:1fr}.hero-copy{padding:70px 8%}.hero-art{min-height:420px}.heading{display:block}.heading h2,.advantages h2,.kkn h2,.video-section h2{font-size:40px}.heading>p{margin-top:20px}.products{grid-template-columns:repeat(2,1fr)}.advantages{grid-template-columns:1fr;gap:45px;padding:75px 8%}.adv-grid{grid-template-columns:1fr}.people{grid-template-columns:1fr}.kkn{grid-template-columns:1fr}.kkn-art{min-height:380px}.kkn-copy{padding:70px 8%}.video-section{grid-template-columns:1fr;padding:75px 6%;gap:35px}.video-box{height:300px}.summary{grid-template-columns:1fr 1fr}.admin-top{align-items:flex-start;flex-direction:column}.admin-top h1{font-size:40px}.admin-page{padding:35px 5%}}
@media(max-width:480px){.hero h1{font-size:43px}.hero-actions{flex-direction:column;align-items:flex-start}.products{grid-template-columns:1fr}.filters{overflow:auto}.filter{white-space:nowrap}.summary{grid-template-columns:1fr 1fr}.cart-panel{width:min(390px,92vw)}.report-filter{flex-direction:column}.report-filter select,.report-filter input{width:100%}}