:root{--g:#2d6b4f;--g2:#1f5640;--o:#f2622f;--y:#f5b72f;--bg:#fff;--bg2:#f6f6f4;--t:#1c2620;--m:#6b756f;--l:#e6e8e5;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#101914;--bg2:#17231b;--t:#eef2ee;--m:#a5b2a9;--l:#2a3a30;color-scheme:dark}:root:not([data-theme="light"]) .brand{background:#fff;border-radius:8px;padding:2px 8px}}
:root[data-theme="dark"]{--bg:#101914;--bg2:#17231b;--t:#eef2ee;--m:#a5b2a9;--l:#2a3a30;color-scheme:dark}
*{box-sizing:border-box}html{scroll-padding-top:env(safe-area-inset-top,0px)}body{margin:0;font:400 15px/1.55 Poppins,system-ui,sans-serif;background:var(--bg);color:var(--t)}
a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}img{display:block;max-width:100%}
.w{max-width:1140px;margin:0 auto;padding:0 20px}svg{flex:none}
#sp{position:fixed;inset:0;z-index:100;background:#fff;display:grid;place-items:center;transition:transform .8s cubic-bezier(.7,0,.2,1)}#sp.gone{transform:translateY(-100%)}
#sp img{width:150px;animation:pop 1s cubic-bezier(.2,.9,.3,1.2) both}#sp i{display:block;height:3px;width:150px;margin:18px auto 0;background:#e6e8e5;border-radius:3px;overflow:hidden}#sp i:after{content:"";display:block;height:100%;background:var(--o);animation:bar 1.5s ease-out forwards}
@keyframes pop{from{opacity:0;transform:scale(.6) rotate(-6deg)}}@keyframes bar{from{width:0}to{width:100%}}@keyframes inn{from{opacity:0;transform:translateY(16px)}}
#app{min-height:60vh}#app.out{opacity:0;transform:translateY(14px);transition:.22s}#app.in{animation:inn .45s ease both}
header{position:sticky;top:0;z-index:20;background:var(--bg);border-bottom:1px solid var(--l)}header:before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);background:var(--bg);z-index:-1}
.nav{display:flex;align-items:center;gap:26px;height:68px}.nav .brand img{height:46px}.links{display:flex;gap:26px;font-size:13px;font-weight:500}.links a{padding:4px 0;border-bottom:2px solid transparent}.links a.on{border-color:var(--o)}
.sq{margin-left:auto;display:flex;align-items:center;gap:8px;border:1px solid var(--l);border-radius:99px;padding:6px 14px;width:200px;color:var(--m)}.sq input{border:0;background:none;outline:0;width:100%;font-size:13px}
.cb{position:relative;width:40px;height:40px;background:none;color:var(--t);border:0;padding:0;line-height:0;display:grid;place-items:center;cursor:pointer}.cb b{position:absolute;top:0;right:0;line-height:1;background:var(--o);color:#fff;font-size:10px;min-width:17px;height:17px;border-radius:9px;display:grid;place-items:center}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--o);color:#fff;padding:11px 22px;border-radius:8px;font-weight:600;font-size:13px;border:0;cursor:pointer}.btn.dk{background:var(--g2)}.btn.ln{background:none;border:1px solid var(--l);color:var(--t)}.btn.full{width:100%}
.hm{display:none;background:none;border:0;cursor:pointer}
.hero{background:linear-gradient(120deg,var(--g2),var(--g));color:#fff;border-radius:22px;margin:22px 0;display:grid;grid-template-columns:1.05fr .95fr;overflow:hidden;position:relative}.hero>div{padding:56px 44px}.hero h1{font-size:clamp(32px,5vw,52px);line-height:1.1;margin:14px 0}.hero h1 em{font-style:normal;color:#d4f23a}.hero p{opacity:.9;max-width:420px;margin:0 0 26px;font-size:13px}
.pill{display:inline-flex;gap:8px;align-items:center;background:rgba(255,255,255,.16);padding:5px 12px;border-radius:99px;font-size:10px;letter-spacing:.06em;font-weight:600}
.hi{position:relative;min-height:300px}.hi img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;clip-path:ellipse(80% 100% at 100% 50%)}
.fl{position:absolute;left:0;bottom:28px;background:#fff;color:#1c2620;border-radius:10px;padding:10px 14px;display:flex;gap:10px;align-items:center;font-size:11px;box-shadow:0 8px 24px rgba(0,0,0,.18)}.fl span{width:30px;height:30px;border-radius:50%;background:var(--g);color:#fff;display:grid;place-items:center}.fl b{display:block;font-size:12px}
.fr{position:absolute;right:20px;top:32px;background:#fff;color:#1c2620;border-radius:12px;padding:8px 12px;font-size:10px;text-align:center}.fr b{display:block;color:var(--g)}
h2{font-size:clamp(22px,3.2vw,32px);line-height:1.2;margin:0 0 8px}.sec{padding:40px 0}.c{text-align:center}.lab{color:var(--o);font-size:10px;font-weight:600}
.cats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:22px}.cat{background:var(--bg);border:1px solid var(--l);border-radius:8px;padding:22px 10px;text-align:center;cursor:pointer;transition:.25s}.cat:hover,.cat.on{box-shadow:0 12px 26px rgba(0,0,0,.1);transform:translateY(-3px);border-color:var(--g)}.cat s{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#eaf3d9;color:var(--g);margin:0 auto 10px;text-decoration:none}.cat b{display:block;font-size:12px}.cat small{color:var(--m);font-size:11px}
.show{background:var(--bg2);border-radius:20px;display:grid;grid-template-columns:1fr 1fr;align-items:center;overflow:hidden}.show img{width:100%;height:100%;min-height:260px;object-fit:cover}.show>div{padding:40px}.show p{color:var(--m);font-size:13px}.ck{list-style:none;padding:0;margin:16px 0 22px}.ck li{display:flex;gap:10px;align-items:center;font-size:12px;color:var(--m);margin:8px 0}.ck svg{color:#fff;background:var(--o);border-radius:50%;padding:3px}
.why{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.why img{border-radius:20px;width:100%;height:380px;object-fit:cover}.fr2{display:flex;gap:14px;align-items:center;background:var(--bg);box-shadow:0 4px 16px rgba(0,0,0,.07);border-radius:10px;padding:14px 16px;margin:12px 0;font-size:13px}.fr2 svg{color:var(--g)}
.top{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px}.ar{display:flex;gap:10px}.ar button{width:38px;height:38px;border-radius:50%;border:1px solid var(--l);background:var(--bg);cursor:pointer;display:grid;place-items:center}.ar button+button{background:var(--g);color:#fff;border-color:var(--g)}
.sl{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:6px 2px 18px}.sl .card{flex:0 0 min(230px,70%);scroll-snap-align:start}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}
.card{background:var(--bg);border-radius:14px;padding:12px;box-shadow:0 6px 22px rgba(0,0,0,.08);transition:.25s}.card:hover{transform:translateY(-4px)}.im img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px}.card h3{font-size:14px;margin:10px 2px 4px;min-height:42px}.pr{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--m)}.pr b{color:var(--t);font-size:15px}
.rb{width:34px;height:34px;border-radius:50%;border:0;background:var(--g);color:#fff;display:grid;place-items:center;cursor:pointer}
.ban{background:var(--g);color:#fff;border-radius:20px;padding:44px;display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}.ban h2{color:#fff}.ban b{color:var(--y)}.ban img{border-radius:14px;height:190px;width:100%;object-fit:cover}
.faq{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.faq img{border-radius:20px;height:360px;width:100%;object-fit:cover}details{background:var(--bg2);border-radius:10px;padding:14px 18px;margin:10px 0;font-size:13px}summary{cursor:pointer;font-weight:500}details p{color:var(--m);margin:8px 0 0}
.nl{background:linear-gradient(120deg,var(--g2),var(--g));color:#fff;border-radius:20px;padding:44px;text-align:center}.nl h2{color:#fff;max-width:420px;margin:6px auto 18px}
footer{background:var(--bg2);margin-top:50px;padding:40px 0 22px;font-size:13px}.fg{display:grid;grid-template-columns:1.2fr 1fr 1fr 1.2fr;gap:28px}footer h4{margin:0 0 12px;font-size:15px}footer a,footer span.r{display:flex;gap:8px;align-items:flex-start;margin:7px 0;color:var(--m)}footer .brand img{height:50px}.so{display:flex;gap:10px;margin-top:14px}.so a{width:34px;height:34px;border-radius:50%;background:var(--bg);display:grid;place-items:center;margin:0;color:var(--g)}.cp{text-align:center;color:var(--m);font-size:11px;margin-top:26px}
.ph{padding:26px 0 6px}.ph p{color:var(--m);margin:0}.bar{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.chip{border:1px solid var(--l);background:var(--bg);border-radius:99px;padding:7px 16px;font-size:12px;cursor:pointer}.chip.on{background:var(--g);color:#fff;border-color:var(--g)}.bar .sq{margin-left:auto;width:240px}
.pd{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:20px 0}.pd>img{width:100%;border-radius:18px;aspect-ratio:1;object-fit:cover}.big{font-size:28px;font-weight:700;color:var(--g);margin:6px 0 14px}.tiers{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 18px}.tiers .chip small{display:block;color:inherit;opacity:.75}.qty{display:inline-flex;align-items:center;border:1px solid var(--l);border-radius:8px}.qty button{width:32px;height:32px;border:0;background:none;cursor:pointer;font-size:16px}.qty span{min-width:26px;text-align:center}.acts{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px;align-items:center}
.dl{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:22px 0}.dl div{background:var(--bg2);border-radius:14px;padding:22px;text-align:center;font-weight:600}.dl small{display:block;color:var(--m);font-weight:400;font-size:12px}
.cg{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin:22px 0}.cg>*{background:var(--bg2);border-radius:14px;padding:22px;display:block}.cg svg{color:var(--g);margin-bottom:8px}
.ck2{display:grid;grid-template-columns:1.3fr 1fr;gap:30px;padding:16px 0}.fm{display:grid;grid-template-columns:1fr 1fr;gap:12px}.fm .f{grid-column:1/-1}label{font-size:12px;color:var(--m);display:block}input,select,textarea{width:100%;border:1px solid var(--l);background:var(--bg);border-radius:8px;padding:10px 12px;margin-top:4px;outline:0}input:focus,select:focus,textarea:focus{border-color:var(--g)}.sm{background:var(--bg2);border-radius:14px;padding:20px;align-self:start}.sm div{display:flex;justify-content:space-between;gap:10px;padding:6px 0;font-size:13px}.pay{border:1px solid var(--l);border-radius:10px;padding:12px;display:flex;gap:10px;align-items:center;margin:8px 0;font-size:13px}.pay input{width:auto;margin:0}
#ov{position:fixed;inset:0;background:rgba(10,20,14,.5);opacity:0;pointer-events:none;transition:.3s;z-index:40}#ov.open{opacity:1;pointer-events:auto}
#dr{position:fixed;top:0;right:0;bottom:0;width:min(420px,100%);background:var(--bg);z-index:50;transform:translateX(100%);transition:transform .4s cubic-bezier(.7,0,.2,1);display:flex;flex-direction:column;padding-top:env(safe-area-inset-top,0px)}#dr.open{transform:none}.dh{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid var(--l);font-weight:600}#cb{flex:1;overflow:auto;padding:10px 20px}.ci{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--l);font-size:13px}.ci img{width:60px;height:60px;border-radius:10px;object-fit:cover}.ci>div{flex:1}.ci small{display:block;color:var(--m)}.ic{background:none;border:0;cursor:pointer;color:var(--m)}.empty{text-align:center;color:var(--m);padding:40px 0}.df{padding:16px 20px calc(16px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--l)}.df p{display:flex;justify-content:space-between;margin:0 0 10px;font-weight:600}
#md{position:fixed;left:50%;top:50%;z-index:60;width:min(480px,94vw);max-height:90vh;overflow:auto;background:var(--bg);border-radius:18px;padding:24px;transform:translate(-50%,-46%) scale(.94);opacity:0;pointer-events:none;transition:.3s}#md.open{transform:translate(-50%,-50%);opacity:1;pointer-events:auto}#md .fm{margin:14px 0}
#ts{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));transform:translate(-50%,30px);background:var(--g2);color:#fff;padding:10px 18px;border-radius:99px;font-size:13px;opacity:0;transition:.3s;z-index:70}#ts.on{opacity:1;transform:translate(-50%,0)}
@media(max-width:860px){.links,.nav .sq{display:none}.hm{display:grid;margin-left:auto;order:5}.nav{gap:12px}.nav .btn.dk{display:none}.links.open{display:flex;flex-direction:column;position:absolute;top:68px;left:0;right:0;background:var(--bg);padding:10px 20px 18px;border-bottom:1px solid var(--l);gap:4px}.links.open a{padding:10px 0}.hero,.show,.why,.faq,.ban,.pd,.ck2{grid-template-columns:1fr}.hero>div{padding:34px 24px}.hi{min-height:240px}.cats{grid-template-columns:repeat(2,1fr)}.fg{grid-template-columns:1fr 1fr}.dl{grid-template-columns:1fr}.bar .sq{width:100%;margin:0}.why img,.faq img{height:240px}}
.rv{opacity:0;transform:translate3d(0,32px,0);transition:opacity .8s ease-out,transform .8s ease-out;will-change:opacity,transform}.rv.in{opacity:1;transform:none}[data-px]{translate:0 calc(var(--py,0)*1px)}.hi img[data-px]{transform:scale(1.1)}
@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}[data-px]{translate:none}*{animation-duration:.01s!important;transition-duration:.01s!important}}

footer .fg{align-items:start}.fg>div{min-width:0}footer h4{margin:4px 0 14px}footer a,footer span.r{margin:0 0 10px;line-height:1.5}footer .brand{display:block;margin:0 0 4px}footer .so{margin-top:12px}footer .so a{margin:0}.cp{border-top:1px solid var(--l);padding-top:18px}
.ab{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:10px 0 30px}.ab img{width:100%;height:340px;object-fit:cover;border-radius:20px}.ab p{color:var(--m)}
@media(max-width:860px){.ab{grid-template-columns:1fr}.ab img{height:240px}}