@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#101112;--panel:#1b1c1e;--panel2:#252526;--gold:#d2ad68;--gold2:#9b783c;--ink:#f3eee5;--mute:#b1ada5;--line:#403b33;--teal:#00a99e;--radius:17px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:15px Cairo,Manrope,Arial,sans-serif}button,input{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}img{max-width:100%}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.container{max-width:1320px;margin:auto;padding:0 28px}.topline{background:#0b0c0d;color:#c8bdab;border-bottom:1px solid #29251e;font-size:12px}.topline .container{display:flex;align-items:center;justify-content:space-between;min-height:34px;gap:15px}.header{position:sticky;top:0;z-index:40;background:rgba(16,17,18,.96);backdrop-filter:blur(18px);border-bottom:1px solid #2b2925}.nav{display:flex;min-height:82px;align-items:center;gap:30px}.brand{display:flex;align-items:center;gap:12px;margin-inline-end:auto}.brand img{height:70px;width:70px;object-fit:contain}.brand strong{display:block;font-size:16px;color:var(--teal)}.brand small{display:block;color:#d7d4ce;font:11px Manrope,Arial}.navlinks{display:flex;align-items:center;gap:22px}.navlinks a{color:#d9d4cb;font-size:14px}.navlinks a:hover,.navlinks a.active{color:var(--gold)}.nav-actions{display:flex;gap:9px}.iconbtn{height:40px;min-width:40px;border:1px solid var(--line);background:#18191a;color:var(--ink);border-radius:12px;display:grid;place-items:center;position:relative}.count{position:absolute;top:-7px;right:-6px;background:var(--gold);color:#17130d;border-radius:30px;min-width:19px;height:19px;font-size:11px;font-weight:800;padding:0 4px}.menu-toggle{display:none}.btn{border:1px solid transparent;border-radius:10px;padding:12px 22px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:800;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn-gold{background:linear-gradient(135deg,#ebc778,#b78d4a);color:#20180f}.btn-outline{color:var(--ink);border-color:#7a6b52;background:rgba(15,15,15,.57)}.btn-green{background:#087f65;color:white}.btn-small{padding:8px 11px;font-size:12px}.hero{position:relative;min-height:595px;background:#171512;display:flex;align-items:center;overflow:hidden}.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.65}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(270deg,rgba(12,12,13,.96),rgba(12,12,13,.72) 44%,rgba(12,12,13,.08) 100%);z-index:1}.hero-inner{position:relative;z-index:2;width:100%;padding-top:65px;padding-bottom:70px}.hero-copy{max-width:600px}.eyebrow{color:var(--gold);font-size:14px;letter-spacing:1px;font-weight:800}.hero h1{font-size:clamp(35px,5vw,68px);line-height:1.35;margin:20px 0 12px;color:#f3d89c}.hero p{color:#e6e0d4;font-size:17px;line-height:2;max-width:550px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:27px}.section{padding:72px 0}.section.alt{background:#151618}.section-title{text-align:center;font-size:clamp(24px,3vw,33px);color:#efd29a;margin:0 0 12px}.section-sub{text-align:center;color:var(--mute);margin:0 0 34px}.gold-line{width:72px;height:2px;background:var(--gold);margin:0 auto 32px}.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.cat-card{position:relative;min-height:275px;border:1px solid #5d4d37;border-radius:15px;overflow:hidden;background:#292520}.cat-card img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform .6s}.cat-card:hover img{transform:scale(1.05)}.cat-card:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.92),transparent 74%)}.cat-content{position:absolute;bottom:20px;inset-inline:18px;z-index:1;text-align:center}.cat-content strong{display:block;font-size:19px}.cat-content span{color:#e6c786;font-size:12px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden;min-width:0}.product-card:hover{border-color:#876f47}.prod-img{aspect-ratio:4/3;background:#272525;display:block;overflow:hidden}.prod-img img{width:100%;height:100%;object-fit:cover;transition:transform .45s}.product-card:hover .prod-img img{transform:scale(1.045)}.prod-body{padding:15px}.prod-code{color:var(--gold);font:12px Manrope,Arial}.prod-body h3{font-size:15px;min-height:48px;margin:7px 0 10px}.product-actions{display:flex;gap:8px}.product-actions .btn{flex:1;min-width:0}.section-foot{text-align:center;margin-top:30px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature{background:#1c1d1f;border:1px solid var(--line);padding:26px;text-align:center;border-radius:14px}.feature .emoji{font-size:30px}.feature h3{color:var(--gold)}.feature p{color:var(--mute);line-height:1.9}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.info-card{background:#1c1d1f;border:1px solid var(--line);border-radius:16px;padding:30px}.info-card p{color:var(--mute);line-height:2}.info-card h3{color:var(--gold)}.review-placeholder{border:1px dashed #695c46;padding:28px;border-radius:12px;color:#c0baaf}.footer{border-top:1px solid var(--line);background:#0b0c0d;padding:35px 0}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:25px;flex-wrap:wrap}.footer p{color:var(--mute);font-size:12px}.footer-links{display:flex;flex-wrap:wrap;gap:18px;color:var(--gold);font-size:13px}.float-wa{position:fixed;bottom:24px;left:24px;z-index:44;background:#0b8c71;border-radius:100px;color:white;padding:12px 17px;box-shadow:0 8px 28px #0009;font-weight:800}.page-head{padding:54px 0 30px;background:linear-gradient(145deg,#23201b,#111)}.page-head h1{font-size:35px;color:var(--gold);margin:0}.page-head p{color:var(--mute)}.toolbar{display:flex;gap:12px;flex-wrap:wrap;justify-content:space-between;margin:30px 0}.search{background:#222;border:1px solid #615039;border-radius:10px;color:white;padding:12px 18px;min-width:260px;flex:1}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{border:1px solid #62553f;background:#1e1f20;color:#dfd5c4;border-radius:100px;padding:9px 15px}.chip.active{background:var(--gold);color:#14110d}.empty{padding:42px;text-align:center;color:var(--mute)}.detail{display:grid;grid-template-columns:1.25fr 1fr;gap:46px;padding:46px 0}.detail-photo{width:100%;max-height:620px;object-fit:contain;background:#252422;border-radius:18px;border:1px solid #53432e}.detail h1{font-size:36px;color:var(--gold)}.detail p{color:var(--mute);line-height:2}.quantity{display:inline-flex;align-items:center;border:1px solid #5b4d35;border-radius:10px;margin:16px 0;overflow:hidden}.quantity button{border:0;background:#292622;color:#fff;padding:9px 14px}.quantity span{padding:0 18px}.cart-row{display:grid;grid-template-columns:110px 1fr auto;align-items:center;gap:20px;padding:17px;border-bottom:1px solid #4b4133}.cart-row img{width:110px;height:85px;object-fit:cover;border-radius:9px}.cart-row strong{display:block}.cart-row small{color:var(--gold)}.cart-row button{background:transparent;color:#e4b477;border:0}.cart-summary{padding:28px;background:#1d1e1f;border:1px solid #5b4a35;border-radius:15px;margin:30px 0}.qrbox{display:inline-block;background:white;padding:10px;border-radius:9px}.qrbox img{display:block;width:142px;height:142px}.loading{text-align:center;padding:100px;color:var(--gold)}.toast{position:fixed;bottom:90px;left:24px;z-index:99;padding:12px 20px;background:#31332e;border:1px solid var(--gold);border-radius:12px;color:white}.mobilebar{display:none}.showroom-promo{background:linear-gradient(140deg,#29251c,#111);padding:32px;border:1px solid #6c5533;border-radius:18px;display:flex;justify-content:space-between;align-items:center;gap:25px}.subtle{color:var(--mute)}
@media(max-width:1000px){.navlinks{display:none}.menu-toggle{display:grid}.navlinks.open{display:flex;position:absolute;top:81px;left:0;right:0;background:#171819;padding:20px;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line)}.cat-grid,.product-grid{grid-template-columns:repeat(2,1fr)}.hero{min-height:530px}.features{grid-template-columns:repeat(3,1fr)}}@media(max-width:650px){body{font-size:14px;padding-bottom:68px}.container{padding:0 16px}.topline{display:none}.nav{min-height:72px;gap:8px}.brand{gap:5px}.brand img{height:54px;width:54px}.brand strong{font-size:11px}.brand small{font-size:8px}.navlinks.open{top:72px}.iconbtn{min-width:35px;height:36px}.hero{min-height:550px}.hero:before{background:linear-gradient(0deg,rgba(10,10,11,.97),rgba(10,10,11,.24) 100%)}.hero-photo{object-position:center}.hero-inner{align-self:flex-end;padding-bottom:38px;padding-top:180px}.hero h1{font-size:34px}.hero p{font-size:14px}.section{padding:48px 0}.cat-grid,.product-grid{gap:10px}.cat-card{min-height:185px}.cat-content{bottom:13px;inset-inline:7px}.cat-content strong{font-size:13px}.product-card .prod-body{padding:10px}.prod-body h3{font-size:12px;min-height:42px}.product-actions{flex-direction:column}.features,.info-grid,.detail{grid-template-columns:1fr}.detail{gap:10px}.detail h1{font-size:26px}.cart-row{grid-template-columns:72px 1fr auto;gap:9px;padding:12px 0}.cart-row img{width:72px;height:69px}.float-wa{bottom:80px;left:12px;padding:10px}.mobilebar{display:flex;position:fixed;bottom:0;left:0;right:0;background:#121314;border-top:1px solid #675335;z-index:42;justify-content:space-around;height:65px;align-items:center}.mobilebar a{font-size:11px;text-align:center;color:#dbc69a}.mobilebar b{display:block;font-size:19px}.showroom-promo{flex-direction:column;align-items:stretch}.qrbox img{width:110px;height:110px}}