
:root{--g:#062b1d;--g2:#0a6b3b;--gold:#d5aa45;--ink:#152019;--muted:#69736c;--line:#e5e9e5;--shadow:0 12px 34px rgba(5,35,22,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:#f7f7f4;color:var(--ink)}button,input,select,textarea{font:inherit}
.topbar{position:sticky;top:0;z-index:70;background:rgba(6,43,29,.97);color:#fff;display:flex;justify-content:space-between;align-items:center;padding:10px max(14px,calc((100vw - 1240px)/2));box-shadow:0 4px 20px #0002}.brand{display:flex;gap:10px;align-items:center}.master-logo{width:46px;height:46px;border-radius:50%;border:2px solid var(--gold);display:grid;place-items:center;color:var(--gold);font-size:24px;font-weight:950}.brand strong,.brand small{display:block}.brand small{font-size:11px;color:#d2e4d9;margin-top:3px}.cart-button{border:0;background:#fff;color:var(--g);padding:11px 14px;border-radius:14px;font-weight:900}.cart-button b{background:#e42f2f;color:#fff;border-radius:999px;padding:3px 7px}
main{max-width:1240px;margin:auto;padding:18px}.hero{min-height:420px;border-radius:32px;padding:42px;display:grid;grid-template-columns:1.3fr .7fr;gap:25px;align-items:center;background:radial-gradient(circle at 80% 20%,#d5aa4550,transparent 28%),linear-gradient(135deg,#052218,#0b633b);color:#fff;box-shadow:0 22px 58px #062b1d30}.hero h1{font-size:clamp(44px,6vw,75px);line-height:.98;margin:9px 0 17px;letter-spacing:-2px}.hero p{max-width:700px;line-height:1.55;color:#dfeee5;font-size:18px}.eyebrow{font-size:11px;font-weight:950;letter-spacing:1.4px;color:#f3d477}.eyebrow.dark{color:#8a6919}.primary,.secondary{border:0;border-radius:14px;padding:13px 17px;font-weight:900}.primary{background:var(--gold);color:#241b06}.secondary{background:#fff;color:var(--g)}.hero-card{background:#ffffff14;border:1px solid #ffffff30;padding:28px;border-radius:25px;text-align:center}.hero-card b{display:block;font-size:48px;margin-bottom:18px}.hero-card strong,.hero-card small{display:block}.hero-card small{color:#d5e6dc;margin-top:5px}
.section{padding:34px 0}.section-title,.products-toolbar{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:14px}.section h2{font-size:32px;margin:4px 0 0}.slider-controls{display:flex;gap:7px}.slider-controls button{width:42px;height:42px;border:1px solid var(--line);background:#fff;border-radius:50%;font-size:25px}
.restaurant-slider,.product-slider,.restaurant-filter,.category-rail{display:flex;gap:12px;overflow-x:auto;scrollbar-width:none;padding:4px 1px 12px}.restaurant-slider::-webkit-scrollbar,.product-slider::-webkit-scrollbar,.restaurant-filter::-webkit-scrollbar,.category-rail::-webkit-scrollbar{display:none}
.restaurant-card{min-width:300px;max-width:300px;background:#fff;border:1px solid #ecefec;border-radius:24px;overflow:hidden;box-shadow:var(--shadow);cursor:pointer;scroll-snap-align:start}.restaurant-cover{height:128px;color:#fff;display:grid;place-items:center;position:relative}.restaurant-logo{width:86px;height:86px;border-radius:50%;background:#fffffff2;display:grid;place-items:center;font-weight:950;font-size:18px;text-align:center;padding:8px}.kind{position:absolute;right:10px;top:10px;background:#0004;padding:5px 8px;border-radius:999px;font-size:10px}.restaurant-body{padding:16px}.restaurant-body h3{margin:0 0 8px}.restaurant-body p{margin:5px 0;color:var(--muted);font-size:12px;line-height:1.4}.restaurant-body button{width:100%;border:0;border-radius:12px;padding:11px;background:var(--g);color:#fff;font-weight:900;margin-top:11px}
.product-slide-card{min-width:270px;max-width:270px;background:#fff;border-radius:22px;overflow:hidden;box-shadow:var(--shadow);border:1px solid #ecefec;cursor:pointer}.product-photo,.product-photo-small{display:grid;place-items:center;background:linear-gradient(135deg,#eee5d1,#fff9ef);overflow:hidden}.product-photo{height:170px}.product-photo-small{height:145px}.product-photo img,.product-photo-small img{width:100%;height:100%;object-fit:cover}.fallback{font-size:46px}.product-content{padding:14px}.restaurant-pill{display:inline-flex;background:#555;color:#fff;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:950;margin-bottom:6px}.product-content h3{margin:2px 0 5px;font-size:18px}.product-content p{font-size:12px;line-height:1.42;color:var(--muted);min-height:34px}.mini-info{font-size:10px;color:#88908b;margin:4px 0}.price-row{display:flex;justify-content:space-between;align-items:center;margin-top:11px}.price-row strong{font-size:20px}.add{border:0;background:var(--g2);color:#fff;border-radius:11px;padding:9px 11px;font-weight:900}
.restaurant-filter button,.category-rail button{white-space:nowrap;border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 13px;font-weight:850}.restaurant-filter button.active,.category-rail button.active{background:var(--g);color:#fff;border-color:var(--g)}.category-rail small{display:block;font-size:9px;margin-top:2px;color:#858d88}.category-rail button.active small{color:#d8e7de}
.products-toolbar p{margin:4px 0;color:var(--muted)}.searchbox{min-width:330px;background:#fff;border:1px solid var(--line);border-radius:15px;padding:0 13px;display:flex;align-items:center}.searchbox input{width:100%;border:0;outline:0;padding:13px;background:transparent}.products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.product-card{background:#fff;border:1px solid #ecefec;border-radius:21px;overflow:hidden;box-shadow:0 8px 24px #0000000d;position:relative}.highlight{position:absolute;top:8px;left:8px;z-index:2;background:#fff;padding:5px 8px;border-radius:999px;font-size:9px;font-weight:950}.product-card .product-content p{min-height:48px}.load-more{display:block;margin:22px auto 0;border:0;border-radius:13px;padding:13px 22px;background:#fff;box-shadow:var(--shadow);font-weight:900}
footer{background:#041e14;color:#dbe9e1;padding:28px max(18px,calc((100vw - 1240px)/2));display:grid;gap:8px}footer span{font-size:12px}footer nav{display:flex;gap:12px;flex-wrap:wrap}footer a{color:#f0cf71;text-decoration:none}
.modal,.drawer{position:fixed;inset:0;background:#0008;z-index:100;display:none}.modal.active,.drawer.active{display:grid}.modal{place-items:center;padding:16px}.drawer{justify-items:end}.modal-card,.drawer-card{background:#fff;max-height:92vh;overflow:auto;box-shadow:0 26px 75px #0005}.modal-card{width:min(720px,96vw);padding:22px;border-radius:24px;position:relative}.drawer-card{height:100%;width:min(470px,100vw);padding:20px}.close{border:0;background:#edf1ee;border-radius:50%;width:38px;height:38px;font-size:24px}.modal-card>.close{position:absolute;right:14px;top:14px}.drawer-head{display:flex;justify-content:space-between;align-items:center}.modal-product{display:grid;grid-template-columns:220px 1fr;gap:18px}.modal-product img,.modal-product .fallbackbox{width:220px;height:220px;object-fit:cover;border-radius:18px}.fallbackbox{display:grid;place-items:center;background:#f3eee5;font-size:58px}.modifier-group{margin:16px 0}.modifier-buttons{display:flex;flex-wrap:wrap;gap:8px}.modifier-buttons label{border:1px solid var(--line);border-radius:12px;padding:9px 11px}.modal-card textarea{width:100%;padding:11px;border:1px solid var(--line);border-radius:10px}.modal-add,.checkout-btn{width:100%;border:0;border-radius:14px;padding:14px;background:var(--g);color:#fff;font-weight:950}.cart-restaurant{padding:13px;border-radius:15px;color:#fff;margin-bottom:12px}.cart-line{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;padding:12px 0;border-bottom:1px solid #eee}.cart-line small{display:block;color:var(--muted)}.qty{display:flex;gap:5px;align-items:center}.qty button{border:0;background:#edf1ee;border-radius:9px;width:31px;height:31px}.total-row{display:flex;justify-content:space-between;margin:8px 0}.grand{font-size:19px;font-weight:950}.checkout-card label{display:block;font-weight:850;margin:10px 0}.checkout-card input,.checkout-card select,.checkout-card textarea{width:100%;padding:12px;border:1px solid var(--line);border-radius:11px;margin-top:5px}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.legal-check{display:flex!important;gap:8px;background:#f7f8f6;border-radius:11px;padding:11px;font-size:12px}.legal-check input{width:auto!important;margin-top:2px!important}.success-card{text-align:center}.success-icon{width:75px;height:75px;background:#e4f5e9;color:#0b733f;border-radius:50%;display:grid;place-items:center;font-size:42px;font-weight:950;margin:auto}.success-card strong{font-size:26px}.status{background:#eef4ef;border-radius:12px;padding:11px;margin:14px 0}
@media(max-width:980px){.products-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.hero{grid-template-columns:1fr;padding:25px;min-height:auto}.hero-card{display:none}.hero h1{font-size:46px}.products-grid{grid-template-columns:repeat(2,1fr)}.section-title,.products-toolbar{align-items:flex-start;flex-direction:column}.searchbox{min-width:0;width:100%}.modal-product{grid-template-columns:1fr}.modal-product img,.modal-product .fallbackbox{width:100%;height:250px}.brand small{display:none}}@media(max-width:480px){main{padding:11px}.products-grid{grid-template-columns:1fr}.two{grid-template-columns:1fr}.hero{border-radius:23px}.hero h1{font-size:38px}.restaurant-card{min-width:270px}.product-slide-card{min-width:245px}}
