:root{--ink:#29231e;--muted:#776f67;--cream:#f7f1e8;--paper:#fffdf9;--coffee:#6e432b;--accent:#d47b43;--line:#e8dfd4;--shadow:0 18px 50px #3726191f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}a{text-decoration:none;color:inherit}.container{width:min(1120px,92%);margin:auto}.topbar{position:sticky;top:0;z-index:20;background:#fffdf9ed;backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav{height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:10px;font-weight:800}.brand small,.foot small{display:block;font-size:10px;color:var(--muted);font-weight:500}.mark{width:40px;height:40px;border-radius:12px;background:var(--coffee);color:#fff;display:grid;place-items:center;font-size:13px}.nav nav{display:flex;gap:28px;color:#554b43;font-size:14px}.cart{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 13px;cursor:pointer}.cart b{background:var(--accent);color:#fff;border-radius:50%;padding:2px 7px;font-size:11px}.hero{min-height:610px;position:relative;display:flex;align-items:center;color:#fff;overflow:hidden;background:linear-gradient(90deg,#201712e8,#20171277,#20171212),radial-gradient(circle at 72% 38%,#b8794e 0 7%,#5b3928 26%,#261b16 70%)}.hero-in{position:relative;z-index:2;padding:80px 0}.eyebrow{font-size:11px;letter-spacing:2.4px;font-weight:800;color:#e9b087}.eyebrow.dark{color:var(--accent)}h1{font-family:Georgia,serif;font-size:clamp(48px,7vw,82px);line-height:.98;margin:16px 0}h1 i{color:#f2b17d;font-weight:400}.hero p{max-width:510px;color:#e9e2db;font-size:17px;line-height:1.7}.actions{display:flex;gap:12px;margin:30px 0 20px}.btn{border:0;border-radius:12px;padding:13px 20px;font-weight:800;cursor:pointer;display:inline-flex;justify-content:center;align-items:center}.primary{background:var(--coffee);color:#fff}.light{background:#fff;color:var(--ink)}.quick{background:#33251e;color:#fff}.qgrid{display:grid;grid-template-columns:repeat(4,1fr);padding:22px 0;gap:20px}.qgrid>div{display:flex;gap:10px;align-items:center;font-size:24px}.qgrid span{font-size:12px}.qgrid b,.qgrid small{display:block}.qgrid small{color:#bcaea4;margin-top:3px}.section{padding:88px 0}.head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:30px}.head h2,.about h2,.contact h2,.promo h2{font-family:Georgia,serif;font-size:42px;margin:8px 0}.head p{max-width:390px;color:var(--muted);line-height:1.6}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}.filters button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 15px;cursor:pointer;color:#665b52}.filters .active{background:var(--coffee);border-color:var(--coffee);color:#fff}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product{border:1px solid var(--line);background:#fff;border-radius:18px;overflow:hidden;transition:.2s;display:flex;flex-direction:column}.product:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.pimg{height:180px;display:grid;place-items:center;font-size:68px;background:linear-gradient(135deg,#efe3d5,#d5b69a)}.product:nth-child(3n) .pimg{background:linear-gradient(135deg,#ead9c9,#b9845c)}.body{padding:17px}.tag{font-size:9px;font-weight:800;letter-spacing:1.2px;color:var(--accent)}.body h3{margin:5px 0;font-size:17px}.body p{font-size:12px;color:var(--muted);line-height:1.5;margin:0 0 14px}.pfoot{display:flex;align-items:center;justify-content:space-between}.price{font-weight:900}.add{width:36px;height:36px;border-radius:10px;border:0;background:var(--ink);color:#fff;font-size:21px;cursor:pointer}.promo{padding:0 0 88px}.promo-in{border-radius:28px;padding:55px;display:flex;justify-content:space-between;align-items:center;overflow:hidden;background:linear-gradient(120deg,#4c2c1f,#8b5638);color:#fff}.promo-in p{max-width:520px;color:#eaded5;line-height:1.6}.promo-art{font-size:90px;transform:rotate(-7deg)}.about{background:var(--cream)}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.photo{min-height:420px;border-radius:26px;background:radial-gradient(circle at 30% 25%,#bd8b67,#5a3829 48%,#2d201b);display:grid;place-items:center;box-shadow:var(--shadow)}.photo div{width:210px;height:250px;border:1px solid #ffffff73;color:#fff;display:grid;place-items:center;text-align:center;padding:25px;font-family:Georgia,serif;font-size:28px;letter-spacing:3px}.photo strong{font-size:40px}.photo small{font:11px system-ui;letter-spacing:1px}.about p,.contact p{color:var(--muted);line-height:1.8}.stats{display:flex;gap:35px;margin-top:28px}.stats b,.stats small{display:block}.stats b{font-size:23px}.stats small{font-size:11px;color:var(--muted);margin-top:4px}.wa{display:inline-block;margin-top:15px;background:#2f8f54;color:#fff;padding:12px 17px;border-radius:11px;font-weight:800}.map{min-height:250px;border-radius:22px;background:linear-gradient(135deg,#eee4d8,#d5c0a9);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:7px;color:#4c3b30}.map>div{font-size:42px}.map span{font-size:12px;color:#76695f}.map button{margin-top:12px;border:0;background:#fff;border-radius:9px;padding:10px 14px;cursor:pointer}footer{background:#2c211c;color:#fff}.foot{display:flex;justify-content:space-between;padding:35px 0;font-size:13px;gap:20px}.foot b,.foot small{display:block}.foot small{color:#b9aca2;margin-top:5px}.backdrop{display:none;position:fixed;inset:0;background:#00000073;z-index:40}.backdrop.show{display:block}.drawer{position:fixed;right:-430px;top:0;bottom:0;width:min(430px,94vw);background:#fff;z-index:50;transition:.28s;display:flex;flex-direction:column;box-shadow:-20px 0 50px #00000029}.drawer.open{right:0}.carthead{padding:22px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.carthead b,.carthead small{display:block}.carthead small{font-size:11px;color:var(--muted);margin-top:4px}.carthead button,.x{border:0;background:transparent;font-size:28px;cursor:pointer}.items{padding:15px 22px;overflow:auto;flex:1}.empty{text-align:center;color:var(--muted);padding:60px 20px}.row{display:grid;grid-template-columns:52px 1fr auto;gap:11px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.icon{width:52px;height:52px;border-radius:12px;background:var(--cream);display:grid;place-items:center;font-size:26px}.row h4{margin:0 0 4px;font-size:13px}.row small{color:var(--muted);font-size:11px}.qty{display:flex;align-items:center;gap:7px;margin-top:7px}.qty button{width:24px;height:24px;border:1px solid var(--line);background:#fff;border-radius:6px;cursor:pointer}.rprice{text-align:right;font-size:12px;font-weight:800}.bottom{border-top:1px solid var(--line);padding:20px 22px}.total{display:flex;justify-content:space-between;margin-bottom:15px}.full{width:100%}.clear{border:0;background:transparent;color:var(--muted);display:block;margin:12px auto 0;cursor:pointer;font-size:12px}.modal{display:none;position:fixed;inset:0;background:#00000080;z-index:60;place-items:center;padding:20px}.modal.show{display:grid}.modalbox{background:#fff;border-radius:22px;padding:28px;width:min(480px,100%);position:relative}.modalbox h2{font-family:Georgia,serif;font-size:34px;margin:7px 0 22px}.modalbox label{display:block;font-size:12px;font-weight:800;margin:13px 0}.modalbox input,.modalbox textarea{display:block;width:100%;border:1px solid var(--line);border-radius:10px;padding:12px;margin-top:7px;font:inherit}.modalbox textarea{min-height:80px;resize:vertical}.x{position:absolute;right:18px;top:12px}@media(max-width:850px){.nav nav{display:none}.grid{grid-template-columns:repeat(2,1fr)}.qgrid{grid-template-columns:repeat(2,1fr)}.twocol{grid-template-columns:1fr;gap:35px}.head{display:block}.head p{margin-top:15px}.promo-in{padding:38px}.promo-art{font-size:65px}}@media(max-width:560px){.nav{height:65px}.cart span{display:none}.hero{min-height:570px}.hero-in{padding:65px 0}.hero p{font-size:15px}.actions{flex-wrap:wrap}.section{padding:65px 0}.head h2,.about h2,.contact h2,.promo h2{font-size:34px}.grid{gap:12px}.pimg{height:135px;font-size:48px}.body{padding:12px}.body h3{font-size:14px}.body p{font-size:11px}.price{font-size:13px}.promo-in{padding:32px;display:block}.promo-art{display:none}.foot{display:block}.foot>div+div{margin-top:15px}}