:root{--green:#189a46;--green-dark:#0e7a35;--green-pale:#e7f6ec;--black:#111511;--grey:#6b7280;--border:#e5e7eb;--surface:#f7f8f7;--danger:#dc2626;--amber:#f59e0b;--gold:#b8860b;--radius:14px;--radius-lg:18px;--tabbar-h:0px;color:var(--black);-webkit-font-smoothing:antialiased;background:#fff;font-family:Montserrat,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}@media (width<=820px){:root{--tabbar-h:64px}}*,:before,:after{box-sizing:border-box}body{background:#fff;margin:0}img{max-width:100%;display:block}a{color:var(--green);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{letter-spacing:-.01em;margin:0 0 10px;line-height:1.2}h1{font-size:1.6rem;font-weight:800}h2{font-size:1.2rem;font-weight:700}h3{font-size:1rem;font-weight:700}p{margin:0 0 12px}input,select,button{font:inherit;color:inherit}button{cursor:pointer}.muted{color:var(--grey)}.small{font-size:.82rem}.tight{margin-top:-6px}.center{text-align:center}.pad{padding:24px 0}.accent{color:var(--green)}.strong{font-weight:700}.green{color:var(--green)}.amber{color:#b45309}.danger{color:var(--danger)}.link{color:var(--green);background:0 0;border:0;padding:0;font-size:.88rem;font-weight:600}.link.danger{color:var(--danger)}.stack{gap:12px;display:grid}.row-gap{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.row-gap.end{justify-content:flex-end}.row-gap.center{justify-content:center}.two-col{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=520px){.two-col{grid-template-columns:1fr}}.wrap{width:100%;max-width:1120px;margin:0 auto;padding:0 16px}.app{flex-direction:column;min-height:100svh;display:flex}.app-header{z-index:30;border-bottom:1px solid var(--border);background:#fff;position:sticky;top:0}.header-row{flex-wrap:wrap;align-items:center;gap:16px;min-height:64px;padding-top:8px;padding-bottom:8px;display:flex}.wordmark{letter-spacing:-.04em;color:var(--green);font-size:1.5rem;font-weight:800}.wordmark:hover{text-decoration:none}.search{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-width:200px;color:var(--grey);flex:1;align-items:center;gap:8px;padding:0 12px;display:flex}.search input{color:var(--black);background:0 0;border:0;outline:none;flex:1;padding:11px 0}.icon-btn{color:var(--grey);background:0 0;border:0;border-radius:50%;place-items:center;padding:6px;display:inline-grid}.icon-btn:hover{background:var(--surface)}.desk-nav{gap:4px;display:none}.desk-nav a,.tabbar a{color:var(--grey);border-radius:10px;align-items:center;gap:8px;padding:8px 12px;font-size:.88rem;font-weight:600;display:flex}.desk-nav a:hover{background:var(--surface);text-decoration:none}.desk-nav a.active,.tabbar a.active{color:var(--green)}.nav-icon{display:inline-grid;position:relative}.count{background:var(--danger);color:#fff;border-radius:9px;place-items:center;min-width:17px;height:17px;padding:0 4px;font-size:.65rem;font-weight:700;display:grid;position:absolute;top:-7px;right:-9px}@media (width>=821px){.desk-nav{display:flex}.search{order:2}.desk-nav{order:3}}.tabbar{height:var(--tabbar-h);border-top:1px solid var(--border);z-index:40;background:#fff;display:flex;position:fixed;bottom:0;left:0;right:0}@media (width>=821px){.tabbar{display:none}}.tabbar a{flex-direction:column;flex:1;justify-content:center;gap:2px;padding:6px 0;font-size:.68rem}.app-main{padding:16px 0 calc(var(--tabbar-h) + 24px);flex:1}.app-footer{border-top:1px solid var(--border);padding:16px 0 calc(var(--tabbar-h) + 16px);font-size:.8rem}.app-footer .wrap{flex-wrap:wrap;gap:8px 18px;display:flex}.app-footer a{color:var(--grey)}.page{gap:18px;display:grid}.page.narrow{max-width:640px;margin:0 auto}.page-title{margin:0}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.btn{border-radius:var(--radius);border:1.4px solid var(--green);background:var(--green);color:#fff;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:.92rem;font-weight:700;text-decoration:none;transition:background .15s;display:inline-flex}.btn:hover{background:var(--green-dark);text-decoration:none}.btn:disabled{opacity:.55;cursor:default}.btn.outline{color:var(--green);background:#fff}.btn.outline:hover{background:var(--green-pale)}.btn.light{color:var(--green-dark);background:#fff;border-color:#fff}.btn.danger{background:var(--danger);border-color:var(--danger)}.btn.text{color:var(--green);background:0 0;border-color:#0000;padding:8px 10px}.btn.text:hover{background:var(--green-pale)}.btn.text.danger{color:var(--danger)}.btn.text.danger:hover{background:#fef2f2}.btn.block{width:100%;display:flex}.btn.xs{border-radius:8px;padding:6px 12px;font-size:.78rem}.push-right{margin-left:auto}.field{gap:6px;margin-bottom:14px;display:grid}.field-label{font-size:.8rem;font-weight:600}.field-hint{color:var(--grey);font-size:.76rem}.field-error{color:var(--danger);font-size:.8rem}.field input,.field select,.delivery-form input,.inline-form input{background:var(--surface);border:1px solid var(--border);border-radius:12px;outline:none;width:100%;padding:12px 14px}.field input:focus,.field select:focus,.delivery-form input:focus,.inline-form input:focus,.phone-input:focus-within{border-color:var(--green);box-shadow:0 0 0 3px #189a4626}.field input:disabled{opacity:.6}.phone-input{background:var(--surface);border:1px solid var(--border);border-radius:12px;align-items:center;gap:8px;padding-left:14px;display:flex}.phone-input input{background:0 0;border:0;padding-left:0;box-shadow:none!important}.phone-input.locked{opacity:.7}.form{gap:4px;display:grid}.check{align-items:flex-start;gap:10px;margin:4px 0 12px;font-size:.88rem;display:flex}.check input{accent-color:var(--green);margin-top:3px}.inline-form,.delivery-form{flex-wrap:wrap;gap:8px;display:flex}.inline-form input,.delivery-form input{flex:1;min-width:140px}.card{border:1px solid var(--border);border-radius:var(--radius-lg);background:#fff;padding:16px}.card.pale{background:var(--green-pale);border-color:#189a4640}.card.list{padding:4px 16px}.chips{flex-wrap:wrap;gap:8px;margin:8px 0;display:flex}.chip{border:1.4px solid var(--border);color:var(--green-dark);background:#fff;border-radius:999px;padding:8px 16px;font-size:.86rem;font-weight:600;text-decoration:none}.chip:hover{background:var(--green-pale);text-decoration:none}.chip.on{background:var(--green);border-color:var(--green);color:#fff}.chips.small .chip{padding:5px 12px;font-size:.78rem}.badge{color:#fff;border-radius:8px;padding:3px 8px;font-size:.64rem;font-weight:700;display:inline-block}.badge.green{background:var(--green)}.badge.gold{background:var(--gold)}.badge.grey{background:var(--grey)}.badge.tiny{padding:1px 5px;font-size:.58rem}.badge.inline{margin-left:8px}.badge.floating{position:absolute;top:14px;right:14px}.alert{border-radius:10px;margin-bottom:12px;padding:10px 14px;font-size:.86rem}.alert.error{color:var(--danger);background:#dc26261a}.alert.warn{color:var(--green-dark);background:#f59e0b1f}.tabs{border-bottom:1px solid var(--border);display:flex}.tabs button{color:var(--grey);background:0 0;border:0;border-bottom:3px solid #0000;flex:1;padding:12px;font-weight:700}.tabs button.on{color:var(--green);border-bottom-color:var(--green)}.status{border-radius:20px;padding:3px 10px;font-size:.72rem;font-weight:700}.status.green{color:var(--green);background:#189a461f}.status.amber{color:#b45309;background:#f59e0b26}.status.red{color:var(--danger);background:#dc26261f}.status.grey{background:var(--surface);color:var(--grey)}.spinner-wrap{place-items:center;gap:10px;padding:48px 0;display:grid}.spinner{border:3px solid var(--green-pale);border-top-color:var(--green);border-radius:50%;width:34px;height:34px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty{text-align:center;justify-items:center;gap:4px;padding:48px 16px;display:grid}.empty-icon{background:var(--green-pale);width:72px;height:72px;color:var(--green);border-radius:50%;place-items:center;margin-bottom:8px;display:grid}.empty .btn{margin-top:10px}.empty-img{border-radius:16px;max-height:160px;margin:12px 0}.modal-backdrop{z-index:60;background:#00000073;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:20px;flex-direction:column;width:100%;max-width:440px;max-height:92svh;display:flex}.modal.wide{max-width:600px}.modal-head{justify-content:space-between;align-items:center;padding:16px 18px 4px;display:flex}.modal-head h3{margin:0;font-size:1.1rem}.modal-body{padding:8px 18px 18px;overflow-y:auto}.ad-img{border-radius:14px;width:100%;margin-bottom:12px}.toast{left:50%;bottom:calc(var(--tabbar-h) + 20px);background:var(--black);color:#fff;z-index:80;border-radius:12px;max-width:min(92vw,460px);padding:12px 18px;font-size:.88rem;position:fixed;transform:translate(-50%);box-shadow:0 8px 24px #00000040}.sticky-cta{bottom:calc(var(--tabbar-h) + 8px);z-index:10;background:#fff;padding:10px 0 4px;position:sticky}.section-title{justify-content:space-between;align-items:baseline;margin:8px 0 12px;display:flex}.section-title h2{margin:0}.banner-wrap{width:100%}.carousel{border-radius:var(--radius-lg);background:var(--surface);min-height:140px;position:relative;overflow:hidden}.carousel-track{transition:transform .45s;display:flex}.carousel-slide{min-width:100%}.banner{background:0 0;border:0;width:100%;padding:0;display:block}.banner img{object-fit:cover;object-position:center;width:100%;height:auto;max-height:460px}.carousel-dots{justify-content:center;gap:6px;display:flex;position:absolute;bottom:8px;left:0;right:0}.carousel-dots button{background:#ffffffb3;border:0;border-radius:50%;width:7px;height:7px;padding:0}.carousel-dots button.on{background:var(--green);border-radius:4px;width:18px}.category-row{scrollbar-width:thin;gap:12px;padding-bottom:6px;display:flex;overflow-x:auto}.category{border:1px solid var(--border);width:116px;color:var(--black);border-radius:18px;flex:none;overflow:hidden}.category:hover{border-color:var(--green);text-decoration:none}.category-img{background:var(--green-pale);height:90px;color:var(--green);place-items:center;display:grid}.category-img img{object-fit:cover;width:100%;height:100%}.category-name{justify-content:space-between;align-items:center;gap:6px;padding:10px;font-size:.8rem;font-weight:700;display:flex}.go{background:var(--green);color:#fff;border-radius:50%;flex:none;place-items:center;width:20px;height:20px;display:grid}.h-scroll{scrollbar-width:thin;gap:12px;padding-bottom:8px;display:flex;overflow-x:auto}.h-item{flex:none;width:180px}.grid-products{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;display:grid}.pcard{border:1px solid var(--border);background:#fff;border-radius:16px;flex-direction:column;height:100%;display:flex;overflow:hidden}.pcard-img{aspect-ratio:1/.9;background:var(--surface);display:block;position:relative}.pcard-img.wide{aspect-ratio:1.5}.pcard-img img{object-fit:cover;width:100%;height:100%}.thumb-fallback{background:var(--green-pale);width:100%;height:100%;color:var(--green);place-items:center;display:grid}.badges{justify-items:start;gap:4px;display:grid;position:absolute;top:8px;left:8px}.pcard-body{flex-direction:column;flex:1;gap:2px;padding:10px;display:flex}.pcard-name{color:var(--black);-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:.86rem;font-weight:600;display:-webkit-box;overflow:hidden}.pcard-name:hover{color:var(--green);text-decoration:none}.pcard-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;margin-top:auto;padding-top:6px;display:flex}.price{flex-wrap:wrap;align-items:baseline;gap:6px;display:flex}.price s{color:var(--grey);font-size:.75rem}.price.big strong{font-size:1.6rem}.stepper{background:var(--green);color:#fff;border-radius:10px;align-items:center;display:inline-flex;overflow:hidden}.stepper button{color:#fff;background:0 0;border:0;place-items:center;padding:10px 12px;display:grid}.stepper span{text-align:center;min-width:26px;font-weight:700}.stepper.sm button{padding:6px 8px}.feature-strip{margin:4px 0}.feature-strip.hl{background:var(--green-pale);border-radius:var(--radius-lg);border:1px solid #189a4640;padding:16px}.feature-row{text-align:center;grid-template-columns:repeat(4,1fr);gap:8px;font-size:.74rem;font-weight:600;display:grid}.feature-row>div{justify-items:center;gap:6px;display:grid}.feature-icon{width:44px;height:44px;color:var(--green);background:#fff;border-radius:50%;place-items:center;display:grid}.feature-strip:not(.hl) .feature-icon{background:var(--green-pale)}.feature-icon.sm{background:var(--green-pale);width:30px;height:30px}.delivery-chip{border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 14px;font-size:.86rem;font-weight:600;display:flex}.delivery-chip.ok{background:var(--green-pale);color:var(--green-dark)}.delivery-chip.no{color:#92400e;background:#f59e0b1f}.delivery-check{gap:10px;display:grid}.delivery-check h3{margin-bottom:2px}.crumbs{color:var(--grey);font-size:.8rem}.detail-grid{grid-template-columns:1fr 1fr;align-items:start;gap:28px;display:grid}@media (width<=760px){.detail-grid{grid-template-columns:1fr}}.gallery-main{border-radius:var(--radius-lg);background:var(--surface);aspect-ratio:1/.9;position:relative;overflow:hidden}.gallery-main img{object-fit:cover;width:100%;height:100%}.gallery-thumbs{gap:8px;margin-top:8px;display:flex;overflow-x:auto}.gallery-thumbs button{background:var(--surface);border:2px solid #0000;border-radius:10px;flex:none;width:64px;height:64px;padding:0;overflow:hidden}.gallery-thumbs button.on{border-color:var(--green)}.gallery-thumbs img{object-fit:cover;width:100%;height:100%}.detail-info{gap:10px;display:grid}.detail-info h1{margin:0}.rating{align-items:center;gap:8px;display:flex}.rating-pill{background:var(--green);color:#fff;border-radius:6px;padding:2px 8px;font-size:.75rem;font-weight:700}.clamp{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:4px;display:-webkit-box;overflow:hidden}.clamp.open{-webkit-line-clamp:unset;display:block}.note,.info-box{background:var(--surface);color:var(--grey);border-radius:12px;align-items:flex-start;gap:10px;padding:12px;font-size:.86rem;display:flex}.info-box{color:var(--black)}.info-box svg{color:var(--green);flex:none}.variants{grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:8px;display:grid}.variant{border:1px solid var(--border);background:#fff;border-radius:12px;justify-items:center;gap:2px;padding:10px 6px;font-size:.8rem;display:grid}.variant.on{border:1.6px solid var(--green);background:var(--green-pale)}.variant small{color:var(--green);font-size:.66rem;font-weight:600}.buy-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.buy-row .btn{flex:1;min-width:140px}.cart-bar{background:var(--green-dark);color:#fff;border-radius:12px;justify-content:space-between;padding:12px 16px;font-size:.86rem;display:flex}.cart-bar:hover{text-decoration:none}.detail-row{border-bottom:1px solid var(--border);padding:10px 0}.detail-row summary{cursor:pointer;align-items:center;gap:10px;font-weight:600;display:flex}.detail-row p{margin:8px 0 0 40px}.plain-list{margin:0;padding-left:18px}.cart-line{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:12px 0;display:flex}.cart-line:last-child{border-bottom:0}.cart-line-info{flex:1;display:grid}.line-total{text-align:right;width:64px}.coupon-applied,.offer{align-items:center;gap:12px;display:flex}.coupon-applied>div,.offer>div{flex:1}.coupon-applied svg,.offer svg{color:var(--green)}.offers{gap:8px;margin-bottom:12px;display:grid}.offer{border:1px solid var(--border);border-radius:12px;padding:10px 12px}.bill-row{justify-content:space-between;padding:5px 0;display:flex}.bill-row.green{color:var(--green)}.bill-row.total{border-top:1px solid var(--border);margin-top:8px;padding-top:12px;font-size:1.05rem}.address-pick{gap:12px;display:flex}.address-pick>svg{color:var(--green);flex:none;margin-top:2px}.radio{cursor:pointer;align-items:flex-start;gap:12px;padding:10px 0;display:flex}.radio input{accent-color:var(--green);margin-top:4px}.radio span{display:grid}.radio small{color:var(--grey);font-size:.78rem}.success-icon{background:var(--green-pale);width:80px;height:80px;color:var(--green);border-radius:50%;place-items:center;margin:24px auto 8px;display:grid}.order{gap:8px;display:grid}.order-head{justify-content:space-between;gap:12px;font-size:.9rem;display:flex}.order-items{margin:0;padding:0;list-style:none}.order-actions{flex-wrap:wrap;align-items:center;gap:4px;margin-top:2px;display:flex}.tracker{display:flex}.tracker-step{flex:1;align-items:center;display:flex}.tracker-step:last-child{flex:none}.tracker .dot{background:var(--border);border-radius:50%;flex:none;width:10px;height:10px}.tracker .bar{background:var(--border);flex:1;height:2px}.tracker-step.done .dot,.tracker-step.line .bar{background:var(--green)}.sub .vacation{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sub-product{justify-content:space-between;align-items:center;gap:12px;display:flex}.pick-list{display:grid}.pick-item{border:0;border-bottom:1px solid var(--border);text-align:left;background:0 0;align-items:center;gap:12px;padding:10px 0;display:flex}.pick-item>span{flex:1;display:grid}.pick-item img,.pick-ph{object-fit:cover;background:var(--green-pale);width:48px;height:48px;color:var(--green);border-radius:8px;place-items:center;display:grid}.wallet-card{background:var(--green);color:#fff;border-radius:var(--radius-lg);gap:6px;padding:20px;display:grid}.wallet-card strong{font-size:2rem;font-weight:800}.wallet-card span{opacity:.85;font-size:.85rem}.txn{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:12px 0;display:flex}.txn:last-child{border-bottom:0}.txn>div{flex:1}.txn-icon{border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.txn-icon.in{background:var(--green-pale);color:var(--green)}.txn-icon.out{background:var(--surface);color:var(--danger)}.profile-head{align-items:center;gap:14px;display:flex}.profile-head>div{flex:1;display:grid}.avatar{background:var(--green-pale);width:56px;height:56px;color:var(--green);border-radius:50%;place-items:center;font-size:1.4rem;font-weight:800;display:grid}.wallet-tile{background:var(--green-pale);border-radius:var(--radius);color:var(--black);align-items:center;gap:12px;padding:14px;display:flex}.wallet-tile:hover{text-decoration:none}.wallet-tile svg{color:var(--green)}.wallet-tile strong{flex:1}.wallet-tile .amount{color:var(--green-dark);font-weight:800}.tiles{display:grid}.tile{border:0;border-bottom:1px solid var(--border);color:var(--black);text-align:left;background:0 0;align-items:center;gap:14px;padding:14px 0;font-weight:500;display:flex}.tile:hover{background:var(--surface);text-decoration:none}.tile span{flex:1}.tile svg:first-child{color:var(--green)}.tile.danger,.tile.danger svg:first-child{color:var(--danger)}.auth-page{background:linear-gradient(160deg, var(--green-pale), #fff 60%);place-items:start center;min-height:100svh;padding:40px 16px;display:grid}.auth-card{border:1px solid var(--border);background:#fff;border-radius:22px;width:100%;max-width:400px;padding:28px 24px;box-shadow:0 10px 40px #0e7a3514}.auth-card.wide{max-width:520px}.auth-card .wordmark{margin-bottom:4px;font-size:2.2rem;display:block}.auth-head{align-items:center;gap:8px;display:flex}.auth-head h1{margin:0;font-size:1.3rem}.auth-head .icon-btn svg{transform:rotate(180deg)}.divider{color:var(--grey);align-items:center;gap:12px;margin:18px 0;font-size:.85rem;display:flex}.divider:before,.divider:after{content:"";background:var(--border);flex:1;height:1px}.terms-note{margin-top:18px}.map{z-index:0;border-radius:14px;height:340px;margin:8px 0 12px;overflow:hidden}.map-pin span{background:var(--green);border:3px solid #fff;border-radius:50% 50% 50% 0;width:30px;height:30px;display:block;transform:rotate(-45deg);box-shadow:0 3px 8px #00000059}.stack-form{gap:10px;margin:12px 0;display:grid}.delivery-result{text-align:center;padding:8px 0}.result-icon{border-radius:50%;place-items:center;width:72px;height:72px;margin:0 auto 12px;display:grid}.result-icon.ok{background:var(--green-pale);color:var(--green)}.result-icon.no{color:#b45309;background:#f59e0b26}.skip{color:var(--grey);margin:8px auto 0;display:block}.sub-hero{text-align:center;padding:20px 0 4px}.sub-hero h1{font-size:2rem}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--green);margin-bottom:8px;font-size:.74rem;font-weight:700;display:inline-block}.benefits{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (width<=520px){.benefits{grid-template-columns:1fr}}.benefits .card h3{margin:10px 0 4px}.benefits .card p{margin:0}.steps{gap:6px;margin:8px 0 0;padding-left:20px;display:grid}