:root{--green:#6EB643;--green-600:#5B9E34;--green-700:#4A8329;--green-900:#2C4D1C;--green-tint:#EAF3E1;--green-tint-2:#F2F7EC;--ink:#1A1A1A;--ink-soft:#3b4036;--muted:#717869;--muted-2:#9aa093;--line:#e9e8df;--line-strong:#dcdacd;--cream:#FAF8F3;--card:#ffffff;--sand:#F2EFE6;--amber:#E0883A;--berry:#C0492F;--white:#fff;--r-xs:8px;--r-sm:12px;--r:16px;--r-lg:22px;--r-xl:28px;--pill:999px;--sh-1:0 1px 2px rgba(31,40,20,.06);--sh-2:0 6px 18px rgba(31,40,20,.08);--sh-3:0 14px 40px rgba(31,40,20,.14);--sh-green:0 10px 24px rgba(110,182,67,.35);--app-max:540px;--nav-h:64px;--header-h:58px;--gut:16px;--font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;--font-display:"Trebuchet MS",var(--font);--ease:cubic-bezier(.22,.61,.36,1)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0}html,body{background:var(--sand);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}ul{margin:0;padding:0;list-style:none}:focus-visible{outline:2px solid var(--green-700);outline-offset:2px}::selection{background:var(--green-tint);color:var(--green-900)}.app{max-width:var(--app-max);margin:0 auto;min-height:100dvh;background:var(--cream);position:relative;box-shadow:var(--sh-2);overflow-x:hidden}.app-main{padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom) + 14px)}.container{padding-inline:var(--gut)}.section{margin-top:26px}.section-head{display:flex;align-items:baseline;justify-content:space-between;padding-inline:var(--gut);margin-bottom:12px}.section-head h2{font:700 1.18rem/1.15 var(--font-display);margin:0;letter-spacing:-.2px}.section-head .link{color:var(--green-700);font-weight:600;font-size:.86rem}.eyebrow{color:var(--green-700);font-weight:700;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}.header{position:sticky;top:0;z-index:40;height:var(--header-h);display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 var(--gut);background:#faf8f3db;backdrop-filter:saturate(140%) blur(12px);border-bottom:1px solid transparent;transition:border-color .25s,box-shadow .25s}.header.scrolled{border-color:var(--line);box-shadow:var(--sh-1)}.header .brand{display:flex;align-items:center;gap:8px}.header .brand img{height:36px;width:auto}.header .h-actions{display:flex;align-items:center;gap:4px}.icon-btn{position:relative;width:42px;height:42px;display:grid;place-items:center;border:none;background:transparent;border-radius:var(--pill);color:var(--ink)}.icon-btn:active{background:var(--green-tint)}.icon-btn svg{width:23px;height:23px}.badge{position:absolute;top:4px;right:4px;min-width:18px;height:18px;padding:0 5px;background:var(--berry);color:#fff;font-size:.66rem;font-weight:700;border-radius:var(--pill);display:grid;place-items:center;line-height:1;box-shadow:0 0 0 2px var(--cream)}.hero{margin:14px var(--gut) 0;border-radius:var(--r-xl);padding:26px 22px 24px;color:#fff;background:radial-gradient(120% 120% at 0% 0%,#7ec24f,#5b9e34 55%,#4a8329);position:relative;overflow:hidden;box-shadow:var(--sh-green)}.hero:after{content:"";position:absolute;inset:0;opacity:.16;pointer-events:none;background-image:radial-gradient(circle at 85% 15%,#fff 0 2px,transparent 3px),radial-gradient(circle at 70% 80%,#fff 0 2px,transparent 3px);background-size:120px 120px}.hero .logo-w{height:46px;width:auto;margin-bottom:14px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.18))}.hero h1{font:700 1.5rem/1.18 var(--font-display);margin:0 0 8px;letter-spacing:-.4px;max-width:18ch}.hero p{margin:0 0 18px;opacity:.95;font-size:.95rem;max-width:30ch}.hero .row{display:flex;gap:10px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;font-weight:700;border-radius:var(--pill);padding:13px 20px;font-size:.95rem;line-height:1;transition:transform .12s var(--ease),box-shadow .2s,background .2s}.btn:active{transform:translateY(1px) scale(.99)}.btn-primary{background:var(--green);color:#fff;box-shadow:var(--sh-green)}.btn-primary:hover{background:var(--green-600)}.btn-light{background:#fff;color:var(--green-900)}.btn-ghost{background:#ffffff29;color:#fff;border:1.5px solid rgba(255,255,255,.55)}.btn-outline{background:#fff;color:var(--green-900);border:1.5px solid var(--line-strong)}.btn-wa{background:#25d366;color:#0b3d20;box-shadow:0 10px 24px #25d36659}.btn-wa:hover{background:#1ebe5b}.btn-block{width:100%}.btn-lg{padding:16px 22px;font-size:1rem}.btn[disabled]{opacity:.5;pointer-events:none}.chips{display:flex;gap:9px;overflow-x:auto;padding:2px var(--gut) 4px;scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x proximity}.chips::-webkit-scrollbar{display:none}.chip{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--line);color:var(--ink-soft);padding:9px 14px;border-radius:var(--pill);font-size:.86rem;font-weight:600;box-shadow:var(--sh-1);scroll-snap-align:start;transition:.18s}.chip .em{font-size:1rem;line-height:1}.chip.active{background:var(--green-900);color:#fff;border-color:var(--green-900)}.chip:active{transform:scale(.97)}.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding-inline:var(--gut)}.cat-tile{display:flex;flex-direction:column;align-items:center;gap:6px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:12px 6px;box-shadow:var(--sh-1);text-align:center}.cat-tile .em{font-size:1.5rem}.cat-tile span{font-size:.7rem;font-weight:600;color:var(--ink-soft);line-height:1.1}.cat-tile:active{transform:scale(.97);background:var(--green-tint-2)}.p-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;padding-inline:var(--gut)}.p-rail{display:flex;gap:14px;overflow-x:auto;padding:2px var(--gut) 6px;scrollbar-width:none;scroll-snap-type:x proximity}.p-rail::-webkit-scrollbar{display:none}.p-rail .card{flex:0 0 60%;max-width:210px;scroll-snap-align:start}.card{background:var(--card);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh-1);border:1px solid var(--line);display:flex;flex-direction:column;position:relative;transition:.2s}.card:active{transform:scale(.985)}.card .thumb{position:relative;aspect-ratio:1/1;background:var(--green-tint-2);overflow:hidden}.card .thumb img{width:100%;height:100%;object-fit:cover}.card .flag{position:absolute;top:8px;left:8px;background:var(--amber);color:#fff;font-size:.66rem;font-weight:800;padding:4px 8px;border-radius:var(--pill);letter-spacing:.02em;box-shadow:var(--sh-1)}.card .add{position:absolute;right:8px;bottom:8px;width:36px;height:36px;border-radius:var(--pill);border:none;background:var(--green);color:#fff;display:grid;place-items:center;box-shadow:var(--sh-green)}.card .add:active{transform:scale(.9)}.card .add svg{width:20px;height:20px}.card .body{padding:10px 11px 12px;display:flex;flex-direction:column;gap:6px;flex:1}.card .cat{font-size:.68rem;font-weight:700;color:var(--green-700);text-transform:uppercase;letter-spacing:.06em}.card .title{font-size:.84rem;font-weight:600;line-height:1.25;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.1em}.card .rate{display:flex;align-items:center;gap:3px;font-size:.72rem;color:var(--muted)}.card .rate svg{width:13px;height:13px;color:#f0a93a}.price{display:flex;align-items:baseline;gap:7px;margin-top:auto}.price .now{font-weight:800;color:var(--green-900);font-size:1rem}.price .was{color:var(--muted-2);text-decoration:line-through;font-size:.78rem}.searchbar{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);border-radius:var(--pill);padding:11px 16px;box-shadow:var(--sh-1);margin:0 var(--gut)}.searchbar svg{width:19px;height:19px;color:var(--muted);flex:0 0 auto}.searchbar input{border:none;outline:none;flex:1;font-size:.95rem;background:transparent;color:var(--ink)}.searchbar input::placeholder{color:var(--muted-2)}.pd-gallery{position:relative;background:var(--green-tint-2)}.pd-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.pd-track::-webkit-scrollbar{display:none}.pd-track img{flex:0 0 100%;aspect-ratio:1/1;object-fit:cover;scroll-snap-align:center}.pd-dots{position:absolute;bottom:10px;left:0;right:0;display:flex;justify-content:center;gap:6px}.pd-dots i{width:7px;height:7px;border-radius:50%;background:#00000038}.pd-dots i.on{background:var(--green)}.pd-back{position:absolute;top:12px;left:12px;z-index:5;width:40px;height:40px;border-radius:var(--pill);background:#ffffffe6;backdrop-filter:blur(6px);border:none;display:grid;place-items:center;box-shadow:var(--sh-1)}.pd-back svg{width:22px;height:22px}.pd-body{padding:18px var(--gut) 20px}.pd-body .cat{color:var(--green-700);font-weight:700;font-size:.74rem;letter-spacing:.06em;text-transform:uppercase}.pd-body h1{font:700 1.32rem/1.25 var(--font-display);margin:6px 0 10px;letter-spacing:-.3px}.pd-price{display:flex;align-items:baseline;gap:10px;margin:6px 0 14px}.pd-price .now{font-size:1.6rem;font-weight:800;color:var(--green-900)}.pd-price .was{color:var(--muted-2);text-decoration:line-through}.pd-price .off{background:var(--amber);color:#fff;font-size:.74rem;font-weight:800;padding:3px 8px;border-radius:var(--pill)}.pd-desc{color:var(--ink-soft);font-size:.95rem;line-height:1.6}.pd-meta{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.tagpill{background:var(--green-tint);color:var(--green-900);font-size:.74rem;font-weight:600;padding:6px 11px;border-radius:var(--pill)}.pd-trust{display:flex;gap:14px;margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}.pd-trust div{flex:1;text-align:center;font-size:.72rem;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:6px}.pd-trust svg{width:22px;height:22px;color:var(--green-700)}.buybar{position:fixed;left:0;right:0;bottom:0;z-index:45;max-width:var(--app-max);margin:0 auto;background:#fffffff0;backdrop-filter:blur(12px);border-top:1px solid var(--line);padding:12px var(--gut);padding-bottom:calc(12px + env(safe-area-inset-bottom));display:flex;gap:10px;align-items:center}.buybar .qty{flex:0 0 auto}.buybar .btn{flex:1}.qty{display:inline-flex;align-items:center;background:#fff;border:1px solid var(--line-strong);border-radius:var(--pill);overflow:hidden}.qty button{width:40px;height:44px;border:none;background:transparent;font-size:1.3rem;color:var(--green-900);display:grid;place-items:center}.qty button:active{background:var(--green-tint)}.qty span{min-width:30px;text-align:center;font-weight:700}.cart-list{padding:8px var(--gut) 0;display:flex;flex-direction:column;gap:12px}.cart-item{display:flex;gap:12px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:10px;box-shadow:var(--sh-1)}.cart-item img{width:74px;height:74px;border-radius:var(--r-sm);object-fit:cover;background:var(--green-tint-2);flex:0 0 auto}.cart-item .ci-body{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}.cart-item .ci-title{font-size:.86rem;font-weight:600;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cart-item .ci-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto}.cart-item .ci-price{font-weight:800;color:var(--green-900)}.link-del{background:none;border:none;color:var(--muted);font-size:.78rem;display:inline-flex;align-items:center;gap:4px;padding:4px}.link-del svg{width:15px;height:15px}.summary{margin:18px var(--gut) 0;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:16px;box-shadow:var(--sh-1)}.summary .line{display:flex;justify-content:space-between;font-size:.92rem;color:var(--ink-soft);margin-bottom:8px}.summary .total{display:flex;justify-content:space-between;align-items:baseline;font-weight:800;font-size:1.15rem;color:var(--green-900);padding-top:10px;border-top:1px dashed var(--line-strong)}.note{font-size:.78rem;color:var(--muted);text-align:center;margin-top:10px}.empty{text-align:center;padding:60px 30px;color:var(--muted)}.empty .em{font-size:3rem;display:block;margin-bottom:10px}.empty h3{color:var(--ink);margin:0 0 6px;font-size:1.05rem}.empty p{margin:0 0 18px;font-size:.9rem}.bottomnav{position:fixed;left:0;right:0;bottom:0;z-index:50;max-width:var(--app-max);margin:0 auto;height:calc(var(--nav-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#ffffffeb;backdrop-filter:saturate(150%) blur(14px);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr)}.navitem{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--muted);font-size:.66rem;font-weight:600;border:none;background:none;position:relative}.navitem svg{width:24px;height:24px;transition:transform .18s var(--ease)}.navitem.active{color:var(--green-700)}.navitem.active svg{transform:translateY(-1px)}.navitem .badge{top:2px;right:50%;margin-right:-22px}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(var(--nav-h) + 18px + env(safe-area-inset-bottom));z-index:60;background:var(--green-900);color:#fff;padding:12px 18px;border-radius:var(--pill);font-size:.88rem;font-weight:600;box-shadow:var(--sh-3);display:flex;align-items:center;gap:8px;max-width:90%;animation:toastin .3s var(--ease)}.toast svg{width:18px;height:18px}@keyframes toastin{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.install{margin:16px var(--gut);background:var(--green-900);color:#fff;border-radius:var(--r-lg);padding:14px 16px;display:flex;align-items:center;gap:12px;box-shadow:var(--sh-2)}.install .ic{width:42px;height:42px;border-radius:12px;flex:0 0 auto}.install .it{flex:1}.install .it b{display:block;font-size:.92rem}.install .it span{font-size:.78rem;opacity:.85}.install .x{background:none;border:none;color:#ffffffb3;font-size:1.2rem;padding:4px}.footer{padding:26px var(--gut) 30px;color:var(--muted);text-align:center;font-size:.8rem}.footer img{height:30px;margin:0 auto 10px;opacity:.9}.footer .soc{display:flex;justify-content:center;gap:14px;margin:12px 0}.footer .soc a{width:38px;height:38px;border-radius:var(--pill);background:#fff;border:1px solid var(--line);display:grid;place-items:center;color:var(--green-900)}.footer .soc svg{width:19px;height:19px}.skeleton{background:linear-gradient(100deg,#eee 30%,#f6f6f2,#eee 70%);background-size:200% 100%;animation:sk 1.2s infinite}@keyframes sk{to{background-position:-200% 0}}@media (min-width:480px){.cat-grid{grid-template-columns:repeat(5,1fr)}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.buybar.above-nav{bottom:calc(var(--nav-h) + env(safe-area-inset-bottom));border-top:1px solid var(--line)}