
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap');
:root{--bg:#fffdf9;--paper:#f7f0e4;--gold:#b8892f;--gold2:#d3ae67;--ink:#171613;--muted:#716b62;--line:#e7dcc9}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"DM Sans",sans-serif}
a{text-decoration:none;color:inherit}.top{background:linear-gradient(90deg,#c7983e,#e0bd76,#c7983e);color:#fff;padding:8px 5%;display:flex;justify-content:space-between;font-size:11px}.nav{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid var(--line);background:#fffdf9;position:sticky;top:0;z-index:20}.logo{width:190px;height:66px;object-fit:contain}.navlinks{display:flex;gap:28px;font-size:13px}.navlinks a:hover{color:var(--gold)}.phones{display:flex;gap:8px}.wa{border:1px solid #d8bd86;border-radius:25px;padding:9px 13px;font-size:12px}.menu{display:none;font-size:25px;background:none;border:0}
.hero{min-height:560px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:55px 5%;background:radial-gradient(circle at 78% 45%,#f4e6cf,#fffdf9 55%)}.hero h1{font:600 clamp(50px,6vw,82px)/.95 "Playfair Display";margin:0}.hero h1 span{color:var(--gold)}.eyebrow{letter-spacing:3px;font-size:11px;font-weight:700;color:var(--gold)}.tagline{font:italic 24px "Playfair Display";margin:20px 0}.hero p{max-width:530px;color:var(--muted);line-height:1.7}.btn{display:inline-block;border:1px solid var(--gold);border-radius:28px;padding:13px 22px;margin:12px 8px 0 0;font-size:13px}.btn.primary{background:var(--gold);color:white}.hero-visual{height:500px;border-radius:0 0 0 120px;background:linear-gradient(145deg,#f2e2c8,#fff);display:grid;place-items:center;border:1px solid #eadcc6}.hero-visual span{font:600 32px "Playfair Display";color:#c59a4b;text-align:center}
.section{padding:80px 5%}.heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.heading h2{font:600 48px/1 "Playfair Display";margin:0}.sub{color:var(--muted);max-width:500px}.grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.card{border:1px solid #e4d5bd;border-radius:16px;overflow:hidden;background:#fff;transition:.2s}.card:hover{transform:translateY(-5px);box-shadow:0 14px 35px #8c6b3218}.cardimg{height:230px;background:linear-gradient(145deg,#f0e1ca,#fff);display:grid;place-items:center;color:#b98d3e;font:600 24px "Playfair Display";text-align:center;padding:15px}.cardbody{padding:15px}.card h3{font:600 20px "Playfair Display";margin:0 0 5px}.card p{font-size:12px;color:var(--muted);margin:0}.about{background:var(--paper);display:grid;grid-template-columns:1fr 1fr;gap:6%;align-items:center}.aboutimg{height:420px;background:linear-gradient(145deg,#ead7b6,#fff);display:grid;place-items:center;border-radius:0 90px 0 0}.aboutimg img{max-width:65%;max-height:65%;object-fit:contain}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:25px}.feature{border:1px solid #dfcfb5;border-radius:14px;padding:18px;background:#fff}.feature b{display:block;font:600 18px "Playfair Display";margin-bottom:5px}.feature span{font-size:12px;color:var(--muted)}
.why{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.why div{padding:25px 15px;border-top:2px solid var(--gold)}.why b{display:block;font:600 19px "Playfair Display"}.why span{font-size:12px;color:var(--muted)}
.contact{background:#f7f0e4}.contactgrid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.contactbox{background:#fff;border:1px solid var(--line);padding:25px;border-radius:16px}.contactbox h3{font:600 24px "Playfair Display";margin-top:0}.contactbox p{font-size:13px;color:var(--muted);line-height:1.7}
footer{padding:30px 5%;display:flex;justify-content:space-between;border-top:1px solid var(--line);font-size:11px;color:var(--muted);background:#fff}
.product-page{padding:55px 5%}.product-wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:55px}.gallery{display:grid;grid-template-columns:100px 1fr;gap:15px}.thumbs{display:grid;gap:10px}.thumb{height:100px;border:1px solid var(--line);background:#f7efe2;display:grid;place-items:center;color:var(--gold);font:600 13px "Playfair Display";cursor:pointer}.mainimg{min-height:560px;background:linear-gradient(145deg,#f1e0c5,#fff);display:grid;place-items:center;border-radius:8px}.mainimg span{font:600 40px "Playfair Display";color:#bd913e;text-align:center}.product-info h1{font:600 52px/1.05 "Playfair Display";margin:0}.product-info .desc{color:var(--muted);line-height:1.75}.specs{border-top:1px solid var(--line);margin-top:25px}.spec{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid var(--line);font-size:13px}.spec strong{font-weight:600}.sizes{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 22px}.size{border:1px solid #d8c7aa;padding:9px 15px;border-radius:7px;font-size:12px;background:#fff}.note{background:#fff8e9;border-left:3px solid var(--gold);padding:13px;font-size:12px;color:#665c4e}.back{display:inline-block;margin-bottom:25px;color:var(--gold);font-size:13px}.details{margin-top:65px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.detailbox{border:1px solid var(--line);padding:25px;border-radius:14px}.detailbox h2{font:600 27px "Playfair Display";margin-top:0}.detailbox li{margin:8px 0;color:var(--muted);font-size:13px}.related{margin-top:55px}.demo{font-size:10px;color:#9a7a44;margin-top:6px}

@media(max-width:900px){.navlinks{display:none}.menu{display:block}.phones{display:none}.nav.open .navlinks{display:flex;position:absolute;top:86px;left:0;right:0;background:#fff;padding:20px 5%;flex-direction:column;border-bottom:1px solid var(--line)}.hero{grid-template-columns:1fr}.hero-visual{height:360px;margin-top:30px}.grid{grid-template-columns:repeat(3,1fr)}.about,.contactgrid,.product-wrap{grid-template-columns:1fr}.why{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.top{display:none}.nav{height:72px}.logo{width:155px;height:55px}.section{padding:60px 5%}.heading{display:block}.heading h2{font-size:38px}.grid{grid-template-columns:1fr 1fr}.features,.why{grid-template-columns:1fr}.product-page{padding:35px 5%}.gallery{grid-template-columns:1fr}.thumbs{grid-template-columns:repeat(4,1fr)}.thumb{height:70px}.mainimg{min-height:420px}.product-info h1{font-size:42px}.details{grid-template-columns:1fr}footer{display:block}.footer-right{margin-top:8px}}
