*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f8f2;color:#153d2b;font:15px Inter,Arial,sans-serif}.top{background:#153d2b;color:#fff;text-align:center;padding:8px;font-weight:800}button,a{cursor:pointer}header{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:14px;padding:12px max(4vw,14px);background:#fffffff2;border-bottom:1px solid #dfe6dc;backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;color:#153d2b;text-decoration:none;font-size:24px;font-weight:950;line-height:.85}.brand i{display:grid;place-items:center;width:46px;height:46px;margin-right:9px;background:#f8dc31;border-radius:14px;box-shadow:3px 3px #153d2b}.brand small{display:block;color:#ee6b35;font-size:9px;letter-spacing:3px;margin-top:7px}.location{border:0;background:none;text-align:left}.location strong,.location span{display:block}.location span{font-size:12px;color:#718079}header label{display:flex;align-items:center;flex:1;gap:8px;background:#f1f5ed;border:1px solid #dce5d8;border-radius:16px;padding:0 14px}header label span{font-size:25px}header input{width:100%;height:46px;border:0;background:none;font-size:16px;outline:0}header>button{border:1px solid #dce5d8;background:#fff;padding:13px;border-radius:12px;font-weight:800}#cartBtn{background:#247248;color:#fff}#cartCount{background:#f8dc31;color:#153d2b;border-radius:50%;padding:4px 7px}main{max-width:1280px;margin:auto;padding:20px}.hero{position:relative;min-height:390px;overflow:hidden;border-radius:30px;background:#f8dc31;box-shadow:0 20px 55px #153d2b20}.hero img{position:absolute;width:100%;height:100%;object-fit:cover}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#f8dc31 15%,#f8dc31dc 43%,transparent 72%)}.heroCopy{position:relative;z-index:1;max-width:570px;padding:60px 45px}.heroCopy>span{background:#fff9b2;padding:8px 12px;border-radius:20px;font-weight:800}.hero h1{font-size:clamp(42px,7vw,82px);line-height:.9;margin:24px 0 18px;letter-spacing:-4px}.hero h1 em{display:block;color:#ed6735;font-style:normal}.hero p{max-width:440px;font-weight:700;line-height:1.6}.hero a,.checkout{display:inline-block;background:#153d2b;color:#fff;text-decoration:none;padding:14px 20px;border:0;border-radius:13px;font-weight:800}.stats{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);max-width:660px;margin:-22px auto 45px;background:#fff;border-radius:18px;padding:16px;box-shadow:0 10px 25px #153d2b18}.stats span{text-align:center;border-right:1px solid #ddd;color:#758078;font-size:12px}.stats span:last-child{border:0}.stats b{display:block;color:#153d2b;font-size:15px}.heading{display:flex;justify-content:space-between;align-items:end;margin:35px 0 15px}.heading small{color:#ee6b35;font-weight:900;letter-spacing:2px}.heading h2{font-size:32px;margin:5px 0}.heading button{border:0;background:none;color:#247248;font-weight:800}.categories{display:flex;overflow:auto;gap:12px;padding:2px 2px 10px;scrollbar-width:thin}.category{min-width:128px;border:1px solid #dfe7da;background:#fff;padding:14px;border-radius:18px;font-weight:800;box-shadow:0 4px 12px #153d2b0b}.category i{display:block;font-size:38px;font-style:normal}.category.active{background:#e5f5e9;border-color:#247248}.offers{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:35px 0}.offers article{position:relative;min-height:145px;padding:20px;border-radius:22px;background:#dff5e8;overflow:hidden}.offers article:nth-child(2){background:#fff0d9}.offers article:nth-child(3){background:#eee6ff}.offers b,.offers strong,.offers small{display:block;max-width:190px}.offers b{font-size:11px;letter-spacing:2px;color:#ee6b35}.offers strong{font-size:19px;margin:7px 0}.offers small{background:#fff9;display:inline-block;padding:5px;border-radius:7px}.offers i{position:absolute;right:15px;bottom:18px;font-size:55px;font-style:normal}.products{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.product{position:relative;min-width:0;min-height:310px;display:flex;flex-direction:column;background:#fff;padding:12px;border:1px solid #e2e8de;border-radius:20px;box-shadow:0 6px 18px #153d2b0d;transition:.2s}.product:hover{transform:translateY(-3px);box-shadow:0 12px 28px #153d2b18}.product .pic{height:145px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,#faf9e9,#edf4e8);border-radius:16px;font-size:66px}.product .pic img{display:block;width:100%;height:100%;object-fit:contain;padding:5px}.product .badge{position:absolute;z-index:2;top:14px;left:14px;background:#153d2b;color:#fff;border-radius:7px;padding:5px;font-size:10px}.product .time{color:#4e725f;font-size:11px;font-weight:800;margin-top:10px}.product h3{font-size:16px;margin:6px 0 3px;overflow-wrap:anywhere}.product p{color:#768179;margin:0;font-size:13px}.sellerName{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product .bottom{display:flex;justify-content:space-between;align-items:center;margin-top:auto;gap:6px}.product del{color:#99a19c;font-size:12px}.add,.qty{border:1px solid #247248;color:#247248;background:#fff;border-radius:9px;font-weight:800;padding:9px 13px}.qty{display:flex;padding:0}.qty button{border:0;background:none;padding:9px;color:#247248}.loadError{grid-column:1/-1;background:#fff2ef;border:1px solid #f5b8aa;border-radius:18px;padding:24px;color:#8e2715}.local{display:grid;grid-template-columns:1fr 1fr;gap:40px;background:#153d2b;color:#fff;padding:60px max(5vw,20px)}.local h2{font-size:40px;margin:8px 0}.local p{color:#bed1c4;line-height:1.6}.benefits{display:grid;grid-template-columns:1fr 1fr;gap:12px}.benefits span{display:flex;flex-direction:column;background:#ffffff0d;border:1px solid #ffffff1c;border-radius:18px;padding:18px;font-size:24px}.benefits b{font-size:16px;margin-top:10px}.benefits small{font-size:12px;color:#abc0b2;margin-top:4px}footer{display:flex;justify-content:space-between;background:#102d20;color:#aec0b5;padding:25px max(5vw,20px)}.overlay{display:none;position:fixed;inset:0;background:#0008;z-index:40}.overlay.show{display:block}.cart{position:fixed;z-index:50;top:0;right:-470px;width:min(440px,100%);height:100dvh;background:#f7f8f2;padding:25px;transition:.3s;overflow:auto;box-shadow:-20px 0 50px #0002}.cart.show{right:0}.close{float:right;border:0;background:none;font-size:32px}.cartItem{display:flex;align-items:center;gap:12px;background:#fff;padding:10px;border-radius:15px;margin:10px 0}.cartItem i{font-size:35px}.cartItem span{flex:1}.bill{margin-top:20px;border-top:1px solid #ddd;padding-top:15px}.bill p{display:flex;justify-content:space-between}.checkout{width:100%;font-size:17px}.modal{display:none;position:fixed;z-index:60;inset:0;background:#0009;padding:15px;overflow:auto}.modal.show{display:grid;place-items:center}.modal form{width:min(520px,100%);background:#fff;padding:25px;border-radius:22px}.modal input,.modal textarea{width:100%;border:1px solid #d8e1d5;border-radius:11px;padding:13px;margin:6px 0;font:inherit}.modal textarea{min-height:80px}.row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cod{display:block;padding:15px;background:#eef7ef;margin:10px 0;border-radius:12px;font-weight:800}nav{display:none}@media(max-width:1050px){.products{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:850px){header{gap:8px}.brand span,.location,#install{display:none}main{padding:12px}.hero{min-height:350px}.hero img{object-position:62% center}.shade{background:linear-gradient(90deg,#f8dc31 5%,#f8dc31e8 52%,transparent)}.heroCopy{padding:42px 24px;max-width:75%}.hero h1{font-size:48px}.offers{grid-template-columns:1fr}.products{grid-template-columns:repeat(3,minmax(0,1fr))}.local{grid-template-columns:1fr;padding-bottom:105px}footer{padding-bottom:95px}nav{display:grid;position:fixed;z-index:30;bottom:0;left:0;right:0;grid-template-columns:repeat(4,1fr);background:#fff;border-top:1px solid #ddd;padding:8px 8px calc(8px + env(safe-area-inset-bottom))}nav a,nav button{display:flex;flex-direction:column;align-items:center;border:0;background:none;text-decoration:none;color:#153d2b;font-size:20px}nav small{font-size:11px;margin-top:2px}}@media(max-width:620px){.products{grid-template-columns:repeat(2,minmax(0,1fr))}.product{min-height:285px}.product .pic{height:122px;font-size:54px}.heroCopy{max-width:82%}.hero h1{font-size:42px}.hero p{font-size:14px}.stats{margin-top:-15px}.benefits{grid-template-columns:1fr 1fr}.local h2{font-size:32px}}@media(max-width:370px){.products{gap:7px}.product{padding:9px}.product h3{font-size:14px}.add{padding:8px}}