:root{--bg:#090f18;--panel:#111c2a;--gold:#e0bd7b;--text:#f3f5f8;--muted:#aab7c7;--line:#283446}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.8 Tahoma,Arial,sans-serif}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #5ed2ff;outline-offset:4px}.top{text-align:center;background:#172436;color:var(--gold);font-size:12px;padding:8px}header{max-width:1240px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:18px 28px;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:12px;font:700 14px Arial;letter-spacing:1px}.brand img{height:62px;width:52px;object-fit:contain}.brand small{display:block;font:12px Tahoma;letter-spacing:0;margin-top:8px;color:var(--gold)}nav{display:flex;gap:26px;color:var(--muted);font-size:14px}.cartbtn{background:transparent;color:white;border:1px solid var(--line);border-radius:8px;padding:8px 17px}.cartbtn b{background:var(--gold);color:#152031;border-radius:50%;padding:2px 7px;margin-right:8px}main{max-width:1180px;margin:auto;padding:0 24px}section{padding:64px 0}.hero{display:grid;grid-template-columns:1fr 1.08fr;align-items:center;gap:50px;padding:65px 0 75px}.eyebrow{color:var(--gold);font-size:13px}h1{font-size:clamp(40px,5vw,65px);line-height:1.35;letter-spacing:-2px;margin:20px 0}em{font-style:normal;color:var(--gold)}p{color:var(--muted)}.hero p{max-width:450px}.primary{display:inline-block;background:var(--gold);color:#0a1422!important;padding:13px 25px;border:0;border-radius:6px;font-weight:bold;margin-top:16px}.heroimg{position:relative;border:1px solid #3e434b;padding:12px;border-radius:180px 180px 12px 12px;background:#111b27;overflow:hidden}.heroimg img{width:100%;display:block;border-radius:165px 165px 5px 5px;aspect-ratio:1/1.05;object-fit:cover}.imglabel{display:block;text-align:center;font:10px Arial;letter-spacing:2px;color:var(--gold);padding:17px 0 4px}.trust{display:flex;gap:16px;font-size:11px;color:var(--muted);margin-top:26px}.trust span:before{content:'✓ ';color:var(--gold)}.heading{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-bottom:28px}.heading>span{font-size:12px;color:var(--muted)}h2{font-size:30px;line-height:1.5;margin:10px 0 20px}h3{font-size:21px;margin:8px 0}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}article{background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden}.featured{border-color:#9e8150}.photo{height:280px;position:relative;background:#d4d4d4;overflow:hidden}.photo img{width:100%;height:100%;object-fit:cover;object-position:center 55%}.photo.alarm img{object-fit:cover}.photo>span{position:absolute;top:15px;right:15px;background:#0b1526e8;border:1px solid #6f6855;border-radius:4px;padding:3px 10px;font-size:11px;color:var(--gold)}.body{padding:23px}.body>small{font:10px Arial;color:var(--gold);letter-spacing:1.2px}.body p{font-size:13px;min-height:48px}.tags{display:flex;gap:6px;flex-wrap:wrap}.tags span{font-size:10px;background:#1e2a3b;padding:3px 8px;border-radius:4px}.price{display:flex;flex-direction:column;margin:20px 0}.price b{font:700 36px Arial;color:var(--gold)}.price b small{font:12px Tahoma}.price>span{font-size:11px;color:var(--muted);margin-top:8px}.body button{width:100%;border:1px solid var(--gold);background:transparent;color:var(--gold);padding:10px;border-radius:5px}.body button:hover{background:var(--gold);color:var(--bg)}.body .note{display:block;font:10px/1.8 Tahoma;color:var(--muted);letter-spacing:0;margin-top:12px}.about{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1.5fr;gap:70px;margin-top:55px}.about a{color:var(--gold)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.steps b{font:35px Georgia;color:var(--gold)}.steps p{font-size:13px}details{border-bottom:1px solid var(--line);padding:18px 0}summary{cursor:pointer}details p{font-size:14px}footer{text-align:center;padding:45px 20px;border-top:1px solid var(--line)}footer>b{font-size:14px;color:var(--gold)}footer small{display:block;color:#7c8b9e;margin-top:24px;font-size:11px}footer a{margin:10px}dialog{width:min(620px,95vw);max-height:90vh;border:1px solid #3f4b5b;border-radius:12px;background:var(--panel);color:white;padding:25px}dialog::backdrop{background:#000b;backdrop-filter:blur(4px)}.dialoghead{display:flex;justify-content:space-between;align-items:center}.dialoghead button{color:white;background:none;border:0;font-size:24px}label{display:block;font-size:13px;margin:14px 0}input,select,textarea{display:block;width:100%;border:1px solid #45546b;background:#0c1625;color:white;border-radius:5px;padding:10px;margin-top:6px}textarea{resize:vertical}.note{font-size:11px;color:var(--muted)}.notice{background:#332d1f;color:#f2d7a1;font-size:12px;padding:12px;border-radius:6px}.item{display:flex;justify-content:space-between;gap:10px;padding:15px 0;border-bottom:1px solid var(--line)}.qty{display:flex;align-items:center;gap:12px}.qty button,#copy{background:#27364b;color:white;border:1px solid #52627b;border-radius:4px;padding:3px 12px}#totals{padding:20px 0;color:var(--gold)}#totals div{display:flex;justify-content:space-between}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--gold);color:#142033;padding:10px 22px;border-radius:6px;display:none;z-index:9}#preview{margin-top:20px}@media(max-width:760px){header{padding:12px 18px}nav{display:none}.brand{font-size:11px}.hero{grid-template-columns:1fr;gap:30px;padding:35px 0}.heroimg{border-radius:20px}.heroimg img{border-radius:10px;aspect-ratio:1.35}.hero h1{margin:15px 0}.products{grid-template-columns:1fr}.photo{height:330px}.heading{display:block}.about{grid-template-columns:1fr;gap:10px;padding:35px 0}.steps{grid-template-columns:1fr;gap:20px}.steps div{border-bottom:1px solid var(--line);padding-bottom:15px}section{padding:38px 0}h2{font-size:25px}.body p{min-height:0}.trust{flex-wrap:wrap}.item{font-size:13px}}

.install-option{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--gold)}.install-option input{width:18px;height:18px;margin:0;accent-color:var(--gold)}

/* Product quantity and immediate cart */
.quantity-choice{display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--muted)}
.quantity-choice input{width:90px;text-align:center;margin:0;direction:ltr}
.continue-shopping{width:100%;background:transparent;color:var(--gold);border:1px solid var(--gold);padding:10px;border-radius:6px;margin-bottom:12px}
.dialoghead{position:sticky;top:-25px;background:var(--panel);z-index:1;padding:8px 0}
.cartbtn{position:relative;white-space:nowrap}
header{position:sticky;top:0;z-index:10;background:#090f18f5;backdrop-filter:blur(8px)}
.brand img{width:68px;height:68px}
.photo img{object-fit:contain;background:#e6e6e6}.photo.alarm img{object-fit:contain}
.domain{font-size:13px;color:var(--gold)}
#toast{z-index:100}
@media(max-width:400px){header{gap:8px;padding:10px}.brand img{width:48px;height:48px}.brand{gap:6px;font-size:10px}.cartbtn{padding:8px 10px}.qty{gap:7px}.qty button{padding:4px 10px}}
/* جعل حاوية الصورة مربعة 1:1 */