:root{--navy:#082f57;--navy2:#061f3b;--gold:#b68a38;--cream:#f5efe4;--text:#0a2d50;--line:#e7e2da}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:#fff}.top{background:var(--navy);color:#fff;padding:8px 5%;display:flex;justify-content:space-between;font-size:13px}header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;position:sticky;top:0;background:#fff;z-index:20;box-shadow:0 2px 10px #0001}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--navy)}.brand .star{font-size:45px;color:var(--gold)}.brand b{font:700 31px Georgia,serif}.brand b span{color:var(--gold)}.brand small{display:block;letter-spacing:3px;font-size:8px}nav{display:flex;align-items:center;gap:25px}nav a{color:var(--navy);text-decoration:none;font-weight:600;font-size:14px}.cart,.menu{border:0;background:none;font-size:22px;color:var(--navy);cursor:pointer}.cart i{font-style:normal;font-size:12px;background:var(--gold);color:white;border-radius:50%;padding:3px 6px}.menu{display:none}.hero{min-height:450px;padding:70px 7%;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;background:radial-gradient(circle at 75% 40%,#fff 0,#eee2cf 30%,#f8f5ef 65%)}.eyebrow{font-size:12px;letter-spacing:2px;color:var(--gold);font-weight:bold}.hero h1,.section h2,.banner h2{font-family:Georgia,serif}.hero h1{font-size:48px;line-height:1.05;margin:10px 0 18px}.hero p{font-size:18px;line-height:1.5;max-width:600px}.actions{display:flex;gap:12px;margin-top:25px}.btn{display:inline-block;padding:14px 22px;border-radius:7px;text-decoration:none;font-weight:bold;border:0;cursor:pointer}.gold{background:var(--gold);color:#fff}.whats{background:#14a94b;color:#fff}.hero-art{text-align:center;color:var(--gold);font:28px Georgia,serif}.hero-art .matza{font-size:160px;color:#c39a5b;line-height:1}.hero-art em{font-size:40px}.benefits{display:grid;grid-template-columns:repeat(4,1fr);padding:25px 5%;border-bottom:1px solid var(--line)}.benefits div{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;border-right:1px solid var(--line);font-size:24px}.benefits div:last-child{border:0}.benefits b{font-size:14px}.benefits small{font-size:12px;color:#61748a}.section{padding:42px 5%}.section-title{display:flex;align-items:center;justify-content:space-between}.section-title h2,.about h2{font-size:30px;margin:0 0 20px}.section-title a{color:var(--navy);text-decoration:none}.categories{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.categories article{min-height:160px;border:1px solid var(--line);border-radius:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(#f6ecdc,#fff);padding:14px}.categories article span{font-size:55px;margin-bottom:12px}.categories small{margin-top:6px;color:#66788b}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.product{border:1px solid var(--line);border-radius:10px;padding:18px;background:#fff;box-shadow:0 5px 18px #0000000a}.product .pic{height:140px;background:var(--cream);border-radius:8px;display:grid;place-items:center;font-size:70px}.product h3{font-size:16px;min-height:38px}.product .price{font-weight:bold;font-size:20px}.product button{width:100%;background:var(--navy);color:#fff;border:0;padding:11px;border-radius:6px;font-weight:bold;cursor:pointer}.banner{margin:10px 5%;padding:28px 5%;background:var(--cream);border-radius:9px;display:flex;align-items:center;justify-content:space-between;gap:25px}.banner h2{font-size:30px;margin:0 0 5px}.banner p{margin:0;max-width:720px;line-height:1.5}.banner.dark{background:linear-gradient(100deg,var(--navy),var(--navy2));color:#fff}.about p{max-width:900px;line-height:1.7;font-size:17px}footer{margin-top:30px;background:#fafafa}.footer-grid{padding:45px 5%;display:grid;grid-template-columns:2fr 1fr 1.5fr 1.5fr;gap:35px}.footer-grid>div:not(.brand){display:flex;flex-direction:column;gap:8px}.footer-grid a{color:var(--text);text-decoration:none}.phrase{font:28px Georgia,serif;color:var(--gold)}.phrase em{font-size:24px}.copyright{background:var(--navy);color:#fff;padding:18px 5%;font-size:12px}.drawer{position:fixed;right:-420px;top:0;width:min(400px,90vw);height:100%;background:#fff;z-index:40;padding:25px;transition:.25s;display:flex;flex-direction:column}.drawer.open{right:0}.drawer-head{display:flex;justify-content:space-between;align-items:center}.drawer-head button{font-size:30px;border:0;background:none;cursor:pointer}.drawer #cartItems{flex:1;overflow:auto}.cart-row{display:grid;grid-template-columns:1fr auto;gap:5px;padding:14px 0;border-bottom:1px solid var(--line)}.cart-row small{color:#647589}.cart-row button{border:0;background:none;color:#9b1c1c;cursor:pointer}.drawer-foot{display:grid;gap:15px}.overlay{display:none;position:fixed;inset:0;background:#0007;z-index:30}.overlay.show{display:block}@media(max-width:900px){nav{display:none;position:absolute;top:82px;left:0;right:0;background:#fff;padding:25px;flex-direction:column;box-shadow:0 8px 15px #0002}nav.open{display:flex}.menu{display:block}.hero{grid-template-columns:1fr;padding:50px 6%}.hero-art{display:none}.hero h1{font-size:38px}.benefits{grid-template-columns:1fr 1fr;gap:20px}.benefits div{border:0}.categories{grid-template-columns:repeat(2,1fr)}.products{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.top span:last-child{display:none}header{padding:0 4%}.brand b{font-size:25px}.brand .star{font-size:36px}.hero h1{font-size:34px}.actions{flex-direction:column}.benefits,.products,.footer-grid{grid-template-columns:1fr}.categories{grid-template-columns:1fr 1fr}.banner{align-items:flex-start;flex-direction:column}}