@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap');
:root{--ink:#33251e;--cream:#fbf5ea;--paper:#fffdf8;--brown:#6e3f25;--gold:#c9954a;--line:#e7dac7;--muted:#816f62}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:"DM Sans",sans-serif}a{color:inherit;text-decoration:none}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid var(--line);background:#fffaf2;position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:12px}.brand strong{display:block;font-family:"Playfair Display",serif;font-size:18px}.brand small{display:block;color:var(--muted);font-size:10px}.logo-mark{width:43px;height:43px;border-radius:14px;background:var(--brown);color:#fff8ed;display:grid;place-items:center;font-weight:700;font-size:14px;letter-spacing:-1px}.logo-mark span{color:#e7b568}nav{display:flex;gap:20px;align-items:center;font-size:13px}nav a:hover{color:var(--gold)}button{font:inherit;border:0;cursor:pointer}.lang,.account-btn{background:transparent;color:var(--ink);padding:9px}.cart-btn{background:var(--brown);color:#fff;padding:10px 15px;border-radius:999px}.cart-btn b{background:#e7b568;color:var(--ink);padding:2px 6px;border-radius:50%;margin-left:5px}.hero{min-height:610px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:70px 9%;overflow:hidden;background:radial-gradient(circle at 80% 30%,#f5e3c5,transparent 38%)}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--gold);font-weight:700}.hero h1{font:700 clamp(52px,7vw,88px)/.95 "Playfair Display",serif;max-width:650px;margin:18px 0}.hero h1 em{color:var(--brown);font-style:normal}.hero p{max-width:520px;color:var(--muted);font-size:17px;line-height:1.7}.primary{display:inline-block;background:var(--brown);color:#fff;border-radius:10px;padding:14px 22px;font-weight:700;margin-top:15px}.hero-art{height:420px;position:relative;display:grid;place-items:center}.box-art{width:280px;height:220px;background:#8a4f2c;border-radius:8px 8px 16px 16px;box-shadow:0 30px 50px #8c633633;display:grid;place-items:center;transform:rotate(-4deg);border:10px solid #70401f;color:#f9e3b7;text-align:center;font:700 27px "Playfair Display",serif}.box-art:before{content:"";position:absolute;width:280px;height:38px;background:#6e3f25;top:-18px;border-radius:8px}.date{position:absolute;width:52px;height:70px;background:#6b351d;border-radius:45% 55% 45% 55%;box-shadow:inset 8px -7px #542716}.date:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:#c99350;left:20px;top:28px}.date1{right:5%;top:15%}.date2{left:4%;bottom:12%;transform:rotate(35deg)}.date3{right:10%;bottom:4%;transform:rotate(-28deg)}.section{padding:90px 8%}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.section h2{font:700 45px "Playfair Display",serif;margin:10px 0}.pill{border:1px solid var(--line);padding:8px 14px;border-radius:999px}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product{background:var(--paper);border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:.2s}.product:hover{transform:translateY(-4px);box-shadow:0 15px 35px #5b3c2020}.product-art{height:220px;background:linear-gradient(135deg,#f4e2bd,#fff8eb);display:grid;place-items:center}.mini-box{width:150px;height:110px;background:#754322;border-radius:7px;display:grid;place-items:center;color:#f7dfb0;font:700 18px "Playfair Display",serif;box-shadow:0 20px 30px #75432233}.product-info{padding:20px}.product-info h3{font:700 24px "Playfair Display",serif;margin:0 0 7px}.product-info p{color:var(--muted);font-size:13px;min-height:38px}.price-row{display:flex;align-items:center;justify-content:space-between}.price{font-weight:700}.add{background:#f1e4d0;padding:10px 14px;border-radius:9px;color:var(--brown);font-weight:700}.about{display:grid;grid-template-columns:1fr 1fr;gap:80px;background:#f3e5d1}.about p{font-size:19px;line-height:1.8;color:var(--muted)}.contact{padding-bottom:100px}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.contact-grid div{padding:22px;background:var(--paper);border:1px solid var(--line);border-radius:14px}.contact-grid b{display:block;margin-bottom:7px}.contact-grid a{color:var(--brown)}footer{padding:25px 8%;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.overlay{position:fixed;inset:0;background:#21160e66;z-index:30}.drawer{position:fixed;right:0;top:0;height:100vh;width:min(430px,100%);background:var(--paper);z-index:31;padding:25px;box-shadow:-15px 0 40px #0002;transform:translateX(100%);transition:.25s}.drawer.open{transform:none}.drawer-head{display:flex;justify-content:space-between}.x{background:transparent;font-size:30px;color:var(--muted)}.cart-line{display:flex;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--line)}.cart-total{display:flex;justify-content:space-between;padding:20px 0;font-size:20px}.full{width:100%;text-align:center}.modal{position:fixed;inset:0;background:#21160e66;z-index:40;display:grid;place-items:center;padding:20px}.hidden{display:none}.modal-card{background:var(--paper);width:min(430px,100%);max-height:90vh;overflow:auto;border-radius:18px;padding:28px;position:relative}.modal-card.wide{width:min(600px,100%)}.modal-card h2{font:700 32px "Playfair Display",serif;margin-top:0}label{display:block;font-size:13px;font-weight:700;margin:14px 0}input,textarea,select{display:block;width:100%;padding:12px;border:1px solid var(--line);border-radius:9px;background:white;margin-top:7px;font:inherit}textarea{min-height:85px;resize:vertical}.muted{color:var(--muted);font-size:13px}.text-btn{margin-top:12px;background:transparent;color:var(--brown);font-weight:700}.notice{padding:12px;background:#f5e7d2;border-radius:9px;font-size:12px;color:#65452e}.order-summary{padding:15px;background:#faf3e8;border-radius:10px;margin-top:15px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%) translateY(100px);background:var(--brown);color:#fff;padding:12px 18px;border-radius:999px;z-index:60;transition:.25s}.toast.show{transform:translateX(-50%) translateY(0)}
[dir=rtl] .drawer{right:auto;left:0;transform:translateX(-100%)}[dir=rtl] .drawer.open{transform:none}[dir=rtl] .hero{text-align:right}
@media(max-width:800px){nav a{display:none}.hero{grid-template-columns:1fr;padding:55px 7%}.hero-art{height:300px}.products{grid-template-columns:1fr}.about,.contact-grid{grid-template-columns:1fr;gap:25px}.section{padding:60px 7%}.hero h1{font-size:54px}footer{gap:15px;flex-wrap:wrap}}