@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&display=swap');
:root{--ink:#34251d;--brown:#684630;--gold:#c69b50;--cream:#f8f4eb;--paper:#fffdf8;--sage:#66775b;--muted:#8b8176;--line:#e9e1d4;--shadow:0 18px 55px #39271912}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Cairo',Tahoma,sans-serif}button,input,select,textarea{font:inherit}button,a{cursor:pointer}a{color:inherit;text-decoration:none}.topbar{height:82px;padding:0 max(5vw,22px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fffdf8ed;position:sticky;top:0;z-index:5;backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:43px;height:43px;border-radius:50%;object-fit:cover;display:block;flex:0 0 auto}.brand b,.brand small{display:block}.brand b{font-size:18px}.brand small{color:var(--gold);font-size:11px;letter-spacing:1px}.topbar nav{display:flex;gap:34px;color:#74695f;font-size:14px}.topbar nav a:hover{color:var(--gold)}.head-actions{display:flex;align-items:center;gap:12px}.icon-btn,.outline-btn,.primary-btn{border:0;border-radius:9px;padding:11px 19px;font-weight:700}.icon-btn{background:var(--cream);color:var(--ink)}.outline-btn{border:1px solid #c9b89f;background:transparent;color:var(--ink)}.primary-btn{background:var(--ink);color:#fff8eb;display:inline-flex;align-items:center;justify-content:center;gap:18px;box-shadow:0 8px 18px #34251d22}.primary-btn:hover{background:#563b2b}.full{width:100%}.hero{min-height:570px;background:var(--cream);display:grid;grid-template-columns:1fr 1fr;padding:65px 10%;overflow:hidden}.hero-copy{align-self:center;max-width:520px}.eyebrow{color:var(--gold);font-size:12px;font-weight:800;letter-spacing:1.5px}.hero h1{font-size:clamp(45px,6vw,76px);line-height:1.25;margin:16px 0;color:var(--ink);font-weight:900}.hero h1 em{font-style:normal;color:var(--gold)}.hero-copy p{color:#817568;line-height:2;font-size:16px;max-width:420px;margin-bottom:27px}.hero-notes{display:flex;gap:18px;flex-wrap:wrap;margin-top:35px;color:#76695c;font-size:12px}.hero-art{position:relative;min-height:420px;display:flex;align-items:center;justify-content:center}.sun{width:330px;height:330px;border-radius:50%;background:#ead9b9;position:absolute;top:38px;right:18%;box-shadow:0 0 0 25px #ead9b955,0 0 0 50px #ead9b922}.spice-bowl{position:absolute;border-radius:50%;box-shadow:inset 0 12px 13px #fff8,0 24px 24px #4b332b35;border:12px solid #75513a;background:radial-gradient(ellipse at 45% 38%,#b76e32 0 22%,#88451f 24% 43%,#d69b4c 46% 64%,#73422c 67%);transform:rotate(-12deg)}.bowl-one{width:190px;height:130px;top:130px;right:24%;z-index:2}.bowl-two{width:145px;height:100px;top:225px;right:53%;background:radial-gradient(ellipse,#d6a342 0 30%,#9b5928 34% 65%,#5e3c2d 68%)}.bowl-three{width:135px;height:94px;top:255px;right:16%;background:radial-gradient(ellipse,#8b3427 0 35%,#b75e34 38% 65%,#5e3c2d 68%)}.spice-bowl i{position:absolute;inset:15px;border-radius:50%;border-top:2px solid #f3d7a2}.leaf{position:absolute;top:70px;right:50%;font-size:70px;color:var(--sage);transform:rotate(24deg)}.art-label{position:absolute;bottom:35px;right:35%;font-size:10px;letter-spacing:5px;color:#927b5d}.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);padding:25px 10%;border-bottom:1px solid var(--line);gap:20px}.trust-strip div{display:grid;grid-template-columns:34px 1fr;align-items:center}.trust-strip div:first-letter{font-size:22px}.trust-strip b{font-size:13px}.trust-strip small{grid-column:2;color:var(--muted);font-size:11px}.section{padding:85px 9%}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:32px;gap:20px}.section-heading h2{font-size:32px;margin:7px 0 0}.section-heading p{margin:3px 0;color:var(--muted);font-size:13px}.filters{display:flex;gap:8px}.filters input,.filters select,.modal input,.modal textarea,.modal select{border:1px solid var(--line);background:#fff;padding:11px 13px;border-radius:8px;outline:none;min-width:0}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.product-card{border:1px solid var(--line);border-radius:13px;overflow:hidden;background:#fff;transition:.25s}.product-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.product-image{height:205px;background:var(--cream);display:grid;place-items:center;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover}.product-placeholder{font-size:68px;color:#b58a50}.product-info{padding:16px}.product-info h3{margin:0 0 5px;font-size:17px}.product-info p{margin:0;color:var(--muted);font-size:12px;min-height:43px;line-height:1.8}.product-meta{display:flex;align-items:center;justify-content:space-between;margin-top:14px}.price{font-weight:900;color:var(--brown)}.add-btn{background:var(--cream);border:0;border-radius:8px;padding:8px 12px;color:var(--brown);font-weight:800}.quote-band{background:#3d2b20;color:#fff5e5;text-align:center;padding:55px 20px}.quote-band span{font-size:35px;color:var(--gold)}.quote-band p{font-size:25px;margin:8px}.quote-band small{color:#d5b779}.reviews-section{background:#fcfaf5}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.review-card{background:white;border:1px solid var(--line);border-radius:12px;padding:20px}.stars{color:var(--gold);letter-spacing:3px}.review-card p{color:#786e64;line-height:1.9;font-size:13px}footer{background:#2e211a;color:#fff1df;padding:45px 9%;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}footer p,footer>small{color:#c5b5a2;font-size:12px}.overlay{position:fixed;inset:0;background:#1e1712a8;z-index:10;opacity:0;pointer-events:none;transition:.2s}.overlay.show{opacity:1;pointer-events:auto}.drawer{position:fixed;z-index:11;top:0;bottom:0;left:0;width:min(420px,94vw);background:var(--paper);padding:24px;transform:translateX(-105%);transition:.25s;display:flex;flex-direction:column}.drawer.open{transform:none}.drawer-head,.total{display:flex;justify-content:space-between;align-items:center}.close{border:0;background:var(--cream);border-radius:50%;width:34px;height:34px;font-size:23px;color:var(--ink)}.cart-items{flex:1;overflow:auto}.cart-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:15px 0;gap:10px}.qty{display:flex;align-items:center;gap:8px}.qty button{border:0;background:var(--cream);border-radius:6px;padding:4px 9px}.cart-bottom{border-top:1px solid var(--line);padding-top:18px}.total{margin-bottom:15px}.modal{position:fixed;z-index:12;top:50%;left:50%;transform:translate(-50%,-45%) scale(.97);opacity:0;pointer-events:none;background:var(--paper);border-radius:16px;padding:30px;width:min(440px,94vw);max-height:88vh;overflow:auto;box-shadow:0 25px 80px #0003;transition:.2s}.modal.open{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}.modal>.close{float:left}.modal h3{font-size:24px;margin:8px 0 18px}.modal label{display:flex;flex-direction:column;gap:6px;font-size:13px;margin:12px 0}.modal input,.modal textarea,.modal select{width:100%}.muted{color:var(--muted);font-size:12px;line-height:1.8}.wide{width:min(620px,95vw)}.form-grid,.admin-form{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px}.span2{grid-column:span 2}.admin-tabs{display:flex;gap:7px;border-bottom:1px solid var(--line);padding-bottom:10px}.admin-tabs button{border:0;background:var(--cream);border-radius:8px;padding:8px 13px}.admin-tabs button.active{background:var(--ink);color:white}.tab-panel{padding-top:14px}.hidden{display:none!important}.admin-form{background:#f6f0e6;padding:15px;border-radius:10px}.admin-form label{margin:3px 0}.admin-form .primary-btn{grid-column:span 2}.admin-product,.admin-order{padding:12px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:13px}.admin-order button{border:0;border-radius:6px;padding:6px 9px;margin:2px}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stats-grid div{background:var(--cream);padding:18px;border-radius:10px}.stats-grid small,.stats-grid b{display:block}.stats-grid small{color:var(--muted)}.stats-grid b{font-size:22px;margin-top:8px}.toast{position:fixed;z-index:20;bottom:22px;right:50%;transform:translate(50%,20px);opacity:0;background:var(--ink);color:white;padding:12px 22px;border-radius:9px;transition:.2s}.toast.show{opacity:1;transform:translate(50%,0)}
@media(max-width:850px){.topbar{padding:0 4%;height:72px}.topbar nav{display:none}.hero{padding:45px 7%;grid-template-columns:1fr}.hero-art{min-height:340px;grid-row:1}.hero-copy{text-align:center;margin:auto}.hero-copy p{margin-left:auto;margin-right:auto}.hero-notes{justify-content:center}.sun{width:260px;height:260px}.bowl-one{right:30%;top:95px}.bowl-two{right:55%;top:185px}.bowl-three{right:15%;top:205px}.leaf{top:40px}.product-grid{grid-template-columns:repeat(2,1fr)}.trust-strip{padding:22px 6%;grid-template-columns:1fr 1fr}.section{padding:60px 6%}.review-grid{grid-template-columns:1fr 1fr}.section-heading{align-items:start;flex-direction:column}.filters{width:100%}.filters>*{flex:1;width:50%}}@media(max-width:480px){.brand b{font-size:15px}.brand-mark{width:38px;height:38px}.head-actions{gap:5px}.outline-btn,.icon-btn{padding:9px 11px}.hero h1{font-size:48px}.hero-art{min-height:290px}.product-grid{gap:10px}.product-image{height:150px}.product-info{padding:12px}.product-info h3{font-size:14px}.product-info p{font-size:11px}.review-grid{grid-template-columns:1fr}.quote-band p{font-size:19px}.form-grid,.admin-form{grid-template-columns:1fr}.span2{grid-column:auto}.section-heading h2{font-size:26px}}
