.storefront{background:radial-gradient(ellipse at 85% 10%,#07304a66,transparent 40%),#030c15}.storefront .wrap{width:min(1240px,calc(100% - 48px))}.shopNav{display:flex;align-items:center;gap:22px;min-height:88px;padding-block:12px}.shopNav .brand{white-space:nowrap;letter-spacing:-.6px}.shopNav nav{display:flex;gap:24px;margin-inline:auto;font-size:.9rem}.shopNav nav a:hover,.textLink{color:#46d7f5}.icon{width:32px;height:32px;flex-shrink:0}.remoteButton{display:flex;align-items:center;gap:9px;padding:10px 14px;border:1px solid #2488a7;border-radius:12px;color:#73e4f9;font-size:.84rem;font-weight:700;transition:box-shadow .2s}.remoteButton:hover{box-shadow:0 0 22px #00c8fa44}.shopNav .lang{gap:2px;flex-shrink:0}.shopNav .lang button{padding:7px;min-height:38px;border:0;font-size:.78rem}.shopNav .lang button.active{background:#133448;color:#71e6ff}.shopHero{margin-top:26px;position:relative;isolation:isolate;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;min-height:440px;padding:54px;border:1px solid #1a3e55;border-radius:24px;background:radial-gradient(ellipse at 85% 65%,#06517288,transparent 55%),linear-gradient(125deg,#0b1d2d,#04101c);overflow:hidden}.shopHero:before{content:'';position:absolute;inset:0;z-index:-1;opacity:.3;background-image:linear-gradient(#19648644 1px,transparent 1px),linear-gradient(90deg,#19648644 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(90deg,transparent,#000)}.heroCopy h1{font-size:clamp(2.5rem,4.8vw,4.4rem);font-weight:650;line-height:1.06;letter-spacing:-2px;max-width:610px;margin:22px 0}.heroCopy p{font-size:1.05rem;line-height:1.8;color:#a8bece;max-width:470px}.storefront .primary{background:linear-gradient(110deg,#008fc2,#05bed8);color:white;gap:24px;font-weight:650;min-height:48px}.heroCopy .btn{margin-top:16px}.heroVisual{height:290px;position:relative;display:grid;place-items:center;perspective:800px}.heroScreen{width:88%;height:215px;border:6px solid #234052;border-bottom-width:13px;border-radius:12px;background:radial-gradient(ellipse at 80% 70%,#0e7ca0,#041728 65%);transform:rotateY(-17deg) rotateX(6deg) rotateZ(-5deg);box-shadow:16px 22px 48px #0009;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:1.6rem;font-weight:800;z-index:1}.heroScreen span{color:#42ddf9}.heroScreen small{font-size:.55rem;letter-spacing:4px;margin-top:12px;color:#75aebe}.heroBase{position:absolute;width:100%;height:18px;background:linear-gradient(#658093,#172d3b);border-radius:0 0 50% 50%;bottom:24px;transform:rotateZ(-5deg)}.heroNote{position:absolute;bottom:-12px;color:#80a1b5;font-size:.68rem;letter-spacing:4px}.orbit{position:absolute;width:300px;height:300px;border:1px solid #0d708855;border-radius:50%;box-shadow:0 0 70px #00bfe722}.categorySection{padding:28px 0 18px}.categoryTiles{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.categoryTile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:132px;padding:18px 8px;border:1px solid #244353;border-radius:16px;background:linear-gradient(130deg,#0c1e2c,#07121d);transition:transform .2s,border-color .2s;font-size:.88rem}.categoryTile .icon{width:43px;height:43px;color:#50dff4}.categoryTile:hover{transform:translateY(-4px);border-color:#4ee0f4}.tileArrow{position:absolute;inset-inline-end:10px;top:7px;color:#598898;font-size:.8rem}.shopProducts{padding:32px 0 48px}.sectionHead h2{font-size:2rem;font-weight:650;margin-top:8px;letter-spacing:-.6px}.textLink{font-size:.9rem}.shopGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.shopProduct{display:flex;flex-direction:column;padding:8px;border:1px solid #203e51;border-radius:19px;background:linear-gradient(145deg,#0b1f30,#06131e);min-width:0;transition:border-color .2s}.shopProduct:hover{border-color:#468498}.gallery{height:230px;position:relative;background:#fff;border-radius:12px;overflow:hidden}.photoOpen{display:block;border:0;background:white;padding:18px;width:100%;height:100%;cursor:zoom-in}.photoOpen img{width:100%;height:100%;object-fit:contain}.galleryPrev,.galleryNext{position:absolute;top:44%;border:0;background:#ffffffdd;color:#153347;width:36px;height:42px;border-radius:8px;cursor:pointer;font-size:1.8rem}.galleryPrev{left:4px}.galleryNext{right:4px}.photoCount{position:absolute;right:10px;top:10px;background:#102536;color:#fff;padding:5px 8px;border-radius:6px;font-size:.72rem}.noPhoto{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;color:#47667b;font-size:.88rem}.noPhoto .icon{width:66px;height:66px}.thumbnails{display:flex;gap:6px;margin-top:7px}.thumbnail{height:46px;width:23%;padding:3px;background:#fff;border:2px solid transparent;border-radius:7px;cursor:pointer}.thumbnail.selected{border-color:#0cc8ee}.thumbnail img{height:100%;width:100%;object-fit:contain}.shopProductBody{display:flex;flex-direction:column;flex:1;padding:16px 10px 10px}.productMeta{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.7rem;color:#8dbeaf}.shopProduct h3{font-size:1.15rem;line-height:1.4;font-weight:600;margin:16px 0 8px}.specs{color:#92aabf;font-size:.83rem;margin:0 0 18px;line-height:1.6}.configGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:auto}.configGrid label,.filters label{display:grid;gap:7px;color:#b0c4d3;font-size:.78rem}.configSelect{width:100%;min-width:0;padding:10px 8px;border:1px solid #2b465b;border-radius:8px;color:#e5f4ff;background:#071520;font-size:.85rem}.shopPrice{font-size:1.35rem;font-weight:750;margin:21px 0 18px;line-height:1.35}.shopProductBody>.btn{width:100%;margin-top:auto}.configNote{font-size:.75rem;color:#aac4d4;line-height:1.5}.serviceBanner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px;border:1px solid #24445b;border-radius:20px;background:linear-gradient(110deg,#0d2638,#061723)}.serviceBanner>div{display:flex;gap:23px;align-items:center}.serviceBanner .icon{width:62px;height:62px;color:#38d9f8}.serviceBanner h2{font-size:1.5rem}.serviceBanner p,.remoteSection p,.contactSection p{color:#a0b6c8;line-height:1.7}.serviceBanner .btn{flex-shrink:0}.remoteSection{display:grid;grid-template-columns:1fr 1.6fr;gap:60px;align-items:center;padding:70px 30px}.remoteArt{display:grid;place-items:center;aspect-ratio:1;background:radial-gradient(#0b526c66,transparent 65%)}.remoteArt .icon{width:160px;height:160px;color:#44d4ef}.remoteSection h2{font-size:2.2rem;margin:16px 0}.remoteSection ol{padding-inline-start:22px;color:#abc2d3;line-height:2}.contactSection{display:flex;justify-content:space-between;gap:24px;border-top:1px solid #173549}.contactSection>div:last-child{display:flex;flex-direction:column;justify-content:center;gap:10px}.contactSection h2{margin-top:16px;font-size:1.8rem}.footerRow{display:flex;justify-content:space-between;gap:15px;font-size:.8rem}.filters{margin-block:24px}.filters label:first-child{flex:1}.filters input,.filters select{width:100%;min-width:0;min-height:46px}.skip{position:fixed;top:-100px;left:10px;z-index:99;background:#fff;color:#000;padding:15px}.skip:focus{top:10px}dialog{width:min(960px,95vw);max-height:95dvh;background:#071623;color:#fff;border:1px solid #305971;border-radius:16px;padding:44px 15px 15px}dialog::backdrop{background:#000c}dialog>img{display:block;max-width:100%;width:100%;height:70dvh;object-fit:contain;background:#fff}dialog>div{display:flex;justify-content:center;gap:25px;align-items:center;margin-top:12px}dialog button{background:#14374a;border:1px solid #3a677a;border-radius:8px;color:#fff;font-size:1.5rem;min-width:44px;min-height:44px;cursor:pointer}.closePhoto{position:absolute;top:0;right:0}.shopNav .lang{order:initial;width:auto}.storefront [hidden]{display:none!important}#products,#remote,#repairs,#contact{scroll-margin-top:135px}a:focus-visible,button:focus-visible,select:focus-visible{outline:2px solid #73e8ff;outline-offset:4px}
@media(max-width:1120px){.shopNav{flex-wrap:wrap;gap:12px;justify-content:space-between}.shopNav nav{order:4;width:100%;justify-content:center}.shopHero{padding:36px}.categoryTile{font-size:.8rem}.shopGrid{gap:14px}.gallery{height:205px}.remoteButton{margin-inline-start:auto}}
@media(max-width:760px){.storefront .wrap{width:calc(100% - 28px)}.shopHero{grid-template-columns:1fr;padding:28px;min-height:0}.heroVisual{height:240px;margin:20px 0 0}.heroScreen{width:80%;height:170px;max-width:360px}.heroBase{width:90%;max-width:400px}.heroCopy h1{font-size:2.7rem}.categoryTiles{grid-template-columns:repeat(3,minmax(0,1fr))}.categoryTile{min-height:110px}.shopGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.serviceBanner,.contactSection{flex-direction:column;align-items:stretch}.remoteSection{grid-template-columns:1fr;padding:40px 4px;gap:0}.remoteArt{display:none}.shopNav .brand{font-size:1rem}.remoteButton{font-size:.76rem;padding:8px}.remoteButton .icon{width:25px;height:25px}.shopNav .lang{margin-inline:auto;order:3;width:100%;justify-content:center}.shopNav nav{display:flex;font-size:.8rem;gap:20px}.shopNav .lang button{min-width:44px;min-height:32px}.sectionHead{align-items:start}.sectionHead h2{font-size:1.6rem}.textLink{max-width:120px;text-align:end}.storefront .btn{width:auto}.serviceBanner .btn{width:100%}.gallery{height:180px}.configGrid{grid-template-columns:1fr}.shopNav{min-height:0}.heroCopy .btn{width:100%}#products,#remote,#repairs,#contact{scroll-margin-top:170px}}
@media(max-width:480px){.shopGrid{grid-template-columns:1fr}.gallery{height:240px}.configGrid{grid-template-columns:1fr 1fr}.heroCopy h1{font-size:2.4rem}.heroCopy .eyebrow{font-size:.62rem}.shopHero{padding:25px 20px}.shopNav nav{gap:16px}.shopNav{gap:8px}.categoryTiles{gap:8px}.categoryTile{font-size:.72rem;min-height:95px}.categoryTile .icon{width:32px;height:32px}.remoteButton{margin:0}.serviceBanner{padding:22px}.serviceBanner>div{align-items:start;gap:12px}.serviceBanner .icon{width:40px;height:40px}.remoteSection h2{font-size:1.8rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Continuous navy grid and cyan atmosphere, matching the owner's reference. */
.storefront{background-color:#0b1425;background-image:linear-gradient(rgba(83,132,163,.065) 1px,transparent 1px),linear-gradient(90deg,rgba(83,132,163,.065) 1px,transparent 1px),radial-gradient(ellipse at 22% 38%,rgba(0,153,204,.14),transparent 48%),radial-gradient(ellipse at 83% 68%,rgba(0,174,212,.12),transparent 48%),linear-gradient(135deg,#091526,#101326 55%,#081827);background-size:40px 40px,40px 40px,100% 100%,100% 100%,100% 100%;background-attachment:fixed}
.storefront header{background:rgba(11,20,37,.88)}
.shopHero{background:rgba(13,25,43,.9);border-color:rgba(121,151,184,.14);box-shadow:0 0 90px rgba(0,180,225,.12)}
.shopHero:before{display:none}
.categoryTile,.shopProduct,.serviceBanner{background:rgba(13,25,43,.94);border-color:rgba(106,145,177,.22)}
.remoteSection{background:radial-gradient(ellipse at 45% 50%,rgba(0,175,218,.075),transparent 70%)}
.referencePhotos{font-size:.7rem;color:#91a7bd;margin:7px 4px 0;line-height:1.5}

.heroPhoto{height:auto;aspect-ratio:1.25;min-width:0;background-image:url(/static/hero-laptop.png);background-size:auto 107%;background-position:right top;background-repeat:no-repeat;border-radius:16px;perspective:none;margin-bottom:30px}.heroPhoto .heroNote{bottom:-28px;left:0;width:100%;text-align:center;font-size:clamp(.55rem,.8vw,.68rem);letter-spacing:1.8px;line-height:1.6;color:#83cde7}.heroPhoto:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0d192b,transparent 12%);pointer-events:none}
@media(max-width:760px){.heroPhoto{height:auto;width:100%;margin-top:28px;margin-bottom:25px}.heroPhoto .heroNote{letter-spacing:1px}}

.remoteButton{background:linear-gradient(120deg,#123c56,#10465f);border:1px solid #3cbad8;color:#e6faff;box-shadow:0 0 12px #00bbdf1a}.remoteButton:hover{box-shadow:0 0 18px #00bbdf38;background:#15516b}
.storefront .whatsappButton,.storefront a[href*="wa.me"]:not(.productContact):not(.contactAction){background:#062b20;border:1px solid #1fb875;color:#fff;box-shadow:none}.storefront .whatsappButton:hover{background:#0b3c2b;border-color:#34d399}.whatsappMark{width:22px;height:22px;fill:currentColor;flex-shrink:0}
.gallery,.photoOpen,.thumbnail{background:linear-gradient(135deg,#edf9ff,#caeaff)}.photoOpen img,.thumbnail img{mix-blend-mode:multiply}.noPhoto{color:#164864;background:linear-gradient(135deg,#edf9ff,#caeaff)}.noPhoto .icon{height:68px;width:95px}.specBadges{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}.specBadges span{font-size:.73rem;border:1px solid #37566d;border-radius:6px;padding:5px 8px;color:#d1edff;background:#152b40}.noPhoto .specBadges{justify-content:center;max-width:90%}.noPhoto .specBadges span{color:#133c53;background:#ffffff88;border-color:#a7cfe5}.componentLabel{font-weight:700;font-size:1rem}.facetFilters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px}.facetFilters label{font-size:.78rem;flex:1;min-width:130px}.facetFilters select{display:block;width:100%;margin-top:6px;background:#10273b;color:#fff;border:1px solid #37566d;border-radius:8px;padding:9px}

.fallbackPhoto{height:100%}

.shopHero{display:flex;align-items:center;min-height:550px;padding:48px 52px 88px;background:#061526 url(/static/hero-unified.jpg) center center/cover no-repeat;border:1px solid #234b64;border-radius:24px;isolation:isolate}.shopHero .heroCopy{width:45%;position:relative;z-index:1}.shopHero .heroCopy h1{font-size:clamp(2.4rem,4vw,3.7rem);font-weight:500;line-height:1.09;letter-spacing:-1.7px;max-width:470px}.shopHero .heroCopy p{font-size:1rem;line-height:1.75;color:#bed0de}.shopHero .unifiedTagline{position:absolute;bottom:22px;left:20px;right:20px;width:auto;text-align:center;color:#89d7ee;font-size:.72rem;letter-spacing:2px;line-height:1.6;z-index:1}.shopHero .heroCopy h1:after{content:'';display:block;width:72px;height:2px;background:#1dd7f4;margin-top:24px}
@media(max-width:760px){.shopHero{display:block;min-height:0;padding:30px 24px 350px;background-color:#061526;background-size:auto 330px;background-position:right -10px bottom 40px}.shopHero .heroCopy{width:100%}.shopHero .heroCopy h1{font-size:2.5rem;max-width:100%}.shopHero .unifiedTagline{bottom:15px;font-size:.59rem;letter-spacing:1px;left:12px;right:12px}.shopHero .heroCopy .eyebrow{font-size:.6rem}}

/* Keep the copy in the image's empty left area while Arabic reads RTL. */
.shopHero{direction:ltr}
html[dir="rtl"] .shopHero .heroCopy{direction:rtl;text-align:right}
html[dir="rtl"] .shopHero .heroCopy h1{letter-spacing:normal;line-height:1.35}
html[dir="rtl"] .shopHero .heroCopy h1:after{margin-left:auto}

@media(min-width:761px){html[dir="rtl"] .shopHero .heroCopy{width:36%;max-width:400px}}
#smart-search{scroll-margin-top:calc(var(--storefront-header-height,130px) + 20px)}


/* V3.62 - Public header: keep labels whole and move nav to its own row before shrinking words. */
.shopNav nav{display:flex!important;align-items:center;flex-wrap:nowrap!important;min-width:max-content!important;flex-shrink:0!important}
.shopNav nav a,.shopNav .remoteButton,.shopNav .brand,.shopNav .lang{white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important;hyphens:none!important}
.shopNav .srOnly,#new-window-note.srOnly{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
@media(max-width:1450px){
  .shopNav{flex-wrap:wrap!important;justify-content:space-between!important;row-gap:8px!important}
  .shopNav nav{order:4!important;width:100%!important;justify-content:center!important;gap:18px!important;margin-inline:0!important;overflow-x:auto!important;padding-bottom:2px!important}
}
@media(max-width:760px){
  .shopNav nav{justify-content:flex-start!important;gap:16px!important}
}