*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#111216;color:#f5f2ed;font-family:Arial,sans-serif}.nav{height:84px;max-width:1200px;margin:auto;padding:0 4%;display:flex;align-items:center;justify-content:space-between}.logo{font:36px Georgia,serif;color:#fff;text-decoration:none}.logo span{color:#c7a269}.logo small{font:10px Arial;letter-spacing:3px;color:#999;margin-left:4px}header{position:sticky;top:0;z-index:20;background:#111216f2;border-bottom:1px solid #292a2e}.nav nav{display:flex;align-items:center;gap:25px}.nav nav a{color:#ddd;text-decoration:none;text-transform:uppercase;font-size:12px;font-weight:bold;letter-spacing:1px}.cartBtn{background:#79252a;border:0;color:#fff;padding:12px 15px;cursor:pointer}.cartBtn b{color:#e4c27e}.hamb{display:none;background:none;border:0;color:#fff;font-size:26px}.hero{min-height:680px;padding:90px 8%;display:flex;align-items:center;background:linear-gradient(90deg,#08090ddd,#08090d66),url('https://images.unsplash.com/photo-1523398002811-999ca8dec234?auto=format&fit=crop&w=2000&q=90') center/cover}.hero h1{font:clamp(58px,8vw,105px)/.88 Georgia,serif;margin:15px 0 28px}.hero em,.quote em{font-style:normal;color:#c7a269}.hero p{max-width:560px;color:#ddd;font-size:18px;line-height:1.7}.eyebrow{color:#c7a269;font-size:11px;font-weight:bold;letter-spacing:4px}.btn{display:inline-block;background:#79252a;color:#fff;text-decoration:none;border:1px solid #79252a;padding:15px 28px;margin-top:15px;font-weight:bold;cursor:pointer}.section,.contact{max-width:1200px;margin:auto;padding:100px 4%}.section h2,.contact h2{font:50px Georgia,serif;margin:10px 0 45px}.cats{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.cats a{height:220px;background:#26272b;color:#fff;text-decoration:none;padding:30px;font:36px Georgia,serif;display:flex;justify-content:space-between;align-items:flex-end}.cats a:nth-child(2){background:#79252a}.cats a:nth-child(3){background:#332e27}.cats span{font:20px Arial;color:#c7a269}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product{background:#1b1c20;border:1px solid #2b2c30}.pic{aspect-ratio:1/1.15;background:#292a2e;overflow:hidden}.pic img{width:100%;height:100%;object-fit:cover}.info{padding:18px}.info h3{margin:0 0 9px}.price{color:#c7a269;font-weight:bold;margin-bottom:15px}.add{width:100%;padding:11px;background:transparent;border:1px solid #777;color:#fff;font-weight:bold;cursor:pointer}.add:hover{background:#79252a;border-color:#79252a}.quote{background:#79252a;padding:110px 8%}.quote h2{font:clamp(45px,6vw,76px) Georgia,serif;margin:0}.contact{display:flex;justify-content:space-between;align-items:center;gap:30px}.contact p{color:#bbb;line-height:1.7}.footergrid{padding:70px 7%;display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;background:#191a1e}.footergrid a{display:block;color:#aaa;text-decoration:none;margin:10px 0}.copy{text-align:center;padding:20px;background:#111216;color:#777;font-size:12px}.modal{display:none;position:fixed;inset:0;background:#000b;z-index:50;align-items:center;justify-content:center}.modal.show{display:flex}.cart{width:min(540px,94%);max-height:90vh;overflow:auto;background:#1b1c20;padding:35px;position:relative;border:1px solid #333}.close{position:absolute;right:14px;top:8px;background:none;border:0;color:#fff;font-size:30px}.cartrow{display:flex;justify-content:space-between;border-bottom:1px solid #333;padding:15px 0}.total{display:flex;justify-content:space-between;font-size:21px;padding:22px 0}.total b{color:#c7a269}.cart input{display:block;width:100%;margin:10px 0;padding:13px;background:#111216;border:1px solid #444;color:#fff}.full{width:100%}.note{font-size:12px;color:#999;line-height:1.5}@media(max-width:800px){.hamb{display:block}.nav nav{display:none;position:absolute;top:84px;left:0;right:0;background:#111216;padding:20px;flex-direction:column;align-items:stretch}.nav nav.open{display:flex}.nav nav a,.cartBtn{text-align:center;padding:12px}.grid,.cats{grid-template-columns:repeat(2,1fr)}.contact{display:block}}@media(max-width:520px){.grid,.cats{grid-template-columns:1fr}.hero{min-height:600px;padding:70px 7%}.hero h1{font-size:56px}.section,.contact{padding:70px 6%}.footergrid{grid-template-columns:1fr}.quote{padding:80px 7%}}
