@import url('https://fonts.googleapis.com/css2?family=Almarai:wght@400;700;800&display=swap');
:root{--green:#234638;--lime:#e5ef8c;--cream:#f8f6ee;--muted:#74766b;--line:#dedfd3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--cream);color:var(--green);font-family:Almarai,Tahoma,sans-serif}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}header{max-width:1440px;margin:auto;padding:26px 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:10px;align-items:center;font-size:24px;font-weight:800}.brand small{display:block;letter-spacing:3px;font-size:9px;margin-top:6px}.logo{font-size:48px}nav{display:flex;gap:35px;font-size:14px}nav .active{border-bottom:2px solid;padding-bottom:8px}.cart-link{background:none;border:1px solid var(--green);border-radius:30px;padding:12px 20px;color:var(--green)}.cart-link b{background:var(--green);color:white;border-radius:50%;padding:4px 8px;margin-right:12px}.hero{max-width:1440px;margin:auto;display:grid;grid-template-columns:1fr 1fr;min-height:560px;padding:48px 6% 55px;gap:6%;align-items:center}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.5px}.hero h1{font-size:clamp(40px,4.7vw,70px);line-height:1.45;margin:20px 0}.hero h1 span{position:relative;z-index:0}.hero h1 span:before{content:'';position:absolute;bottom:0;left:-10px;right:-10px;height:28px;background:var(--lime);z-index:-1;transform:rotate(-2deg)}.hero p{color:#697367;line-height:2;font-size:15px;margin:0 0 28px}.primary{border:0;border-radius:7px;background:var(--green);color:white;padding:18px 25px;display:inline-flex;justify-content:space-between;gap:45px;align-items:center;font-size:14px;font-weight:700}.primary:hover{background:#355c45}.hero-tags{display:flex;gap:25px;font-size:11px;margin-top:30px}.hero-image{height:450px;position:relative;border-radius:180px 180px 14px 14px;background:#e1dfce}.hero-image img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.round-label{position:absolute;bottom:38px;right:-30px;width:115px;height:115px;border-radius:50%;background:var(--lime);display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(12deg);line-height:1.7;font-size:16px;box-shadow:0 0 0 7px var(--cream)}.round-label span{font-size:25px}.image-caption{position:absolute;left:20px;bottom:18px;font-size:9px;color:white;letter-spacing:2px}.ticker{background:var(--green);color:var(--lime);padding:19px;display:flex;gap:40px;align-items:center;justify-content:center;white-space:nowrap;overflow:hidden;font-size:14px}.ticker span{font-size:24px}.menu-section{max-width:1440px;margin:auto;padding:65px 6%}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}h2{font-size:30px;margin:12px 0}h2 span{color:#94a14d}.demo{font-size:11px;color:var(--muted)}.shop{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:32px;align-items:start}.filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:26px}.filters button{border:1px solid var(--line);background:transparent;color:var(--green);padding:11px 20px;border-radius:25px;font-size:12px}.filters button.selected{background:var(--green);color:white;border-color:var(--green)}.products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.product{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fffdf7}.product-image{height:190px;position:relative;background:#e7e4d5}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.product:hover img{transform:scale(1.04)}.badge{position:absolute;right:12px;top:12px;background:var(--lime);padding:7px 10px;border-radius:4px;font-size:10px}.product-body{padding:19px}.product h3{font-size:17px;margin:0 0 10px}.product p{font-size:11px;color:var(--muted);line-height:1.9;margin:0;min-height:42px}.product-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:17px}.product-bottom strong{font-size:17px}.product-bottom button{border:1px solid var(--green);color:var(--green);background:transparent;border-radius:50%;width:34px;height:34px;font-size:23px}.product-bottom button:hover{background:var(--lime)}aside{background:#efefe3;border:1px solid #dcdfce;border-radius:12px;padding:23px;position:sticky;top:20px}.cart-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d8dccd;padding-bottom:15px}.cart-heading h2{font-size:20px}.cart-heading>span{font-size:10px}.empty{text-align:center;padding:35px 0;color:var(--muted);font-size:12px;line-height:2}.empty b{display:block;font-size:35px;margin-bottom:12px;font-weight:400}.cart-row{padding:17px 0;border-bottom:1px solid #d8dccd;font-size:12px}.cart-row-top,.quantity-line{display:flex;justify-content:space-between;align-items:center;gap:10px}.quantity-line{margin-top:14px}.quantity{display:flex;align-items:center;gap:14px}.quantity button{width:25px;height:25px;border:1px solid #c5cbb5;background:transparent;border-radius:5px;color:var(--green)}.remove{background:none;border:0;font-size:10px;color:#8b6253}.totals{padding-top:20px;font-size:11px}.totals>div{display:flex;justify-content:space-between;margin-bottom:15px}.totals .total{font-size:14px;border-top:1px dashed #bcc5af;padding-top:18px;margin-top:20px}.checkout{width:100%;gap:10px;margin-top:6px}.cart-note{display:block;text-align:center;font-size:10px;line-height:1.9;color:var(--muted);margin-top:14px}.story{background:var(--lime);padding:42px 8%;display:flex;align-items:center;gap:40px}.story>span{font-size:95px}.story h2{font-size:25px}.story p{font-size:13px;line-height:2;max-width:700px}footer{display:flex;justify-content:space-between;align-items:center;padding:35px 6%;font-size:11px}dialog{border:0;border-radius:16px;background:var(--cream);color:var(--green);width:500px;max-width:94vw;max-height:90vh;padding:32px}dialog::backdrop{background:#142b22aa;backdrop-filter:blur(4px)}.close{float:left;border:0;background:none;font-size:27px;color:var(--green)}label{display:block;font-size:12px;margin-top:18px}input,textarea{display:block;width:100%;padding:13px;background:#fffef8;border:1px solid #cdd2c2;border-radius:6px;margin-top:8px;color:var(--green)}textarea{resize:vertical;min-height:70px}.location{border:1px solid var(--green);border-radius:6px;background:transparent;padding:12px;width:100%;margin-top:12px;color:var(--green)}#locationStatus,.notice{font-size:11px;line-height:1.8}.notice{background:#eee8d4;padding:10px;border-radius:6px}#orderSummary{margin-top:18px;font-weight:bold;font-size:13px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--green);color:white;padding:13px 23px;border-radius:30px;font-size:12px;display:none;z-index:5}:focus-visible{outline:3px solid #b1ba46;outline-offset:3px}@media(min-width:1400px){.products{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:950px){.shop{grid-template-columns:1fr 280px;gap:20px}.hero{gap:25px}.hero-image{height:380px}.hero h1{font-size:44px}.product-image{height:145px}.products{gap:12px}}@media(max-width:720px){header{padding:18px 5%}.brand{font-size:19px}.logo{font-size:36px}nav{display:none}.cart-link{padding:10px 12px;font-size:11px}.hero{grid-template-columns:1fr;padding:35px 6%;gap:32px}.hero-copy{text-align:center}.hero h1{font-size:44px;margin:15px 0}.hero p{font-size:13px}.hero-tags{justify-content:center}.hero-image{height:330px;max-width:420px;width:90%;margin:auto}.round-label{width:90px;height:90px;font-size:13px;right:-18px}.ticker{gap:25px;font-size:12px}.menu-section{padding:40px 5%}.section-heading{align-items:start;gap:15px;flex-direction:column}.section-heading h2{font-size:27px}.shop{grid-template-columns:1fr}aside{position:static}.products{gap:12px}.product-image{height:150px}.product-body{padding:13px}.product h3{font-size:15px}.product p{font-size:10px}.filters button{padding:10px 16px}.story{padding:28px 6%;gap:20px}.story>span{font-size:50px}.story h2{font-size:20px;line-height:1.7}.story p{font-size:11px}footer{flex-wrap:wrap;gap:20px}.demo{font-size:10px}}