@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800&display=swap');
:root{--ink:#24251f;--muted:#77786f;--cream:#f7f4ec;--paper:#fffdf8;--green:#344b38;--lime:#d7dfb6;--line:#e8e3d8}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Vazirmatn,Tahoma,sans-serif;line-height:1.8}
a{color:inherit;text-decoration:none}.topbar{height:76px;padding:0 7%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fffdf8;position:sticky;top:0;z-index:5}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.25rem}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:var(--green);color:white}
nav{display:flex;gap:30px;color:#55584e;font-size:.92rem}.cart-button{border:1px solid var(--green);background:transparent;border-radius:30px;padding:8px 17px;font:inherit;color:var(--green);cursor:pointer}
.hero{padding:75px 10%;min-height:470px;background:var(--cream);display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:40px}.eyebrow{color:#7c865b;font-size:.82rem;font-weight:700}.hero h1{font-size:clamp(2.5rem,5vw,4.5rem);line-height:1.25;margin:15px 0}.hero h1 em{font-style:normal;color:#788553}.hero p{max-width:500px;color:#66685e;margin-bottom:28px}.primary{display:inline-block;border:0;background:var(--green);color:white;border-radius:9px;padding:11px 23px;font:inherit;cursor:pointer}.hero-art{height:300px;position:relative;display:grid;place-items:center;background:#e8e8d7;border-radius:48% 52% 43% 57% / 50% 42% 58% 50%;max-width:390px;width:100%;margin:auto}.nut{position:absolute;display:grid;place-items:center;border-radius:48% 52% 50% 50%;background:#7a5137;color:#f8e8c6;font-size:2rem;box-shadow:inset -10px -10px 0 #593c2b,0 18px 35px #344b3822}.nut-one{width:115px;height:130px;transform:rotate(-25deg);right:27%;top:23%}.nut-two{width:92px;height:105px;transform:rotate(28deg);left:22%;bottom:22%;background:#9a7048}.nut-three{width:52px;height:52px;left:25%;top:18%;background:#d1b47a;color:white}.art-caption{position:absolute;bottom:24px;letter-spacing:5px;color:#78806b;font-size:.7rem}
.section{padding:75px 10%}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.section h2,.about h2,.contact h2{font-size:2rem;margin:4px 0}.muted{color:var(--muted);font-size:.88rem}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{border:1px solid var(--line);border-radius:15px;overflow:hidden;background:white}.product-art{height:155px;background:linear-gradient(135deg,#e8e8d7,#f5ead7);display:grid;place-items:center;font-size:3.5rem;color:#79553a}.card-body{padding:17px}.card h3{margin:0 0 5px;font-size:1.05rem}.price{font-weight:800;color:var(--green);margin:8px 0 14px}.card button{width:100%;border:1px solid var(--green);border-radius:8px;background:white;color:var(--green);padding:8px;font:inherit;cursor:pointer}.about{background:var(--green);color:white;padding:55px 10%;display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:center}.about .eyebrow{color:var(--lime)}.about p{color:#e3e8dc;margin:0}.contact{text-align:center}.contact p{color:var(--muted)}footer{padding:22px 10%;background:#f2efe7;display:flex;justify-content:space-between;color:#777;font-size:.8rem}
.cart-panel{position:fixed;z-index:10;top:0;bottom:0;left:0;width:min(390px,90vw);background:white;padding:22px;transform:translateX(-105%);transition:.25s;box-shadow:10px 0 40px #0001;display:flex;flex-direction:column}.cart-panel.open{transform:translateX(0)}.cart-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.cart-head button{border:0;background:none;font-size:2rem;cursor:pointer}.cart-foot{margin-top:auto;border-top:1px solid var(--line);padding-top:18px;display:grid;gap:14px}.cart-row{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.cart-row button{border:0;background:none;color:#a44;cursor:pointer}.tiny{font-size:.75rem;color:#999}.overlay{display:none;position:fixed;inset:0;background:#0005;z-index:8}.overlay.show{display:block}
@media(max-width:700px){.topbar{padding:0 5%;height:66px}nav{gap:12px;font-size:.78rem}.hero{padding:48px 7%;grid-template-columns:1fr;text-align:center}.hero p{margin-left:auto;margin-right:auto}.hero-art{height:230px;width:85%}.section{padding:52px 7%}.section-heading{display:block}.grid{grid-template-columns:1fr}.about{padding:45px 7%;grid-template-columns:1fr;gap:10px}footer{padding:20px 7%;gap:10px;flex-direction:column}}