:root{--orange:#f5821f;--ink:#121315;--muted:#6f7074;--cream:#f7f3ee;--line:#e5dfd7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:'Noto Kufi Arabic',Inter,sans-serif}.topline{background:var(--ink);color:#fff;padding:9px 5.8vw;font-size:10px;display:flex;justify-content:space-between;direction:rtl}.topline a{color:#fff;text-decoration:none;direction:ltr}.nav-wrap{height:83px;display:flex;align-items:center;justify-content:space-between;padding:0 5.8vw;border-bottom:1px solid #eee;background:rgba(255,255,255,.93);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--ink);font-weight:800;font-family:Inter}.brand img{width:42px;height:42px;object-fit:contain}.nav-wrap nav{display:flex;gap:28px}.nav-wrap nav a{font-size:12px;text-decoration:none;color:var(--ink);font-weight:600}.nav-wrap nav a:first-child,.nav-wrap nav a:hover{color:var(--orange)}.nav-actions,.language{display:flex;align-items:center;gap:6px}.language{border:1px solid var(--line);padding:3px;border-radius:20px}.language button,.admin-link{border:0;background:transparent;cursor:pointer;font-family:inherit;font-size:10px;padding:5px 7px;border-radius:14px}.language button.active{background:var(--orange);color:white}.admin-link{font-size:18px;color:var(--orange)}.menu-toggle{display:none;border:0;background:none;font-size:22px}.hero{background:#141517;min-height:620px;position:relative;overflow:hidden;color:white;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:62px 10vw 72px;isolation:isolate}.hero:after{content:"";position:absolute;inset:auto -20% -60% auto;width:650px;height:650px;background:var(--orange);border-radius:50%;filter:blur(80px);opacity:.14;z-index:-1}.hero-copy{max-width:590px}.eyebrow{font-family:Inter,sans-serif;letter-spacing:2.2px;text-transform:uppercase;font-weight:700;font-size:10px;color:var(--orange);margin:0 0 14px}.hero h1{font-size:clamp(35px,4.8vw,68px);line-height:1.32;margin:0 0 20px;letter-spacing:-2px}.hero h1 em{font-style:normal;color:var(--orange)}.hero-copy>p:not(.eyebrow){font-size:13px;line-height:2.1;color:#c7c7c9;max-width:500px}.hero-buttons{display:flex;gap:12px;margin-top:30px}.button{font-family:inherit;text-decoration:none;border:0;cursor:pointer;border-radius:4px;padding:13px 20px;font-size:11px;font-weight:700;display:inline-flex;justify-content:center;align-items:center}.primary{background:var(--orange);color:white}.ghost{color:white;border:1px solid #555}.showreel{height:440px;position:relative;min-width:500px;background:radial-gradient(circle at 55% 52%,#3b2a1d 0,#161718 57%);overflow:hidden;border-radius:10px;box-shadow:0 35px 80px #0008}.showreel:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 45%,#ffffff0d 50%,transparent 55%);transform:translateX(-100%);animation:shine 6s infinite}.phone{position:absolute;border:8px solid #25272a;border-radius:32px;width:138px;height:290px;top:85px;background:linear-gradient(145deg,#f8d78e,#795e3c 35%,#170f0c 80%);box-shadow:10px 18px 25px #0008;transform:rotate(-11deg)}.phone:before{content:"";position:absolute;top:7px;left:50%;transform:translateX(-50%);background:#171717;width:55px;height:17px;border-radius:12px}.phone span,.phone i,.phone b{position:absolute;display:block;border-radius:50%;background:#1e1c1c;border:3px solid #53442d;width:25px;height:25px}.phone span{top:36px;left:15px}.phone i{top:36px;left:46px}.phone b{top:67px;left:15px}.phone-back{left:40px;opacity:.5;transform:rotate(-18deg) scale(.82);filter:blur(.5px)}.phone-main{left:185px;top:70px;width:155px;height:320px;z-index:2}.phone-main strong{position:absolute;bottom:24px;right:18px;font:800 38px Inter;color:#fff;line-height:.65;text-align:center}.phone-main small{font-size:12px;letter-spacing:2px}.phone-front{right:57px;opacity:.68;transform:rotate(13deg) scale(.88);background:linear-gradient(140deg,#334e63,#bac4ca 40%,#00182d)}.reel-label{position:absolute;top:22px;left:24px;font-size:9px;display:flex;align-items:center;gap:7px;z-index:4}.pulse{width:7px;height:7px;background:#f02a2a;border-radius:50%;box-shadow:0 0 0 5px #f02a2a33}.reel-footer{position:absolute;bottom:21px;right:22px;left:22px;display:flex;justify-content:space-between;align-items:center;font:600 10px Inter;z-index:5;direction:ltr}.reel-footer button{font:600 10px 'Noto Kufi Arabic';color:#fff;background:#ffffff20;border:1px solid #ffffff3d;border-radius:24px;padding:8px 11px;cursor:pointer}.reel-footer button span{color:var(--orange)}.scroll-cue{position:absolute;bottom:25px;left:5.8vw;font:700 9px Inter;letter-spacing:2px;color:#aaa;display:flex;gap:10px;align-items:center;writing-mode:vertical-rl}.scroll-cue span{width:1px;height:35px;background:var(--orange)}.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);padding:25px 10vw;border-bottom:1px solid var(--line);gap:15px}.trust-strip div{display:flex;gap:10px;align-items:center;justify-content:center;border-left:1px solid var(--line)}.trust-strip div:last-child{border:0}.trust-strip b{font:800 24px Inter;color:var(--orange)}.trust-strip span{font-size:10px;color:var(--muted)}.section{padding:110px 10vw}.about{display:grid;grid-template-columns:.8fr 1.2fr;gap:10vw;align-items:center;background:var(--cream)}.about-art{height:390px;position:relative}.circle{width:300px;height:300px;background:var(--orange);border-radius:50%;color:white;font:800 240px/1 Inter;text-align:center;position:absolute;top:35px;right:20px;box-shadow:inset -25px -20px #c9600b}.warranty{width:125px;height:125px;border-radius:50%;background:#171717;color:var(--orange);position:absolute;bottom:5px;right:0;display:flex;flex-direction:column;justify-content:center;align-items:center;font:800 27px Inter;transform:rotate(-10deg);outline:7px solid white}.warranty small{font:600 9px 'Noto Kufi Arabic';color:white;text-align:center;line-height:1.7}.section h2,.contact h2{font-size:clamp(28px,3.1vw,43px);line-height:1.55;letter-spacing:-1px;margin:0 0 22px}.about-text{font-size:12px;line-height:2.3;color:#555}.text-link{margin-top:22px;display:inline-block;color:var(--orange);font-size:11px;font-weight:bold;text-decoration:none}.products{background:#fff}.heading-row{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:40px}.tabs{display:flex;gap:7px;flex-wrap:wrap}.tabs button{font-family:inherit;border:1px solid var(--line);background:white;color:var(--ink);border-radius:30px;padding:11px 15px;font-size:10px;cursor:pointer}.tabs button.active{background:var(--ink);color:white;border-color:var(--ink)}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.product-card{border:1px solid var(--line);border-radius:7px;overflow:hidden;background:#fff;transition:.25s}.product-card:hover{transform:translateY(-7px);box-shadow:0 16px 30px #2221}.product-image{height:230px;background:#f3f1ef;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.product-image img{height:92%;max-width:90%;object-fit:contain;mix-blend-mode:multiply;transition:.3s}.product-card:hover img{transform:scale(1.08)}.tag{position:absolute;top:12px;right:12px;background:var(--orange);color:#fff;font:700 8px Inter;padding:6px 8px;border-radius:3px}.product-content{padding:16px}.product-content h3{font:700 14px Inter;margin:0 0 7px;direction:ltr;text-align:right}.product-content p{font-size:9px;color:var(--muted);line-height:1.8;height:33px;margin:0}.price{font:800 13px Inter;color:var(--orange);display:block;margin-top:13px;direction:ltr;text-align:right}.catalogue-note{margin-top:35px;padding:17px 20px;background:#fff5eb;border-right:3px solid var(--orange);display:flex;gap:12px;align-items:center}.catalogue-note p{font-size:10px;color:#6d5e50;flex:1;line-height:1.8}.catalogue-note a{font-size:10px;font-weight:bold;color:var(--orange);text-decoration:none;white-space:nowrap}.contact{display:grid;grid-template-columns:1fr 1.1fr;gap:10vw;background:#18191a;color:white;padding:100px 10vw}.contact>div>p:not(.eyebrow){font-size:12px;color:#bcbcbc;line-height:2.1;max-width:400px}.phones{margin-top:25px;display:flex;gap:16px;flex-wrap:wrap}.phones a{font:700 16px Inter;color:var(--orange);text-decoration:none;direction:ltr}.branches{display:grid;grid-template-columns:1fr 1fr;gap:14px}.branches article{border:1px solid #393939;padding:24px;display:flex;flex-direction:column;min-height:230px}.branches span{font:800 18px Inter;color:var(--orange)}.branches h3{font-size:14px;margin:23px 0 9px}.branches p{font-size:10px;color:#bbb;line-height:2}.branches a{color:white;text-decoration:none;font-size:10px;margin-top:auto}.branches a:hover{color:var(--orange)}footer{padding:20px 5.8vw;background:#111;color:#aaa;display:flex;align-items:center;gap:10px;font:10px Inter}footer img{width:30px;height:30px;object-fit:contain;background:white;border-radius:50%}footer a{margin-right:auto;color:var(--orange);font-size:18px;text-decoration:none}.modal{display:none;position:fixed;inset:0;background:#0009;z-index:50;align-items:center;justify-content:center;padding:18px}.modal.open{display:flex}.modal-card{width:min(450px,100%);max-height:90vh;overflow:auto;background:white;padding:33px;position:relative;border-radius:8px;direction:ltr;font-family:Inter}.modal-card h2{margin:0 0 8px}.modal-card>div>p:not(.eyebrow){font-size:13px;color:#777}.close{position:absolute;top:14px;right:17px;border:0;background:none;font-size:27px;cursor:pointer}form{display:grid;gap:13px;margin-top:23px}form label{font-size:11px;font-weight:bold;display:grid;gap:6px}input,textarea,select{font:inherit;border:1px solid #ddd;border-radius:4px;padding:11px;font-size:13px}form small{color:#c44}.dashboard-head{display:flex;justify-content:space-between;align-items:start}.dashboard-head .button{font-size:10px;padding:10px}.admin-row{padding:13px 0;border-bottom:1px solid #eee;display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:12px}.admin-row small{color:#888}.row-buttons button,.logout{border:0;background:none;cursor:pointer;font:600 11px Inter;color:var(--orange);margin-left:8px}.logout{margin-top:20px;color:#b33}.editor{direction:ltr}
@keyframes shine{50%,100%{transform:translateX(100%)}}@media(max-width:850px){.nav-wrap nav{display:none}.menu-toggle{display:block;order:2}.nav-actions{order:3}.hero{grid-template-columns:1fr;padding:60px 7vw 40px;gap:35px}.showreel{min-width:0;height:350px}.phone-main{left:35%;transform:translateX(-50%)}.phone-back{left:7%}.phone-front{right:5%}.scroll-cue{display:none}.trust-strip{padding:18px 5vw}.trust-strip b{font-size:18px}.trust-strip span{font-size:8px}.section,.contact{padding:70px 7vw}.about,.contact{grid-template-columns:1fr;gap:45px}.about-art{height:300px}.circle{width:235px;height:235px;font-size:190px}.product-grid{grid-template-columns:repeat(2,1fr)}.heading-row{align-items:start;flex-direction:column}.branches{gap:10px}.topline{padding:9px 5vw}.nav-wrap{padding:0 5vw}.menu-toggle+.nav-open{display:flex}}@media(max-width:510px){.topline span{font-size:8px}.brand span{display:none}.hero h1{font-size:35px}.hero-copy>p:not(.eyebrow){font-size:11px}.hero-buttons{flex-direction:column;align-items:start}.trust-strip{grid-template-columns:repeat(2,1fr)}.trust-strip div:nth-child(2){border:0}.trust-strip div{justify-content:start}.product-grid{grid-template-columns:1fr}.product-image{height:270px}.branches{grid-template-columns:1fr}.about-art{height:260px}.circle{right:15%;width:210px;height:210px;font-size:170px}.warranty{width:105px;height:105px}.catalogue-note{align-items:start;flex-wrap:wrap}.nav-actions{gap:2px}.language button{padding:4px}.reel-footer{font-size:8px}.phone-main{left:42%}.phone{width:120px;height:260px}.phone-main{width:135px;height:285px}.phone-front{right:-4%}}