:root{--bg:#101418;--panel:#1b2126;--green:#00b8f4;--white:#f4f7f1;--muted:#89918a;--line:rgba(255, 255, 255,.09);--font:'Inter',sans-serif;--display:'Barlow Condensed',sans-serif}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--white);font-family:var(--font);overflow-x:hidden}body.no-scroll{overflow:hidden}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit;cursor:pointer}img{display:block;max-width:100%}[hidden]{display:none!important}
/* ELECTRO SELLAM themed scrollbars and storefront content protection */
html{scrollbar-color:rgba(0, 184, 244,.72) #1b2126;scrollbar-width:thin}
html::-webkit-scrollbar,body::-webkit-scrollbar,*::-webkit-scrollbar{width:10px;height:10px}
html::-webkit-scrollbar-track,body::-webkit-scrollbar-track,*::-webkit-scrollbar-track{background:#1b2126;border-radius:10px}
html::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb,*::-webkit-scrollbar-thumb{border:2px solid #1b2126;border-radius:10px;background:linear-gradient(180deg,#36c5ff,#36c5ff); box-shadow:inset 0 0 0 1px rgba(255, 255, 255,.12)}html::-webkit-scrollbar-thumb:hover,body::-webkit-scrollbar-thumb:hover,*::-webkit-scrollbar-thumb:hover{}
html::-webkit-scrollbar-corner,body::-webkit-scrollbar-corner,*::-webkit-scrollbar-corner{background:#1b2126}
body.store-content-locked{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
body.store-content-locked :is(input,textarea,select,[contenteditable="true"],[data-allow-copy]){-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}
body.store-content-locked img{-webkit-user-drag:none;user-drag:none}
.announcement{background:var(--green);color:#101418;text-align:center;padding:9px 12px;font-size:9px;font-weight:800;letter-spacing:2px}
.header{height:82px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50;background:rgba(8, 11, 10,.95);backdrop-filter:blur(18px)}
.logo{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:900;letter-spacing:-1px;line-height:1}.logo-mark{display:grid;place-items:center;width:38px;height:38px;background:var(--green);color:var(--bg);font:900 31px var(--display);clip-path:polygon(0 0,100% 0,100% 75%,75% 100%,0 100%)}.logo-light{color:var(--green)}.logo small{display:block;color:var(--muted);font-size:7px;letter-spacing:2px;margin-top:5px}
.navigation{display:flex;gap:38px}.navigation a{font-size:11px;color:#c4c9c3;transition:.2s}.navigation a:hover{color:var(--green)}.header-actions{display:flex;align-items:center;gap:12px}.cart-button{border:1px solid var(--line);background:#141414;padding:11px 14px;display:flex;align-items:center;gap:9px;transition:.25s}.cart-button:hover{border-color:var(--green);color:var(--green)}.cart-count{display:grid;place-items:center;min-width:19px;height:19px;border-radius:50%;background:var(--green);color:#101418;font-size:10px;font-weight:900}.cart-label{font-size:10px;font-weight:800;letter-spacing:1px}.cart-button.bump{animation:cartBump .45s ease}@keyframes cartBump{35%{transform:scale(1.13) rotate(-5deg)}70%{transform:scale(.95)}}.menu-toggle{display:none;background:transparent;border:1px solid var(--line);padding:10px}
.hero{min-height:650px;position:relative;padding:105px 9% 70px;display:grid;grid-template-columns:1fr 1fr;align-items:center;overflow:hidden;border-bottom:1px solid var(--line)}.hero-glow{position:absolute;width:550px;height:550px;border-radius:50%;background:rgba(0, 184, 244,.09); filter:blur(100px);right:7%;top:10%;pointer-events:none}.hero-content{position:relative;z-index:2}.eyebrow{color:var(--green);font-size:9px;font-weight:800;letter-spacing:2.5px;display:inline-flex;align-items:center;gap:9px}.eyebrow i{width:6px;height:6px;background:var(--green);border-radius:50%; box-shadow:none}
.hero h1{font:900 clamp(80px,11vw,150px)/.78 var(--display);letter-spacing:-3px;margin:28px 0}.hero h1 span,.section-heading h2 span,.promo-content h2 span,.checkout-modal h2 span,.related-section h2 span{color:var(--green)}.hero-content>p{color:var(--muted);font-size:13px;line-height:1.9;max-width:390px}.hero-buttons{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}.btn-primary,.btn-outline{display:inline-flex;justify-content:center;align-items:center;gap:25px;padding:16px 23px;font-size:10px;letter-spacing:1px;font-weight:900;border:1px solid var(--green);transition:.25s}.btn-primary{color:#101418;background:var(--green)}.btn-primary:hover{transform:translateY(-2px)}.btn-outline{color:var(--white);border-color:var(--line)}.btn-outline:hover{border-color:var(--green);color:var(--green)}
.hero-stats{display:flex;gap:38px;margin-top:65px}.hero-stats strong{display:block;color:var(--green);font:23px var(--display)}.hero-stats small{color:var(--muted);font-size:7px;letter-spacing:1.5px}.hero-visual{position:relative;z-index:1;display:grid;place-items:center;min-height:430px}.hero-visual>img{width:90%;height:390px;object-fit:cover; filter:saturate(.7);border:1px solid rgba(0, 184, 244,.25);transform:rotate(2deg)}.hero-orbit{position:absolute;width:390px;height:390px;border:1px solid rgba(0, 184, 244,.25);border-radius:50%}.hero-floating-card{position:absolute;bottom:48px;left:-5px;background:#141414;border:1px solid rgba(0, 184, 244,.4);padding:14px 18px;display:flex;align-items:center;gap:12px}.hero-floating-card>span{color:var(--green);font-size:25px}.hero-floating-card b,.hero-floating-card small{display:block;font-size:9px;letter-spacing:1px}.hero-floating-card small{color:var(--muted);margin-top:5px;font-size:7px}.hero-index{position:absolute;bottom:15px;right:5%;color:var(--green);font:22px var(--display)}.hero-bottom-line{position:absolute;bottom:20px;left:6%;right:6%;display:flex;justify-content:space-between;color:#687168;font-size:8px;letter-spacing:2px}
.ticker{overflow:hidden;background:var(--green);color:#101418;padding:14px 0}.ticker-track{display:flex;justify-content:space-around;align-items:center;gap:35px;min-width:850px;font:900 20px var(--display);letter-spacing:2px;animation:tickerMove 24s linear infinite}.ticker-track b{font-size:14px}@keyframes tickerMove{to{transform:translateX(-20%)}}
.section-wrap{padding:100px 8%}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:38px;gap:20px}.section-heading h2{font:800 clamp(40px,6vw,68px)/.95 var(--display);margin-top:12px}.section-heading>p{max-width:260px;color:var(--muted);font-size:11px;line-height:1.8}.categories-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.category-card{position:relative;height:280px;border:1px solid var(--line);background:var(--panel);text-align:left;overflow:hidden}.category-card img{width:100%;height:100%;object-fit:cover;opacity:.55;transition:.5s}.category-card:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#101418)}.category-card:hover{border-color:var(--green)}.category-card:hover img{transform:scale(1.08);opacity:.8}.category-number{position:absolute;top:17px;left:17px;z-index:2;color:var(--green);font-size:10px}.category-name{position:absolute;bottom:22px;left:18px;z-index:2;font:800 27px var(--display)}.category-arrow{position:absolute;bottom:22px;right:18px;z-index:2;color:var(--green)}
.products-section{padding-top:45px}.product-filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:28px}.filter-btn{background:transparent;border:1px solid var(--line);padding:11px 16px;font-size:8px;letter-spacing:1px;font-weight:800;color:var(--muted)}.filter-btn.active{color:#101418;background:var(--green);border-color:var(--green)}
.filter-btn:hover{color:#101418;border-color:var(--green)}.products-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.product-card{background:var(--panel);border:1px solid var(--line);min-width:0;transition:.3s}.product-card:hover{transform:translateY(-6px);border-color:rgba(0, 184, 244,.5)}.product-image-wrap{height:220px;overflow:hidden;position:relative;background:#181818;cursor:pointer}.product-image-wrap img{width:100%;height:100%;object-fit:cover;transition:.5s}.product-card:hover .product-image-wrap img{transform:scale(1.06)}.product-tag{position:absolute;top:12px;left:12px;background:var(--green);color:#101418;font-size:8px;font-weight:900;padding:6px 9px}.product-info{padding:17px}.product-category{color:var(--green);font-size:8px;letter-spacing:1.5px;text-transform:uppercase}.product-info h3{font-size:13px;margin:9px 0 13px}.product-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px}.product-price{font-size:15px;font-weight:800}.add-mini{border:1px solid var(--green);background:transparent;color:var(--green);width:34px;height:34px;font-size:20px}.add-mini:hover{color:var(--bg)}
.promo-section{padding-top:45px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px}.promo-content h2{font:900 clamp(65px,9vw,110px)/.8 var(--display);margin:24px 0}.promo-content p{color:var(--muted);font-size:12px;line-height:1.8;max-width:340px;margin-bottom:25px}.promo-image{height:390px;border:1px solid var(--line);overflow:hidden}.promo-image img{width:100%;height:100%;object-fit:cover}
.footer{border-top:1px solid var(--line);padding:50px 8% 20px;background:#080808}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-bottom:45px}.footer-main>p{color:var(--muted);font-size:11px}.footer-links{display:flex;gap:25px;font-size:10px;color:var(--muted)}.footer-links a:hover{color:var(--green)}.footer-bottom{border-top:1px solid var(--line);padding-top:18px;display:flex;justify-content:space-between;color:#697169;font-size:8px;letter-spacing:1px}
.product-page{min-height:75vh;padding:45px 8% 100px}.breadcrumb{color:var(--muted);font-size:10px;margin-bottom:35px}.breadcrumb button{background:none;border:0;color:var(--green);font-size:inherit}.product-detail-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:65px;align-items:start}.product-gallery{min-width:0}.main-product-image{position:relative;background:var(--panel);border:1px solid var(--line);height:480px;overflow:hidden;cursor:zoom-in}.main-product-image img{width:100%;height:100%;object-fit:cover}.zoom-hint{position:absolute;bottom:15px;right:15px;background:rgba(8, 11, 10,.8);padding:9px 12px;color:var(--green);font-size:9px}.product-thumbnails{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}.product-thumb{height:105px;border:1px solid var(--line);background:var(--panel);padding:0;overflow:hidden}.product-thumb.active,.product-thumb:hover{border-color:var(--green)}.product-thumb img{width:100%;height:100%;object-fit:cover}.product-detail-info{padding-top:15px}.detail-category{color:var(--green);font-size:9px;letter-spacing:2px;text-transform:uppercase}.product-detail-info h1{font:800 clamp(45px,6vw,70px)/.95 var(--display);margin:18px 0}.detail-price{color:var(--green);font-size:25px;font-weight:800;margin-bottom:22px}.detail-description{color:#a5ada5;font-size:12px;line-height:2;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0}.detail-features{list-style:none;margin:22px 0;display:grid;gap:12px}.detail-features li{color:#c3c9c2;font-size:11px}.detail-features li:before{content:"";display:inline-block;width:10px;height:10px;margin-right:10px;border:1.5px solid var(--green);border-radius:50%;vertical-align:-1px}.quantity-row{display:flex;align-items:center;gap:15px;margin:25px 0}.quantity-control{display:flex;border:1px solid var(--line);align-items:center}.quantity-control button{background:transparent;border:0;padding:12px 15px}.quantity-control span{min-width:25px;text-align:center;font-size:12px}.detail-add-button{width:100%;border:0;min-height:53px}.detail-note{color:var(--muted);font-size:9px;margin-top:15px}.related-section{margin-top:100px}.related-section h2{font:800 45px var(--display);margin-bottom:28px}
.image-zoom{display:none;position:fixed;inset:0;z-index:120;background:rgba(0, 0, 0,.94);align-items:center;justify-content:center;padding:50px}.image-zoom.open{display:flex}.image-zoom img{max-width:min(900px,90vw);max-height:85vh;object-fit:contain}.zoom-close{position:absolute;top:25px;right:30px;border:1px solid var(--line);background:#141414;color:white;font-size:30px;width:45px;height:45px}
.drawer-backdrop,.modal-backdrop{position:fixed;inset:0;background:rgba(0, 0, 0,.7);z-index:80;opacity:0;visibility:hidden;transition:.3s}.drawer-backdrop.open,.modal-backdrop.open{opacity:1;visibility:visible}.cart-drawer{position:fixed;top:0;right:0;height:100%;width:min(430px,100%);background:#101010;border-left:1px solid var(--line);z-index:90;padding:27px;transform:translateX(105%);transition:.35s;display:flex;flex-direction:column}.cart-drawer.open{transform:translateX(0)}.drawer-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:25px;border-bottom:1px solid var(--line)}.drawer-header h3{font:800 32px var(--display);margin-top:6px}.drawer-header h3 span{color:var(--green);font-size:17px}.close-button{background:transparent;border:1px solid var(--line);width:38px;height:38px;font-size:24px}.close-button:hover{color:var(--green);border-color:var(--green)}.cart-items{overflow-y:auto;flex:1;padding:15px 0}.empty-cart{color:var(--white);text-align:center;margin-top:90px;line-height:2;font-size:14px}.empty-cart span{color:var(--muted);font-size:11px}.cart-item{display:grid;grid-template-columns:75px 1fr auto;gap:13px;padding:14px 0;border-bottom:1px solid var(--line);align-items:center}.cart-item img{width:75px;height:75px;object-fit:cover}.cart-item h4{font-size:11px;margin-bottom:8px}.cart-item p{color:var(--green);font-size:11px;font-weight:800}.cart-item small{color:var(--muted);display:block;margin-top:6px;font-size:9px}.remove-item{background:transparent;border:0;color:#a3aaa2;font-size:18px}.drawer-footer{border-top:1px solid var(--line);padding-top:20px}.subtotal{display:flex;justify-content:space-between;margin-bottom:20px;font-size:11px}.subtotal strong{color:var(--green);font-size:17px}.checkout-button{width:100%;border:0}.drawer-footer>small{display:block;text-align:center;color:var(--muted);font-size:8px;margin-top:13px}
.modal-backdrop{z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}.checkout-modal{position:relative;background:#1b2126;border:1px solid rgba(0, 184, 244,.25);width:min(480px,100%);padding:35px;transform:translateY(15px);transition:.3s}.modal-backdrop.open .checkout-modal{transform:translateY(0)}.modal-close{position:absolute;top:15px;right:15px}.checkout-modal h2{font:800 42px/.95 var(--display);margin:15px 0 25px}.checkout-modal form{display:grid;gap:15px}.checkout-modal label{color:var(--muted);font-size:9px;letter-spacing:1px;display:grid;gap:7px}.checkout-modal input,.checkout-modal textarea{width:100%;background:#101418;color:white;border:1px solid var(--line);padding:13px;font:11px var(--font);outline:none}.checkout-modal input:focus,.checkout-modal textarea:focus{border-color:var(--green)}.checkout-modal textarea{min-height:75px;resize:vertical}.checkout-modal form button{border:0;width:100%;margin-top:5px}.demo-note{color:var(--muted);font-size:9px;margin-top:15px;text-align:center}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:var(--green);color:#101418;padding:13px 22px;font-size:11px;font-weight:800;z-index:150;opacity:0;pointer-events:none;transition:.3s;max-width:90vw;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}
.flying-product{position:fixed;z-index:3000;pointer-events:none;object-fit:contain;border:0;background:transparent;border-radius:0;transition:none}

.saved-bump{animation:cartBump .45s ease!important;transform-origin:center center}
@media(max-width:1000px){.products-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.categories-grid{grid-template-columns:repeat(2,1fr)}.hero{padding-left:6%;padding-right:6%}.product-detail-layout{gap:35px}}
@media(max-width:700px){.header{height:70px;padding:0 5%}.navigation{display:none;position:absolute;top:70px;left:0;right:0;background:#101010;padding:22px;flex-direction:column;gap:22px;border-bottom:1px solid var(--line)}.navigation.show{display:flex}.menu-toggle{display:block}.cart-label{display:none}.hero{display:block;padding:75px 7% 80px}.hero h1{font-size:clamp(78px,18vw,120px)}.hero-visual{min-height:300px;margin-top:35px}.hero-visual>img{height:270px}.hero-orbit{width:270px;height:270px}.hero-stats{gap:22px;margin-top:40px}.section-wrap{padding:70px 5%}.section-heading{display:block}.section-heading>p{margin-top:15px}.categories-grid{gap:10px}.category-card{height:210px}.category-name{font-size:22px}.products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-image-wrap{height:165px}.product-info{padding:12px}.product-info h3{font-size:11px}.product-price{font-size:13px}.filter-btn{padding:9px 11px}.promo-section{grid-template-columns:1fr;gap:25px}.promo-image{height:260px}.footer-main{align-items:flex-start;flex-direction:column}.footer-bottom{gap:12px;flex-direction:column}.product-page{padding:30px 5% 70px}.product-detail-layout{grid-template-columns:1fr;gap:30px}.main-product-image{height:350px}.product-thumb{height:85px}.product-detail-info h1{font-size:55px}.related-section{margin-top:65px}.related-section h2{font-size:38px}.image-zoom{padding:20px}}
@media(max-width:380px){.hero-stats{gap:13px}.hero-stats small{font-size:6px}.product-image-wrap{height:140px}.category-card{height:175px}}

/* Product focus, transparent mouse-pad cutouts and continuous motion */
.admin-shortcut{display:none!important}
.hero-visual>img.hero-keyboard{width:min(92%,520px);height:auto;max-height:440px;object-fit:contain;border:0;background:transparent;transform:none; filter:drop-shadow(0 24px 42px rgba(0, 0, 0,.4));mix-blend-mode:screen}
.hero-orbit{border-color:rgba(0, 184, 244,.16)}
.hero-crosshair{width:28px;height:28px;border:1px solid var(--green);border-radius:50%;position:relative;display:block}
.hero-crosshair:before,.hero-crosshair:after{content:"";position:absolute;background:var(--green)}.hero-crosshair:before{height:1px;width:38px;left:-6px;top:13px}.hero-crosshair:after{width:1px;height:38px;top:-6px;left:13px}
.ticker{overflow:hidden}.ticker-track{justify-content:flex-start;min-width:max-content;width:max-content;gap:0;animation:tickerMove 20s linear infinite}.ticker-group{display:flex;flex:none;align-items:center;gap:42px;padding-right:42px}.ticker-track b{font-size:10px}.ticker-track span{white-space:nowrap}@keyframes tickerMove{to{transform:translateX(-50%)}}
.category-card{background:#1b2126}.category-card img{object-fit:contain;padding:14px;opacity:.9; filter:drop-shadow(0 12px 18px rgba(0, 0, 0,.45));mix-blend-mode:screen}.category-card:after{background:linear-gradient(transparent 35%,#101418)}.category-empty:before{content:"";position:absolute;inset:22px;border:1px dashed rgba(0, 184, 244,.18)}.category-empty:after{background:linear-gradient(transparent,#101418)}
.category-number{display:none}.products-grid{align-items:stretch}.product-category{display:none}.product-info h3{line-height:1.4}.product-image-wrap{background:#141414}.product-image-wrap img{object-fit:contain;padding:10px;mix-blend-mode:screen}.product-image-wrap img[src$=".jpg"],.product-image-wrap img[src$=".webp"]{object-fit:cover;padding:0;mix-blend-mode:normal}
.product-tag{font-size:8px;letter-spacing:.6px}.empty-products{grid-column:1/-1;padding:40px 0;color:var(--muted);font-size:12px}
.promo-image.pad-showcase{position:relative;display:grid;place-items:center;border:0;background:radial-gradient(ellipse,rgba(0, 184, 244,.07),transparent 68%);overflow:hidden}.pad-slide{position:absolute;inset:5%;display:grid;place-items:center;opacity:0;transform:translateX(22px) scale(.96);transition:opacity .2s ease,transform .45s ease;pointer-events:none}.pad-slide.active{opacity:1;transform:translateX(0) scale(1);pointer-events:auto}.pad-slide img{width:95%;height:90%;object-fit:contain; filter:drop-shadow(0 22px 25px rgba(0, 0, 0,.45))}.pad-slide-arrow{position:absolute;top:50%;z-index:2;transform:translateY(-50%);width:42px;height:42px;border:1px solid var(--line);background:rgba(8, 11, 10,.72);color:var(--green);font-size:27px}.pad-slide-arrow:hover{border-color:var(--green)}.pad-slide-arrow.prev{left:8px}.pad-slide-arrow.next{right:8px}.pad-slide-dots{position:absolute;z-index:2;bottom:10px;left:50%;display:flex;gap:8px;transform:translateX(-50%)}.pad-slide-dots button{width:7px;height:7px;border:0;border-radius:50%;padding:0;background:#3a9fc2}.pad-slide-dots button.active{background:var(--green); box-shadow:none}
.product-detail-layout .main-product-image{background:radial-gradient(ellipse,rgba(0, 184, 244,.06),transparent 68%);border:0}.main-product-image img{object-fit:contain;padding:10px;mix-blend-mode:screen}.main-product-image img[src$=".jpg"],.main-product-image img[src$=".webp"]{object-fit:cover;padding:0;mix-blend-mode:normal}
.color-picker{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:16px 0 20px}.color-picker>span{color:var(--muted);font-size:9px;font-weight:800;letter-spacing:1.5px;margin-right:3px}.color-option{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid var(--line);background:transparent;color:var(--white);font-size:10px}.color-option.active,.color-option:hover{border-color:var(--green);color:var(--green)}.swatch{display:inline-block;width:13px;height:13px;border-radius:50%;border:1px solid #717771}.swatch-white{background:#fff}.swatch-black{background:#111}
.menu-toggle svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
@media(max-width:700px){.hero-visual>img.hero-keyboard{max-height:310px}.pad-showcase{height:260px}.category-card.category-mice img{padding:8px}.promo-image.pad-showcase{margin-top:4px}}
@media(prefers-reduced-motion:reduce){.ticker-track{animation:none}.pad-slide{transition:none}}

/* Brand-only loading screen */
.site-loader{background:#101418;backdrop-filter:none;-webkit-backdrop-filter:none;transition:opacity .2s ease,visibility .2s ease}
.site-loader:before,.site-loader:after,.liquid-orb{display:none}
.loader-glass{width:auto;min-height:0;padding:0;border:0;border-radius:0;background:none; box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;animation:none}
.loader-glass:before{display:none}.loader-mark{width:58px;height:58px;border:0;border-radius:0;background:none; box-shadow:none;transform:none;animation:none}.loader-mark span{font-size:48px; text-shadow:none}.loader-mark i{display:none}
.loader-brand{margin-top:12px;font-size:25px;letter-spacing:2px}.loader-track{width:46px;height:46px;margin-top:24px;border:2px solid rgba(0, 184, 244,.22);border-top-color:var(--green);border-radius:50%;background:transparent; box-shadow:none;animation:loaderSpin .8s linear infinite}.loader-track i{display:none}.loader-caption{margin-top:16px;letter-spacing:1.6px;color:#8c978c}@keyframes loaderSpin{to{transform:rotate(360deg)}}

/* ELECTRO SELLAM — premium liquid-glass loader */
.site-loader{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;overflow:hidden;background:rgba(7, 7, 7,.94);isolation:isolate;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);transition:opacity .2s ease,visibility .2s ease}
.site-loader:before,.site-loader:after{content:"";position:absolute;inset:-25%;pointer-events:none;z-index:-1}
.site-loader:before{background:radial-gradient(ellipse at 25% 35%,rgba(0, 184, 244,.19),transparent 34%),radial-gradient(ellipse at 75% 65%,rgba(81, 203, 244,.13),transparent 32%),radial-gradient(ellipse at 50% 10%,rgba(0, 184, 244,.09),transparent 38%); filter:blur(35px);animation:liquidBackdrop 8s ease-in-out infinite alternate}
.site-loader:after{background:linear-gradient(120deg,transparent 25%,rgba(255, 255, 255,.035) 48%,transparent 68%);transform:translateX(-60%);animation:glassSweep 3.8s ease-in-out infinite}
.liquid-orb{position:absolute;width:min(42vw,430px);aspect-ratio:1;border-radius:42% 58% 63% 37%/44% 38% 62% 56%; filter:blur(2px);opacity:.24;mix-blend-mode:screen;pointer-events:none; box-shadow:inset 14px 12px 35px rgba(255, 255, 255,.18);background:radial-gradient(circle at 30% 25%,rgba(255, 255, 255,.45),rgba(0, 184, 244,.13) 35%,rgba(20, 20, 20,.1) 70%,transparent 74%);animation:orbMorph 9s ease-in-out infinite alternate}
.orb-one{left:calc(50% - 330px);top:calc(50% - 260px)}.orb-two{right:calc(50% - 330px);bottom:calc(50% - 260px);animation-delay:-3s;animation-duration:11s;transform:scale(.8)}.orb-three{left:calc(50% - 100px);top:calc(50% - 120px);width:200px;opacity:.13;animation-delay:-5s}
.loader-glass{position:relative;width:min(370px,86vw);min-height:290px;padding:42px 35px 34px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(255, 255, 255,.19);border-radius:30px;background:linear-gradient(135deg,rgba(255, 255, 255,.13),rgba(255, 255, 255,.035) 45%,rgba(0, 184, 244,.055)); box-shadow:0 28px 90px rgba(0, 0, 0,.48),inset 0 1px 1px rgba(255, 255, 255,.28),inset 0 -1px 1px rgba(255, 255, 255,.08);backdrop-filter:blur(28px) saturate(165%);-webkit-backdrop-filter:blur(28px) saturate(165%);animation:loaderFloat 3.6s ease-in-out infinite}
.loader-glass:before{content:"";position:absolute;inset:1px;border-radius:29px;padding:1px;background:linear-gradient(145deg,rgba(255, 255, 255,.52),transparent 28%,rgba(0, 184, 244,.22) 68%,rgba(255, 255, 255,.12));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.loader-mark{position:relative;width:76px;height:76px;display:grid;place-items:center;border-radius:23px;background:linear-gradient(145deg,rgba(0, 184, 244,.19),rgba(255, 255, 255,.055));border:1px solid rgba(0, 184, 244,.55); box-shadow:none;transform:rotate(-5deg);animation:markPulse 2s ease-in-out infinite}
.loader-mark span{font:900 57px/.9 var(--display);color:var(--green); text-shadow:none;transform:rotate(5deg)}
.loader-mark i{position:absolute;inset:-8px;border:1px solid rgba(0, 184, 244,.22);border-radius:27px;animation:markRing 3s linear infinite}
.loader-brand{margin-top:20px;font:900 28px/1 var(--display);letter-spacing:3px;color:#f3f7ef}.loader-brand span{color:var(--green); text-shadow:none}
.loader-track{width:190px;height:3px;margin-top:27px;border-radius:9px;background:rgba(255, 255, 255,.13);overflow:hidden; box-shadow:none}.loader-track i{display:block;width:38%;height:100%;border-radius:9px;background:linear-gradient(90deg,transparent,var(--green),#f2ffc9); box-shadow:none;animation:loadingLine 1.45s cubic-bezier(.6,0,.4,1) infinite}
.loader-caption{margin-top:14px;color:rgba(225, 235, 220,.55);font-size:8px;font-weight:800;letter-spacing:2.4px}
.site-loader.loader-hidden{opacity:0;visibility:hidden;pointer-events:none}.site-loader.loader-hidden .loader-glass{transform:scale(1.08); filter:blur(8px);transition:transform .7s ease,filter .7s ease}
@keyframes loadingLine{0%{transform:translateX(-120%)}100%{transform:translateX(370%)}}
@keyframes loaderFloat{0%,100%{transform:translateY(0) rotateX(0)}50%{transform:translateY(-9px) rotateX(2deg)}}
@keyframes markPulse{0%,100%{ box-shadow:none}50%{ box-shadow:none}}
@keyframes markRing{to{transform:rotate(360deg) scale(1.12);opacity:.35}}
@keyframes orbMorph{0%{border-radius:42% 58% 63% 37%/44% 38% 62% 56%;transform:translate3d(-12px,8px,0) rotate(0)}100%{border-radius:60% 40% 38% 62%/55% 61% 39% 45%;transform:translate3d(20px,-16px,0) rotate(28deg)}}
@keyframes liquidBackdrop{0%{transform:translate3d(-2%,1%,0) scale(1)}100%{transform:translate3d(2%,-2%,0) scale(1.13)}}
@keyframes glassSweep{0%,35%{transform:translateX(-70%)}75%,100%{transform:translateX(70%)}}
/* Square product photography */
.product-image-wrap{height:auto;aspect-ratio:1/1}
.product-image-wrap img{display:block}
.main-product-image{height:auto;aspect-ratio:1/1}
@media(max-width:700px){.product-image-wrap{height:auto;aspect-ratio:1/1}.main-product-image{height:auto;aspect-ratio:1/1}}
@media(prefers-reduced-motion:reduce){.site-loader *,.site-loader:before,.site-loader:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* HERO KEYBOARD: transparent product render */
.hero-visual>.hero-keyboard{width:100%;height:auto;max-height:460px;object-fit:contain;border:0;transform:none; filter:drop-shadow(0 22px 35px rgba(0, 0, 0,.55));}
@media(max-width:700px){.hero-visual>.hero-keyboard{width:100%;height:auto;max-height:320px;object-fit:contain;}}
/* Empty media slots, editable sliders, brand logo and requested liquid-glass loader */
.media-placeholder{width:100%;height:100%;min-height:90px;display:grid;place-items:center;background:radial-gradient(ellipse at center,rgba(0, 184, 244,.045),transparent 62%),linear-gradient(145deg,#141414,#0d0d0d);border:1px dashed rgba(0, 184, 244,.18);color:#32829d}.media-placeholder svg,.admin-empty-image svg{width:42px;height:42px;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;opacity:.65}
.product-image-wrap>.media-placeholder{position:absolute;inset:0}.main-product-image>.media-placeholder{min-height:100%}.product-thumb .media-placeholder{min-height:100%}.category-mice,.category-pads{background:linear-gradient(145deg,#141414,#0d0d0d)}
.hero-visual{min-width:0}.hero-media-slot{position:relative;z-index:1;width:min(92%,520px);height:420px;display:grid;place-items:center;background:radial-gradient(ellipse,rgba(0, 184, 244,.045),transparent 70%)}.hero-media-slot img{width:100%;height:100%;object-fit:contain;transform:scale(var(--hero-image-scale,1));transform-origin:center; filter:drop-shadow(0 24px 42px rgba(0, 0, 0,.4))}.hero-media-slot .media-placeholder{width:100%;height:100%;min-height:0;background:transparent;border-color:rgba(0, 184, 244,.12)}.hero-media-slot .media-placeholder svg{width:68px;height:68px}.hero-preview img{transform:scale(var(--hero-image-scale,1));transform-origin:center}
.pad-showcase{position:relative}.pad-slides{position:absolute;inset:5%}.pad-slides .pad-slide{inset:0}.pad-slides .pad-slide img{width:100%;height:100%;object-fit:contain}.pad-slides .media-placeholder{border:1px dashed rgba(0, 184, 244,.16);background:transparent}.pad-slide-arrow.hidden{display:none!important}
.logo{width:auto;min-width:0}.brand-logo-frame{width:var(--brand-logo-width,170px);height:62px;display:block;overflow:hidden;position:relative}.brand-logo{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:screen}.loader-glass{min-width:min(430px,86vw);padding:30px 34px 26px;border:1px solid rgba(255, 255, 255,.16);border-radius:28px;background:linear-gradient(145deg,rgba(20, 22, 21,.78),rgba(4, 5, 5,.58)); box-shadow:0 24px 80px rgba(0, 0, 0,.48),inset 0 1px 0 rgba(255, 255, 255,.17);backdrop-filter:blur(26px) saturate(135%);-webkit-backdrop-filter:blur(26px) saturate(135%)}.loader-mark{width:var(--loader-logo-width,260px);height:100px;display:grid;place-items:center;margin:0 auto;background:transparent; box-shadow:none}.loader-mark img{width:100%;height:100%;object-fit:contain;mix-blend-mode:screen}.loader-track{margin-top:22px}.site-loader{background:rgba(0, 0, 0,.84);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.product-photo-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:8px}.photo-slots-heading{font-weight:900;font-size:10px;letter-spacing:1px}.photo-slot{position:relative;display:grid;gap:8px;padding:12px;background:#0b0b0b;border:1px solid rgba(255, 255, 255,.1);color:#aeb7ad;font-size:9px}.photo-slot>img,.photo-slot .admin-empty-image{width:100%;height:110px;object-fit:contain;background:#1b2126}.photo-slot input{max-width:100%;font-size:9px}.photo-slot small{font-size:8px;color:#8e988f}.photo-slot button{justify-self:start;background:#171717;border:1px solid #353535;padding:7px 9px;font-size:8px}.photo-slot button:disabled{opacity:.45}.admin-empty-image{min-width:60px;min-height:60px;display:grid;place-items:center;background:#1b2126;border:1px dashed rgba(0, 184, 244,.2);color:#3b9aba}.admin-product>.admin-empty-image{width:70px;height:70px}.admin-help,.empty-slides{color:#939d93;font-size:10px;line-height:1.7;margin:8px 0 16px}.pad-slide-editors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.pad-slide-editor{display:grid;align-content:start;gap:10px;border:1px solid rgba(255, 255, 255,.09);background:#1b2126;padding:14px}.pad-slide-editor>img,.pad-slide-editor>.admin-empty-image{width:100%;height:170px;object-fit:contain}.pad-slide-number{color:var(--green);font-size:9px;font-weight:900;letter-spacing:1px}.pad-slide-editor label{display:grid;gap:7px;color:#aeb7ad;font-size:9px}.logo-preview{height:145px;display:grid;place-items:center;margin-top:12px;padding:16px;background:#101418;border:1px dashed #075b7a;overflow:hidden}.logo-preview img{max-width:100%;max-height:100%;object-fit:contain;mix-blend-mode:screen}.logo-preview span{color:#778078;font-size:9px;letter-spacing:1px}
@media(max-width:700px){.hero-media-slot{height:290px;width:100%}.brand-logo-frame{height:58px}.product-photo-slots{grid-template-columns:1fr}.pad-slide-editors{grid-template-columns:1fr}.pad-slide-editor>img,.pad-slide-editor>.admin-empty-image{height:135px}.loader-glass{min-width:min(340px,90vw);padding:24px 22px}.loader-mark{height:78px}.loader-track{width:42px;height:42px}}
/* Store editor controls: categories and user-created sliders */
[hidden]{display:none!important}.brand-logo-frame{height:var(--brand-logo-height,62px)}#categoryFilters{display:flex;gap:9px;flex-wrap:wrap}.categories-grid:empty{display:none}.category-manager{padding:20px;margin:12px 0 24px;background:#101010;border:1px solid rgba(255, 255, 255,.09)}.category-manager-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:12px}.category-manager-heading h3{font:800 20px 'Barlow Condensed';letter-spacing:1px}.category-add-form{display:grid;grid-template-columns:1fr auto;align-items:end;gap:12px}.category-add-form label{margin:0}.category-add-form input{width:100%;background:#101418;border:1px solid #2e2e2e;color:#f4f7f1;padding:13px;font:12px Inter}.category-admin-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px}.category-admin-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px;background:#151515;border:1px solid rgba(255, 255, 255,.07);font-size:10px}.category-admin-item button,.custom-slider-heading button{background:transparent;border:1px solid #1e4e5e;color:#c2cbc2;padding:7px 9px;font-size:8px}.hero-editor h3{font:800 23px 'Barlow Condensed';letter-spacing:.8px}.custom-slider-editors{display:grid;gap:16px}.custom-slider-card{padding:18px;background:#1b2126;border:1px solid rgba(255, 255, 255,.1)}.custom-slider-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.custom-slider-heading h4{color:var(--green);font-size:11px;letter-spacing:1px}.custom-slide-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}.custom-slide-card{display:grid;align-content:start;gap:9px;padding:12px;background:#141414;border:1px solid rgba(255, 255, 255,.08)}.custom-slide-card>b{color:var(--green);font-size:9px}.custom-slide-card>img,.custom-slide-card>.admin-empty-image{width:100%;height:125px;object-fit:contain}.custom-slide-card label{display:grid;gap:6px;color:#aeb7ad;font-size:9px}.dynamic-slider{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.dynamic-slider-stage{height:min(60vw,540px);min-height:300px;position:relative;overflow:hidden;background:#1b2126}.dynamic-slider-track{position:absolute;inset:0}.dynamic-slide{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:18px;padding:28px 7%;opacity:0;transform:translateX(20px);transition:opacity .2s ease,transform .35s ease;pointer-events:none}.dynamic-slide.active{opacity:1;transform:translateX(0);pointer-events:auto}.dynamic-slide>.media-placeholder,.dynamic-slide>img{width:100%;height:100%;max-height:420px;object-fit:contain}.dynamic-slide-copy{position:relative;z-index:2;max-width:420px}.dynamic-slide-copy h3{font:900 clamp(32px,5vw,64px)/.96 var(--display);margin:0 0 14px}.dynamic-slide-copy p{color:var(--muted);font-size:12px;line-height:1.9;margin-bottom:20px}.dynamic-slider-stage>[data-slide-prev],.dynamic-slider-stage>[data-slide-next]{position:absolute;z-index:4;top:50%;transform:translateY(-50%);width:40px;height:40px;border:1px solid var(--line);background:rgba(8, 11, 10,.8);color:var(--green);font-size:25px}.dynamic-slider-stage>[data-slide-prev]{left:8px}.dynamic-slider-stage>[data-slide-next]{right:8px}.dynamic-slider-dots{position:absolute;z-index:4;bottom:14px;left:50%;display:flex;gap:8px;transform:translateX(-50%)}.dynamic-slider-dots button{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:#3a9fc2}.dynamic-slider-dots button.active{background:var(--green)}
.pad-slide{grid-template-columns:1fr}.pad-slide>.media-placeholder,.pad-slide>img{position:absolute;inset:7% 4%;width:92%;height:78%;object-fit:contain}.pad-slide-copy{position:absolute;z-index:3;left:50%;bottom:30px;transform:translateX(-50%);width:min(76%,440px);padding:13px 18px;text-align:center;background:rgba(8, 11, 10,.76);border:1px solid rgba(0, 184, 244,.18);backdrop-filter:blur(10px)}.pad-slide-copy h3{margin:0 0 5px;font:800 20px var(--display)}.pad-slide-copy p{margin:0;color:var(--muted);font-size:10px}.pad-slide-copy .btn-primary{margin-top:9px;padding:9px 13px;font-size:8px}
@media(max-width:700px){.category-manager-heading{align-items:flex-start;flex-direction:column}.category-add-form{grid-template-columns:1fr}.category-admin-list,.custom-slide-list{grid-template-columns:1fr}.dynamic-slider-stage{height:440px;min-height:0}.dynamic-slide{grid-template-columns:1fr;grid-template-rows:1.1fr auto;gap:5px;padding:28px 15px 48px}.dynamic-slide>.media-placeholder,.dynamic-slide>img{height:100%;max-height:260px}.dynamic-slide-copy{justify-self:center;text-align:center}.dynamic-slide-copy h3{font-size:35px}.dynamic-slide-copy p{font-size:10px;margin-bottom:10px}.pad-slide-copy{width:86%;bottom:25px}.pad-slide-copy h3{font-size:17px}}
.category-admin-item{flex-wrap:wrap}.category-admin-thumb{width:48px;height:36px;object-fit:contain;background:#101418}.category-image-control{position:relative;overflow:hidden;border:1px solid #1e4e5e;color:#c2cbc2;padding:7px 9px;font-size:8px;cursor:pointer}.category-image-control input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.category-admin-item button:disabled{opacity:.4;cursor:not-allowed}
.loader-glass{width:min(430px,86vw);min-height:0;padding:26px 28px 22px}.loader-mark{height:100px}.loader-track{width:46px;height:46px;margin:14px auto 0;border:2px solid rgba(255, 255, 255,.15);border-top-color:var(--green);border-radius:50%;background:none;animation:loaderSpin .8s linear infinite}.loader-track i{display:none}@keyframes loaderSpin{to{transform:rotate(360deg)}}
/* Loader: centered brand with a single restrained spinner */
.site-loader{background:rgba(0, 0, 0,.86);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.site-loader:before,.site-loader:after{display:none}
.loader-glass{width:auto;min-width:0;min-height:0;padding:22px 34px 20px;border:1px solid rgba(255, 255, 255,.12);border-radius:24px;background:rgba(12, 14, 13,.56); box-shadow:0 18px 60px rgba(0, 0, 0,.38),inset 0 1px 0 rgba(255, 255, 255,.1);backdrop-filter:blur(18px) saturate(115%);-webkit-backdrop-filter:blur(18px) saturate(115%);animation:none}
.loader-mark{width:min(var(--loader-logo-width,260px),68vw);height:88px;margin:0 auto;display:grid;place-items:center}
.loader-mark img{width:100%;height:100%;object-fit:contain;mix-blend-mode:normal}
.loader-track{width:38px;height:38px;margin:14px auto 0;border:2px solid rgba(255, 255, 255,.2);border-top-color:#00b8f4;border-right-color:rgba(0, 184, 244,.7);border-radius:50%;background:transparent;animation:loaderSpin .85s linear infinite}
.loader-track i{display:none}
@media(max-width:700px){.loader-glass{padding:18px 25px 16px}.loader-mark{height:72px}.loader-track{width:34px;height:34px;margin-top:12px}}
/* Final loader layout: transparent logo centered over the glass overlay */
.site-loader{background:rgba(0, 0, 0,.78);backdrop-filter:blur(18px) saturate(125%);-webkit-backdrop-filter:blur(18px) saturate(125%)}
.site-loader:before{display:block;inset:0;background:radial-gradient(ellipse at 50% 48%,rgba(0, 184, 244,.07),transparent 38%),linear-gradient(135deg,rgba(255, 255, 255,.025),transparent 42%,rgba(255, 255, 255,.02)); filter:none;animation:none}
.site-loader:after{display:none}
.loader-glass{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;width:auto;min-width:0;min-height:0;padding:0;border:0;border-radius:0;background:transparent; box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;animation:none;transform:none; filter:none}
.loader-mark{width:min(var(--loader-logo-width,260px),72vw);height:auto;aspect-ratio:2.48;margin:0 auto;display:grid;place-items:center;background:transparent; box-shadow:none;transform:none; filter:none}
.loader-mark img{display:block;width:100%;height:100%;object-fit:contain;background:transparent;mix-blend-mode:normal;transform:none; filter:none}
.loader-track{flex:none;width:38px;height:38px;margin:17px auto 0;border:2px solid rgba(255, 255, 255,.2);border-top-color:#00b8f4;border-right-color:rgba(0, 184, 244,.72);border-radius:50%;background:transparent; box-shadow:none;animation:loaderSpin .85s linear infinite}
.loader-track i{display:none}
.site-loader.loader-hidden .loader-glass{transform:translateY(-5px); filter:none;transition:transform .35s ease}
@media(max-width:700px){.loader-mark{width:min(var(--loader-logo-width,260px),74vw)}.loader-track{width:34px;height:34px;margin-top:14px}}
/* Strip the old glass-card outline; only the full-screen glass overlay remains. */
.loader-glass:before,.loader-glass:after{content:none!important;display:none!important;border:0!important;background:none!important; box-shadow:none!important}
.loader-glass,.loader-mark,.loader-mark img{border:0!important;border-radius:0!important;outline:0!important; box-shadow:none!important;background:transparent!important}
.loader-mark img{mix-blend-mode:screen!important}
/* Clean image and empty-state surfaces: no dotted outlines or placeholder glyphs. */
.media-placeholder,.admin-empty-image,.hero-preview,.logo-preview{border:0!important;outline:0!important}
.hero-floating-card{z-index:5}
.detail-purchase-controls{display:grid;gap:10px;margin:0 0 22px}.detail-purchase-controls .quantity-row{margin:0}
.hero-buttons>a{box-sizing:border-box;flex:1 1 0;min-height:50px;padding:15px 18px;gap:10px}
@media(min-width:701px){.hero-floating-card{left:20px}}
@media(max-width:700px){.hero-floating-card{bottom:26px;left:0;padding:9px 12px;gap:8px}.hero-floating-card>span{font-size:20px}.hero-floating-card b{font-size:8px}.hero-floating-card small{font-size:6px}}
@media(max-width:700px){.hero{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"eyebrow" "title" "description" "visual" "bottom" "buttons";align-items:start}.hero-content{display:contents}#heroEyebrow{grid-area:eyebrow;z-index:2}#heroHeadline{grid-area:title;z-index:2}#heroDescription{grid-area:description;z-index:2}.hero-visual{grid-area:visual;margin-top:18px}.hero-bottom-line{grid-area:bottom;position:relative;left:auto;right:auto;bottom:auto;width:100%;margin-top:10px}.hero-buttons{grid-area:buttons;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px;width:100%}.hero-buttons>a{width:100%;min-width:0;min-height:46px;padding:12px 8px;gap:8px;white-space:nowrap;font-size:clamp(9px,2.7vw,11px)}}
@media(max-width:700px){.hero-buttons>a{box-sizing:border-box;height:48px;min-height:48px;padding:8px 6px;gap:5px;font-size:9px;line-height:1;font-weight:800;letter-spacing:.45px}.hero-buttons>a .ui-icon{width:14px;height:14px}}
.media-placeholder,.admin-empty-image{background:transparent!important}
.media-placeholder svg,.admin-empty-image svg{display:none!important}
.category-empty:before{display:none!important;content:none!important}
.footer{padding:0 8% 18px;background:#080808;border-top:1px solid var(--line)}.footer-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding:27px 0;border-bottom:1px solid var(--line)}.footer-benefit{display:flex;align-items:center;justify-content:center;gap:11px;color:#d7ddd6;font-size:11px;font-weight:700;letter-spacing:.2px}.footer-benefit svg{width:24px;height:24px;flex:none;fill:none;stroke:var(--green);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.footer-main{padding:32px 0;display:flex;align-items:center;justify-content:space-between;gap:28px}.footer-brand{flex:none}.footer-links{display:flex;align-items:center;gap:24px;color:#a9b0a8}.footer-links a{font-size:10px;text-transform:uppercase;letter-spacing:1px}.footer-socials{display:flex;align-items:center;gap:9px}.footer-socials a{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(255, 255, 255,.13);border-radius:50%;color:#d8dfd7;transition:color .2s,border-color .2s}.footer-socials a:hover{color:var(--green);border-color:var(--green)}.footer-socials svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.footer-socials a:first-child svg,.footer-socials a:last-child svg{fill:currentColor;stroke:none}.footer-socials .social-dot{fill:currentColor;stroke:none}.footer-bottom{padding-top:15px;border-top:1px solid var(--line);font-size:8px;letter-spacing:1px;color:#697169;text-align:center}
@media(max-width:700px){.footer{padding:0 5% 16px}.footer-benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:8px 0}.footer-benefit{justify-content:flex-start;padding:14px 4px;font-size:9px}.footer-benefit svg{width:22px;height:22px}.footer-main{padding:26px 0;display:grid;grid-template-columns:1fr auto;gap:22px}.footer-brand{grid-column:1/-1}.footer-links{gap:16px}.footer-socials{justify-self:end}.footer-socials a{width:34px;height:34px}}
/* Restore the compact original ELECTRO SELLAM footer; the benefits band is removed. */
.footer{border-top:1px solid var(--line);padding:50px 8% 20px;background:#080808}
.footer-main{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:0 0 45px}
.footer-bottom{border-top:1px solid var(--line);padding-top:18px;display:flex;justify-content:space-between;gap:12px;color:#697169;font-size:8px;letter-spacing:1px;text-align:left}
.brand-logo-frame{overflow:visible!important;flex:none;aspect-ratio:2.48}
.brand-logo{object-position:center;object-fit:contain;max-width:100%;max-height:100%}
@media(max-width:700px){.footer{padding:45px 5% 18px}.footer-main{display:flex;align-items:flex-start;flex-direction:column;gap:20px;padding-bottom:35px}.footer-bottom{gap:12px;flex-direction:column}}
.dynamic-slide .btn-primary,.dynamic-slide .btn-outline{border-radius:8px}
.slide-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:22px}
.dynamic-slide-copy>.eyebrow{margin-bottom:12px}
@media(max-width:700px){.dynamic-slide-copy>.eyebrow{justify-content:center}.slide-actions{justify-content:center}}

/* Category artwork uses a consistent portrait frame and fills it edge to edge. */
.categories-grid .category-card{height:auto!important;aspect-ratio:3/2;min-width:0}
.categories-grid .category-card img{display:block;width:100%;height:100%;padding:0;object-fit:cover;opacity:1;mix-blend-mode:normal; filter:none}
/* Shared ELECTRO SELLAM category backdrop: layered graphite, green light, and a quiet grid. */
.categories-grid .category-card{isolation:isolate;overflow:hidden;border:1px solid rgba(0, 184, 244,.2);background:radial-gradient(ellipse at 76% 22%,rgba(27, 133, 169,.2),transparent 38%),radial-gradient(ellipse at 12% 92%,rgba(55, 55, 55,.3),transparent 44%),linear-gradient(135deg,#1c1c1c 0%,#101010 54%,#181818 100%); box-shadow:inset 0 1px 0 rgba(255, 255, 255,.045),0 14px 32px rgba(0, 0, 0,.22)}
.categories-grid .category-card:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(rgba(199, 238, 251,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(199, 238, 251,.035) 1px,transparent 1px),radial-gradient(ellipse at center,transparent 30%,rgba(0, 0, 0,.28) 100%);background-size:32px 32px,32px 32px,100% 100%;mask-image:linear-gradient(135deg,black,transparent 88%)}
.categories-grid .category-card img{position:absolute;inset:0;z-index:1}
.categories-grid .category-card:after{z-index:2;inset:58% 0 0;background:linear-gradient(transparent,rgba(7, 7, 7,.86))}
.categories-grid .category-name,.categories-grid .category-arrow{z-index:3}.categories-grid .category-card:hover{border-color:rgba(0, 184, 244,.62)}

/* Product cards share the dark graphite and restrained green category backdrop. */
.products-grid .product-image-wrap{isolation:isolate;background:radial-gradient(ellipse at 76% 22%,rgba(27, 133, 169,.2),transparent 38%),radial-gradient(ellipse at 12% 92%,rgba(55, 55, 55,.3),transparent 44%),linear-gradient(135deg,#1c1c1c 0%,#101010 54%,#181818 100%);border-bottom:1px solid rgba(0, 184, 244,.12)}
.products-grid .product-image-wrap:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(rgba(199, 238, 251,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(199, 238, 251,.035) 1px,transparent 1px),radial-gradient(ellipse at center,transparent 30%,rgba(0, 0, 0,.28) 100%);background-size:32px 32px,32px 32px,100% 100%;mask-image:linear-gradient(135deg,black,transparent 88%)}
.products-grid .product-image-wrap>img,.products-grid .product-image-wrap>.media-placeholder{position:relative;z-index:1}
.product-title-line{display:flex;align-items:center;gap:9px;min-height:24px}.product-title-line h3{margin:9px 0 13px;min-width:0}.product-brand-logo{width:auto;height:auto;max-width:64px;max-height:25px;object-fit:contain;flex:none}.detail-brand-line{display:flex;align-items:center;justify-content:space-between;gap:14px}.detail-brand-logo{max-width:115px;max-height:46px;object-fit:contain}
.product-detail-layout .main-product-image{background:transparent!important;border:0!important; box-shadow:none!important}.product-detail-layout .main-product-image img{background:transparent}.product-thumbnails .product-thumb{width:100%;height:auto;aspect-ratio:1/1;background:transparent;border:1px solid rgba(255, 255, 255,.13)}.product-thumbnails .product-thumb img{width:100%;height:100%;object-fit:contain;padding:4px}
.zoom-toggle{position:absolute;top:25px;right:82px;z-index:2;width:45px;height:45px;border:1px solid var(--line);border-radius:50%;background:#141414;color:white;font-size:27px;line-height:1}.image-zoom{overflow:auto;touch-action:pan-x pan-y}.image-zoom img{cursor:zoom-in;touch-action:manipulation;transition:width .2s ease,transform .2s ease}.image-zoom.zoomed{align-items:flex-start;justify-content:flex-start}.image-zoom.zoomed img{max-width:none;max-height:none;width:min(1600px,180vw);height:auto;cursor:zoom-out}
.brand-logo-admin-preview{min-height:92px;display:grid;place-items:center;border:1px dashed #075b7a;background:#1b2126;margin:0 0 12px;padding:12px}.brand-logo-admin-preview img{max-width:100%;max-height:72px;object-fit:contain}.brand-logo-admin-preview span{font-size:9px;color:#778078;letter-spacing:1px}


/* Keep the shared product backdrop in the detail gallery and square thumbnails. */
.product-detail-layout .main-product-image,.product-detail-layout .product-thumb{isolation:isolate;background:radial-gradient(ellipse at 76% 22%,rgba(27, 133, 169,.2),transparent 38%),radial-gradient(ellipse at 12% 92%,rgba(55, 55, 55,.3),transparent 44%),linear-gradient(135deg,#1c1c1c 0%,#101010 54%,#181818 100%)!important;border:1px solid rgba(0, 184, 244,.2)!important; box-shadow:inset 0 1px 0 rgba(255, 255, 255,.045),0 12px 28px rgba(0, 0, 0,.22)}
.product-detail-layout .main-product-image:before,.product-detail-layout .product-thumb:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(rgba(199, 238, 251,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(199, 238, 251,.035) 1px,transparent 1px),radial-gradient(ellipse at center,transparent 30%,rgba(0, 0, 0,.28) 100%);background-size:32px 32px,32px 32px,100% 100%;mask-image:linear-gradient(135deg,black,transparent 88%)}
.product-detail-layout .main-product-image>img,.product-detail-layout .product-thumb>img{position:relative;z-index:1}.product-detail-layout .zoom-hint{z-index:2}
.image-zoom{overflow:hidden;touch-action:none}.image-zoom img{width:min(900px,90vw);max-width:90vw;max-height:82vh;height:auto;object-fit:contain;transform-origin:center center;transition:transform .14s ease-out;touch-action:none;user-select:none;-webkit-user-drag:none}.image-zoom.zoomed{align-items:center;justify-content:center}.zoom-controls{position:absolute;top:25px;right:82px;z-index:3;display:flex;align-items:center;gap:7px;padding:6px 8px;border:1px solid rgba(255, 255, 255,.16);border-radius:24px;background:rgba(16, 16, 16,.88);backdrop-filter:blur(12px)}.zoom-controls button{width:38px;height:38px;border:1px solid rgba(0, 184, 244,.35);border-radius:50%;background:#1c1c1c;color:#9be2f9;font-size:25px;line-height:1}.zoom-controls button:disabled{opacity:.35}.zoom-controls span{min-width:48px;text-align:center;color:#eef5e9;font-size:11px;font-variant-numeric:tabular-nums}.zoom-close{right:25px}.zoom-hint{font-size:8px!important;letter-spacing:.5px}
@media(max-width:700px){.zoom-controls{top:14px;right:70px;gap:4px;padding:5px}.zoom-controls button{width:38px;height:38px}.zoom-close{top:14px;right:14px}.image-zoom{padding:14px}.image-zoom img{max-width:94vw;max-height:78vh}}

.product-detail-layout .main-product-image,.product-detail-layout .product-thumb{position:relative}.product-detail-layout .product-thumb>.media-placeholder{position:relative;z-index:1}

/* Keep zoom controls fixed above the movable product image. */
#imageZoom{position:fixed;inset:0;z-index:120;overflow:hidden}#imageZoom .zoom-controls,#imageZoom .zoom-close{position:fixed;z-index:10000;pointer-events:auto}.zoom-controls{top:22px;right:82px}.zoom-close{top:22px;right:22px}.image-zoom img{position:relative;z-index:1}.zoom-controls,.zoom-close{isolation:isolate}
@media(max-width:700px){#imageZoom .zoom-controls{top:12px;right:68px}#imageZoom .zoom-close{top:12px;right:12px}}

/* Brand marks sit beneath the product name and never compete with it. */
.product-card-title{margin:9px 0 4px!important;line-height:1.35}.product-brand-under-title{display:flex;align-items:center;min-height:30px;margin:2px 0 10px}.product-brand-logo{display:block;width:auto;height:auto;max-width:82px;max-height:28px;object-fit:contain;object-position:left center;flex:none}.detail-brand-under-title{display:flex;align-items:center;min-height:42px;margin:-8px 0 14px}.detail-brand-logo{display:block;width:auto;height:auto;max-width:125px;max-height:50px;object-fit:contain;object-position:left center}

/* Larger, well-spaced product brand marks; keep the item artwork above the shared backdrop. */
.product-brand-under-title{min-height:84px;margin:0 0 9px}.product-brand-logo{max-width:150px;max-height:84px}.detail-brand-under-title{min-height:135px;margin:0 0 14px}.detail-brand-logo{max-width:240px;max-height:135px}
.products-grid .product-image-wrap>img{position:relative;z-index:2;mix-blend-mode:normal!important; filter:drop-shadow(0 16px 22px rgba(0, 0, 0,.48))}.product-tag{z-index:3}
.product-detail-layout .main-product-image>img,.product-detail-layout .product-thumb>img{position:relative;z-index:2;mix-blend-mode:normal!important; filter:drop-shadow(0 16px 22px rgba(0, 0, 0,.48))}

/* Minimal text-only zoom cue; no lens glyph or geometric badge. */
.product-detail-layout .zoom-hint{display:block;z-index:4;padding:0!important;border:0!important;background:transparent!important; box-shadow:none!important;color:var(--green);font:700 10px/1.2 Inter,sans-serif;letter-spacing:1.1px; text-shadow:0 2px 10px rgba(0, 0, 0,.95);pointer-events:none}

/* Product gallery thumbnails stay on one horizontal RTL-scrolling row. */
.product-detail-layout .product-thumbnails{display:flex;flex-flow:row nowrap;direction:rtl;gap:12px;overflow-x:auto;overflow-y:hidden;padding:0 0 9px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:rgba(0, 184, 244,.55) rgba(255, 255, 255,.06);-webkit-overflow-scrolling:touch}
.product-detail-layout .product-thumb{flex:0 0 clamp(88px,12vw,128px);width:auto;scroll-snap-align:start}
.product-detail-layout .product-thumbnails::-webkit-scrollbar{height:6px}.product-detail-layout .product-thumbnails::-webkit-scrollbar-track{background:rgba(255, 255, 255,.05);border-radius:8px}.product-detail-layout .product-thumbnails::-webkit-scrollbar-thumb{background:rgba(0, 184, 244,.45);border-radius:8px}


/* Preserve uploaded logo pixels and fit by the image's own aspect ratio. */
.brand-logo-frame{width:min(var(--brand-logo-width,170px),40vw)!important;height:min(var(--brand-logo-height,64px),9vh)!important;display:flex!important;align-items:center;justify-content:flex-start;overflow:visible!important;aspect-ratio:auto!important;flex:none}.brand-logo{display:block;width:auto!important;height:auto!important;max-width:100%;max-height:100%;object-fit:contain;object-position:center;mix-blend-mode:normal!important; filter:none!important}
.loader-mark{width:min(var(--loader-logo-width,260px),72vw)!important;height:min(var(--loader-logo-height,132px),24vh)!important;aspect-ratio:auto!important;display:grid;place-items:center;overflow:visible}.loader-mark img{display:block;width:auto!important;height:auto!important;max-width:100%;max-height:100%;object-fit:contain;object-position:center;mix-blend-mode:normal!important; filter:none!important}

/* Use consistent vector glyphs instead of platform-dependent text symbols. */
.ui-icon{display:block;width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.add-mini .ui-icon{width:19px;height:19px}.product-bottom .add-mini{width:44px;height:44px}.quantity-control button{display:grid;place-items:center;min-width:44px;min-height:44px}.close-button .ui-icon,.zoom-close .ui-icon,.remove-item .ui-icon{width:19px;height:19px}.pad-slide-arrow .ui-icon,.dynamic-slider-stage>[data-slide-prev] .ui-icon,.dynamic-slider-stage>[data-slide-next] .ui-icon{margin:auto;width:20px;height:20px}.detail-add-button .ui-icon,.checkout-button .ui-icon{width:17px;height:17px}.ticker-separator{display:block;flex:none;width:7px;height:7px;background:currentColor;transform:rotate(45deg);opacity:.72}.ticker-track b{display:none!important}.detail-features li:before{content:"";display:inline-block;width:10px;height:10px;margin-right:10px;border:1.5px solid var(--green);border-radius:50%;vertical-align:-1px; box-shadow:none}

/* Responsive refinements: stable touch controls and no cramped mobile text. */
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){
  html{scroll-padding-top:72px}
  .header{height:70px;padding-inline:14px;gap:8px}
  .header .logo{max-width:42vw;overflow:hidden}
  .brand-logo-frame{width:min(var(--brand-logo-width,170px),42vw)!important;max-height:58px!important}
  .header-actions{gap:7px}.cart-button,.menu-toggle{min-height:44px;min-width:44px;justify-content:center;padding:8px 10px}.cart-button svg{width:20px;height:20px}.menu-toggle svg{width:21px;height:21px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
  .navigation{z-index:60;max-height:calc(100dvh - 70px);overflow-y:auto;padding:18px 20px;gap:0}.navigation a{min-height:48px;display:flex;align-items:center;font-size:14px;border-bottom:1px solid rgba(255, 255, 255,.06)}
  .hero{min-height:0;padding:58px 6% 48px}.hero h1{font-size:clamp(54px,15vw,88px);line-height:.88;letter-spacing:-1.5px;overflow-wrap:anywhere;margin:20px 0}.hero-content>p{font-size:14px;line-height:1.75}.hero-buttons{gap:10px;margin-top:22px}.hero-buttons .btn-primary,.hero-buttons .btn-outline{min-height:46px;padding:13px 16px;gap:12px}.hero-stats{margin-top:32px;flex-wrap:wrap}.hero-visual{margin-top:24px}.hero-media-slot{height:clamp(220px,72vw,330px)}
  .section-wrap{padding:58px 5%}.section-heading{margin-bottom:24px}.section-heading h2{font-size:clamp(34px,10vw,52px);line-height:.98}.section-heading>p{font-size:13px;line-height:1.7}.category-name{font-size:clamp(16px,4.8vw,22px);left:12px;bottom:14px}.category-arrow{right:12px;bottom:13px}.products-grid{gap:12px}.product-card-title{font-size:13px;overflow-wrap:anywhere}.product-info{padding:12px}.product-brand-under-title{min-height:0;margin:4px 0 10px}.product-brand-logo{max-width:112px;max-height:62px}.product-price{font-size:14px}.product-bottom{align-items:center}.product-bottom .add-mini{width:44px;height:44px}
  .product-page{padding:24px 5% 64px}.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;line-height:1.6;margin-bottom:22px}.product-detail-layout{grid-template-columns:minmax(0,1fr);gap:22px}.main-product-image{aspect-ratio:1/1}.product-detail-info{padding-top:0}.product-detail-info h1{font-size:clamp(36px,10vw,52px);line-height:1;overflow-wrap:anywhere;margin:14px 0}.detail-brand-under-title{min-height:0;margin:0 0 12px}.detail-brand-logo{max-width:min(220px,64vw);max-height:110px}.detail-price{font-size:23px;margin-bottom:16px}.detail-description{font-size:14px;line-height:1.8;padding:16px 0}.detail-features{gap:10px}.detail-features li{font-size:13px;line-height:1.6}.quantity-control button{min-width:46px;min-height:46px}.detail-add-button{min-height:50px}.product-thumbnails{gap:9px}.product-thumbnails .product-thumb{flex-basis:clamp(82px,23vw,102px)}
  .add-mini,.product-bottom .add-mini{min-width:44px;min-height:44px}.filter-btn{min-height:42px;font-size:10px}.promo-content h2{font-size:clamp(52px,14vw,82px);line-height:.9}.promo-content p{font-size:14px}.pad-slide-arrow{width:44px;height:44px}.footer-bottom{font-size:10px;line-height:1.5}
}
@media(max-width:380px){
  .header{padding-inline:10px}.header .logo{max-width:38vw}.header-actions{gap:5px}.cart-button{padding:7px}.hero h1{font-size:clamp(48px,14vw,62px)}.section-wrap{padding-inline:4%}.categories-grid{gap:8px}.products-grid{gap:9px}.product-info{padding:9px}.product-brand-logo{max-width:90px;max-height:50px}.product-thumbnails .product-thumb{flex-basis:78px}.zoom-controls{right:64px}.zoom-close{right:10px}
}
@media(prefers-reduced-motion:reduce){.product-card,.product-card img,.category-card,.category-card img,.ticker-track{scroll-behavior:auto;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

.menu-toggle svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* Center every UI SVG in its control box; prevent baseline and flex alignment drift. */
.zoom-controls button,.zoom-close,.close-button,.remove-item,.quantity-control button,.add-mini,.pad-slide-arrow,.dynamic-slider-stage>[data-slide-prev],.dynamic-slider-stage>[data-slide-next]{display:grid!important;place-items:center!important;align-content:center!important;justify-content:center!important;padding:0!important;line-height:0!important;vertical-align:middle!important}
.zoom-controls button{flex:0 0 38px!important;min-width:38px!important;min-height:38px!important}
.zoom-close{width:45px!important;height:45px!important;min-width:45px!important;min-height:45px!important}
.close-button{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important}
.remove-item{width:36px;min-width:36px;height:36px;min-height:36px}
.zoom-controls button>.ui-icon,.zoom-close>.ui-icon,.close-button>.ui-icon,.remove-item>.ui-icon,.quantity-control button>.ui-icon,.add-mini>.ui-icon,.pad-slide-arrow>.ui-icon,.dynamic-slider-stage>[data-slide-prev]>.ui-icon,.dynamic-slider-stage>[data-slide-next]>.ui-icon{display:block!important;margin:0!important;position:static!important;transform:none!important;align-self:center!important;justify-self:center!important;flex:none!important}
.admin-icon{display:block;flex:none;vertical-align:middle;margin:0}
.admin-body button:has(>.admin-icon){display:inline-flex;align-items:center;justify-content:center;gap:8px}

/* Product action combines a label and arrow: keep both centered on one line. */
.detail-add-button{display:flex!important;align-items:center!important;justify-content:center!important;gap:14px!important;padding:15px 22px!important;line-height:1.2!important}
.detail-add-button>span{display:grid;place-items:center;flex:none;line-height:0}
.detail-add-button>.ui-icon,.detail-add-button>span>.ui-icon{display:block;width:17px;height:17px;margin:0;position:static;transform:none;flex:none}
/* A maximum of four compact thumbnails; no horizontal gallery scrollbar. */
.product-detail-layout .product-thumbnails{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));direction:rtl;gap:8px;overflow:visible;padding:0;margin-top:12px;scroll-snap-type:none}
.product-detail-layout .product-thumb{position:relative;flex:none;width:100%;min-width:0;height:auto;aspect-ratio:1/1;padding:3px;overflow:hidden;border:1px solid rgba(255, 255, 255,.14);border-radius:8px;background:transparent;transition:border-color .18s,box-shadow .18s,transform .18s}
.product-detail-layout .product-thumb img{width:100%;height:100%;object-fit:contain;padding:2px}
.product-detail-layout .product-thumb.active{border-color:var(--green)!important; box-shadow:none;transform:translateY(-2px)}

.product-detail-layout .detail-features li:before{display:none!important;content:none!important}
@media(max-width:700px){.product-detail-layout .product-thumbnails{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.product-detail-layout .product-thumb{border-radius:7px}.detail-add-button{min-height:50px}}

/* Category-led store navigation and in-store search. */
.header{position:sticky}.navigation{align-items:center;gap:24px}.nav-category{position:relative;display:flex;align-items:center;gap:3px}.nav-category>a{display:flex;align-items:center;min-height:44px;padding:0 3px;color:#c4c9c3;font-size:11px;transition:color .2s}.nav-category>a:hover,.nav-category:focus-within>a{color:var(--green)}.nav-submenu-toggle{display:grid;place-items:center;width:30px;height:36px;border:0;background:transparent;color:#aab1aa}.nav-submenu-toggle .ui-icon{width:15px;height:15px;transition:transform .2s}.nav-category.expanded .nav-submenu-toggle .ui-icon{transform:rotate(180deg)}.nav-submenu{position:absolute;top:calc(100% - 2px);left:0;z-index:80;display:none;min-width:190px;padding:7px;background:#1b2126;border:1px solid rgba(0, 184, 244,.2);border-radius:8px; box-shadow:0 15px 35px rgba(0, 0, 0,.4)}.nav-category:hover .nav-submenu,.nav-category:focus-within .nav-submenu,.nav-category.expanded .nav-submenu{display:grid}.nav-submenu a{display:flex;align-items:center;min-height:42px;padding:0 12px;border-radius:5px;color:#c4c9c3;font-size:11px}.nav-submenu a:hover{color:var(--green)}.search-button{width:42px;height:42px;display:grid;place-items:center;padding:0;border:1px solid var(--line);border-radius:8px;background:#141414;color:#dce5da;transition:border-color .2s,color .2s,background .2s}.search-button[aria-expanded=true]{border-color:var(--green);color:var(--green);background:#1a1a1a}
.search-button:hover{border-color:var(--green);color:var(--green)}.search-button .ui-icon{width:20px;height:20px}.store-search-panel{position:fixed;top:82px;right:5%;z-index:75;width:min(460px,90vw);max-height:min(72vh,620px);overflow:auto;padding:18px;background:rgba(16, 16, 16,.98);border:1px solid rgba(0, 184, 244,.25);border-radius:10px; box-shadow:0 20px 55px rgba(0, 0, 0,.6);backdrop-filter:blur(16px)}.store-search-panel>label{display:block;margin-bottom:10px;color:#aeb7ad;font-size:9px;font-weight:800;letter-spacing:1.3px}.store-search-input-wrap{display:flex;align-items:center;gap:10px;padding:0 12px;border:1px solid #1e4e5e;border-radius:7px;background:#101418}.store-search-input-wrap:focus-within{border-color:var(--green)}.store-search-input-wrap .ui-icon{width:18px;height:18px;color:var(--green)}.store-search-input-wrap input{width:100%;height:46px;border:0;outline:0;background:transparent;color:var(--white);font:13px var(--font)}.store-search-results{display:grid;gap:5px;margin-top:10px}.search-result{width:100%;display:flex;align-items:center;gap:12px;min-height:58px;padding:8px 10px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--white);text-align:left}.search-result:hover{border-color:rgba(0, 184, 244,.22)}.search-result>img,.search-result-icon{width:42px;height:42px;flex:none;display:grid;place-items:center;object-fit:contain;border-radius:5px;background:#1c1c1c}.search-result-icon .ui-icon{width:18px;height:18px;color:var(--green)}.search-result>span:not(.search-result-icon){display:grid;gap:4px;min-width:0;flex:1}.search-result small{color:#879287;font-size:8px;letter-spacing:1px}.search-result strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.search-result>b{color:var(--green);font-size:10px;white-space:nowrap}.search-empty{padding:12px;color:#89918a;font-size:11px;line-height:1.6}.category-page{min-height:70vh;padding:60px 8% 100px}.category-page-heading{padding:28px 0 42px;border-bottom:1px solid var(--line)}.category-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:30px;color:#89918a;font-size:10px}.category-breadcrumb button{padding:0;border:0;background:none;color:#c4c9c3;font-size:inherit}.category-breadcrumb button:hover{color:var(--green)}.category-page-heading h1{margin:12px 0;font:900 clamp(52px,8vw,92px)/.9 var(--display);text-transform:uppercase}.category-page-heading>p{color:var(--muted);font-size:12px;line-height:1.8}.category-subcategories,.category-products{padding-top:42px}.category-subcategories>h2{margin-bottom:18px;color:var(--muted);font:800 14px var(--display);letter-spacing:1.5px}.category-subcategories .categories-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.category-subcategories .category-card{height:190px}.category-products .section-heading{margin-bottom:24px}.category-empty-message{padding:30px 0;color:var(--muted);font-size:13px}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){.navigation{display:none;position:absolute;top:70px;left:0;right:0;z-index:60;max-height:calc(100dvh - 70px);overflow-y:auto;padding:18px 20px;flex-direction:column;gap:0;background:#101010;border-bottom:1px solid var(--line);align-items:stretch}.navigation.show{display:flex}.menu-toggle{display:grid;place-items:center}.nav-category{display:grid;grid-template-columns:1fr auto;width:100%;border-bottom:1px solid rgba(255, 255, 255,.06)}.nav-category>a{font-size:14px;min-height:48px}.nav-submenu-toggle{min-width:44px;min-height:44px}.nav-submenu{position:static;grid-column:1/-1;min-width:0;padding:0 0 8px 10px;border:0;border-radius:0;background:transparent; box-shadow:none}.nav-submenu a{min-height:44px;padding-left:14px;background:rgba(255, 255, 255,.025)}.store-search-panel{top:70px;right:3%;width:94vw;padding:14px}.category-page{padding:32px 5% 72px}.category-page-heading{padding:20px 0 30px}.category-breadcrumb{margin-bottom:22px}.category-page-heading h1{font-size:clamp(46px,14vw,70px)}.category-subcategories,.category-products{padding-top:30px}.category-subcategories .categories-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.category-subcategories .category-card{height:160px}.search-result{min-height:54px}.search-result>img,.search-result-icon{width:38px;height:38px}}
@media(max-width:380px){.header-actions{gap:5px}.search-button{width:40px;height:40px}.cart-button,.menu-toggle{min-width:40px}.nav-submenu a{font-size:13px}}

/* Cart quantities can be adjusted before checkout. */
.cart-item-info{min-width:0}.cart-item-info h4{line-height:1.5;overflow-wrap:anywhere}.cart-quantity-control{display:flex;align-items:center;gap:7px;margin-top:9px}.cart-quantity-control button{width:30px;height:30px;min-width:30px;min-height:30px;display:grid;place-items:center;padding:0;border:1px solid rgba(0, 184, 244,.25);border-radius:6px;background:#171717;color:#9be2f9}.cart-quantity-control button:hover:not(:disabled){border-color:var(--green);color:var(--green)}.cart-quantity-control button:disabled{opacity:.35;cursor:not-allowed}.cart-quantity-control .ui-icon{width:14px;height:14px}.cart-quantity-control>span{min-width:24px;color:var(--white);font-size:11px;font-variant-numeric:tabular-nums;text-align:center}.navigation{flex:1;justify-content:center;min-width:0}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){.navigation{flex:none}.cart-item{grid-template-columns:64px minmax(0,1fr) auto;gap:10px}.cart-item img{width:64px;height:64px}.remove-item{align-self:start}}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){.cart-quantity-control button{width:40px;height:40px;min-width:40px;min-height:40px}.cart-quantity-control{gap:5px}}

/* Cash-on-delivery summary and order confirmation. */
.checkout-modal{max-height:calc(100dvh - 40px);overflow-y:auto;overscroll-behavior:contain}.checkout-modal input,.checkout-modal textarea,.checkout-modal select{width:100%;background:#101418;color:white;border:1px solid var(--line);border-radius:7px;padding:13px;font:13px var(--font);outline:none}.checkout-modal select:focus,.checkout-modal input:focus,.checkout-modal textarea:focus{border-color:var(--green)}.checkout-modal select option{background:#1b2126;color:var(--white)}.checkout-order-summary{margin:0 0 8px;padding:15px;border:1px solid rgba(0, 184, 244,.17);border-radius:9px;background:linear-gradient(145deg,rgba(0, 184, 244,.05),rgba(255, 255, 255,.015))}.checkout-order-summary h3{margin:0 0 10px;color:var(--green);font:800 15px var(--display);letter-spacing:1px}.checkout-summary-item,.checkout-total-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:7px 0;color:#bbc4bb;font-size:11px;line-height:1.5}.checkout-summary-item>span{min-width:0;overflow-wrap:anywhere}.checkout-summary-item small{color:#8d978d}.checkout-summary-item strong,.checkout-total-row strong{flex:none;color:#e8eee6;font-variant-numeric:tabular-nums}.checkout-total-row{border-top:1px solid rgba(255, 255, 255,.07)}.checkout-grand-total{margin-top:4px;padding-top:11px;color:var(--white);font-weight:800}.checkout-grand-total strong{color:var(--green);font-size:15px}.payment-method-note{padding:10px 12px;border:1px solid rgba(0, 184, 244,.14);border-radius:7px;color:#c1cbbf;font-size:11px}.payment-method-note strong{color:var(--green)}.checkout-success{display:grid;justify-items:center;gap:13px;padding:34px 8px 12px;text-align:center}.checkout-success-mark{width:54px;height:54px;display:grid;place-items:center;border:1px solid rgba(0, 184, 244,.5);border-radius:50%;background:rgba(0, 184, 244,.1);color:var(--green)}.checkout-success-mark .ui-icon{width:25px;height:25px;stroke-width:2}.checkout-success h3{font:800 32px var(--display)}.checkout-success p{max-width:350px;color:var(--muted);font-size:12px;line-height:1.8}.checkout-success .btn-primary{margin-top:10px;border-radius:8px}
@media(max-width:700px){.checkout-modal{padding:28px 20px;max-height:calc(100dvh - 24px)}.checkout-order-summary{padding:12px}.checkout-success{padding-top:28px}}

.checkout-whatsapp-note{padding:11px 13px;border-left:2px solid var(--green);border-radius:0 7px 7px 0;background:rgba(0, 184, 244,.055);color:#aeb7ad;font-size:10px;line-height:1.65}.checkout-whatsapp-step{display:grid;justify-items:center;gap:13px;padding:38px 5px 12px;text-align:center}.checkout-whatsapp-step h3{font:800 30px var(--display)}.checkout-whatsapp-step p{max-width:370px;color:var(--muted);font-size:12px;line-height:1.8}.checkout-whatsapp-step button{width:100%;max-width:340px;min-height:46px;border-radius:8px}.checkout-whatsapp-step .btn-primary{margin-top:4px}
@media(max-width:700px){.checkout-whatsapp-step{padding-top:28px}}
.store-phone-contact{text-align:center;font-size:10px}.store-phone-contact a{color:#b7c2b5;text-decoration:underline;text-decoration-color:rgba(0, 184, 244,.45);text-underline-offset:3px}.store-phone-contact a:hover{color:var(--green)}/* Keep every WhatsApp handoff action on the same neon-green button treatment. */
.checkout-whatsapp-step button{background:var(--green)!important;color:#101418!important;border:1px solid var(--green)!important;font-weight:800!important; box-shadow:none}
.checkout-whatsapp-step button:hover{color:#101418!important;border:1px solid var(--green)!important;font-weight:800!important}.checkout-whatsapp-step button:hover{border-color:#58d2ff!important;color:#101418!important}.checkout-whatsapp-step button:focus-visible{outline:2px solid #b9eafa;outline-offset:3px}

/* Searchable checkout city picker, styled to match the store controls. */
.city-picker{position:relative;width:100%}.city-picker-trigger{position:relative;display:flex!important;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:42px;padding:10px 14px!important;border:1px solid var(--line)!important;border-radius:8px!important;background:#101418!important;color:#dce5da!important;text-align:start!important;font:13px var(--font)!important;cursor:pointer}.city-picker.is-open .city-picker-trigger{border-color:var(--green)!important;outline:0; box-shadow:none}
.city-picker-trigger:hover,.city-picker-trigger:focus-visible{border-color:var(--green)!important;outline:0}.city-picker-trigger>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.city-picker-chevron{flex:none;width:17px;height:17px;color:var(--green);pointer-events:none;transform:rotate(0);transition:transform .2s}.city-picker.is-open .city-picker-chevron{transform:rotate(180deg)}.city-picker select{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;white-space:nowrap!important;border:0!important}.city-picker-options{position:absolute;top:calc(100% + 7px);inset-inline:0;z-index:120;display:grid;gap:3px;max-height:min(260px,36vh);overflow-y:auto;padding:6px;border:1px solid rgba(0, 184, 244,.24);border-radius:9px;background:#1b2126; box-shadow:0 12px 28px rgba(0, 0, 0,.48);overscroll-behavior:contain;scrollbar-color:#075b7a #1b2126;scrollbar-width:thin}.city-picker-options[hidden]{display:none}.city-picker-option{width:100%;min-height:42px;padding:0 12px;border:1px solid transparent;border-radius:6px;background:transparent;color:#dce5da;text-align:start;font:12px var(--font);cursor:pointer;transition:background .15s,border-color .15s,color .15s}.city-picker-option:hover,.city-picker-option:focus-visible{outline:0;border-color:rgba(0, 184, 244,.2);color:var(--green)}.city-picker-option.is-selected{background:rgba(0, 184, 244,.1);color:var(--green)}.checkout-modal label:has(.city-picker){position:relative}
@media(max-width:700px){.city-picker-options{max-height:min(220px,30vh)}.city-picker-option{min-height:44px}}

/* Keep filtered category results clear of the sticky header. */
#shop{scroll-margin-top:90px}

/* Store-themed scrollbars across the page, checkout, and overflow panels. */
html{scrollbar-color:#296c82 #0d0d0d;scrollbar-width:thin}*{scrollbar-color:#296c82 #0d0d0d;scrollbar-width:thin}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{border:1px solid rgba(0, 184, 244,.055);border-radius:10px;background:#0d0d0d}*::-webkit-scrollbar-thumb{min-height:34px;border:2px solid #0d0d0d;border-radius:10px;background:#075b7a}*::-webkit-scrollbar-thumb:hover{}*::-webkit-scrollbar-corner{background:#0d0d0d}

/* Rounded, consistent icon controls; keep mobile text fields at 16px to avoid focus zoom. */
button:has(svg),.cart-button,.search-button,.menu-toggle{border-radius:8px}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){input:not([type="file"]):not([type="range"]):not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]),textarea,select{font-size:16px!important}}

/* Unified header control sizing and product image corners. */
.header-actions{align-items:center}
.search-button,.cart-button{box-sizing:border-box;height:42px;min-height:42px;max-height:42px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:8px;background:#141414;color:#dce5da;transition:border-color .2s,background .2s,color .2s}
.search-button{width:42px;min-width:42px;padding:0}
.cart-button{width:auto;min-width:42px;padding:0 10px;gap:8px}.search-button[aria-expanded=true]{border-color:var(--green);background:#1a1a1a;color:var(--green)}
.search-button:hover,.cart-button:hover{border-color:var(--green);color:var(--green)}
.product-image-wrap,.product-image-wrap img,.main-product-image,.main-product-image img,.product-thumb,.product-thumb img{border-radius:10px}
.product-image-wrap,.main-product-image,.product-thumb{overflow:hidden}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){.search-button,.cart-button{height:44px;min-height:44px;max-height:44px}.search-button{width:44px;min-width:44px}.cart-button{min-width:44px;padding:0 9px}}
@media(max-width:380px){.search-button,.cart-button{height:40px;min-height:40px;max-height:40px}.search-button{width:40px;min-width:40px}.cart-button{min-width:40px;padding:0 7px}}

/* Let customers adjust quantities in the Complete Your Order summary. */
.checkout-summary-item{align-items:center}
.checkout-summary-product{display:grid;gap:8px;min-width:0;flex:1}
.checkout-summary-product>span{overflow-wrap:anywhere;color:#dce5da}
.checkout-quantity-control{display:inline-flex;align-items:center;gap:7px;width:max-content;padding:3px;border:1px solid rgba(0, 184, 244,.18);border-radius:8px;background:#0e0e0e}
.checkout-quantity-control button{width:30px;height:30px;min-width:30px;min-height:30px;display:grid;place-items:center;padding:0;border:1px solid rgba(0, 184, 244,.2);border-radius:6px;background:#171717;color:#9be2f9;cursor:pointer}.checkout-quantity-control button:hover:not(:disabled){border-color:var(--green);color:var(--green)}
.checkout-quantity-control button:disabled{opacity:.38;cursor:not-allowed}
.checkout-quantity-control .ui-icon{width:14px;height:14px}
.checkout-quantity-control>span{min-width:22px;color:var(--white);font-size:11px;font-variant-numeric:tabular-nums;text-align:center}
@media(max-width:700px){.checkout-quantity-control button{width:36px;height:36px;min-width:36px;min-height:36px}.checkout-summary-item{gap:8px}}

/* Keep pinch zoom driven by the saved transform scale, not by resizing the image element. */
#imageZoom.zoomed img{width:min(900px,90vw);max-width:90vw;max-height:82vh;height:auto;touch-action:none}
#imageZoom img{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}


/* Clear action hierarchy for the WhatsApp order confirmation step. */
.checkout-whatsapp-step{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.checkout-whatsapp-step>.eyebrow,.checkout-whatsapp-step>h3,.checkout-whatsapp-step>p{grid-column:1/-1}
.checkout-whatsapp-step>button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:11px 13px!important;border-radius:10px!important;font-size:10px;letter-spacing:.45px;line-height:1.35;white-space:normal}
.checkout-whatsapp-step>button .ui-icon{width:17px;height:17px}
.checkout-whatsapp-step>#editOrderDetails,.checkout-whatsapp-step>#reopenWhatsApp{background:#181818!important;color:#c4d0c2!important;border:1px solid rgba(0, 184, 244,.2)!important; box-shadow:none!important}.checkout-whatsapp-step>#editOrderDetails:hover,.checkout-whatsapp-step>#reopenWhatsApp:hover{color:#e7f3df!important;border-color:rgba(0, 184, 244,.58)!important}
.checkout-whatsapp-step>#confirmWhatsAppSent{grid-column:1/-1;min-height:56px;margin-top:2px;background:linear-gradient(135deg,#58d2ff,#00a7df)!important;color:#0b0b0b!important;border:1px solid #58d2ff!important;font-size:12px;letter-spacing:1px;font-weight:900!important; box-shadow:none}
.checkout-whatsapp-step>#confirmWhatsAppSent .ui-icon{width:20px;height:20px;stroke-width:2.3}.checkout-whatsapp-step>#confirmWhatsAppSent:hover{border-color:#91def8!important;transform:translateY(-1px)}
.checkout-whatsapp-step>button:focus-visible{outline:2px solid #b9eafa;outline-offset:3px}
@media(max-width:390px){.checkout-whatsapp-step{gap:9px}.checkout-whatsapp-step>button{min-height:48px;padding:9px 8px!important;font-size:9px;gap:6px}.checkout-whatsapp-step>button .ui-icon{width:15px;height:15px}}

/* Rounded product, category and sale surfaces; center checkout quantity icons precisely. */
.product-card,.product-image-wrap,.product-tag,.categories-grid .category-card,.category-subcategories .category-card{border-radius:14px}
.product-card,.product-image-wrap,.categories-grid .category-card,.category-subcategories .category-card{overflow:hidden}
.product-card{isolation:isolate}
.product-tag{top:12px;right:auto;left:12px;z-index:4;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 12px;border-radius:999px;font-size:10px;line-height:1;letter-spacing:.35px;text-align:center}
.product-sale-badge{position:absolute;z-index:4;top:12px;right:12px;display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 12px;border:1px solid rgba(120, 211, 239,.85);border-radius:999px;background:linear-gradient(135deg,#64d5ff,#00b8f4 72%,#008ab5); box-shadow:0 6px 18px rgba(0, 0, 0,.32);color:#111111;font:900 10px/1 var(--font);letter-spacing:.35px;white-space:nowrap}
.product-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 9px}.price-current{color:inherit}.price-before{color:#889187;font-size:.72em;font-weight:600;text-decoration:line-through;text-decoration-color:rgba(255, 255, 255,.52)}
.detail-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:5px 12px}.detail-price .price-before{font-size:.68em}
.main-product-image>.product-sale-badge{top:16px;right:16px;min-height:30px;padding-inline:12px;font-size:10px}
@media(max-width:700px){.product-sale-badge{top:8px;right:8px;min-height:26px;padding:0 9px;font-size:9px}.product-tag{top:8px;right:auto;left:8px;min-height:26px;padding:0 9px;font-size:9px}.main-product-image>.product-sale-badge{top:11px;right:11px;min-height:30px;font-size:10px}.product-bottom .product-price{gap:3px 6px}.product-bottom .price-before{font-size:.68em}}
.product-stock-badge{position:absolute;z-index:4;top:auto;right:auto;bottom:12px;left:12px;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:30px;padding:0 12px;border:1px solid rgba(255, 255, 255,.18);border-radius:999px;background:rgba(13, 13, 13,.94); box-shadow:0 6px 18px rgba(0, 0, 0,.38);color:#e6e9e4;font:800 9px/1 var(--font);letter-spacing:.55px;text-align:center;white-space:nowrap}
.product-stock-badge::before{content:"";width:7px;height:7px;flex:none;border-radius:50%;background:#ff746e; box-shadow:0 0 10px rgba(255, 116, 110,.4)}
.product-image-wrap.is-out-of-stock .product-image-primary,.main-product-image.is-out-of-stock #mainGalleryImage{ filter:grayscale(.38) brightness(.72)}
.add-mini:disabled,.detail-add-button:disabled{border-color:rgba(255, 255, 255,.14)!important;background:#232323!important;color:#899187!important; box-shadow:none!important;transform:none!important;cursor:not-allowed;opacity:1}
.product-bottom>.add-mini:disabled{display:inline-flex!important;justify-content:center!important;text-align:center}
.product-bottom>.add-mini:disabled .add-mini-icon{display:none!important}
@media(max-width:700px){.product-stock-badge{bottom:8px;left:8px;min-height:26px;padding:0 9px;font-size:9px}.product-stock-badge::before{width:6px;height:6px}.main-product-image>.product-stock-badge{bottom:11px;left:11px;min-height:30px;font-size:10px}}

/* Match the NEW tag to the sale badge's neon finish; soften and round slider controls. */
.product-tag{border:1px solid rgba(120, 211, 239,.85);background:linear-gradient(135deg,#64d5ff,#00b8f4 72%,#008ab5); box-shadow:0 6px 18px rgba(0, 0, 0,.32);color:#111111}
.pad-slide-arrow,.dynamic-slider-stage>[data-slide-prev],.dynamic-slider-stage>[data-slide-next]{border:1px solid rgba(120, 211, 239,.85);border-radius:12px;background:linear-gradient(135deg,#64d5ff,#00b8f4 72%,#008ab5);color:#111111; box-shadow:0 6px 18px rgba(0, 0, 0,.32);transition:border-color .2s,background .2s,box-shadow .2s,filter .2s}.pad-slide-arrow:hover,.dynamic-slider-stage>[data-slide-prev]:hover,.dynamic-slider-stage>[data-slide-next]:hover{border-color:#c1ecfb;color:#111111}

/* Refined checkout and WhatsApp handoff: rounded, directional, and lightweight. */
.modal-backdrop{transition:opacity .2s ease,visibility .2s ease}
.checkout-modal{box-sizing:border-box;border-radius:18px; box-shadow:0 24px 80px rgba(0, 0, 0,.52);opacity:0;transform:translate3d(0,14px,0) scale(.985);transition:opacity .2s ease,transform .24s cubic-bezier(.2,.75,.25,1)}
.modal-backdrop.open .checkout-modal{opacity:1;transform:translate3d(0,0,0) scale(1)}
.checkout-modal .modal-close{top:14px;right:auto;inset-inline-end:14px;border-radius:10px}
.checkout-whatsapp-step{border:1px solid rgba(0, 184, 244,.16);border-radius:16px;background:linear-gradient(155deg,rgba(0, 184, 244,.055),rgba(18, 18, 18,.94) 38%,rgba(8, 11, 10,.96)); box-shadow:inset 0 1px 0 rgba(255, 255, 255,.035);}
#checkoutWhatsAppStep:not([hidden]){animation:checkoutStepIn .26s cubic-bezier(.2,.75,.25,1) both}
@keyframes checkoutStepIn{from{opacity:0;transform:translate3d(0,9px,0) scale(.992)}to{opacity:1;transform:translate3d(0,0,0) scale(1)}}
html.store-language-ar .checkout-modal{direction:rtl;text-align:right}
html.store-language-ar .checkout-modal .modal-close{right:auto;left:14px;inset-inline-end:auto}
html.store-language-ar .checkout-whatsapp-step>button{direction:rtl}
@media(max-width:700px){.checkout-modal{border-radius:16px;padding:25px 17px;max-height:calc(100dvh - 20px)}.checkout-whatsapp-step{padding:25px 12px 14px;border-radius:14px}.checkout-modal .modal-close{top:10px;inset-inline-end:10px}}
@media(prefers-reduced-motion:reduce){.checkout-modal,#checkoutWhatsAppStep:not([hidden]),.modal-backdrop{animation:none!important;transition:none!important}.checkout-modal{opacity:1;transform:none}}
@media(max-width:700px){
  #checkoutModal{box-sizing:border-box;align-items:flex-start;justify-content:center;overflow-y:auto;overscroll-behavior:contain;padding:calc(env(safe-area-inset-top,0px) + 8px) 8px calc(env(safe-area-inset-bottom,0px) + 8px)}
  #checkoutModal .checkout-modal{width:100%;max-width:none;height:calc(100vh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 16px);height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 16px);max-height:none;min-height:0;margin:0 auto;padding:20px 15px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;border-radius:14px}
  #checkoutModal .checkout-modal h2{font-size:clamp(29px,8vw,36px);line-height:.98;margin:9px 0 14px}
  #checkoutModal .checkout-modal form{gap:10px}
  #checkoutModal .checkout-modal label{gap:5px;font-size:8px}
  #checkoutModal .checkout-modal input,#checkoutModal .checkout-modal textarea{min-height:42px;padding:10px 12px;font-size:13px;border-radius:8px}
  #checkoutModal .checkout-order-summary{padding:10px 12px;margin-bottom:4px}
  #checkoutModal .checkout-summary-item,#checkoutModal .checkout-total-row{padding:5px 0;font-size:10px}
  #checkoutModal .checkout-whatsapp-note{padding:9px 11px;font-size:9px;line-height:1.5}
  #checkoutModal .store-phone-contact{margin:0;font-size:10px}
  #checkoutModal .checkout-modal .modal-close{top:8px;inset-inline-end:8px;width:34px;height:34px}
}
/* Dedicated phone checkout sheet: fixed to the visible viewport, independent
   from the desktop centered dialog, with scrolling contained inside the panel. */
@media(max-width:700px){
  #checkoutModal{z-index:1200!important;display:block!important;overflow:hidden!important;padding:0!important;}
  #checkoutModal .checkout-modal{position:fixed!important;z-index:1201;top:50%!important;left:50%!important;right:auto!important;bottom:auto!important;width:94vw!important;max-width:480px!important;height:88dvh!important;max-height:760px!important;min-height:0!important;margin:0!important;padding:16px 16px calc(env(safe-area-inset-bottom,0px) + 16px)!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain;touch-action:pan-y;border-radius:16px!important;opacity:1;transform:translate(-50%,-50%) scale(.92)!important;transform-origin:center center!important; box-shadow:0 20px 70px rgba(0, 0, 0,.62);-webkit-overflow-scrolling:touch}
  #checkoutModal.open .checkout-modal{animation:phoneCheckoutIn .2s ease both}
  #checkoutModal .checkout-modal>.eyebrow{font-size:8px;line-height:1.1}
  #checkoutModal .checkout-modal h2{font-size:clamp(28px,7.2vw,34px);line-height:1.04;margin:9px 0 14px}
  #checkoutModal .checkout-modal form{gap:11px}
  #checkoutModal .checkout-modal label{gap:5px;margin-bottom:1px;font-size:9px;line-height:1.45}
  #checkoutModal .checkout-modal input,#checkoutModal .checkout-modal textarea,#checkoutModal .checkout-modal select{font-size:16px!important;min-height:38px;padding:8px 10px}
  #checkoutModal .checkout-modal textarea{min-height:58px}
  #checkoutModal .checkout-order-summary{padding:11px 12px;margin-bottom:5px}
  #checkoutModal .checkout-order-summary h3{font-size:14px;margin-bottom:9px}
  #checkoutModal .checkout-summary-item,#checkoutModal .checkout-total-row{padding:6px 0;font-size:10px;line-height:1.55}
  #checkoutModal .checkout-whatsapp-note{padding:10px 12px;margin:0;font-size:9px;line-height:1.55}
  #checkoutModal .store-phone-contact{margin:0}
  #checkoutModal .checkout-modal form>button{min-height:44px;margin-top:2px}
  #checkoutModal .checkout-modal>#closeCheckout{position:relative!important;top:auto!important;right:auto!important;left:auto!important;inset-inline-end:auto!important;display:grid!important;place-items:center;margin:0 0 9px;margin-inline-start:auto;width:36px;height:36px;z-index:1;background:#1b2126;border-radius:9px; box-shadow:0 3px 12px rgba(0, 0, 0,.32)}
}
@keyframes phoneCheckoutIn{from{opacity:.7}to{opacity:1}}
.checkout-quantity-control{align-items:center;vertical-align:middle}
.checkout-quantity-control button{box-sizing:border-box;display:grid!important;place-items:center!important;align-content:center!important;justify-content:center!important;align-self:center!important;padding:0!important;line-height:0!important;vertical-align:middle!important}
.checkout-quantity-control button>.ui-icon{display:block!important;width:14px;height:14px;margin:0!important;position:static!important;transform:none!important;align-self:center!important;justify-self:center!important;flex:none!important}


/* Match the mobile menu control and dropdown panel to the search and bag theme. */
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){.menu-toggle{box-sizing:border-box;width:44px;height:44px;min-width:44px;min-height:44px;max-width:44px;max-height:44px;display:grid;place-items:center;padding:0;border:1px solid var(--line);border-radius:8px;background:#141414;color:#dce5da;transition:border-color .2s,background .2s,color .2s}.menu-toggle[aria-expanded=true]{border-color:var(--green);background:#1a1a1a;color:var(--green)}
.menu-toggle:hover{border-color:var(--green);color:var(--green)}.menu-toggle svg{width:20px;height:20px;display:block;stroke:currentColor}.navigation.show{padding:14px 5%;background:linear-gradient(145deg,rgba(21, 21, 21,.98),rgba(11, 11, 11,.98));border-bottom:1px solid rgba(0, 184, 244,.2); box-shadow:0 18px 38px rgba(0, 0, 0,.48);backdrop-filter:blur(18px)}.navigation.show .nav-category{margin-bottom:8px;padding:0 10px;border:1px solid rgba(0, 184, 244,.12);border-radius:10px;background:linear-gradient(135deg,rgba(0, 184, 244,.045),rgba(255, 255, 255,.015))}.navigation.show .nav-category>a{min-height:48px;color:#e0e8dd;font-weight:700;letter-spacing:.35px}.navigation.show .nav-category>a:hover,.navigation.show .nav-category.expanded>a{color:var(--green)}.navigation.show .nav-submenu{gap:5px;padding:0 8px 9px;background:transparent}.navigation.show .nav-submenu a{min-height:44px;border:1px solid rgba(0, 184, 244,.08);border-radius:8px;background:rgba(9, 9, 9,.58);color:#bdc8ba}.navigation.show .nav-submenu a:hover,.navigation.show .nav-submenu a:focus-visible{border-color:rgba(0, 184, 244,.3);color:var(--green)}}
@media(max-width:380px){.menu-toggle{width:40px;height:40px;min-width:40px;min-height:40px;max-width:40px;max-height:40px}.menu-toggle svg{width:18px;height:18px}}

/* Pixel-center checkout plus/minus glyphs inside their button boxes. */
.checkout-quantity-control button{position:relative!important;display:block!important;box-sizing:border-box!important;padding:0!important;line-height:0!important}
.checkout-quantity-control button>.ui-icon{position:absolute!important;left:50%!important;top:50%!important;width:14px!important;height:14px!important;margin:0!important;transform:translate(-50%,-50%)!important;display:block!important}


#confirmWhatsAppSent.return-attention{outline:2px solid #efffcf;outline-offset:4px;animation:orderConfirmReturn 1.15s ease-in-out 3}
@keyframes orderConfirmReturn{0%,100%{ box-shadow:none}50%{ box-shadow:none}}


/* Store-themed validation feedback instead of the browser's default field tooltip. */
#checkoutModal .field-invalid{border-color:#ff786b!important; box-shadow:0 0 0 3px rgba(255, 120, 107,.12)!important}
#checkoutModal .field-invalid:focus{outline:0}
.toast.is-error{border:1px solid rgba(255, 120, 107,.48);border-radius:10px;background:rgba(20, 20, 20,.98);color:#ffe3df; box-shadow:0 12px 32px rgba(0, 0, 0,.42),0 0 20px rgba(255, 120, 107,.08)}
#checkoutModal.open~.toast.is-error{z-index:1400}
@media(max-width:700px){#checkoutModal.open~.toast.is-error{top:calc(env(safe-area-inset-top,0px) + 10px);bottom:auto;max-width:calc(100vw - 28px)}}


/* Rounded store category tiles and responsive category filters. */
#categoriesGrid .category-card{border-radius:16px!important;overflow:hidden}
#categoriesGrid .category-card img{border-radius:inherit}
#shop .filter-btn,#allProductsPage .filter-btn{border-radius:12px;min-height:42px;transition:background .2s,border-color .2s,color .2s,transform .2s}
@media(max-width:700px){#categoriesGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}#categoriesGrid .category-card{aspect-ratio:4/3;border-radius:14px!important}#categoriesGrid .category-name{left:12px;bottom:14px;max-width:calc(100% - 46px);font-size:clamp(14px,4.2vw,20px);line-height:1.05;overflow-wrap:anywhere}#categoriesGrid .category-arrow{right:12px;bottom:13px}#shop .product-filters,#allProductsPage .product-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#shop #categoryFilters{display:contents}#shop .filter-btn,#allProductsPage .filter-btn{width:100%;min-width:0;min-height:44px;padding:9px 8px;border-radius:12px;font-size:9px;letter-spacing:.5px;line-height:1.25;text-align:center}#shop .product-filters>[data-filter=all],#allProductsPage .product-filters>[data-filter=all]{grid-column:1/-1}}
@media(max-width:380px){#categoriesGrid{gap:8px}#categoriesGrid .category-name{left:10px;bottom:11px;font-size:14px}#categoriesGrid .category-arrow{right:10px;bottom:10px}#shop .product-filters,#allProductsPage .product-filters{gap:7px}}

/* Align mobile category filter labels and keep ALL PRODUCTS in the same grid. */
@media(max-width:700px){#shop .filter-btn,#allProductsPage .filter-btn{display:flex;align-items:center;justify-content:center;text-align:center;align-self:stretch}#shop .product-filters>[data-filter=all],#allProductsPage .product-filters>[data-filter=all]{grid-column:auto}#shop .filter-btn.active,#allProductsPage .filter-btn.active{background:var(--green);border-color:var(--green);color:#101418; box-shadow:none}}

/* Match category card hover feedback to product cards and center filter text vertically. */
#categoriesGrid .category-card{transition:transform .3s,border-color .3s,box-shadow .3s}
#categoriesGrid .category-card:hover{transform:translateY(-6px);border-color:rgba(0, 184, 244,.5)}
#shop .filter-btn,#allProductsPage .filter-btn{display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.25}
@media(max-width:700px){#shop .filter-btn,#allProductsPage .filter-btn{min-height:44px;align-self:stretch;padding-top:8px;padding-bottom:8px}}

/* Branded, non-error search feedback for an empty result set. */
.search-empty--no-results{margin:8px 0 2px;padding:14px 15px;border:1px solid rgba(0, 184, 244,.2);border-radius:9px;background:linear-gradient(110deg,rgba(0, 184, 244,.07),rgba(255, 255, 255,.015));color:#c0cbbd;font-size:12px;line-height:1.6}

/* Keep the uploaded logo proportional while allowing a larger, responsive header display. */
.header{height:max(82px,min(var(--brand-logo-height,64px),16vh))!important}.brand-logo-frame{width:min(var(--brand-logo-width,170px),55vw)!important;height:min(var(--brand-logo-height,64px),16vh)!important}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){.header{height:max(70px,min(var(--brand-logo-height,64px),13vh))!important}.header .logo{max-width:45vw!important}.brand-logo-frame{width:min(var(--brand-logo-width,170px),45vw)!important;height:min(var(--brand-logo-height,64px),13vh)!important}}
/* Store logo display follows the admin size control without resampling the source image. */
.header{height:max(82px,min(var(--brand-logo-height,64px),16vh))!important}
.brand-logo-frame{box-sizing:border-box;width:min(var(--brand-logo-width,170px),56vw)!important;height:min(var(--brand-logo-height,64px),16vh)!important;max-width:56vw!important;max-height:none!important;display:flex!important;align-items:center;justify-content:flex-start;overflow:visible!important;aspect-ratio:auto!important;flex:none}
.brand-logo{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:left center!important;image-rendering:auto;mix-blend-mode:normal!important; filter:none!important}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){.header{height:max(70px,min(var(--brand-logo-height,64px),13vh))!important}.header .logo{max-width:52vw!important;overflow:visible!important}.brand-logo-frame{width:min(var(--brand-logo-width,170px),52vw)!important;height:min(var(--brand-logo-height,64px),13vh)!important;max-width:52vw!important}}
/* Product cards reveal their second photo on desktop hover or a horizontal phone swipe. */
.product-image-wrap>img{transition:opacity .2s ease,transform .5s ease}
.product-image-wrap>img.product-image-secondary{position:absolute;inset:0;z-index:2;width:100%;height:100%;padding:10px;object-fit:contain;opacity:0;transform:none!important;mix-blend-mode:normal!important; filter:drop-shadow(0 16px 22px rgba(0, 0, 0,.48))}
@media(hover:hover) and (pointer:fine){.product-image-wrap.has-secondary:hover>img.product-image-primary{opacity:0;transform:none}.product-image-wrap.has-secondary:hover>img.product-image-secondary{opacity:1}}
/* Larger brand marks under product titles, with responsive bounds. */
.product-brand-under-title{min-height:112px!important;margin:4px 0 10px!important}
.product-brand-under-title .product-brand-logo{max-width:210px!important;max-height:108px!important}
.detail-brand-under-title{min-height:150px!important}
.detail-brand-under-title .detail-brand-logo{max-width:270px!important;max-height:145px!important}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){.product-brand-under-title{min-height:94px!important}.product-brand-under-title .product-brand-logo{max-width:158px!important;max-height:90px!important}.detail-brand-under-title{min-height:120px!important}.detail-brand-under-title .detail-brand-logo{max-width:220px!important;max-height:115px!important}}

/* Product detail image is a click target; zoom cursor is reserved for the opened viewer. */
.product-detail-layout .main-product-image{cursor:pointer!important}
#imageZoom.open #zoomImage{cursor:zoom-in!important}
#imageZoom.open.zoomed #zoomImage{cursor:grab!important}

/* Keep the image viewer and cart above the sticky mobile header. */
#imageZoom{z-index:2000!important}
#imageZoom.open .zoom-controls,#imageZoom.open .zoom-close{z-index:2002!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}
#imageZoom #zoomImage{transition:none!important;will-change:transform;backface-visibility:hidden}
#imageZoom.zoom-button-step #zoomImage{transition:transform .17s cubic-bezier(.2,.75,.25,1)!important}
.drawer-backdrop{z-index:1050!important}
.cart-drawer{z-index:1060!important}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){
  #imageZoom{padding:calc(env(safe-area-inset-top,0px) + 68px) 12px calc(env(safe-area-inset-bottom,0px) + 20px)!important}
  #imageZoom .zoom-controls{position:fixed!important;top:calc(env(safe-area-inset-top,0px) + 12px)!important;right:68px!important;z-index:2002!important}
  #imageZoom .zoom-close{position:fixed!important;top:calc(env(safe-area-inset-top,0px) + 12px)!important;right:12px!important;z-index:2003!important}
  .cart-drawer{top:0!important;right:0!important;bottom:0!important;height:100vh!important;height:100dvh!important;padding:calc(env(safe-area-inset-top,0px) + 18px) 20px calc(env(safe-area-inset-bottom,0px) + 18px)!important}
  .cart-drawer.open{z-index:1060!important}
  .cart-drawer .drawer-header{position:relative;z-index:1;flex:none;min-height:64px}
  .cart-drawer #closeCart{position:relative;z-index:2;flex:none;visibility:visible;opacity:1;pointer-events:auto}
}

/* Smooth, consistent motion for menus and content as it enters the viewport. */
@keyframes neonPopupIn{from{opacity:0;translate:0 -8px;scale:.98}to{opacity:1;translate:0 0;scale:1}}
@keyframes neonPopupOut{from{opacity:1;translate:0 0;scale:1}to{opacity:0;translate:0 -6px;scale:.985}}
@keyframes neonOverlayIn{from{opacity:0}to{opacity:1}}
.language-menu:not([hidden]),.catalog-sort-menu:not([hidden]),.city-picker-options:not([hidden]),.store-search-panel:not([hidden]),.nav-category.expanded .nav-submenu{animation:neonPopupIn .22s cubic-bezier(.2,.75,.25,1) both;transform-origin:top center}
.popup-closing{animation:neonPopupOut .18s cubic-bezier(.4,0,.7,.2) both!important;pointer-events:none!important}
.navigation.show{animation:neonPopupIn .24s cubic-bezier(.2,.75,.25,1) both}
#imageZoom.open{animation:neonOverlayIn .22s ease both}
html.scroll-reveal-ready [data-scroll-motion]{opacity:0;translate:0 8px;transition:opacity .2s ease,translate .32s cubic-bezier(.2,.75,.25,1);transition-delay:0ms}
html.scroll-reveal-ready [data-scroll-motion].is-scroll-visible{opacity:1;translate:0 0}
@media(prefers-reduced-motion:reduce){.language-menu:not([hidden]),.catalog-sort-menu:not([hidden]),.city-picker-options:not([hidden]),.store-search-panel:not([hidden]),.nav-category.expanded .nav-submenu,.navigation.show,#imageZoom.open,.popup-closing{animation-duration:.01ms!important}html.scroll-reveal-ready [data-scroll-motion]{opacity:1;translate:0 0;transition:none}}

/* Clear product-card add-to-bag action with an icon and readable label. */
.product-bottom{display:flex;align-items:center;gap:12px}
.product-bottom .product-price{flex:1;min-width:0}
.product-bottom .add-mini{display:inline-flex!important;align-items:center;justify-content:center;gap:9px;width:auto!important;min-width:126px!important;height:43px!important;min-height:43px!important;padding:0 13px!important;border:1px solid rgba(0, 184, 244,.58);border-radius:10px!important;background:linear-gradient(135deg,rgba(0, 184, 244,.13),rgba(0, 184, 244,.055));color:var(--green);font:800 9px/1 var(--font);letter-spacing:.55px;white-space:nowrap; box-shadow:inset 0 1px 0 rgba(255, 255, 255,.05);transition:background .22s,border-color .22s,color .22s,box-shadow .22s,transform .22s}
.add-mini-icon{display:grid;place-items:center;width:20px;height:20px;flex:none}
.add-mini-icon .ui-icon{width:17px;height:17px;stroke-width:1.8}
.add-mini-label{display:block;line-height:1.15}.product-bottom .add-mini:hover{border-color:var(--green);color:#101418;transform:translateY(-2px)}
.product-bottom .add-mini:active{transform:scale(.97)}
@media(max-width:1000px){.product-bottom{display:grid;grid-template-columns:1fr;gap:10px;align-items:stretch}.product-bottom .add-mini{width:100%!important;min-width:0!important;height:42px!important;min-height:42px!important;justify-content:center}}

/* Keep social links directly under their heading and put WhatsApp beside Contact. */
@media(min-width:761px) and ((min-height:501px) or (pointer:fine) or (orientation:portrait)){.footer-social-block{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:8px;width:max-content;max-width:100%}.footer-social-block h3{margin:0!important}.footer-socials{margin:0!important;justify-content:flex-start;gap:9px}}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){.footer-social-block{align-items:flex-start}.footer-social-block h3{margin:0!important}.footer-socials{justify-content:flex-start;margin:0!important}}

/* Softer lift on product/category cards and a gentler scroll reveal. */
.product-card{transition:transform .46s cubic-bezier(.22,.7,.22,1),border-color .46s cubic-bezier(.22,.7,.22,1)!important}
.product-card:hover{transform:translateY(-3px)!important}
#categoriesGrid .category-card{transition:transform .46s cubic-bezier(.22,.7,.22,1),border-color .46s cubic-bezier(.22,.7,.22,1),box-shadow .46s cubic-bezier(.22,.7,.22,1)!important}
#categoriesGrid .category-card:hover{transform:translateY(-3px)!important}
html.scroll-reveal-ready [data-scroll-motion]{translate:0 8px;transition:opacity .2s ease,translate .32s cubic-bezier(.22,.7,.22,1);transition-delay:0ms}
@media(prefers-reduced-motion:reduce){.product-card,#categoriesGrid .category-card{transition-duration:.01ms!important}html.scroll-reveal-ready [data-scroll-motion]{translate:0 0;transition:none}}

/* Confirm cart removal in a store-themed, accessible dialog. */
.remove-confirm-backdrop{z-index:1200!important;background:rgba(4, 4, 4,.78);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
.remove-confirm-dialog{width:min(430px,100%);padding:30px;border:1px solid rgba(0, 184, 244,.28);border-radius:18px;background:linear-gradient(145deg,#161616,#0b0b0b); box-shadow:0 24px 80px rgba(0, 0, 0,.62);transform:translateY(12px) scale(.985);transition:transform .26s cubic-bezier(.2,.75,.25,1)}
.remove-confirm-backdrop.open .remove-confirm-dialog{transform:translateY(0) scale(1)}
.remove-confirm-dialog>.eyebrow{margin-bottom:13px}
.remove-confirm-dialog h2{margin:0 0 10px;color:#f1f6ee;font:800 clamp(27px,6vw,36px)/1 var(--display)}
.remove-confirm-dialog p{min-height:24px;margin:0;color:#aab5a8;font-size:12px;line-height:1.7;overflow-wrap:anywhere}
.remove-confirm-dialog p strong{color:#e9f1e4}
.remove-confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:25px}
.remove-confirm-actions button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:10px;font:800 10px/1.3 var(--font);letter-spacing:.35px;cursor:pointer;transition:transform .2s cubic-bezier(.2,.75,.25,1),background .2s,border-color .2s,color .2s,box-shadow .2s}
.remove-confirm-actions .btn-primary{border:1px solid var(--green);background:var(--green);color:#101418}.remove-confirm-actions .btn-primary:hover{transform:translateY(-1px)}
.remove-confirm-delete{border:1px solid rgba(255, 120, 107,.34);background:rgba(255, 120, 107,.055);color:#ffc0b8}.remove-confirm-delete:hover{border-color:rgba(255, 120, 107,.68);color:#ffe0dc;transform:translateY(-1px)}
.remove-confirm-actions button:focus-visible{outline:2px solid #b9eafa;outline-offset:3px}
@media(max-width:480px){.remove-confirm-dialog{padding:24px 20px;border-radius:15px}.remove-confirm-actions{gap:8px}.remove-confirm-actions button{min-height:44px;padding:9px 8px;font-size:9px}}
@media(prefers-reduced-motion:reduce){.remove-confirm-dialog,.remove-confirm-actions button{transition-duration:.01ms!important}}
.cart-item .remove-item{color:#a3aaa2!important;background:transparent!important; filter:none!important; box-shadow:none!important;transform:none!important;transition:color .14s ease!important;touch-action:manipulation}.cart-item .remove-item:hover{color:#a3aaa2!important;transform:none!important}
.cart-item .remove-item:active{color:var(--green)!important;background:transparent!important; filter:none!important; box-shadow:none!important;transform:none!important}

/* ELECTRO SELLAM themed scrollbars across the whole store and its scrollable panels. */
:root{scrollbar-color:#00b8f4 #1b2126;scrollbar-width:thin}
*{scrollbar-color:#00b8f4 #1b2126;scrollbar-width:thin}
*::-webkit-scrollbar{width:11px;height:11px}
*::-webkit-scrollbar-track{background:#1b2126;border-radius:999px}
*::-webkit-scrollbar-thumb{min-height:36px;border:3px solid #1b2126;border-radius:999px;background:linear-gradient(180deg,#63d1f5,#1894bd); box-shadow:inset 0 0 0 1px rgba(255, 255, 255,.12)}*::-webkit-scrollbar-thumb:hover{}
*::-webkit-scrollbar-corner{background:#1b2126}
/* Professional, responsive footer inspired by the supplied reference and ELECTRO SELLAM colors. */
.footer{position:relative;overflow:hidden;padding:0 7% 22px;border-top:1px solid rgba(0, 184, 244,.16);background:radial-gradient(ellipse at 20% 35%,rgba(35, 106, 130,.12),transparent 38%),linear-gradient(145deg,#1b2126,#080808 58%,#1b2126);color:#edf3eb}
.footer-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:38px 0;border-bottom:1px solid rgba(0, 184, 244,.16)}
.footer-benefit{display:flex;align-items:flex-start;justify-content:center;gap:14px;padding:6px 14px;color:#edf3eb}
.footer-benefit>svg{width:30px;height:30px;flex:none;fill:none;stroke:#00b8f4;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round; filter:none}
.footer-benefit h3{margin:1px 0 7px;color:#f4f7f1;font:700 15px/1.2 Inter,sans-serif;letter-spacing:.8px}
.footer-benefit p{margin:0;color:#99a397;font-size:11px;line-height:1.6}
.footer-main{display:grid;grid-template-columns:minmax(280px,1.4fr) minmax(130px,.65fr) minmax(190px,.8fr);gap:clamp(28px,6vw,90px);align-items:start;padding:48px 0 40px}
.footer-newsletter>.logo{display:flex;width:max-content;max-width:100%;margin-bottom:27px}
.footer-newsletter h2{margin:0 0 8px;color:#f3f6f1;font:700 clamp(20px,2vw,27px)/1.18 Inter,sans-serif;letter-spacing:-.4px}
.footer-newsletter>p{margin:0 0 17px;color:#96a093;font-size:12px;line-height:1.6}
.footer-newsletter-form{display:flex;align-items:center;gap:6px;width:min(100%,410px);min-height:52px;padding:5px 6px 5px 15px;border:1px solid rgba(0, 184, 244,.23);border-radius:10px;background:rgba(255, 255, 255,.025);transition:border-color .2s,box-shadow .2s}.footer-newsletter-form:focus-within{border-color:rgba(0, 184, 244,.7)}
.footer-newsletter-form input{width:100%;min-width:0;height:40px;border:0;outline:0;background:transparent;color:#f4f7f1;font:13px Inter,sans-serif}
.footer-newsletter-form input::placeholder{color:#3c9cbc}
.footer-newsletter-form button{width:40px;height:40px;flex:none;display:grid;place-items:center;border:1px solid rgba(0, 184, 244,.3);border-radius:8px;background:#00b8f4;color:#101418;cursor:pointer;transition:transform .18s,background .18s}.footer-newsletter-form button:hover{transform:translateX(2px)}
.footer-newsletter-form button .ui-icon{width:19px;height:19px}
.footer-newsletter-status{min-height:18px;margin:8px 0 0!important;color:#8fdef8!important;font-size:11px!important}
.footer-social-block{margin-top:20px}.footer-social-block h3,.footer-column h3{margin:0 0 16px;color:#eef4ec;font:700 12px/1.3 Inter,sans-serif;letter-spacing:1px;text-transform:uppercase}
.footer-socials{display:flex;align-items:center;gap:10px}.footer-socials a{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(0, 184, 244,.22);border-radius:50%;background:rgba(0, 184, 244,.04);color:#c4d0c0;transition:transform .2s,border-color .2s,color .2s,background .2s}.footer-socials a:hover{transform:translateY(-2px);border-color:#00b8f4;color:#00b8f4}.footer-socials svg{width:19px;height:19px;display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.footer-socials a:first-child svg,.footer-socials a:last-child svg{fill:currentColor;stroke:none}
.footer-column{display:grid;justify-items:start;align-content:start;gap:12px;padding-top:6px}.footer-column h3{margin-bottom:8px}.footer-column a{color:#9ca79a;font-size:12px;line-height:1.55;transition:color .18s}.footer-column a:hover{color:#00b8f4}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:18px;border-top:1px solid rgba(255, 255, 255,.08);color:#3b9aba;font-size:9px;letter-spacing:.8px}.footer-bottom-logo{color:#e8f1e4;font:900 13px/1 Inter,sans-serif;letter-spacing:.4px}.footer-bottom-logo span span{color:#00b8f4}.visually-hidden{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;white-space:nowrap!important;border:0!important}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){.footer{padding:0 5% 18px}.footer-benefits{grid-template-columns:1fr;gap:0;padding:17px 0}.footer-benefit{justify-content:flex-start;align-items:center;gap:14px;padding:15px 7px}.footer-benefit>svg{width:27px;height:27px}.footer-benefit h3{font-size:13px;margin-bottom:5px}.footer-benefit p{font-size:11px}.footer-main{grid-template-columns:1fr 1fr;gap:30px 20px;padding:34px 0 28px}.footer-newsletter{grid-column:1/-1}.footer-newsletter>.logo{margin-bottom:22px}.footer-newsletter h2{font-size:23px}.footer-column{gap:11px}.footer-bottom{align-items:flex-start;flex-direction:column;gap:9px;font-size:8px}.footer-socials a{width:40px;height:40px}}
@media(max-width:420px){.footer-main{grid-template-columns:1fr;gap:24px}.footer-newsletter{grid-column:auto}.footer-column{padding-top:0}.footer-newsletter-form{min-height:50px}}

/* Refined footer email field: clear proportions and a calm, branded focus effect. */
.footer-newsletter-form{min-height:56px;padding:6px 7px 6px 17px;border-color:rgba(220, 232, 215,.22);border-radius:9px;background:rgba(255, 255, 255,.025); box-shadow:none}.footer-newsletter-form:focus-within{border-color:rgba(0, 184, 244,.68)}
.footer-newsletter-form input{height:42px;font-size:14px}
.footer-newsletter-form button{width:42px;height:42px;border-radius:50%; box-shadow:none}.footer-newsletter-form button:hover{transform:none}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){.footer-newsletter-form{min-height:54px}.footer-newsletter-form input{font-size:16px}}
.footer-benefits{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0!important;padding:28px 0!important;border-bottom:1px solid rgba(0, 184, 244,.16)!important;background:transparent!important;color:#edf3eb!important}
.footer-benefit{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-width:0;padding:10px 14px!important;text-align:center;color:#edf3eb!important}
.footer-benefit>svg{display:block;width:32px;height:32px;flex:none;fill:none!important;stroke:#00b8f4!important;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round; filter:none}
.footer-benefit h3{margin:0;color:#edf3eb;font:700 12px/1.3 Inter,sans-serif;letter-spacing:.8px}
@media(max-width:700px){.footer-benefits{grid-template-columns:1fr!important;gap:2px;padding:15px 0!important}.footer-benefit{flex-direction:row;justify-content:flex-start;gap:14px;padding:12px 8px!important;text-align:left}.footer-benefit>svg{width:26px;height:26px}.footer-benefit h3{font-size:12px}}
/* Footer benefits: keep the reference copy; on phones, show one swipeable card at a time. */
.footer-benefit p{max-width:340px;margin:0;color:#aab4a7;font-size:12px;line-height:1.55}
.footer-benefit h3{margin:0;color:#f4f7f1;font:500 17px/1.3 Inter,sans-serif;letter-spacing:.15px}
.footer-newsletter-form button{width:42px;height:42px;border:0;border-radius:0;background:transparent;color:#00b8f4; box-shadow:none;transition:color .18s,transform .18s}.footer-newsletter-form button:hover{transform:translateX(2px);color:#64d5ff}
.footer-newsletter-form button .ui-icon{width:21px;height:21px;stroke-width:2}
@media(max-width:700px){
  .footer-benefits{display:flex!important;flex-direction:row;direction:rtl;gap:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;scrollbar-width:none;padding:17px 0!important}
  .footer-benefits::-webkit-scrollbar{display:none}
  .footer-benefit{flex:0 0 100%;width:100%;min-height:170px;box-sizing:border-box;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:9px!important;padding:12px 24px!important;text-align:center!important;scroll-snap-align:center;scroll-snap-stop:always}
  .footer-benefit>svg{width:29px;height:29px}
  .footer-benefit h3{font-size:17px}
  .footer-benefit p{max-width:320px;font-size:13px}
  .footer-social-block{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;margin-top:22px}
  .footer-social-block h3{flex:none;margin:0}
  .footer-socials{justify-content:flex-end;margin-left:auto}
}
/* Infinite mobile benefits carousel and the supplied monochrome social icons. */
.footer-benefits-viewport{width:100%;overflow:visible}
.footer-benefits-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;direction:ltr}
@media(min-width:701px){.footer-benefit.is-clone{display:none!important}}
.footer-benefits-dots{display:none}
.footer-social-block h3{margin-bottom:16px}
.footer-socials img{display:block;width:20px;height:20px;object-fit:contain; filter:brightness(0) saturate(100%) invert(87%) sepia(89%) saturate(651%) hue-rotate(32deg) brightness(105%) contrast(105%)}.footer-socials a:hover img{}
.footer-newsletter-form button:hover{color:#00b8f4!important}
@media(max-width:700px){
  .footer-benefits{display:block!important;overflow:visible;direction:ltr;padding:0 0 24px!important;border:0!important}
  .footer-benefits-viewport{overflow:hidden;touch-action:pan-y;direction:ltr}
  .footer-benefits-track{display:flex;transform:translate3d(-100%,0,0);transition:transform .55s cubic-bezier(.22,.7,.22,1);will-change:transform;direction:ltr}
  .footer-benefit,.footer-benefit.is-clone{display:flex!important;flex:0 0 100%;width:100%;min-height:176px;box-sizing:border-box;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:9px!important;padding:16px 26px!important;text-align:center!important}
  .footer-benefit h3{font-size:17px}
  .footer-benefit p{max-width:330px;font-size:13px}
  .footer-benefits-dots{display:flex;justify-content:center;align-items:center;gap:8px;padding:0 0 22px}
  .footer-benefits-dots button{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:#2b7289;transition:width .2s,background .2s}
  .footer-benefits-dots button[aria-current="true"]{width:20px;border-radius:10px;background:#00b8f4}
  .footer-social-block{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:10px;width:100%;margin-top:22px}
  .footer-social-block h3{margin:0}
  .footer-socials{justify-content:flex-start;margin:0}
}
/* Store footer navigation and internal information pages. */
.footer-main{grid-template-columns:minmax(230px,1.45fr) repeat(3,minmax(130px,.8fr));gap:clamp(22px,4vw,64px)}
.footer-column-links{display:grid;justify-items:start;gap:12px}
.footer-column .footer-category-link.is-nested{margin-left:12px;padding-left:10px;border-left:1px solid rgba(0, 184, 244,.24);color:#50aac8}
.footer-socials svg{display:block;width:20px;height:20px}
.footer-socials .social-whatsapp,.footer-socials .social-instagram{fill:none!important;stroke:currentColor!important;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.footer-socials .social-tiktok,.footer-socials .social-facebook{fill:currentColor!important;stroke:none!important}
@media(min-width:701px){.footer-benefits-track>.footer-benefit.is-clone{display:none!important}}
.store-info-page{min-height:64vh;padding:clamp(38px,6vw,76px) max(5%,calc((100% - 1120px)/2)) clamp(60px,8vw,110px);background:radial-gradient(ellipse at 85% 5%,rgba(0, 184, 244,.075),transparent 38%),linear-gradient(145deg,#1b2126,#0a0a0a 60%,#1b2126);color:#edf3eb}
.info-page-shell{width:100%;max-width:900px;margin:0 auto}
.info-page-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-bottom:36px;color:#44a4c4;font-size:10px;letter-spacing:.7px;text-transform:uppercase}
.info-page-breadcrumb a{color:#00b8f4}.info-page-breadcrumb a:hover{color:#68d9ff}
.info-page-heading{max-width:760px;padding-bottom:28px;border-bottom:1px solid rgba(0, 184, 244,.18)}
.info-page-heading .eyebrow{color:#00b8f4}
.info-page-heading h1{margin:14px 0 12px;font:900 clamp(42px,7vw,76px)/.94 var(--display);letter-spacing:.4px;text-transform:uppercase}
.info-page-heading>p{max-width:680px;margin:0;color:#aab4a7;font-size:14px;line-height:1.8}
.info-page-content{display:grid;gap:20px;margin-top:28px;padding:clamp(20px,4vw,34px);border:1px solid rgba(0, 184, 244,.14);border-radius:16px;background:linear-gradient(135deg,rgba(255, 255, 255,.035),rgba(255, 255, 255,.012)); box-shadow:0 22px 70px rgba(0, 0, 0,.16)}
.info-page-content p{margin:0;color:#bbc4b8;font-size:13px;line-height:1.85}
.info-page-content h2{margin:0 0 8px;color:#f0f5ee;font-size:15px;font-weight:750}
.info-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.info-facts>section{display:grid;align-content:start;gap:8px;padding:19px;border:1px solid rgba(0, 184, 244,.13);border-radius:12px;background:rgba(7, 7, 7,.42)}
.info-contact-actions{display:flex;flex-wrap:wrap;gap:12px}
.info-contact-actions .btn-primary,.info-contact-actions .btn-outline{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:9px;text-decoration:none}
.info-prose{display:grid;gap:20px}
.info-back-link{display:inline-flex;align-items:center;gap:10px;margin-top:26px;color:#00b8f4;font-size:12px;font-weight:700}
.info-back-link:hover{color:#68d9ff}
.footer-main{min-width:0}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){
  .footer-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 22px;padding:34px 0 28px}
  .footer-newsletter{grid-column:1/-1}
  .footer-column{min-width:0}
  .footer-column h3{font-size:11px;letter-spacing:.7px}
  .footer-column a{font-size:11px;line-height:1.55}
  .footer-column-links{gap:11px}
  .store-info-page{min-height:62vh;padding:34px 5% 72px}
  .info-page-breadcrumb{gap:7px;margin-bottom:26px;font-size:9px}
  .info-page-heading h1{font-size:clamp(39px,12vw,62px)}
  .info-page-heading>p{font-size:13px}
  .info-page-content{gap:16px;margin-top:20px;padding:18px;border-radius:13px}
  .info-page-content p{font-size:12px}
  .info-facts{grid-template-columns:1fr}
  .info-contact-actions{display:grid;grid-template-columns:1fr}
  .info-contact-actions .btn-primary,.info-contact-actions .btn-outline{width:100%;box-sizing:border-box}
}
@media(max-width:420px){.footer-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 14px}.footer-newsletter{grid-column:1/-1}}
@media(min-width:761px) and ((min-height:501px) or (pointer:fine) or (orientation:portrait)) and (max-width:820px){.footer-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 28px}.footer-newsletter{grid-column:1/-1}}
/* The benefit strip is fixed on desktop; the phone version moves only on touch. */
.footer-benefits-track{animation:none!important;transition:none;width:100%!important;will-change:auto}
.footer-socials img{display:block;width:22px;height:22px;object-fit:contain; filter:none!important}.footer-socials a:hover img{}
@media(max-width:700px){.footer-benefits-track{animation:none!important;transition:transform .55s cubic-bezier(.22,.7,.22,1);will-change:transform}}
.footer-benefits-dots button[aria-current="true"]{width:7px!important;height:7px;border-radius:50%!important;background:#00b8f4; box-shadow:none}
@media(min-width:701px){
  .footer-benefits{width:100%;max-width:1280px;margin-inline:auto!important;padding:34px 0!important}
  .footer-benefits-track{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:26px!important;width:100%!important;animation:none!important;transform:none!important;transition:none!important;will-change:auto!important}
  .footer-benefit{min-height:190px;align-items:center!important;justify-content:center!important;gap:12px!important;padding:22px 20px!important;text-align:center!important}
  .footer-benefit>svg{width:42px;height:42px;margin:0 0 2px}
  .footer-benefit h3{font-size:18px;line-height:1.25}
  .footer-benefit p{max-width:320px;font-size:14px;line-height:1.6}
}
/* Calm, consistent feedback for every interactive button across the store and admin. */
:where(button,[role="button"],input[type="button"],input[type="submit"],.btn-primary,.btn-outline,.add-mini,.filter-btn,.search-button,.cart-button,.menu-toggle){transition-property:transform,filter,box-shadow,border-color,background-color,color!important;transition-duration:180ms!important;transition-timing-function:cubic-bezier(.2,.75,.25,1)!important}:where(button,[role="button"],input[type="button"],input[type="submit"],.btn-primary,.btn-outline,.add-mini,.filter-btn,.search-button,.cart-button,.menu-toggle):not(:disabled):hover{}
:where(button,[role="button"],input[type="button"],input[type="submit"],.btn-primary,.btn-outline,.add-mini,.filter-btn,.search-button,.cart-button,.menu-toggle):not(:disabled):active{transform:scale(.975); filter:brightness(.97); box-shadow:inset 0 1px 4px rgba(0, 0, 0,.2)}
:where(button,[role="button"],input[type="button"],input[type="submit"],.btn-primary,.btn-outline,.add-mini,.filter-btn,.search-button,.cart-button,.menu-toggle):focus-visible{outline:2px solid rgba(0, 184, 244,.82);outline-offset:3px}
:where(button:disabled,input[type="button"]:disabled,input[type="submit"]:disabled){cursor:not-allowed}
@media(prefers-reduced-motion:reduce){:where(button,[role="button"],input[type="button"],input[type="submit"],.btn-primary,.btn-outline,.add-mini,.filter-btn,.search-button,.cart-button,.menu-toggle){transition-duration:.01ms!important}:where(button,[role="button"],input[type="button"],input[type="submit"],.btn-primary,.btn-outline,.add-mini,.filter-btn,.search-button,.cart-button,.menu-toggle):active{transform:none}}
/* Match the supplied A4G reference: icon, title, and supporting line. */
.a4g-features-wrapper{width:100%;max-width:1280px;margin-inline:auto}
.a4g-features-track{animation:none!important;}
.a4g-feature{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.a4g-feature-icon{width:48px;height:48px;display:grid;place-items:center;margin-bottom:8px}
.a4g-feature-icon img{display:block;width:100%;height:100%;object-fit:contain;image-rendering:auto; filter:brightness(0) saturate(100%) invert(86%) sepia(92%) saturate(665%) hue-rotate(32deg) brightness(105%) contrast(104%)}
.a4g-feature-title{margin:0;color:#f4f7f1;font:500 18px/1.3 Inter,sans-serif;letter-spacing:.1px}
.a4g-feature-text{max-width:340px;margin:4px 0 0;color:#aab4a7;font:400 13px/1.55 Inter,sans-serif}
.a4g-feature-dots{display:none}
@media(min-width:701px){.a4g-features-wrapper{padding-inline:12px}.a4g-features-track{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:stretch;gap:28px!important;transform:none!important}.a4g-feature{min-height:205px;padding:24px 18px!important}.a4g-feature-icon{width:44px;height:44px;margin-bottom:8px}.a4g-feature-title{font-size:19px}.a4g-feature-text{font-size:13px}.a4g-feature.is-clone{display:none!important}}
@media(max-width:700px){.a4g-features-wrapper{overflow:visible}.a4g-features-track{display:flex!important;flex-wrap:nowrap;width:100%!important;transform:translate3d(-100%,0,0);transition:transform .55s cubic-bezier(.22,.7,.22,1);direction:ltr}.a4g-feature,.a4g-feature.is-clone{display:flex!important;flex:0 0 100%;width:100%;min-height:190px;box-sizing:border-box;align-items:center!important;justify-content:center!important;padding:22px 26px!important;scroll-snap-align:center}.a4g-feature-icon{width:42px;height:42px;margin-bottom:5px}.a4g-feature-title{font-size:18px}.a4g-feature-text{max-width:320px;font-size:13px}.a4g-feature-dots{display:flex;justify-content:center;align-items:center;gap:9px;padding:0 0 22px}.a4g-feature-dot{width:8px;height:8px!important;min-width:8px;min-height:8px;padding:0;border:0;border-radius:50%;background:#2b7289;transition:background .2s,box-shadow .2s}.a4g-feature-dot[aria-current="true"]{background:#00b8f4; box-shadow:none}.footer-benefits-viewport{overflow:hidden;touch-action:pan-y}}
/* Refine the feature strip to the ELECTRO SELLAM visual identity. */
.a4g-features-wrapper{max-width:1320px}
.a4g-features-track{gap:clamp(34px,6vw,92px)!important}
.a4g-feature{min-width:0;border:1px solid rgba(0, 184, 244,.13);border-radius:18px;background:radial-gradient(ellipse at 50% 0,rgba(0, 184, 244,.07),transparent 68%),linear-gradient(145deg,rgba(255, 255, 255,.025),rgba(255, 255, 255,.008)); box-shadow:0 12px 32px rgba(0, 0, 0,.13)}
.a4g-feature-icon{width:58px;height:58px;margin-bottom:8px;border:1px solid rgba(0, 184, 244,.2);border-radius:16px;background:linear-gradient(145deg,rgba(0, 184, 244,.12),rgba(0, 184, 244,.035)); box-shadow:inset 0 1px rgba(255, 255, 255,.045)}
.a4g-feature-icon img{width:35px;height:35px}
.a4g-feature-title{color:#f2f7ed;font-size:18px;font-weight:700;letter-spacing:.35px;white-space:nowrap}
.a4g-feature-text{max-width:100%;color:#aeb9a8;font-size:13px;line-height:1.55;text-wrap:balance}
@media(min-width:701px){
  .a4g-features-wrapper{padding-inline:28px}
  .a4g-features-track{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:clamp(38px,6vw,96px)!important}
  .a4g-feature{min-height:222px;padding:28px 22px!important}
  .a4g-feature-icon{width:62px;height:62px;margin-bottom:10px}
  .a4g-feature-icon img{width:38px;height:38px}
  .a4g-feature-title{font-size:19px}
  .a4g-feature-text{max-width:340px;font-size:13px}
}
@media(max-width:700px){
  .a4g-features-track{gap:0!important}
  .a4g-feature{min-height:198px;margin:0 10px;padding:22px 24px!important;border-radius:16px}
  .a4g-feature-title{font-size:18px}
  .a4g-feature-text{font-size:13px}
}
.a4g-feature{margin:0}
@media(max-width:700px){.a4g-feature{margin:0}}
@media(max-width:700px){.a4g-features-wrapper.footer-benefits-viewport{overflow:hidden;touch-action:pan-y}.a4g-features-track.footer-benefits-track{width:100%!important;flex-wrap:nowrap;gap:0!important}}
.section-heading-stacked{display:block}.section-heading-stacked>div{display:grid;justify-items:start;gap:0}.section-heading-stacked>div>p{max-width:520px;margin:14px 0 0;color:var(--muted);font-size:13px;line-height:1.7}
.nav-category:hover .nav-submenu,.nav-category:focus-within .nav-submenu{display:none}.nav-category.expanded .nav-submenu{display:grid}.nav-parent-toggle{display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 3px;border:0;background:transparent;color:#c4c9c3;font:inherit;font-size:11px;cursor:pointer;transition:color .2s}.nav-parent-toggle:hover,.nav-category.expanded .nav-parent-toggle{color:var(--green)}.nav-parent-toggle .ui-icon{width:13px;height:13px;transition:transform .2s}.nav-category.expanded .nav-parent-toggle .ui-icon{transform:rotate(180deg)}
.product-filters{display:block;position:relative;isolation:isolate;margin-bottom:28px}.filter-tabs{position:relative;isolation:isolate;display:flex;align-items:center;gap:4px;width:max-content;max-width:100%;overflow:auto hidden;padding:5px;border:1px solid rgba(255, 255, 255,.1);border-radius:15px;background:linear-gradient(145deg,#1b2126,#0d0d0d); box-shadow:inset 0 1px 0 rgba(255, 255, 255,.035);scrollbar-width:none;overscroll-behavior-inline:contain}.filter-tabs::-webkit-scrollbar{display:none}.filter-glide-pill{position:absolute;z-index:0;left:0;top:0;width:0;height:0;opacity:0;pointer-events:none;border:1px solid rgba(0, 184, 244,.62);border-radius:10px;background:linear-gradient(135deg,#00b8f4,#36c5ff); box-shadow:inset 0 1px 0 rgba(255, 255, 255,.28);transition:left .4s cubic-bezier(.65,0,.35,1),top .4s cubic-bezier(.65,0,.35,1),width .4s cubic-bezier(.65,0,.35,1),height .4s cubic-bezier(.65,0,.35,1),opacity .2s ease}.filter-glide-pill.is-visible{opacity:1}.filter-tabs>.filter-btn,.filter-tab-list .filter-btn{position:relative;z-index:1;display:inline-flex;flex:none;align-items:center;justify-content:center;min-width:max-content;min-height:42px;padding:10px 15px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--muted);font-size:9px;letter-spacing:.8px;font-weight:800;line-height:1.15;text-align:center;text-decoration:none;white-space:nowrap;transition:color .22s ease,border-color .22s ease,background-color .22s ease}.filter-tab-list{position:relative;z-index:1;display:flex;flex:none;align-items:center;gap:4px}.filter-tabs .filter-btn.active{background:transparent!important;border-color:transparent!important;color:#101418!important; box-shadow:none!important}.filter-tabs .filter-btn:hover:not(.active){border-color:rgba(0, 184, 244,.25)!important;color:var(--green)!important}
@media(max-width:700px){#shop .product-filters,#allProductsPage .product-filters{display:block!important}.filter-tabs{display:flex!important;width:100%;max-width:100%;gap:3px;padding:4px;border-radius:13px}.filter-tab-list,#shop #categoryFilters{display:flex!important;flex-wrap:nowrap!important;gap:3px}.filter-tabs>.filter-btn,#shop .filter-tabs .filter-btn,#allProductsPage .filter-tabs .filter-btn{width:auto!important;min-width:max-content;min-height:42px;align-self:center;padding:9px 12px;font-size:9px;letter-spacing:.45px}}
#shop .filter-tabs .filter-btn.active,#allProductsPage .filter-tabs .filter-btn.active{background:transparent!important;border-color:transparent!important;color:#101418!important; box-shadow:none!important}#shop .filter-tabs .filter-btn:hover:not(.active),#allProductsPage .filter-tabs .filter-btn:hover:not(.active){border-color:rgba(0, 184, 244,.25)!important;color:var(--green)!important}
@media(prefers-reduced-motion:reduce){.filter-glide-pill{transition:none}}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){.navigation .nav-category{display:block}.navigation .nav-parent-toggle{width:100%;justify-content:space-between;min-height:48px;padding:0 3px;color:#e0e8dd;font-size:14px;font-weight:700;letter-spacing:.35px}.navigation .nav-parent-toggle .ui-icon{width:16px;height:16px}.navigation .nav-category.expanded .nav-submenu{display:grid}}
.filter-tabs{direction:ltr;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}
@media(max-width:700px){#shop .product-filters,#allProductsPage .product-filters{padding-right:0;padding-left:0}.filter-tabs{padding-right:4px!important;padding-left:4px!important;scroll-padding-inline:4px}.filter-tabs>.filter-btn,#shop .filter-tabs .filter-tab-list .filter-btn,#allProductsPage .filter-tabs .filter-tab-list .filter-btn{flex:0 0 clamp(112px,34vw,148px)!important;width:clamp(112px,34vw,148px)!important;min-width:0!important;max-width:clamp(112px,34vw,148px)!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
.filter-tabs>.all-products-tab{gap:8px;padding-right:18px!important;padding-left:14px!important}.all-products-tab .all-products-icon{width:15px;height:15px;flex:0 0 15px;fill:currentColor;color:var(--green);transition:transform .25s ease,color .2s ease}.all-products-tab.active .all-products-icon{color:#101418}.all-products-tab:hover .all-products-icon{transform:scale(1.08)}.filter-tabs>.all-products-tab::after{content:'';position:absolute;right:-3px;top:10px;bottom:10px;width:1px;background:linear-gradient(180deg,transparent,rgba(0, 184, 244,.42),transparent);pointer-events:none}
@media(max-width:700px){.filter-tabs>.all-products-tab{gap:7px;padding-right:10px!important;padding-left:10px!important}.all-products-tab .all-products-icon{width:14px;height:14px;flex-basis:14px}}
.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:-8px 0 22px;padding:12px 14px;border:1px solid rgba(255, 255, 255,.08);border-radius:13px;background:linear-gradient(135deg,rgba(24, 24, 24,.88),rgba(13, 13, 13,.88))}.catalog-sort,.catalog-grid-control{display:flex;align-items:center;gap:12px}.catalog-sort>span:first-child,.catalog-grid-control>span{flex:none;color:#8d998d;font-size:8px;font-weight:900;letter-spacing:1.2px}.catalog-select-wrap{position:relative;display:flex;align-items:center;min-width:205px;border:1px solid rgba(0, 184, 244,.22);border-radius:9px;background:rgba(8, 8, 8,.8);transition:border-color .2s,box-shadow .2s}.catalog-select-wrap:focus-within{border-color:var(--green)}.catalog-select-wrap select{width:100%;height:40px;padding:0 38px 0 13px;appearance:none;-webkit-appearance:none;border:0;outline:0;border-radius:inherit;background:transparent;color:#eaf2e8;color-scheme:dark;font:700 11px var(--font);cursor:pointer}.catalog-select-wrap option{background:#131313;color:#eaf2e8}.catalog-select-wrap>svg{position:absolute;right:11px;width:15px;height:15px;fill:none;stroke:var(--green);stroke-width:1.8;pointer-events:none}.catalog-grid-options{display:flex;align-items:center;gap:5px;padding:3px;border:1px solid rgba(255, 255, 255,.09);border-radius:10px;background:rgba(8, 8, 8,.72)}.catalog-grid-options button{width:34px;height:34px;display:grid;place-items:center;padding:7px;border:1px solid transparent;border-radius:7px;background:transparent;color:#879287;cursor:pointer;transition:color .2s,background .2s,border-color .2s,transform .2s}.catalog-grid-options button svg{width:18px;height:18px;fill:currentColor}.catalog-grid-options button:hover{color:var(--green);transform:translateY(-1px)}.catalog-grid-options button.active{border-color:rgba(0, 184, 244,.4);background:rgba(0, 184, 244,.13);color:var(--green); box-shadow:none}#shop #productsGrid{grid-template-columns:repeat(var(--product-columns,4),minmax(0,1fr))}
@media(max-width:700px){.catalog-toolbar{display:grid;grid-template-columns:1fr;gap:11px;margin:0 0 17px;padding:11px;border-radius:11px}.catalog-sort{justify-content:space-between;gap:10px}.catalog-select-wrap{flex:1;min-width:0}.catalog-select-wrap select{height:42px}.catalog-grid-control{justify-content:space-between;gap:10px}.catalog-grid-options{gap:4px}.catalog-grid-options button{width:38px;height:36px}}
@media(max-width:360px){.catalog-grid-options{gap:2px}.catalog-grid-options button{width:34px}}
.catalog-select-wrap{position:relative;display:block;z-index:10}.catalog-select-button{width:100%;height:40px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 12px;border:0;border-radius:8px;background:transparent;color:#eaf2e8;font:700 11px var(--font);text-align:left;cursor:pointer}.catalog-select-button>svg{position:static;flex:none;transition:transform .2s}.catalog-select-wrap.is-open .catalog-select-button>svg{transform:rotate(180deg)}.catalog-sort-menu{position:absolute;top:calc(100% + 7px);left:0;right:0;z-index:40;display:grid;gap:3px;padding:6px;border:1px solid rgba(0, 184, 244,.28);border-radius:11px;background:linear-gradient(145deg,rgba(20, 20, 20,.98),rgba(10, 10, 10,.99)); box-shadow:0 16px 36px rgba(0, 0, 0,.55);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.catalog-sort-menu[hidden]{display:none}.catalog-sort-menu [role="option"]{width:100%;min-height:39px;padding:0 11px;border:1px solid transparent;border-radius:7px;background:transparent;color:#c8d2c6;font:600 10px var(--font);text-align:left;cursor:pointer;transition:background .18s,color .18s,border-color .18s}.catalog-sort-menu [role="option"]:hover,.catalog-sort-menu [role="option"]:focus-visible{outline:0;border-color:rgba(0, 184, 244,.2);color:var(--green)}.catalog-sort-menu [role="option"][aria-selected="true"]{background:rgba(0, 184, 244,.13);color:var(--green)}#productGridOptions [data-grid-columns="1"]{display:none}
@media(max-width:700px){#productGridOptions [data-grid-columns="1"]{display:grid}#productGridOptions [data-grid-columns="3"],#productGridOptions [data-grid-columns="4"]{display:none}.catalog-sort-menu{top:calc(100% + 5px)}.catalog-select-button{height:42px}}
.language-control{position:relative;z-index:90;direction:ltr}.language-button{height:42px;min-width:78px;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 9px;border:1px solid var(--line);border-radius:9px;background:#141414;color:#dce5da;font:800 10px var(--font);letter-spacing:.4px;cursor:pointer;transition:border-color .2s,color .2s,background .2s,box-shadow .2s}.language-control.is-open .language-button{border-color:rgba(0, 184, 244,.55);background:#1a1a1a;color:var(--green); box-shadow:none}
.language-button:hover{border-color:rgba(0, 184, 244,.55);color:var(--green)}.language-button>svg:first-child{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.language-button .language-chevron{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}.language-control.is-open .language-chevron{transform:rotate(180deg)}.language-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:100;min-width:160px;display:grid;gap:4px;padding:6px;border:1px solid rgba(0, 184, 244,.28);border-radius:12px;background:linear-gradient(145deg,rgba(20, 20, 20,.98),rgba(10, 10, 10,.99)); box-shadow:0 16px 36px rgba(0, 0, 0,.55);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.language-menu[hidden]{display:none}.language-menu [role="option"]{display:flex;align-items:center;gap:10px;width:100%;min-height:40px;padding:0 9px;border:1px solid transparent;border-radius:8px;background:transparent;color:#c8d2c6;font:600 11px var(--font);text-align:left;cursor:pointer;transition:background .18s,color .18s,border-color .18s}.language-menu [role="option"]:hover,.language-menu [role="option"]:focus-visible{outline:0;border-color:rgba(0, 184, 244,.22);color:var(--green)}.language-menu [role="option"][aria-selected="true"]{background:rgba(0, 184, 244,.13);color:var(--green)}.language-code{width:25px;height:25px;display:grid;place-items:center;border:1px solid rgba(0, 184, 244,.22);border-radius:7px;background:rgba(0, 184, 244,.08);color:var(--green);font-size:9px;font-weight:900}
html.store-language-ar{--font:'Tajawal',Tahoma,Arial,sans-serif;--display:'Cairo',Tahoma,Arial,sans-serif}html.store-language-ar body,html.store-language-ar #homeContent,html.store-language-ar #productPage,html.store-language-ar #infoPage,html.store-language-ar #storeFooter{direction:rtl}html.store-language-ar .header,html.store-language-ar .header-actions,html.store-language-ar .language-control,html.store-language-ar .filter-tabs{direction:ltr}html.store-language-ar .navigation{direction:rtl}html.store-language-ar .catalog-sort-menu{text-align:right}html.store-language-ar .catalog-sort-menu [role="option"]{text-align:right}html.store-language-ar .catalog-sort>span:first-child,html.store-language-ar .catalog-grid-control>span{letter-spacing:0}html.store-language-ar .footer-socials,html.store-language-ar .footer-newsletter-form,html.store-language-ar .catalog-grid-options{direction:ltr}html.store-language-ar .logo-mark{font-family:'Barlow Condensed',sans-serif}
html.store-language-ar body,html.store-language-ar button,html.store-language-ar input,html.store-language-ar textarea,html.store-language-ar select{font-family:var(--font)}
@media(max-width:700px){.language-button{height:40px;min-width:68px;gap:5px;padding:0 7px}.language-menu{right:0;min-width:150px}.header-actions{gap:6px}}
.navigation .language-control{flex:none}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){.header{z-index:1000}.header-actions>.language-control{display:none!important}.navigation.show{z-index:1001}.navigation.show>.language-control{position:relative;z-index:1200;width:100%;max-width:none;display:flex;justify-content:flex-start;align-self:stretch;margin:0 0 12px;padding:0;border:0;border-radius:0;background:transparent}.navigation.show>.language-control .language-button{width:auto;min-width:68px;height:40px;justify-content:center;padding:0 9px;border-color:var(--line);border-radius:9px;background:#141414;color:#dce5da}.navigation.show>.language-control .language-menu{left:0;right:auto;top:calc(100% + 6px);bottom:auto;min-width:150px;z-index:1300}.navigation.show>.language-control.is-open .language-menu{z-index:1300}html[dir="rtl"] .navigation.show>.language-control{justify-content:flex-end}html[dir="rtl"] .navigation.show>.language-control .language-menu{left:auto;right:0}html[dir="ltr"] .navigation.show>.language-control{justify-content:flex-start}html[dir="ltr"] .navigation.show>.language-control .language-menu{left:0;right:auto}}
.language-menu [role="option"]{color:#c8d2c6!important;background:transparent!important}.language-menu [role="option"][aria-selected="true"]{color:var(--green)!important;background:rgba(0, 184, 244,.13)!important}.language-menu [role="option"]:hover,.language-menu [role="option"]:focus-visible{color:var(--green)!important}
html.store-language-ar :is(.product-detail-layout .zoom-hint,.footer-benefit p,.footer-column a,.footer-newsletter>p,.footer-newsletter-form input,.footer-newsletter-status,.footer-bottom,.a4g-feature-text,.catalog-select-button,.catalog-sort-menu [role="option"],.language-menu [role="option"]){font-family:var(--font)!important}
html.store-language-ar :is(.footer-benefit h3,.footer-newsletter h2,.footer-social-block h3,.footer-column h3,.a4g-feature-title){font-family:var(--display)!important}
html.store-language-ar :is(h1,h2,h3,p,a,button,label,small,strong,span,li,summary){letter-spacing:normal!important}html.store-language-ar .logo small{letter-spacing:2px!important}
.catalog-select-button>svg{position:static!important;display:block!important;width:15px!important;height:15px!important;min-width:15px;max-width:15px;flex:0 0 15px;fill:none!important;stroke:var(--green)!important;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;color:var(--green);transform-origin:center;transition:transform .2s ease}.catalog-select-wrap.is-open .catalog-select-button>svg{transform:rotate(180deg)}
.catalog-toolbar{position:relative;z-index:20;overflow:visible}.catalog-toolbar:has(.catalog-select-wrap.is-open){z-index:80}.catalog-select-wrap.is-open{z-index:81}.catalog-sort-menu{z-index:82!important}.products-grid{position:relative;z-index:0}
/* Product detail gallery: compact desktop layout with the main image on the left. */
@media(min-width:701px){
  .product-detail-layout{direction:ltr;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:clamp(24px,3.5vw,48px)}
  .product-detail-layout .product-gallery{width:min(100%,480px);justify-self:start;margin:0}
  .product-detail-layout .main-product-image{width:100%;max-width:480px;height:auto;aspect-ratio:1/1;border-radius:12px;overflow:hidden}
  .product-detail-layout .main-product-image>img{width:100%;height:100%;object-fit:contain;padding:0!important}
  .product-detail-layout .main-product-image>img[src$=".jpg"],.product-detail-layout .main-product-image>img[src$=".jpeg"],.product-detail-layout .main-product-image>img[src$=".webp"]{object-fit:cover;padding:0!important}
  .product-detail-layout .product-thumbnails{direction:ltr;grid-template-columns:repeat(4,minmax(0,82px));justify-content:start;gap:10px;margin-top:10px}
  .product-detail-layout .product-thumb{width:100%;max-width:82px;border-radius:9px}
}
html.store-language-ar .product-detail-layout .product-detail-info{direction:rtl;text-align:right}
.product-detail-layout .main-product-image>img,.product-detail-layout .product-thumb>img,#imageZoom #zoomImage{opacity:1!important;mix-blend-mode:normal!important;visibility:visible; filter:none!important}
.product-detail-layout .main-product-image>img{padding:0!important}
.product-detail-layout .main-product-image>img{position:relative;z-index:2}
#imageZoom #zoomImage{ filter:drop-shadow(0 18px 28px rgba(0, 0, 0,.32))!important}

/* Optional product carousels and the in-store full catalog page. */
.product-carousel{padding-top:62px;padding-bottom:62px;overflow:hidden}
.product-carousel-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}
.product-carousel-heading h2{margin-top:10px;font:800 clamp(30px,4vw,48px)/1 var(--display);letter-spacing:.2px}
.product-carousel-controls{display:flex;gap:9px;flex:none}
.product-carousel-controls button{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(0, 184, 244,.3);border-radius:11px;background:#141414;color:var(--green);cursor:pointer;transition:background .2s,border-color .2s,transform .2s}.product-carousel-controls button:hover{border-color:var(--green);transform:translateY(-2px)}
.product-carousel-track{display:flex;flex-flow:row nowrap;direction:rtl;gap:16px;overflow-x:auto;overflow-y:hidden;padding:4px 2px 17px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:rgba(0, 184, 244,.55) rgba(255, 255, 255,.05);overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}
.product-carousel-track .product-card{flex:0 0 clamp(225px,24vw,300px);min-width:0;scroll-snap-align:center}
.product-carousel-track .product-image-wrap{height:clamp(170px,19vw,230px)}
.products-more{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:14px;margin:34px auto 0;text-align:center}
.products-more[hidden]{display:none}
.products-more p{width:100%;margin:0;color:var(--muted);font-size:11px}

.products-more .ui-icon{color:var(--green)}
.all-products-page{min-height:70vh;padding:35px 8% 100px}
.all-products-shell{max-width:1440px;margin:0 auto}
.all-products-back{display:inline-flex;align-items:center;gap:9px;margin:0 0 35px;padding:10px 13px;border:1px solid var(--line);border-radius:10px;background:#141414;color:#c8d2c6;font:800 9px var(--font);letter-spacing:.7px;cursor:pointer}
.all-products-back:hover{border-color:var(--green);color:var(--green)}
.all-products-heading{margin-bottom:34px}
.all-products-heading h1{margin:14px 0;font:900 clamp(48px,8vw,90px)/.92 var(--display)}
.all-products-heading h1 span{color:var(--green)}
.all-products-heading p{max-width:520px;color:var(--muted);font-size:12px;line-height:1.8}
.all-products-count{margin:0 0 18px;color:var(--green);font-size:11px;font-weight:800}
@media(max-width:700px){.product-carousel{padding:46px 5%}.product-carousel-heading{align-items:center;margin-bottom:17px}.product-carousel-heading h2{font-size:29px}.product-carousel-controls button{width:38px;height:38px}.product-carousel-track{gap:11px;margin-inline:-2px}.product-carousel-track .product-card{flex-basis:clamp(190px,69vw,280px)}.product-carousel-track .product-image-wrap{height:190px}.products-more{margin-top:25px}.all-products-page{padding:24px 5% 65px}.all-products-back{margin-bottom:27px}.all-products-heading h1{font-size:clamp(42px,13vw,64px)}.all-products-heading p{font-size:13px}}

/* Hero slider CTA buttons: match the rounded header controls and keep both equal. */
.hero-buttons > a#heroButton1,
.hero-buttons > a#heroButton2 {
  box-sizing: border-box;
  flex: 1 1 0;
  min-width: 0;
  min-height: 50px;
  border-radius: 9px;
}

@media (max-width: 700px) {
  .hero-buttons > a#heroButton1,
  .hero-buttons > a#heroButton2 {
    width: 100%;
    height: 48px;
    min-height: 48px;
  }
}

/* Equal, balanced hero and custom-slider actions; primary CTA stays clearly emphasized. */
.hero-buttons:has(#heroButton1:not([hidden])):has(#heroButton2:not([hidden])) { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.hero-buttons > a#heroButton1, .hero-buttons > a#heroButton2 { width: 100%; height: 50px; min-height: 50px; padding: 0 14px; gap: 8px; border-radius: 9px; }
.hero-buttons > a#heroButton1 { box-shadow:none; }
.hero-buttons > a#heroButton2 { background: rgba(30, 32, 35,.88); border-color: rgba(0, 184, 244,.34); color: #e5eee2; }.hero-buttons > a#heroButton2:hover{ border-color: var(--green); color: var(--green)}
.slide-actions:has(> .btn-primary):has(> .btn-outline) { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.slide-actions > .btn-primary, .slide-actions > .btn-outline { box-sizing: border-box; width: 100%; min-width: 0; min-height: 48px; padding: 0 12px; gap: 8px; border-radius: 9px; white-space: normal; }
.slide-actions > .btn-primary { box-shadow:none; }
.slide-actions > .btn-outline { background: rgba(30, 32, 35,.88); border-color: rgba(0, 184, 244,.34); color: #e5eee2; }.slide-actions > .btn-outline:hover{ border-color: var(--green); color: var(--green)}
@media (max-width: 700px) {
  .hero-buttons > a#heroButton1, .hero-buttons > a#heroButton2 { height: 48px; min-height: 48px; padding: 0 6px; font-size: 9px; }
  .slide-actions { width: 100%; max-width: 390px; }
  .slide-actions > .btn-primary, .slide-actions > .btn-outline { min-height: 44px; padding: 0 8px; font-size: 9px; }
}


/* Slider navigation: compact liquid-glass controls with generous tap targets. */
.pad-slide-arrow,.dynamic-slider-stage>[data-slide-prev],.dynamic-slider-stage>[data-slide-next]{box-sizing:border-box;width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important;display:grid!important;place-items:center!important;padding:0!important;border:1px solid rgba(0, 184, 244,.42)!important;border-radius:50%!important;background:rgba(12, 12, 12,.82)!important;color:#36c5ff!important; box-shadow:0 8px 24px rgba(0, 0, 0,.38),inset 0 1px 0 rgba(255, 255, 255,.1)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:background .2s,border-color .2s,color .2s,box-shadow .2s,transform .2s!important}.pad-slide-arrow:hover,.dynamic-slider-stage>[data-slide-prev]:hover,.dynamic-slider-stage>[data-slide-next]:hover{border-color:#36c5ff!important;color:#bbebfb!important;transform:translateY(-50%) scale(1.04)}
.pad-slide-arrow .ui-icon,.dynamic-slider-stage>[data-slide-prev] .ui-icon,.dynamic-slider-stage>[data-slide-next] .ui-icon{width:19px!important;height:19px!important}
/* Keep the hero spec badge legible while moving it clear of the product's center. */
.hero-floating-card{top:50%;right:2%;bottom:auto;left:auto;z-index:6;transform:translateY(-50%);min-width:126px;padding:11px 14px;border:1px solid rgba(0, 184, 244,.28);border-radius:12px;background:rgba(15, 15, 15,.78); box-shadow:0 10px 28px rgba(0, 0, 0,.3),inset 0 1px 0 rgba(255, 255, 255,.08);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.hero-floating-card b{color:#eff7eb;font-size:10px;letter-spacing:.8px}.hero-floating-card small{font-size:7px;letter-spacing:.7px}
@media(max-width:700px){.pad-slide-arrow,.dynamic-slider-stage>[data-slide-prev],.dynamic-slider-stage>[data-slide-next]{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important}.hero-floating-card{top:auto;right:5px;bottom:20%;left:auto;transform:none;min-width:108px;padding:8px 10px;border-radius:10px}.hero-floating-card b{font-size:8px}.hero-floating-card small{font-size:6px}}

/* Calm browsing feedback: gentle lift and a quiet neon edge, without delayed reveal animations. */
@media (hover:hover) and (prefers-reduced-motion:no-preference){
  .product-card,.categories-grid .category-card{transition:transform .38s cubic-bezier(.2,.75,.25,1),border-color .38s ease,box-shadow .38s ease}
  .product-card:hover,.categories-grid .category-card:hover{transform:translateY(-4px)}.product-card:hover{}
  .product-image-wrap img,.categories-grid .category-card img{transition:transform .42s cubic-bezier(.2,.75,.25,1),opacity .2s ease}
  .product-card:hover .product-image-wrap img,.categories-grid .category-card:hover img{transform:scale(1.035)}
}
.product-card:active,.categories-grid .category-card:active{transform:scale(.99)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.product-card,.category-card,.product-card img,.category-card img{transition:none!important}}

/* Soft on-scroll entrance for content as it enters view; it never blocks first paint. */
@supports (animation-timeline: view()) {
  @media (prefers-reduced-motion: no-preference) {
    .section-heading,
    .categories-grid .category-card,
    .products-grid .product-card,
    .dynamic-slider,
    .promo-content,
    .footer-main,
    .footer-bottom {
      animation-name: neon-scroll-arrive;
      animation-duration: 1ms;
      animation-timing-function: linear;
      animation-fill-mode: both;
      animation-timeline: view();
      animation-range: entry 0% entry 30%;
    }
  }
}
@keyframes neon-scroll-arrive {
  from { opacity: .72; translate: 0 12px; }
  to { opacity: 1; translate: 0 0; }
}

/* ELECTRO SELLAM Ripple: lightweight image-loading state for slow connections. */
.product-image-wrap,.main-product-image,.product-thumb,.category-card,.dynamic-slide,.pad-slide,.hero-media-slot{position:relative}
.neon-image-loading{position:absolute;inset:0;z-index:2;display:grid;place-items:center;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at center,rgba(0, 184, 244,.075),rgba(8, 11, 10,.18) 46%,rgba(8, 11, 10,.3));opacity:1;transition:opacity .2s ease}
.neon-image-loading.is-complete{opacity:0}
.neon-ripple{position:relative;width:64px;height:64px;display:block; filter:none}
.neon-ripple i{position:absolute;inset:50% auto auto 50%;width:13px;height:13px;border:1.5px solid rgba(0, 184, 244,.88);border-radius:50%;transform:translate(-50%,-50%) scale(.35);opacity:0;animation:neon-ripple-wave 1.45s cubic-bezier(.12,.62,.32,1) infinite}
.neon-ripple i:nth-child(2){animation-delay:.48s}.neon-ripple i:nth-child(3){animation-delay:.96s}
@keyframes neon-ripple-wave{0%{transform:translate(-50%,-50%) scale(.35);opacity:.9}78%,100%{transform:translate(-50%,-50%) scale(4.6);opacity:0}}
img[data-neon-image-error="true"]{opacity:0!important}
@media(prefers-reduced-motion:reduce){.neon-ripple i{animation-duration:2.8s}.neon-image-loading{transition:none}}

/* FadeArc-style store loader: a luminous partial arc below the brand logo. */
.loader-track{position:relative;flex:none;width:46px;height:46px;margin:19px auto 0;border:0!important;border-radius:50%;background:conic-gradient(from 210deg,transparent 0deg,transparent 115deg,rgba(0, 184, 244,.12) 165deg,rgba(0, 184, 244,.45) 240deg,#00b8f4 325deg,transparent 360deg)!important; box-shadow:none;animation:loaderSpin 1.05s cubic-bezier(.55,.08,.35,.94) infinite!important;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2.5px),#000 calc(100% - 1.8px));mask:radial-gradient(farthest-side,transparent calc(100% - 2.5px),#000 calc(100% - 1.8px))}
.loader-mark{margin-bottom:0!important}
@media(max-width:700px){.loader-track{width:42px;height:42px;margin-top:16px}}
@media(prefers-reduced-motion:reduce){.loader-track{animation-duration:2s!important}}


/* Product gallery: vertical desktop image rail and horizontal mobile strip. */
@media(min-width:701px){
 .product-detail-layout .product-gallery{display:grid!important;grid-template-columns:76px minmax(0,1fr)!important;grid-template-areas:"thumbs main"!important;align-items:start!important;gap:12px!important;width:min(100%,560px)!important;max-width:100%!important}
 .product-detail-layout .main-product-image{grid-area:main!important;width:100%!important;max-width:none!important;min-width:0!important;aspect-ratio:1/1;height:auto!important}
 .product-detail-layout .product-thumbnails{grid-area:thumbs!important;display:flex!important;flex-flow:column nowrap!important;align-items:stretch!important;justify-content:flex-start!important;gap:9px!important;width:76px!important;max-height:min(350px,calc(100vh - 190px))!important;overflow-x:hidden!important;overflow-y:auto!important;scroll-snap-type:y proximity!important;scrollbar-width:none!important;padding:1px 4px 1px 1px!important;margin:0!important;overscroll-behavior:contain}
 .product-detail-layout .product-thumbnails::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
 .product-detail-layout .product-thumb{flex:0 0 68px!important;width:68px!important;min-width:68px!important;height:68px!important;max-width:none!important;scroll-snap-align:start}
}
@media(max-width:700px){
 .product-detail-layout .product-gallery{display:flex!important;flex-direction:column!important;gap:0!important;width:100%!important}
 .product-detail-layout .main-product-image{order:0!important;width:100%!important;max-width:none!important;aspect-ratio:1/1!important}
 .product-detail-layout .product-thumbnails{order:1!important;display:flex!important;flex-flow:row nowrap!important;direction:ltr!important;justify-content:flex-start!important;align-items:center!important;gap:8px!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;padding:5px 2px 8px!important;margin:10px 0 0!important;scroll-snap-type:x proximity!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;touch-action:pan-x pan-y}
 .product-detail-layout .product-thumbnails::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
 .product-detail-layout .product-thumb{flex:0 0 clamp(64px,17vw,78px)!important;width:clamp(64px,17vw,78px)!important;min-width:clamp(64px,17vw,78px)!important;height:auto!important;aspect-ratio:1/1!important}
}
.product-detail-layout .product-gallery:not(:has(.product-thumb:nth-child(2))) .gallery-arrow{display:none!important}
.gallery-arrow{position:absolute;top:50%;z-index:5;display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid rgba(0, 184, 244,.28);border-radius:50%;background:rgba(12, 12, 12,.72);color:#98e0f8; box-shadow:0 4px 18px rgba(0, 0, 0,.28);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transform:translateY(-50%);cursor:pointer;transition:background .2s,border-color .2s,color .2s,opacity .2s}.gallery-arrow:hover{border-color:rgba(0, 184, 244,.75);color:var(--green)}
.gallery-arrow svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.gallery-arrow-prev{left:12px}.gallery-arrow-next{right:12px}
@media(max-width:700px){.gallery-arrow{width:38px;height:38px}.gallery-arrow-prev{left:9px}.gallery-arrow-next{right:9px}}

/* Align brand marks to the beginning edge of product titles in both languages. */
.product-brand-under-title,.detail-brand-under-title{justify-content:flex-start!important}
html.store-language-ar .product-brand-under-title,html.store-language-ar .detail-brand-under-title{justify-content:flex-end!important}
html.store-language-ar .product-brand-logo,html.store-language-ar .detail-brand-logo{object-position:right center!important}


/* Lightbox product gallery: fixed arrows and a scrollable strip with a next-image peek. */
.zoom-open-button{position:absolute;right:14px;bottom:14px;z-index:6;width:42px;height:42px;display:grid;place-items:center;padding:0;border:1px solid rgba(0, 184, 244,.38);border-radius:50%;background:rgba(12, 12, 12,.78);color:var(--green);backdrop-filter:blur(8px);cursor:pointer;transition:background .2s,border-color .2s,transform .2s,filter .2s}
.zoom-open-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.zoom-open-button:hover{border-color:var(--green);transform:scale(1.04)}
.zoom-hint{right:64px!important}
#imageZoom.open{padding-bottom:112px!important}
#imageZoom #zoomImage{max-width:min(92vw,1200px)!important;max-height:calc(100dvh - 190px)!important;object-fit:contain}
#imageZoom.zoomed #zoomImage{max-height:none!important}
.zoom-gallery-bar{position:fixed;left:50%;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:2004;width:min(440px,calc(100vw - 32px));height:72px;display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:10px;padding:7px 10px;border:1px solid rgba(0, 184, 244,.22);border-radius:15px;background:rgba(12, 12, 12,.9); box-shadow:0 12px 35px rgba(0, 0, 0,.4);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transform:translateX(-50%)}
.zoom-gallery-bar[hidden]{display:none!important}
.zoom-gallery-arrow{width:40px;height:40px;display:grid;place-items:center;padding:0;border:1px solid rgba(0, 184, 244,.25);border-radius:11px;background:#161616;color:var(--green);cursor:pointer;transition:background .18s,border-color .18s,color .18s}.zoom-gallery-arrow:hover{border-color:var(--green)}
.zoom-gallery-arrow svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.zoom-thumbnails{display:flex;align-items:center;gap:8px;min-width:0;height:56px;overflow-x:auto;overflow-y:hidden;direction:ltr;scrollbar-width:none;scroll-snap-type:x proximity;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x}
.zoom-thumbnails::-webkit-scrollbar{display:none;width:0;height:0}
.zoom-gallery-thumb{position:relative;flex:0 0 68px;width:68px;height:52px;display:grid;place-items:center;overflow:hidden;padding:3px;border:1px solid rgba(255, 255, 255,.12);border-radius:8px;background:#181818;cursor:pointer;scroll-snap-align:start;transition:border-color .18s,background .18s,transform .18s}
.zoom-gallery-thumb img{width:100%;height:100%;object-fit:contain;transform:none!important;transition:none!important}
.zoom-gallery-thumb.active{border-color:var(--green);background:rgba(0, 184, 244,.1); box-shadow:none}
@media(max-width:700px){#imageZoom.open{padding:14px 12px calc(104px + env(safe-area-inset-bottom,0px))!important}#imageZoom #zoomImage{max-width:96vw!important;max-height:calc(100dvh - 205px)!important}.zoom-gallery-bar{bottom:calc(12px + env(safe-area-inset-bottom,0px));width:calc(100vw - 24px);height:66px;grid-template-columns:36px minmax(0,1fr) 36px;gap:6px;padding:5px 7px;border-radius:13px}.zoom-gallery-arrow{width:34px;height:38px;border-radius:9px}.zoom-thumbnails{gap:6px;height:50px}.zoom-gallery-thumb{flex-basis:clamp(48px,15vw,62px);width:clamp(48px,15vw,62px);height:46px;padding:2px}.zoom-controls{z-index:2005!important}.zoom-close{z-index:2006!important}}


/* Responsive gestures and smooth image switching. */
body{touch-action:manipulation}
#imageZoom #zoomImage{transition:opacity .2s ease!important}
.zoom-thumbnails{scroll-snap-type:none!important;scroll-behavior:auto!important;cursor:grab}
.zoom-thumbnails.is-dragging{cursor:grabbing;user-select:none;-webkit-user-select:none}
.zoom-gallery-thumb{transition:border-color .16s ease,background .16s ease,transform .16s ease!important}
.zoom-gallery-arrow:active,.zoom-open-button:active{transform:scale(.96)}


/* Product image fit and restrained button-like thumbnail hover. */
@media(min-width:701px){.product-detail-layout .main-product-image>img{object-fit:contain!important;object-position:center center!important}.product-detail-layout .product-thumbnails{scroll-snap-type:none!important}}
.product-detail-layout .product-thumb:before{content:none!important;display:none!important;background:none!important;mask-image:none!important}
.product-detail-layout .product-thumb{transition:border-color .2s ease,filter .2s ease,transform .2s ease!important; box-shadow:none!important}.product-detail-layout .product-thumb:hover{border-color:var(--green)!important;transform:translateY(-1px)!important}
.product-detail-layout .product-thumb.active{border-color:var(--green)!important; box-shadow:none;transform:none!important}
.zoom-gallery-bar{width:min(214px,calc(100vw - 32px))!important;height:60px!important;grid-template-columns:40px minmax(0,1fr) 40px!important;gap:12px!important;padding:6px 9px!important;border-radius:13px!important}
.zoom-image-count{display:block;min-width:58px;text-align:center;color:#e9f3e6;font:700 12px/1 Inter,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:.5px}
.zoom-gallery-arrow{width:38px!important;height:38px!important;border-radius:10px!important; box-shadow:none!important;transition:filter .2s ease,border-color .2s ease,background .2s ease,transform .18s ease!important}.zoom-gallery-arrow:hover{}
.zoom-gallery-arrow:active{transform:scale(.96)}
@media(max-width:700px){.zoom-gallery-bar{width:min(214px,calc(100vw - 24px))!important;height:58px!important;grid-template-columns:36px minmax(0,1fr) 36px!important;gap:9px!important;padding:5px 8px!important}.zoom-image-count{font-size:11px}.zoom-gallery-arrow{width:35px!important;height:36px!important}}


/* Final product media fixes: prevent top-edge crop and match store button hover. */
@media(min-width:701px){.product-detail-layout .main-product-image>img{object-fit:contain!important;object-position:center center!important}.product-detail-layout .product-thumbnails{scroll-snap-type:none!important}}
.product-detail-layout .product-thumb:before{content:none!important;display:none!important;background:none!important;mask-image:none!important}
.product-detail-layout .product-thumb{transition:border-color .2s ease,filter .2s ease,transform .2s ease!important; box-shadow:none!important}.product-detail-layout .product-thumb:hover{border-color:var(--green)!important;transform:translateY(-1px)!important}
.product-detail-layout .product-thumb.active{border-color:var(--green)!important; box-shadow:none;transform:none!important}
#imageZoom.open{box-sizing:border-box!important;align-items:center!important;justify-content:center!important;padding:68px 24px 118px!important}
#imageZoom #zoomImage{flex:0 1 auto!important;width:auto!important;max-width:min(90vw,1100px)!important;max-height:calc(100dvh - 220px)!important;height:auto!important;object-fit:contain!important;object-position:center!important}
#imageZoom.zoomed #zoomImage{max-width:min(90vw,900px)!important;max-height:calc(100dvh - 220px)!important}
.zoom-gallery-bar{width:min(214px,calc(100vw - 32px))!important;height:60px!important;grid-template-columns:40px minmax(0,1fr) 40px!important;gap:12px!important;padding:6px 9px!important;border-radius:13px!important}
.zoom-image-count{display:block;min-width:58px;text-align:center;color:#e9f3e6;font:700 12px/1 Inter,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:.5px}
.zoom-gallery-arrow{width:38px!important;height:38px!important;border-radius:10px!important; box-shadow:none!important;transition:filter .2s ease,border-color .2s ease,background .2s ease,transform .18s ease!important}.zoom-gallery-arrow:hover{}
.zoom-gallery-arrow:active{transform:scale(.96)}
@media(max-width:700px){#imageZoom.open{padding:calc(env(safe-area-inset-top,0px) + 68px) 12px calc(104px + env(safe-area-inset-bottom,0px))!important}#imageZoom #zoomImage{max-width:96vw!important;max-height:calc(100dvh - 220px)!important}.zoom-gallery-bar{width:min(214px,calc(100vw - 24px))!important;height:58px!important;grid-template-columns:36px minmax(0,1fr) 36px!important;gap:9px!important;padding:5px 8px!important}.zoom-image-count{font-size:11px}.zoom-gallery-arrow{width:35px!important;height:36px!important}}


/* Full product image, quiet thumbnail hover, and desktop scroll cue. */
#mainGalleryImage{object-fit:contain!important;object-position:center!important}
.product-detail-layout .main-product-image>img{object-fit:contain!important;object-position:center!important}
.product-detail-layout .product-thumb:before{content:none!important;display:none!important;background:none!important;mask-image:none!important}.product-detail-layout .product-thumb{ filter:none!important; box-shadow:none!important;transform:none!important;transition:border-color .18s ease,background-color .18s ease!important}
.product-detail-layout .product-thumb:hover{transform:none!important;transition:border-color .18s ease,background-color .18s ease!important}.product-detail-layout .product-thumb:hover{border-color:var(--green)!important}
.product-detail-layout .product-thumb.active{border-color:var(--green)!important; box-shadow:none}
.gallery-scroll-hint{display:none}
@media(min-width:701px){.product-detail-layout .product-gallery{grid-template-areas:"thumbs main" "hint main"!important;grid-template-rows:minmax(0,1fr) auto!important;column-gap:12px!important;row-gap:10px!important}.product-detail-layout .main-product-image{grid-area:main!important}.product-detail-layout .product-thumbnails{grid-area:thumbs!important;max-height:min(350px,calc(100vh - 230px))!important;scroll-snap-type:none!important}.gallery-scroll-hint:not([hidden]){grid-area:hint;display:flex;align-items:center;justify-content:center;gap:6px;width:76px;padding:6px 2px;border:1px solid rgba(0, 184, 244,.15);border-radius:8px;background:rgba(0, 184, 244,.035);color:#7bbfd5;font:700 8px/1 Inter,sans-serif;letter-spacing:1px;animation:galleryHintBob 1.8s ease-in-out infinite}.gallery-scroll-hint svg{width:13px;height:13px;fill:none;stroke:var(--green);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}}
@keyframes galleryHintBob{0%,100%{transform:translateY(0);opacity:.72}50%{transform:translateY(2px);opacity:1}}
.zoom-hint{display:none!important}

/* Desktop product gallery: thumbnail rail matches the full main-image height. */
@media (min-width:701px) {
  .product-detail-layout .product-gallery {
    position:relative!important;
    grid-template-columns:76px minmax(0,1fr)!important;
    grid-template-areas:"thumbs main"!important;
    grid-template-rows:auto!important;
    align-items:stretch!important;
    column-gap:12px!important;
    row-gap:0!important;
  }
  .product-detail-layout .main-product-image {
    grid-area:main!important;
    grid-row:1!important;
    align-self:stretch!important;
    width:100%!important;
    height:auto!important;
    aspect-ratio:1/1!important;
  }
  .product-detail-layout .product-thumbnails {
    grid-area:thumbs!important;
    grid-row:1!important;
    align-self:stretch!important;
    width:76px!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    scroll-snap-type:none!important;
  }
  .gallery-scroll-hint:not([hidden]) {
    position:absolute!important;
    left:0!important;
    top:calc(100% + 10px)!important;
    grid-area:auto!important;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    width:76px;
    padding:6px 2px;
    border:1px solid rgba(0, 184, 244,.15);
    border-radius:8px;
    background:rgba(0, 184, 244,.035);
    color:#7bbfd5;
    font:700 8px/1 Inter,sans-serif;
    letter-spacing:1px;
    animation:galleryHintBob 1.8s ease-in-out infinite;
  }
}

/* Make vertical thumbnail scrolling explicit and easy to use on desktop. */
@media (min-width:701px) {
  .product-detail-layout .product-thumbnails {
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior-y:contain!important;
    scrollbar-width:thin!important;
    scrollbar-color:rgba(0, 184, 244,.72) rgba(255, 255, 255,.08)!important;
    scroll-behavior:smooth!important;
  }
  .product-detail-layout .product-thumbnails::-webkit-scrollbar {
    display:block!important;
    width:6px!important;
  }
  .product-detail-layout .product-thumbnails::-webkit-scrollbar-track {
    background:rgba(255, 255, 255,.08)!important;
    border-radius:8px!important;
  }
  .product-detail-layout .product-thumbnails::-webkit-scrollbar-thumb {
    background:rgba(0, 184, 244,.72)!important;
    border-radius:8px!important;
  }
}

/* Keep the desktop product image square; only the thumbnail field scrolls. */
@media (min-width:701px) {
  .product-detail-layout .main-product-image {
    aspect-ratio:1/1!important;
    height:auto!important;
    min-height:0!important;
  }
  .product-detail-layout .main-product-image>img {
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
  }
  .product-detail-layout .product-thumbnails {
    align-self:stretch!important;
    min-height:0!important;
    max-height:100%!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
  }
}

/* Desktop: constrain thumbnails to the square image field; overflow stays inside the rail. */
@media (min-width:701px) {
  .product-detail-layout .product-gallery {
    grid-template-rows:minmax(0,1fr)!important;
    min-height:0!important;
  }
  .product-detail-layout .main-product-image {
    grid-row:1!important;
    aspect-ratio:1/1!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    overflow:hidden!important;
  }
  .product-detail-layout .product-thumbnails {
    grid-row:1!important;
    height:100%!important;
    min-height:0!important;
    max-height:100%!important;
    align-self:stretch!important;
    justify-content:flex-start!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    flex-wrap:nowrap!important;
  }
  .product-detail-layout .product-thumb {
    flex:0 0 68px!important;
    height:68px!important;
  }
}

/* Show exactly four product thumbnails at a time on desktop and mobile. */
@media (min-width:701px) {
  .product-detail-layout .product-thumbnails {
    height:301px!important;
    max-height:301px!important;
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
  }
}
@media (max-width:700px) {
  .product-detail-layout .product-thumbnails {
    display:flex!important;
    flex-flow:row nowrap!important;
    direction:ltr!important;
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    gap:8px!important;
    scroll-snap-type:x proximity!important;
  }
  .product-detail-layout .product-thumb {
    flex:0 0 calc((100% - 24px)/4)!important;
    width:calc((100% - 24px)/4)!important;
    min-width:calc((100% - 24px)/4)!important;
    max-width:calc((100% - 24px)/4)!important;
    height:auto!important;
    aspect-ratio:1/1!important;
    scroll-snap-align:start!important;
  }
}

/* Product image strip: four full, equal previews with horizontal controls on every screen. */
.product-detail-layout .product-gallery {
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  grid-template-areas:none!important;
  align-items:start!important;
  gap:12px!important;
  position:relative!important;
  width:100%!important;
  max-width:100%!important;
}
.product-detail-layout .main-product-image {
  grid-area:auto!important;
  grid-row:auto!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:1/1!important;
  overflow:hidden!important;
}
.product-detail-layout .main-product-image>img {width:100%!important;height:100%!important;object-fit:contain!important}
.product-thumb-strip {
  position:relative;
  display:grid;
  grid-template-columns:30px minmax(0,1fr) 30px;
  align-items:center;
  gap:9px;
  width:100%;
  min-width:0;
}
.product-detail-layout .product-thumbnails {
  grid-area:auto!important;
  grid-row:auto!important;
  display:flex!important;
  flex-flow:row nowrap!important;
  direction:ltr!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  gap:10px!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:2px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-snap-type:x proximity!important;
  scroll-behavior:smooth!important;
  scrollbar-width:none!important;
  overscroll-behavior-x:contain!important;
  touch-action:pan-x pan-y;
  cursor:grab;
}
.product-detail-layout .product-thumbnails::-webkit-scrollbar {display:none!important}
.product-detail-layout .product-thumbnails.is-dragging {cursor:grabbing;scroll-behavior:auto!important;user-select:none}
.product-detail-layout .product-thumb {
  flex:0 0 calc((100% - 30px)/4)!important;
  width:calc((100% - 30px)/4)!important;
  min-width:calc((100% - 30px)/4)!important;
  max-width:calc((100% - 30px)/4)!important;
  height:auto!important;
  aspect-ratio:1/1!important;
  scroll-snap-align:start!important;
}
.thumb-strip-arrow {
  display:none;
  place-items:center;
  width:30px;
  height:34px;
  padding:0;
  border:1px solid rgba(0, 184, 244,.28);
  border-radius:10px;
  color:var(--green);
  background:rgba(0, 184, 244,.055);
  font:400 27px/1 Arial,sans-serif;
  cursor:pointer;
  transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;
}
.product-thumb-strip.has-overflow .thumb-strip-arrow {display:grid}
.thumb-strip-arrow span {display:block;line-height:.8;transform:translateY(-1px)}.thumb-strip-arrow:hover:not(:disabled){border-color:var(--green);transform:scale(1.04)}
.thumb-strip-arrow:disabled {opacity:.28;cursor:default}
.gallery-scroll-hint {display:none!important}
@media(max-width:700px) {
  .product-detail-layout .product-gallery {grid-template-columns:minmax(0,1fr)!important;gap:10px!important}
  .product-thumb-strip {grid-template-columns:26px minmax(0,1fr) 26px;gap:6px}
  .product-detail-layout .product-thumbnails {gap:7px!important}
  .product-detail-layout .product-thumb {
    flex-basis:calc((100% - 21px)/4)!important;
    width:calc((100% - 21px)/4)!important;
    min-width:calc((100% - 21px)/4)!important;
    max-width:calc((100% - 21px)/4)!important;
  }
  .thumb-strip-arrow {width:26px;height:32px;border-radius:9px;font-size:24px}
}
/* Fast, network-aware loader: disappear as soon as store data and visible images are ready. */
.site-loader {transition:opacity .2s ease,visibility .2s ease!important}
.site-loader.loader-hidden .loader-glass {transform:translateY(-4px)!important; filter:none!important;transition:transform .3s ease!important}
.loader-mark {width:min(360px,58vw)!important;height:min(110px,18vh)!important}
.loader-mark img {max-width:100%!important;max-height:100%!important}
@media(max-width:700px){.loader-mark{width:min(300px,62vw)!important;height:min(92px,15vh)!important}}

/* Final sizing: keep the product image square and its preview strip compact. */
@media (min-width:701px) {
  .product-detail-layout .product-gallery {width:min(100%,560px)!important;max-width:560px!important;justify-self:start!important;gap:10px!important}
  .product-detail-layout .main-product-image {width:100%!important;aspect-ratio:1/1!important}
  .product-thumb-strip {grid-template-columns:24px minmax(0,1fr) 24px!important;gap:7px!important}
  .product-detail-layout .product-thumbnails {gap:8px!important;padding:2px!important}
  .product-detail-layout .product-thumb {flex-basis:calc((100% - 24px)/4)!important;width:calc((100% - 24px)/4)!important;min-width:calc((100% - 24px)/4)!important;max-width:calc((100% - 24px)/4)!important}
  .thumb-strip-arrow {width:24px!important;height:30px!important;border-radius:8px!important;font-size:23px!important}
}
@media (max-width:700px) {
  .product-detail-layout .product-gallery {width:100%!important;max-width:100%!important}
  .product-thumb-strip {grid-template-columns:24px minmax(0,1fr) 24px!important;gap:5px!important}
  .product-detail-layout .product-thumbnails {display:flex!important;visibility:visible!important;opacity:1!important;overflow-x:auto!important;overflow-y:hidden!important;gap:6px!important;padding:2px!important}
  .product-detail-layout .product-thumb {flex:0 0 calc((100% - 18px)/4)!important;width:calc((100% - 18px)/4)!important;min-width:calc((100% - 18px)/4)!important;max-width:calc((100% - 18px)/4)!important;height:auto!important;aspect-ratio:1/1!important}
  .thumb-strip-arrow {width:24px!important;height:30px!important;border-radius:8px!important;font-size:22px!important}
}
/* Compact loader stack: brand mark above a clearly separated spinner. */
.loader-glass {width:auto!important;min-width:0!important;min-height:0!important;height:auto!important;padding:0!important;gap:0!important;border:0!important;border-radius:0!important;background:transparent!important; box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;animation:none!important}
.loader-mark {width:min(280px,52vw)!important;height:min(76px,12vh)!important;min-height:0!important;margin:0 auto 10px!important;flex:none!important}
.loader-mark img {width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important}
.loader-track {width:34px!important;height:34px!important;margin:8px auto 0!important;flex:none!important}
.site-loader {transition:opacity .2s ease,visibility .2s ease!important}
.site-loader.loader-hidden .loader-glass {transform:translateY(-3px)!important;transition:transform .22s ease!important}
@media(max-width:700px){.loader-mark{width:min(250px,56vw)!important;height:min(68px,11vh)!important}.loader-track{width:32px!important;height:32px!important;margin-top:8px!important}}

/* Four-at-a-time strip; arrows/scroll activate only when there are more than four photos. */
.product-detail-layout .product-gallery {width:min(100%,560px)!important;max-width:560px!important;justify-self:start!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto!important;gap:10px!important}
.product-detail-layout .main-product-image {width:100%!important;height:auto!important;aspect-ratio:1/1!important}
.product-thumb-strip:not(.has-overflow) {grid-template-columns:minmax(0,1fr)!important;gap:0!important}
.product-thumb-strip:not(.has-overflow) .product-thumbnails {width:100%!important}
.product-thumb-strip:not(.has-overflow) .product-thumb {flex:0 0 clamp(58px,17vw,94px)!important;width:clamp(58px,17vw,94px)!important;min-width:clamp(58px,17vw,94px)!important;max-width:clamp(58px,17vw,94px)!important}
.product-thumb-strip.has-overflow .product-thumb {flex:0 0 calc((100% - 24px)/4)!important;width:calc((100% - 24px)/4)!important;min-width:calc((100% - 24px)/4)!important;max-width:calc((100% - 24px)/4)!important}
.product-thumb-strip.has-overflow .product-thumbnails {gap:8px!important;padding:0!important}
@media(max-width:700px) {
  .product-detail-layout .product-gallery {width:100%!important;max-width:100%!important}
  .product-thumb-strip:not(.has-overflow) .product-thumb {flex-basis:clamp(52px,17vw,72px)!important;width:clamp(52px,17vw,72px)!important;min-width:clamp(52px,17vw,72px)!important;max-width:clamp(52px,17vw,72px)!important}
  .product-thumb-strip {grid-template-columns:minmax(0,1fr)!important;gap:0!important}
  .product-thumb-strip.has-overflow {grid-template-columns:24px minmax(0,1fr) 24px!important;gap:5px!important}
  .product-thumb-strip.has-overflow .product-thumb {flex-basis:calc((100% - 18px)/4)!important;width:calc((100% - 18px)/4)!important;min-width:calc((100% - 18px)/4)!important;max-width:calc((100% - 18px)/4)!important}
  .product-thumb-strip .product-thumbnails {gap:6px!important;padding:0!important}
}

/* Final gallery: four fixed previews under the square product image; no arrows or scrolling. */
.product-detail-layout .product-gallery {display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto!important;grid-template-areas:none!important;gap:10px!important;width:min(100%,520px)!important;max-width:520px!important;justify-self:start!important;position:relative!important}
.product-detail-layout .main-product-image {grid-area:auto!important;grid-row:auto!important;width:100%!important;height:auto!important;aspect-ratio:1/1!important;overflow:hidden!important}
.product-detail-layout .main-product-image>img {width:100%!important;height:100%!important;object-fit:contain!important}
.product-detail-layout .product-thumbnails {grid-area:auto!important;grid-row:auto!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-auto-flow:row!important;gap:8px!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;overflow:visible!important;direction:ltr!important;scroll-snap-type:none!important;scroll-behavior:auto!important;cursor:default!important}
.product-detail-layout .product-thumb {display:block!important;flex:none!important;width:100%!important;min-width:0!important;max-width:none!important;height:auto!important;aspect-ratio:1/1!important;padding:3px!important;overflow:hidden!important}
.product-detail-layout .product-thumb img {display:block!important;width:100%!important;height:100%!important;object-fit:contain!important}
.product-thumb-strip,.thumb-strip-arrow,.gallery-scroll-hint {display:none!important}
@media(max-width:700px){.product-detail-layout .product-gallery{width:100%!important;max-width:100%!important;gap:9px!important}.product-detail-layout .product-thumbnails{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important}.product-detail-layout .product-thumb{padding:2px!important}}
/* Loader: centered logo, spinner directly below, with immediate ready dismissal. */
.loader-glass{width:auto!important;min-width:0!important;min-height:0!important;height:auto!important;padding:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:0!important;border:0!important;border-radius:0!important;background:transparent!important; box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;animation:none!important}
.loader-mark{width:min(240px,52vw)!important;height:min(64px,11vh)!important;margin:0 auto 12px!important;flex:none!important;overflow:visible!important}
.loader-mark img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important}
.loader-track{width:30px!important;height:30px!important;margin:0 auto!important;flex:none!important}
.site-loader{transition:opacity .2s ease,visibility .2s ease!important}
.site-loader.loader-hidden .loader-glass{transform:none!important; filter:none!important;transition:none!important}
@media(max-width:700px){.loader-mark{width:min(210px,54vw)!important;height:min(58px,10vh)!important;margin-bottom:11px!important}.loader-track{width:28px!important;height:28px!important}}
#loaderLogo[hidden]{display:none!important}

/* ELECTRO SELLAM smooth reveal: one gentle reveal as content enters the viewport. */
html { scroll-behavior:smooth; }
html.scroll-reveal-ready [data-scroll-motion] {
  opacity:0;
  translate:0 14px;
  transition:opacity .2s ease,translate .58s cubic-bezier(.2,.72,.25,1);
  transition-delay:var(--scroll-motion-delay,0ms);
  will-change:opacity,translate;
}
html.scroll-reveal-ready [data-scroll-motion].is-scroll-visible {
  opacity:1;
  translate:0 0;
  will-change:auto;
}
@media(prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  html.scroll-reveal-ready [data-scroll-motion] {opacity:1;translate:0 0;transition:none;will-change:auto}
}


/* Product cards and the hero reveal as they enter the viewport. */
html.scroll-reveal-ready .product-card[data-scroll-motion]{opacity:0!important;transform:translate3d(0,18px,0) scale(.99)!important;transition:opacity .2s ease,transform .62s cubic-bezier(.2,.72,.25,1)!important}
html.scroll-reveal-ready .product-card[data-scroll-motion].is-scroll-visible{opacity:1!important;transform:translate3d(0,0,0) scale(1)!important}
html.scroll-reveal-ready .product-card[data-scroll-motion].is-scroll-visible:hover{transform:translate3d(0,-3px,0) scale(1)!important}
html.scroll-reveal-ready .hero[data-scroll-motion],html.scroll-reveal-ready .dynamic-slider-stage[data-scroll-motion],html.scroll-reveal-ready .pad-slider-section[data-scroll-motion]{opacity:0;translate:0 14px;transition:opacity .2s ease,translate .65s cubic-bezier(.2,.72,.25,1);transition-delay:var(--scroll-motion-delay,0ms)}
html.scroll-reveal-ready .hero[data-scroll-motion].is-scroll-visible,html.scroll-reveal-ready .dynamic-slider-stage[data-scroll-motion].is-scroll-visible,html.scroll-reveal-ready .pad-slider-section[data-scroll-motion].is-scroll-visible{opacity:1;translate:0 0}
.main-product-image #mainGalleryImage{opacity:1;transform:none; filter:none;transition:opacity .2s ease}
.main-product-image.is-image-transitioning #mainGalleryImage{opacity:0;transform:none; filter:none}
@media(prefers-reduced-motion:reduce){html.scroll-reveal-ready .product-card[data-scroll-motion],html.scroll-reveal-ready .hero[data-scroll-motion],html.scroll-reveal-ready .dynamic-slider-stage[data-scroll-motion],html.scroll-reveal-ready .pad-slider-section[data-scroll-motion]{opacity:1!important;transform:none!important;translate:0 0!important;transition:none!important}.main-product-image #mainGalleryImage{transition:none}}


/* Header dropdowns: Products and Support */
.navigation .nav-category.nav-dropdown{position:relative}
.navigation .nav-dropdown>.nav-parent-toggle{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 8px;border:0;border-radius:8px;background:transparent;color:#c4c9c3;font:700 11px var(--font);cursor:pointer;transition:color .2s,background .2s}
.navigation .nav-dropdown>.nav-parent-toggle .ui-icon{width:13px;height:13px;flex:none;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.navigation .nav-dropdown:hover>.nav-parent-toggle,.navigation .nav-dropdown:focus-within>.nav-parent-toggle,.navigation .nav-dropdown.expanded>.nav-parent-toggle{color:var(--green)}
.navigation .nav-dropdown.expanded>.nav-parent-toggle .ui-icon{transform:rotate(180deg)}
.navigation .nav-dropdown>.nav-submenu{top:calc(100% + 7px);left:0;right:auto;min-width:210px;max-height:min(65vh,420px);overflow-y:auto;overscroll-behavior:contain;gap:4px;padding:7px;border:1px solid rgba(0, 184, 244,.28);border-radius:12px;background:linear-gradient(145deg,rgba(20, 20, 20,.98),rgba(10, 10, 10,.99)); box-shadow:0 16px 36px rgba(0, 0, 0,.55);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.navigation .nav-dropdown>.nav-submenu a{min-height:40px;padding:0 11px;border:1px solid transparent;border-radius:8px;background:transparent;color:#c8d2c6;font-size:11px;transition:background .18s,color .18s,border-color .18s}.navigation .nav-dropdown>.nav-submenu a:hover,.navigation .nav-dropdown>.nav-submenu a:focus-visible{outline:0;border-color:rgba(0, 184, 244,.22);color:var(--green)}
.navigation .nav-dropdown>.nav-submenu a.is-nested{padding-inline-start:24px;color:#aab5a7}
@media(min-width:761px) and ((min-height:501px) or (pointer:fine) or (orientation:portrait)){.navigation:not(.show) .nav-dropdown:hover>.nav-submenu,.navigation:not(.show) .nav-dropdown:focus-within>.nav-submenu,.navigation:not(.show) .nav-dropdown.expanded>.nav-submenu{display:grid}.navigation:not(.show) .nav-dropdown>.nav-parent-toggle{direction:ltr}.navigation:not(.show) .nav-dropdown>.nav-submenu{inset-inline-start:0;inset-inline-end:auto}}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){.navigation.show .nav-category.nav-dropdown{display:block;width:100%;margin-bottom:8px;padding:0 10px;border:1px solid rgba(0, 184, 244,.12);border-radius:10px;background:linear-gradient(135deg,rgba(0, 184, 244,.045),rgba(255, 255, 255,.015))}.navigation.show .nav-dropdown>.nav-parent-toggle{width:100%;justify-content:space-between;min-height:48px;padding:0 3px;color:#e0e8dd;font-size:14px;font-weight:700;letter-spacing:.2px}.navigation.show .nav-dropdown>.nav-parent-toggle:hover,.navigation.show .nav-dropdown.expanded>.nav-parent-toggle{color:var(--green)}.navigation.show .nav-dropdown>.nav-submenu{position:static;display:none;grid-column:1/-1;min-width:0;max-height:45vh;padding:0 8px 9px;overflow-y:auto;border:0;border-radius:0;background:transparent; box-shadow:none;backdrop-filter:none}.navigation.show .nav-dropdown.expanded>.nav-submenu{display:grid}.navigation.show .nav-dropdown>.nav-submenu a{min-height:44px;padding-inline:12px;border:1px solid rgba(0, 184, 244,.08);border-radius:8px;background:rgba(9, 9, 9,.58);color:#bdc8ba}.navigation.show .nav-dropdown>.nav-submenu a.is-nested{padding-inline-start:24px}.navigation.show .nav-dropdown>.nav-submenu a:hover,.navigation.show .nav-dropdown>.nav-submenu a:focus-visible{border-color:rgba(0, 184, 244,.3);color:var(--green)}html[dir=rtl] .navigation.show .nav-dropdown>.nav-parent-toggle{direction:ltr}}

/* Brand showcase: a calm logo grid that fits the ELECTRO SELLAM theme. */
.brand-showcase{padding-top:58px;padding-bottom:58px}
.brand-showcase-heading{margin-bottom:26px}
.brand-showcase-heading .eyebrow{display:block;margin-bottom:10px}
.brand-showcase-heading h2{font:900 clamp(34px,5vw,58px)/.98 var(--display);margin:0;color:var(--white)}
.brand-showcase-heading p{max-width:620px;margin:12px 0 0;color:var(--muted);font-size:13px;line-height:1.75}
.brand-showcase-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}
.brand-showcase-card{position:relative;min-height:136px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;overflow:hidden;padding:18px;border:1px solid rgba(0, 184, 244,.13);border-radius:16px;background:radial-gradient(ellipse at 50% 0,rgba(0, 184, 244,.075),transparent 70%),linear-gradient(145deg,#141414,#0d0d0d);color:var(--white);text-align:center;text-decoration:none;transition:transform .32s cubic-bezier(.2,.72,.25,1),border-color .28s,box-shadow .28s,background .28s}
.brand-showcase-card::before{content:'';position:absolute;inset:0;opacity:0;background:radial-gradient(ellipse at 50% 45%,rgba(0, 184, 244,.11),transparent 72%);transition:opacity .2s;pointer-events:none}.brand-showcase-card:hover,.brand-showcase-card:focus-visible{transform:translateY(-4px);border-color:rgba(0, 184, 244,.48);outline:none}.brand-showcase-card:hover::before,.brand-showcase-card:focus-visible::before{}
.brand-showcase-logo{position:relative;z-index:1;width:100%;height:58px;display:grid;place-items:center}
.brand-showcase-logo img{display:block;max-width:min(100%,190px);max-height:58px;object-fit:contain; filter:drop-shadow(0 3px 12px rgba(0, 0, 0,.25))}
.brand-showcase-name{position:relative;z-index:1;color:#d7e0d3;font-size:12px;font-weight:800;letter-spacing:.35px}
.brand-showcase-arrow{position:absolute;z-index:1;top:10px;inset-inline-end:11px;color:var(--green);opacity:.7;transition:transform .25s,opacity .2s}
.brand-showcase-arrow .ui-icon{width:15px;height:15px}
.brand-showcase-card:hover .brand-showcase-arrow{transform:translate(2px,-2px);opacity:1}
@media(max-width:700px){.brand-showcase{padding-top:42px;padding-bottom:42px}.brand-showcase-heading{margin-bottom:18px}.brand-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.brand-showcase-card{min-height:112px;padding:14px 10px;border-radius:13px}.brand-showcase-logo,.brand-showcase-logo img{height:48px;max-height:48px}.brand-showcase-name{font-size:11px}}

/* Saved products: NEON green save action and a cart-matched saved-items drawer. */
.saved-button{position:relative;box-sizing:border-box;width:42px;min-width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;gap:0;padding:0;border:1px solid var(--line);border-radius:8px;background:#141414;color:#dce5da;cursor:pointer;transition:border-color .2s,background .2s,color .2s,transform .2s}.saved-button:hover,.saved-button:focus-visible{border-color:var(--green);color:var(--green);outline:0}
.saved-button>.ui-icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.saved-count{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;display:grid;place-items:center;padding:0 4px;border:2px solid #1b2126;border-radius:50px;background:var(--green);color:#101418;font:900 9px/1 var(--font);font-variant-numeric:tabular-nums}
.mobile-nav-tools{display:none}
.save-product-button{box-sizing:border-box;width:100%;height:40px;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:9px;padding:4px 10px;border:1px solid rgba(235, 240, 242,.19);border-radius:40px;background:linear-gradient(145deg,rgba(30, 32, 35,.96),rgba(17, 19, 22,.98));color:#e6eee3;cursor:pointer;overflow:hidden;transition:border-color .22s ease,background .22s ease,transform .22s ease,box-shadow .22s ease}
.save-product-button .IconContainer{box-sizing:border-box;z-index:2;width:28px;height:28px;flex:0 0 28px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid rgba(0, 184, 244,.32);border-radius:50%;background:linear-gradient(145deg,rgba(0, 184, 244,.22),rgba(0, 184, 244,.08));color:var(--green);transition:width .25s ease,flex-basis .25s ease,background .25s ease,border-color .25s ease}
.save-product-button .icon{width:13px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.save-product-button .text{height:100%;display:flex;align-items:center;justify-content:center;color:inherit;font:800 10px/1 var(--font);letter-spacing:.65px;text-transform:uppercase;white-space:nowrap;transition:opacity .2s ease,width .25s ease,transform .25s ease}.save-product-button:hover,.save-product-button:focus-visible{border-color:rgba(0, 184, 244,.56);color:var(--green);outline:0}
.save-product-button.is-saved{border-color:rgba(0, 184, 244,.44);color:var(--green)}
.save-product-button.is-saved .IconContainer{background:linear-gradient(145deg,#2ecbff,#1cb2e4);color:#101010}
@media(hover:hover){.save-product-button:not(.detail-save-button):hover .IconContainer{width:28px;flex-basis:28px;border-radius:50%;color:var(--green)}.save-product-button:not(.detail-save-button):hover .text{width:auto;opacity:1;transform:none}}
.saved-drawer{z-index:1060!important}
.saved-item>img{border:1px solid rgba(0, 184, 244,.12);border-radius:9px;background:#141414;object-fit:contain}
.saved-add-button{min-height:30px;margin-top:8px;padding:0 10px;border:1px solid rgba(0, 184, 244,.35);border-radius:9px;background:rgba(0, 184, 244,.08);color:var(--green);font:900 8px/1 var(--font);letter-spacing:.45px;cursor:pointer}.saved-add-button:hover:not(:disabled){border-color:var(--green)}
.saved-add-button:disabled{opacity:.45;cursor:not-allowed}
.saved-footer>small{line-height:1.6}
.saved-stock-notice{margin:0 0 12px;padding:12px 13px;border:1px solid rgba(79, 211, 255,.34);border-radius:12px;background:linear-gradient(140deg,rgba(68, 208, 255,.12),rgba(20, 20, 20,.82));color:#99dcf2;font:600 12px/1.55 var(--font)}
.saved-stock-notice[hidden]{display:none}
.saved-stock-notice>span{display:block;margin-bottom:9px}
.saved-remove-unavailable{min-height:34px;padding:0 12px;border:1px solid rgba(79, 211, 255,.48);border-radius:9px;background:rgba(79, 211, 255,.12);color:#a6e9ff;font:800 10px/1 var(--font);letter-spacing:.4px;cursor:pointer}.saved-remove-unavailable:hover,.saved-remove-unavailable:focus-visible{outline:0}
.saved-item.is-unavailable{border-color:rgba(79, 211, 255,.2)}
.saved-item .saved-stock-status{margin:4px 0;color:#6ed1f2;font:800 9px/1.45 var(--font);letter-spacing:.3px}
.detail-purchase-controls .quantity-row{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:8px!important}
.detail-purchase-controls .quantity-actions{display:flex;align-items:center;gap:10px}
.detail-save-button{width:40px;height:40px;min-width:40px;flex:0 0 40px;margin:0;padding:0;border-radius:12px;background:linear-gradient(145deg,rgba(220, 245, 253,.1),rgba(149, 203, 221,.04));border-color:rgba(235, 240, 242,.22);color:#36c5ff;backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%); box-shadow:inset 0 1px rgba(255, 255, 255,.07),0 5px 14px rgba(0, 0, 0,.16)}
.detail-save-button .IconContainer{width:100%;height:100%;flex:0 0 100%;border:0;border-radius:inherit;background:transparent;color:inherit}
.detail-save-button .icon{width:17px;height:18px}
.detail-save-button .text{display:none}.detail-save-button:hover,.detail-save-button:focus-visible{border-color:rgba(0, 184, 244,.58);color:#68d9ff}
.saved-button,.header-actions>.saved-button{background:linear-gradient(145deg,rgba(223, 246, 253,.105),rgba(155, 206, 223,.035));border-color:rgba(214, 243, 252,.22);color:#e5eee2;backdrop-filter:blur(18px) saturate(155%);-webkit-backdrop-filter:blur(18px) saturate(155%); box-shadow:inset 0 1px rgba(255, 255, 255,.09),0 4px 14px rgba(0, 0, 0,.16)}.header-actions>.saved-button:hover,.header-actions>.saved-button:focus-visible{border-color:rgba(0, 184, 244,.48);color:var(--green)}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){.header-actions>.saved-button{display:none!important}.navigation.show>.mobile-nav-tools{position:relative;z-index:1200;width:100%;display:flex;align-items:center;justify-content:flex-start;gap:10px;margin:0 0 12px;padding:0;border:0;background:transparent;direction:ltr}.navigation.show>.mobile-nav-tools>.language-control{width:auto;max-width:none;display:flex;align-items:center;justify-content:flex-start;align-self:auto;margin:0;padding:0;border:0;border-radius:0;background:transparent}.navigation.show>.mobile-nav-tools>.language-control .language-menu{top:calc(100% + 8px);left:0;right:auto}.navigation.show>.mobile-nav-tools>.saved-button{width:40px;min-width:40px;height:40px;display:inline-flex;margin:0}.navigation.show>.mobile-nav-tools>.saved-button .saved-count{top:-5px;right:-5px}.navigation.show>.mobile-nav-tools>.language-control .language-button{height:40px;min-width:68px;justify-content:center;padding:0 9px;border-color:var(--line);border-radius:9px;background:#141414;color:#dce5da}}
/* Product cards keep brand, price and purchase action close without clipping long titles. */
.product-card-title{margin:2px 0 3px!important;min-height:0!important;line-height:1.4}
.product-brand-under-title{min-height:0!important;margin:3px 0 7px!important}
.product-brand-under-title .product-brand-logo{max-width:210px!important;max-height:108px!important}
.product-bottom{margin-top:4px}
.quantity-control{overflow:hidden;border-radius:10px}
.quantity-control button{border-radius:8px;transition:background-color .2s,color .2s,border-color .2s}.quantity-control button:hover:not(:disabled){border-radius:8px;color:var(--green)}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){.product-brand-under-title .product-brand-logo{max-width:158px!important;max-height:90px!important}.product-brand-under-title{margin:2px 0 6px!important}}

/* Keep the desktop nav dropdown open as the pointer crosses into its menu. */
@media(min-width:761px) and ((min-height:501px) or (pointer:fine) or (orientation:portrait)){.navigation .nav-dropdown::after{content:'';position:absolute;top:100%;left:-10px;right:-10px;height:14px}.navigation .nav-dropdown:hover>.nav-parent-toggle .ui-icon,.navigation .nav-dropdown:focus-within>.nav-parent-toggle .ui-icon{transform:rotate(180deg)}}

/* Dismiss the clicked dropdown until the pointer leaves it. */
@media(min-width:761px) and ((min-height:501px) or (pointer:fine) or (orientation:portrait)){.navigation:not(.show) .nav-dropdown.is-dismissed>.nav-submenu{display:none!important}.navigation:not(.show) .nav-dropdown.is-dismissed>.nav-parent-toggle .ui-icon{transform:rotate(0deg)}}

/* Desktop catalog density: small (5), medium (4), large (3). */
@media(min-width:701px){#productGridOptions [data-grid-columns="1"],#productGridOptions [data-grid-columns="2"]{display:none!important}#productGridOptions [data-grid-columns="5"]{order:1}#productGridOptions [data-grid-columns="4"]{order:2}#productGridOptions [data-grid-columns="3"]{order:3}}
@media(max-width:700px){#productGridOptions [data-grid-columns="1"],#productGridOptions [data-grid-columns="2"]{display:grid!important}#productGridOptions [data-grid-columns="3"],#productGridOptions [data-grid-columns="4"],#productGridOptions [data-grid-columns="5"]{display:none!important}}

/* Brand showcase uses a distinct liquid circuit glass treatment, separate from product and category cards. */
.brand-showcase-card{isolation:isolate;border-color:rgba(0, 184, 244,.25);background:radial-gradient(ellipse at 18% 12%,rgba(0, 184, 244,.14),transparent 42%),radial-gradient(ellipse at 85% 90%,rgba(66, 199, 243,.08),transparent 48%),repeating-linear-gradient(135deg,rgba(0, 184, 244,.025) 0 1px,transparent 1px 13px),linear-gradient(145deg,#161616 0%,#0d0d0d 56%,#151515 100%); box-shadow:inset 0 1px 0 rgba(255, 255, 255,.045),0 14px 36px rgba(0, 0, 0,.16)}.brand-showcase-card::before{background:radial-gradient(ellipse at 50% 40%,rgba(0, 184, 244,.17),transparent 68%),linear-gradient(115deg,transparent 24%,rgba(255, 255, 255,.035) 50%,transparent 76%)}.brand-showcase-logo{height:76px;max-width:240px;margin:0 auto;padding:9px 16px;border:1px solid rgba(0, 184, 244,.13);border-radius:14px;background:linear-gradient(145deg,rgba(0, 184, 244,.075),rgba(255, 255, 255,.025)); box-shadow:inset 0 1px 0 rgba(255, 255, 255,.045),0 8px 22px rgba(0, 0, 0,.12)}.brand-showcase-logo img{max-width:min(100%,210px);max-height:56px; filter:none}.brand-showcase-name{letter-spacing:.5px}.brand-showcase-card:hover{}@media(max-width:700px){.brand-showcase-logo{height:62px;padding:7px 12px;border-radius:12px}.brand-showcase-logo img{max-height:46px}}

/* Match brand cards to the store category/product hover motion; keep the brand glass surface static. */
.brand-showcase-card{transition:transform .3s cubic-bezier(.2,.72,.25,1),border-color .28s,box-shadow .3s!important}.brand-showcase-card:hover,.brand-showcase-card:focus-visible{transform:translateY(-4px)!important;border-color:rgba(0, 184, 244,.5)!important;outline:none}.brand-showcase-card::before{opacity:0!important}.brand-showcase-card:hover .brand-showcase-arrow,.brand-showcase-card:focus-visible .brand-showcase-arrow{transform:none!important;opacity:.7!important}

/* Brand logo presentation: remove the inner rectangular frame and preserve each logo's natural ratio. */
.brand-showcase-card{gap:16px;padding:24px 20px 20px;min-height:156px}.brand-showcase-logo{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:100%;height:auto;max-width:none;margin:0;padding:0;border:0;border-radius:0;background:transparent; box-shadow:none}.brand-showcase-logo img{display:block;width:auto;height:auto;max-width:min(82%,230px);max-height:76px;object-fit:contain;object-position:center; filter:none}.brand-showcase-name{margin-top:1px;font-size:12px;letter-spacing:.45px}.brand-showcase-card:hover .brand-showcase-logo img{}.brand-showcase-card::after{content:"";position:absolute;z-index:0;top:28%;left:50%;width:150px;height:70px;transform:translateX(-50%);border-radius:50%;background:rgba(0, 184, 244,.055); filter:blur(30px);pointer-events:none}.brand-showcase-logo,.brand-showcase-name,.brand-showcase-arrow{z-index:1}@media(max-width:700px){.brand-showcase-card{min-height:132px;padding:19px 12px 16px;gap:12px}.brand-showcase-logo img{max-width:86%;max-height:58px}.brand-showcase-name{font-size:11px}}

/* Phone-only curated product sliders and sharp square brand tiles. */
.mobile-product-carousel{display:none!important}.mobile-product-carousel-dots{display:none}.mobile-carousel-editors{display:grid;gap:14px}.mobile-carousel-card{padding:18px;border:1px solid rgba(0, 184, 244,.16);border-radius:12px;background:#1b2126}.mobile-carousel-card header{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px}.mobile-carousel-card h4{margin:5px 0 0;color:#f4f7f1;font:800 18px "Barlow Condensed",sans-serif}.mobile-carousel-card label{display:grid;gap:8px;margin-bottom:14px;color:#aeb7ad;font-size:10px;font-weight:800;letter-spacing:.6px}.mobile-carousel-card input:not([type=checkbox]){min-height:44px;padding:10px 12px;border:1px solid #2e2e2e;border-radius:8px;background:#101418;color:#f4f7f1}.carousel-products-picker>p{color:#8e988f;font-size:11px;line-height:1.6}.custom-slider-setup,.custom-slide-copy{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.custom-slide-card>summary{display:flex;align-items:center;gap:12px;cursor:pointer;list-style:none}.custom-slide-card>summary::-webkit-details-marker{display:none}.custom-slide-card>summary span{color:#879187}.custom-slide-content{display:grid;gap:12px;margin-top:14px}.slide-buttons-details{padding:12px;border:1px solid rgba(255, 255, 255,.08);border-radius:9px}.slide-buttons-details>summary{color:#b8c3b6;font-size:10px;font-weight:800;cursor:pointer}.brand-showcase-grid{grid-template-columns:repeat(auto-fit,minmax(150px,190px));justify-content:center;gap:18px}.brand-showcase-card{aspect-ratio:1/1;min-height:0!important;height:auto;padding:22px!important;gap:16px;border-radius:0!important;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px));background:radial-gradient(ellipse at 50% 20%,rgba(0, 184, 244,.11),transparent 58%),linear-gradient(145deg,#161616,#0a0a0a 68%,#161616)!important}.brand-showcase-logo{width:100%;height:auto;max-width:none;margin:0;padding:0;border:0;border-radius:0;background:transparent; box-shadow:none}.brand-showcase-logo img{max-width:88%;max-height:62px;width:auto;height:auto;object-fit:contain}.brand-showcase-card::after{top:34%;width:110px;height:55px}.brand-showcase-card:hover,.brand-showcase-card:focus-visible{border-radius:0!important}@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){.mobile-product-carousel{display:block!important;padding:34px 5% 40px}.mobile-product-carousel .product-carousel-heading h2{font-size:27px}.mobile-product-carousel .product-carousel-track{display:flex;gap:9px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;direction:ltr;padding:3px 1px 12px;scrollbar-width:none}.mobile-product-carousel .product-carousel-track::-webkit-scrollbar{display:none}.mobile-product-carousel .product-carousel-track .product-card{flex:0 0 calc((100% - 9px)/2);width:calc((100% - 9px)/2);scroll-snap-align:start}.mobile-product-carousel .product-carousel-track .product-image-wrap{height:auto;aspect-ratio:1/1}.mobile-product-carousel .product-info{padding:8px}.mobile-product-carousel .product-card-title{font-size:10px;line-height:1.3}.mobile-product-carousel .product-price{font-size:10px}.mobile-product-carousel .add-mini{min-width:0;padding:5px;font-size:8px}.mobile-product-carousel-dots{display:flex;justify-content:center;gap:6px;margin-top:7px}.mobile-product-carousel-dots i{width:5px;height:5px;border-radius:50%;background:#205567;transition:background .2s,transform .2s}.mobile-product-carousel-dots i.active{background:var(--green);transform:scale(1.25)}.brand-showcase-grid{grid-template-columns:repeat(2,minmax(0,165px));gap:12px}.brand-showcase-card{padding:16px!important}.brand-showcase-logo img{max-height:48px}.custom-slider-setup,.custom-slide-copy{grid-template-columns:1fr}}@media(min-width:761px) and ((min-height:501px) or (pointer:fine) or (orientation:portrait)){.mobile-product-slider-zone{display:none!important}}

/* Brand showcase is a true, user-controlled horizontal slider with clean square brand tiles. */
.brand-showcase-heading{display:flex;align-items:end;justify-content:space-between;gap:22px}
.brand-showcase-controls{display:flex;gap:9px;flex:none}
.brand-showcase-controls button{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(0, 184, 244,.3);border-radius:var(--radius,10px);background:#101010;color:var(--green);transition:background .2s,border-color .2s,color .2s,transform .2s}.brand-showcase-controls button:hover{border-color:var(--green);color:#101418;transform:translateY(-2px)}
.brand-showcase-grid{display:flex!important;justify-content:flex-start!important;gap:16px!important;overflow-x:auto;overflow-y:hidden;padding:5px 2px 16px;scrollbar-width:thin;scrollbar-color:var(--green) #141414;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-inline:contain}
.brand-showcase-grid::-webkit-scrollbar{height:5px}.brand-showcase-grid::-webkit-scrollbar-track{background:#141414}.brand-showcase-grid::-webkit-scrollbar-thumb{background:var(--green);border-radius:9px}
.brand-showcase-card{position:relative;flex:0 0 clamp(160px,18vw,210px);width:clamp(160px,18vw,210px);aspect-ratio:1/1;min-height:0!important;height:auto;padding:22px!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:17px;overflow:hidden;border:1px solid rgba(0, 184, 244,.22)!important;border-radius:0!important;clip-path:none!important;background:radial-gradient(ellipse at 50% 25%,rgba(0, 184, 244,.12),transparent 55%),linear-gradient(145deg,#151515,#0b0b0b 72%)!important;scroll-snap-align:start;transition:transform .32s cubic-bezier(.2,.72,.25,1),border-color .25s,box-shadow .3s!important}
.brand-showcase-card::before{content:"";position:absolute;inset:0;opacity:.3;background:linear-gradient(135deg,transparent 42%,rgba(0, 184, 244,.08) 50%,transparent 58%);pointer-events:none}
.brand-showcase-card::after{content:"";position:absolute;inset:9px;border:1px solid rgba(255, 255, 255,.045);pointer-events:none}
.brand-showcase-logo{position:relative;z-index:1;width:100%;height:80px;display:grid;place-items:center;padding:0;border:0;border-radius:0;background:transparent; box-shadow:none}
.brand-showcase-logo img{display:block;width:auto;height:auto;max-width:90%;max-height:76px;object-fit:contain; filter:none}
.brand-showcase-name{position:relative;z-index:1;margin:0;color:#f1f5ee;font-size:13px;font-weight:800;letter-spacing:.65px;text-align:center;text-transform:uppercase}
.brand-showcase-arrow{position:absolute;z-index:1;right:14px;bottom:13px;color:var(--green);opacity:.7}.brand-showcase-card:hover,.brand-showcase-card:focus-visible{transform:translateY(-4px)!important;border-color:rgba(0, 184, 244,.7)!important;outline:none}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){.brand-showcase-heading{align-items:center}.brand-showcase-controls{gap:7px}.brand-showcase-controls button{width:38px;height:38px}.brand-showcase-grid{gap:11px!important;padding-bottom:12px}.brand-showcase-card{flex-basis:42vw;width:42vw;max-width:178px;padding:15px!important;gap:12px}.brand-showcase-logo{height:62px}.brand-showcase-logo img{max-width:88%;max-height:58px}.brand-showcase-name{font-size:11px}.brand-showcase-arrow{right:10px;bottom:9px}}

/* Brand slider refinements: readable headings, larger undistorted marks, conditional desktop arrows. */
.brand-showcase-heading{align-items:flex-end;gap:22px}
.brand-showcase-heading>div:first-child{display:block!important;min-width:0;flex:1}
.brand-showcase-heading .eyebrow{display:block!important;visibility:visible!important;margin:0 0 9px!important;color:var(--green)!important;font-size:10px;font-weight:800;letter-spacing:1.4px;line-height:1.4}
.brand-showcase-heading h2{display:block!important;visibility:visible!important;margin:0!important;color:#f4f7f1!important;font:900 clamp(34px,5vw,58px)/1.02 var(--display)!important}
.brand-showcase-heading p{display:block!important;visibility:visible!important;max-width:620px;margin:10px 0 0!important;color:#aeb7ad!important;font-size:13px;line-height:1.7}
.brand-showcase.is-fit .brand-showcase-grid{justify-content:center!important;overflow-x:hidden}
.brand-showcase-card{border-radius:14px!important;clip-path:none!important}
.brand-showcase-card::after{border-radius:9px}
.brand-showcase-logo{height:100px!important}
.brand-showcase-logo img{max-width:92%!important;max-height:94px!important;width:auto!important;height:auto!important;object-fit:contain!important}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){.brand-showcase-heading{align-items:center;gap:10px}.brand-showcase-heading h2{font-size:clamp(30px,8vw,42px)!important}.brand-showcase-heading p{font-size:12px}.brand-showcase-controls{display:none!important}.brand-showcase-grid{scrollbar-width:none!important}.brand-showcase-grid::-webkit-scrollbar{display:none}.brand-showcase-card{border-radius:12px!important}.brand-showcase-logo{height:84px!important}.brand-showcase-logo img{max-height:78px!important}}

/* Added image sliders reuse the first hero's two-column composition and typography. */
.custom-hero-slider{display:block!important;position:relative;min-height:650px;padding:0!important;grid-template-columns:none!important;isolation:isolate}
.custom-hero-stage{position:relative;width:100%;min-height:650px}
.custom-hero-slide{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:22px;padding:94px 9% 76px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease}
.custom-hero-slide.active{opacity:1;visibility:visible;pointer-events:auto}
.custom-hero-slide .hero-content{min-width:0;max-width:620px}
.custom-hero-slide .hero-content h1{margin:25px 0;font-size:clamp(58px,8vw,112px);line-height:.88;overflow-wrap:anywhere}
.custom-hero-slide .hero-content>p{max-width:440px}
.custom-hero-slide .hero-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:410px;gap:12px;margin-top:28px}
.custom-hero-slide .hero-buttons>a{box-sizing:border-box;width:100%;min-width:0;min-height:50px;height:50px;padding:0 12px;gap:8px;border-radius:9px;white-space:normal;text-align:center}
.custom-hero-slide .hero-buttons>a:only-child{grid-column:1/-1;max-width:calc((100% - 12px)/2)}
.custom-hero-slide .hero-visual{min-width:0;margin:0;min-height:430px}
.custom-hero-slide .hero-media-slot{width:min(92%,520px);height:420px}
.custom-hero-slide .hero-orbit{width:min(390px,78%);aspect-ratio:1;height:auto}
.custom-hero-slide .hero-media-slot img{object-fit:contain;mix-blend-mode:normal}
.custom-hero-controls{position:absolute;z-index:6;inset:50% 20px auto;display:flex;justify-content:space-between;pointer-events:none;transform:translateY(-50%)}
.custom-hero-arrow{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(0, 184, 244,.32);border-radius:11px;background:rgba(8, 11, 10,.78);color:var(--green);pointer-events:auto;backdrop-filter:blur(10px);transition:background .2s,border-color .2s,transform .2s}.custom-hero-arrow:hover{border-color:var(--green);transform:scale(1.04)}
.custom-hero-arrow .ui-icon{width:19px;height:19px}
.custom-hero-dots{position:absolute;z-index:6;left:50%;bottom:20px;display:flex;gap:8px;transform:translateX(-50%)}
.custom-hero-dots button{width:8px;height:8px;padding:0;border:1px solid rgba(0, 184, 244,.5);border-radius:50%;background:#2b2b2b;transition:width .25s,background .25s,box-shadow .25s}
.custom-hero-dots button.active{width:24px;border-radius:8px;background:var(--green); box-shadow:none}
.custom-hero-controls button[hidden]{display:none!important}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){.custom-hero-slider{min-height:740px}.custom-hero-stage{min-height:740px}.custom-hero-slide{grid-template-columns:minmax(0,1fr);align-content:start;gap:0;padding:54px 6% 76px}.custom-hero-slide .hero-content{max-width:none}.custom-hero-slide .hero-content h1{margin:18px 0;font-size:clamp(48px,13vw,78px);line-height:.92;letter-spacing:-1.5px}.custom-hero-slide .hero-content>p{font-size:12px;line-height:1.75}.custom-hero-slide .hero-buttons{position:absolute;left:6%;right:6%;bottom:48px;max-width:none;gap:9px;margin:0}.custom-hero-slide .hero-buttons>a{height:46px;min-height:46px;font-size:9px}.custom-hero-slide .hero-buttons>a:only-child{max-width:none}.custom-hero-slide .hero-visual{min-height:310px;margin:0}.custom-hero-slide .hero-media-slot{width:100%;height:310px}.custom-hero-slide .hero-orbit{width:min(280px,72%)}.custom-hero-controls{inset:50% 10px auto}.custom-hero-arrow{width:36px;height:36px}.custom-hero-dots{bottom:17px}}

/* Brand cards stay left aligned and keep the same rounded outline at rest and on hover. */
.brand-showcase.is-fit .brand-showcase-grid{justify-content:flex-start!important;overflow-x:hidden}
.brand-showcase-grid{justify-content:flex-start!important}
.brand-showcase-card,.brand-showcase-card:hover,.brand-showcase-card:focus-visible{border-radius:14px!important;clip-path:none!important}
.brand-showcase-card::after,.brand-showcase-card:hover::after,.brand-showcase-card:focus-visible::after{border-radius:9px!important}
.brand-showcase-card:hover,.brand-showcase-card:focus-visible{transform:translateY(-3px)!important}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){.brand-showcase.is-fit .brand-showcase-grid{justify-content:flex-start!important}.brand-showcase-card,.brand-showcase-card:hover,.brand-showcase-card:focus-visible{border-radius:12px!important;clip-path:none!important}}

/* Mobile product sliders use their own editorial image and title cards. */
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){
  .mobile-product-carousel .product-carousel-track{align-items:stretch}
  .mobile-product-carousel .mobile-feature-card{position:relative;flex:0 0 calc((100% - 9px)/2);width:calc((100% - 9px)/2);min-width:0;display:flex;flex-direction:column;gap:10px;padding:0;border:0;background:transparent;color:var(--white);text-align:start;scroll-snap-align:start;cursor:pointer}
  .mobile-product-carousel .mobile-feature-image{position:relative;display:grid;place-items:center;overflow:hidden;width:100%;aspect-ratio:1/1;border:1px solid rgba(0, 184, 244,.15);border-radius:14px;background:radial-gradient(ellipse at 50% 18%,rgba(0, 184, 244,.11),transparent 62%),linear-gradient(145deg,#292c30,#0b0b0b);transition:border-color .28s,box-shadow .32s,transform .32s cubic-bezier(.2,.72,.25,1)}
  .mobile-product-carousel .mobile-feature-image img{display:block;width:100%;height:100%;padding:10px;object-fit:contain;opacity:1;transition:transform .45s cubic-bezier(.2,.72,.25,1),filter .35s}
  .mobile-product-carousel .mobile-feature-image .media-placeholder{width:100%;height:100%;display:grid;place-items:center}
  .mobile-product-carousel .mobile-feature-image .media-placeholder svg{width:34px;height:34px;fill:none;stroke:rgba(0, 184, 244,.4);stroke-width:1.3}
  .mobile-product-carousel .mobile-feature-title{display:-webkit-box;min-height:2.7em;overflow:hidden;color:#eef4eb;font:700 12px/1.35 Inter,sans-serif;text-align:start;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}.mobile-product-carousel .mobile-feature-card:hover .mobile-feature-image,.mobile-product-carousel .mobile-feature-card:focus-visible .mobile-feature-image{transform:translateY(-2px);border-color:rgba(0, 184, 244,.58)}.mobile-product-carousel .mobile-feature-card:hover .mobile-feature-image img,.mobile-product-carousel .mobile-feature-card:focus-visible .mobile-feature-image img{transform:scale(1.035)}
  .mobile-product-carousel .mobile-feature-card:focus-visible{outline:2px solid rgba(0, 184, 244,.75);outline-offset:3px;border-radius:14px}
}
.brand-products-heading #brandPageLogo{display:block;width:auto;max-width:min(220px,70vw);max-height:100px;object-fit:contain;margin:18px auto 12px; filter:none}
.brand-products-heading #brandPageLogo[hidden]{display:none!important}
.brand-products-heading #brandPageTitle{margin-top:12px}

@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){
  .mobile-product-carousel .mobile-feature-image{position:relative}
  .mobile-product-carousel .mobile-feature-image>img{position:absolute;inset:0;z-index:1}
  .mobile-product-carousel .mobile-feature-overlay{position:absolute;z-index:2;inset:auto 0 0;display:grid;gap:4px;padding:34px 10px 10px;background:linear-gradient(transparent,rgba(5, 5, 5,.94));text-align:left;pointer-events:none}
  .mobile-product-carousel .mobile-feature-title{min-height:0;color:#f3f6f0;font:800 12px/1.25 Inter,sans-serif; text-shadow:0 2px 8px rgba(0, 0, 0,.7)}
  .mobile-product-carousel .mobile-feature-price{color:var(--green);font:900 13px/1.1 Inter,sans-serif; text-shadow:0 2px 10px rgba(0, 0, 0,.85)}
  .mobile-product-carousel .mobile-feature-image{background:radial-gradient(ellipse at 50% 18%,rgba(0, 184, 244,.11),transparent 62%),linear-gradient(145deg,#292c30,#0b0b0b)}
}
/* Admin-selected product sections: full desktop row, two mobile cards, no arrow controls. */
.mobile-admin-product-section .product-carousel-track{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:18px;overflow:visible;padding:4px 0 8px;direction:ltr;scroll-snap-type:none}
.mobile-product-slider-item{min-width:0}
.mobile-product-slider-item>.product-card{width:100%;height:100%;min-width:0}
.mobile-products-more{display:none}
@media(max-width:700px){
  .mobile-admin-product-section{padding:34px 5% 38px}
  .mobile-admin-product-section .product-carousel-track{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;padding:2px 0 4px}
  .mobile-product-slider-extra{display:none!important}
  .mobile-products-more{display:flex;justify-content:center;margin-top:16px}
  .mobile-products-more button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:0 16px;border:1px solid rgba(0, 184, 244,.36);border-radius:10px;background:rgba(0, 184, 244,.08);color:#edf4e9;font:800 10px var(--font);letter-spacing:.45px;transition:background .2s,border-color .2s,transform .2s}.mobile-products-more button:hover{border-color:var(--green);transform:translateY(-1px)}
  .mobile-products-more .ui-icon{width:15px;height:15px;color:var(--green)}
}
/* Brand tiles use the same soft reveal timing, even though their hover treatment has its own transition. */
html.scroll-reveal-ready .brand-showcase-card[data-scroll-motion]{opacity:0!important;transform:translate3d(0,14px,0) scale(.985)!important;transition:opacity .2s ease,transform .58s cubic-bezier(.2,.72,.25,1)!important}
html.scroll-reveal-ready .brand-showcase-card[data-scroll-motion].is-scroll-visible{opacity:1!important;transform:translate3d(0,0,0) scale(1)!important}
html.scroll-reveal-ready .brand-showcase-card[data-scroll-motion].is-scroll-visible:hover{transform:translate3d(0,-3px,0) scale(1)!important}
/* Mobile Products and Support dropdowns keep the desktop ELECTRO SELLAM panel treatment. */
@keyframes mobileNavPanelIn{from{opacity:0;transform:translateY(-7px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){
  .navigation.show .nav-dropdown>.nav-submenu{position:static;display:none;grid-column:1/-1;min-width:0;max-height:min(48vh,380px);gap:4px;margin:0 0 8px;padding:7px;overflow-y:auto;overscroll-behavior:contain;border:1px solid rgba(0, 184, 244,.28);border-radius:12px;background:linear-gradient(145deg,rgba(20, 20, 20,.98),rgba(10, 10, 10,.99)); box-shadow:0 16px 36px rgba(0, 0, 0,.55);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
  .navigation.show .nav-dropdown.expanded>.nav-submenu{display:grid;animation:mobileNavPanelIn .22s cubic-bezier(.2,.72,.25,1) both}
  .navigation.show .nav-dropdown>.nav-submenu a{display:flex;align-items:center;min-height:40px;padding:0 11px;border:1px solid transparent;border-radius:8px;background:transparent;color:#c8d2c6;font-size:11px;transition:background .18s,color .18s,border-color .18s,transform .18s}
  .navigation.show .nav-dropdown>.nav-submenu a.is-nested{padding-inline-start:24px;color:#aab5a7}.navigation.show .nav-dropdown>.nav-submenu a:active{outline:0;border-color:rgba(0, 184, 244,.22);background:rgba(0, 184, 244,.09);color:var(--green)}
.navigation.show .nav-dropdown>.nav-submenu a:hover,.navigation.show .nav-dropdown>.nav-submenu a:focus-visible{outline:0;border-color:rgba(0, 184, 244,.22);color:var(--green)}
  .navigation.show .nav-dropdown>.nav-submenu a:active{transform:scale(.99)}
  .navigation.show .nav-dropdown>.nav-parent-toggle{background:transparent;color:#c4c9c3}
  .navigation.show .nav-dropdown>.nav-parent-toggle:hover,.navigation.show .nav-dropdown.expanded>.nav-parent-toggle{color:var(--green)}
  .navigation.show .nav-dropdown>.nav-parent-toggle .ui-icon{transition:transform .2s,color .2s}
  .navigation.show .nav-dropdown.expanded>.nav-parent-toggle .ui-icon{transform:rotate(180deg)}
}

/* Phone product cards reveal their alternate image on a horizontal finger swipe. */
@media(max-width:700px){.product-image-wrap.has-secondary>img.product-image-primary,.product-image-wrap.has-secondary>img.product-image-secondary{transition:opacity .2s ease}.product-image-wrap.has-secondary.is-secondary-active>img.product-image-primary{opacity:0}.product-image-wrap.has-secondary.is-secondary-active>img.product-image-secondary{opacity:1}}

.all-products-controls{display:contents}

/* The Arabic language choice previews the same Arabic typography used by the store. */
.language-menu [data-language="ar"]{font-family:'Tajawal','Cairo',Tahoma,sans-serif!important;letter-spacing:0}

/* Keep full-catalog grid sizing in sync with the shared View controls. */
#allProductsPage #allProductsGrid{grid-template-columns:repeat(var(--product-columns,4),minmax(0,1fr))}
@media(max-width:700px){#productGridOptions [data-grid-columns="3"],#productGridOptions [data-grid-columns="4"],#productGridOptions [data-grid-columns="5"]{display:none!important}}

/* All Products follows the same two-column phone layout as the home catalog. */
#allProductsPage #allProductsGrid{grid-template-columns:repeat(var(--product-columns,4),minmax(0,1fr))}
@media(max-width:700px){#allProductsPage #allProductsGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#allProductsPage #allProductsGrid[data-view-columns="1"]{grid-template-columns:minmax(0,1fr)}#allProductsPage #allProductsGrid .product-info{padding:12px}#allProductsPage #allProductsGrid .product-info h3{font-size:11px}#allProductsPage #allProductsGrid .product-price{font-size:13px}}

/* Keep the full catalog page within the phone viewport. */
@media(max-width:700px){#allProductsPage{overflow-x:clip}#allProductsPage .all-products-shell{width:100%;min-width:0}#allProductsPage #allProductsGrid{width:100%;max-width:100%;min-width:0}}


/* ELECTRO SELLAM first-visit cookie choice */
.cookie-consent[hidden]{display:none!important}.cookie-consent{position:fixed;inset:0;z-index:1600;display:grid;place-items:center;padding:22px;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.cookie-consent.is-open{opacity:1;visibility:visible}.cookie-consent-backdrop{position:absolute;inset:0;background:rgba(4, 4, 4,.78);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.cookie-consent-card{position:relative;width:min(440px,100%);padding:30px;border:1px solid rgba(0, 184, 244,.24);border-radius:20px;background:radial-gradient(ellipse at 8% 0%,rgba(0, 184, 244,.11),transparent 45%),linear-gradient(145deg,#161616,#0b0b0b 75%); box-shadow:0 28px 90px rgba(0, 0, 0,.68);transform:translateY(18px) scale(.985);transition:transform .32s cubic-bezier(.2,.75,.25,1)}.cookie-consent.is-open .cookie-consent-card{transform:translateY(0) scale(1)}.cookie-consent-heading{display:flex;align-items:center;gap:12px;margin-bottom:18px}.cookie-consent-icon{width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(0, 184, 244,.3);border-radius:14px;background:rgba(0, 184, 244,.08);color:var(--green)}.cookie-consent-icon svg{width:29px;height:29px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.cookie-consent-card .eyebrow{margin:0;color:var(--green);font-size:9px;letter-spacing:1.7px}.cookie-consent-card h2{margin:0 0 10px;color:#f1f5ef;font:800 clamp(30px,7vw,38px)/1 var(--display);letter-spacing:.1px}.cookie-consent-card>p{margin:0;color:#aab5a8;font-size:13px;line-height:1.75}.cookie-consent-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}.cookie-consent-actions button{min-height:48px;padding:11px 14px;border:1px solid rgba(0, 184, 244,.32);border-radius:11px;font:800 11px var(--font);cursor:pointer;transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease}.cookie-consent-actions button:hover{transform:translateY(-2px)}.cookie-consent-decline{background:rgba(255, 255, 255,.035);color:#e6ece4}.cookie-consent-decline:hover{border-color:rgba(0, 184, 244,.65)}.cookie-consent-accept{border-color:var(--green)!important;background:var(--green);color:#101418; box-shadow:none}.cookie-consent-accept:hover{}.cookie-consent-card>small{display:block;margin-top:15px;color:#788277;font-size:10px;line-height:1.5;text-align:center}.cookie-consent-open{overflow:hidden}.store-language-ar .cookie-consent-card{direction:rtl;text-align:right}.store-language-ar .cookie-consent-heading{flex-direction:row}.store-language-ar .cookie-consent-card .eyebrow{letter-spacing:0}.store-language-ar .cookie-consent-actions{direction:rtl}@media(max-width:480px){.cookie-consent{padding:16px}.cookie-consent-card{padding:24px 20px;border-radius:17px}.cookie-consent-heading{margin-bottom:15px}.cookie-consent-icon{width:44px;height:44px}.cookie-consent-card>p{font-size:12px}.cookie-consent-actions{gap:8px}.cookie-consent-actions button{min-height:46px;padding:10px 8px;font-size:10px}}@media(prefers-reduced-motion:reduce){.cookie-consent,.cookie-consent-card,.cookie-consent-actions button{transition-duration:.01ms!important}.cookie-consent-card{transform:none}}

/* Preserve ELECTRO SELLAM English typography while Arabic is selected. */
html.store-language-ar :lang(en){font-family:'Inter',sans-serif!important;direction:ltr;unicode-bidi:isolate}html.store-language-ar :lang(en):is(h1,h2){font-family:'Barlow Condensed',sans-serif!important}html.store-language-ar :lang(en).logo-mark{font-family:'Barlow Condensed',sans-serif!important}

/* Keep View All category tabs visually identical to the homepage tabs. */
#allProductsPage .all-products-controls .filter-tabs .filter-btn:not(:disabled){border-radius:9px!important;background:transparent!important;border-color:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important; box-shadow:none!important}#allProductsPage .all-products-controls .filter-tabs .filter-btn:hover:not(.active){border-color:rgba(0, 184, 244,.25)!important;color:var(--green)!important}
#allProductsPage .all-products-controls .catalog-select-button{border-radius:8px!important}
#allProductsPage .all-products-controls .catalog-grid-options>button{border-radius:7px!important}

/* Make the Arabic UI font explicit on every element; keep English runs isolated in ELECTRO SELLAM fonts. */
html.store-language-ar :where(body *){font-family:var(--font)!important}html.store-language-ar :lang(en){font-family:'Inter',Arial,sans-serif!important;direction:ltr;unicode-bidi:isolate}html.store-language-ar :lang(en):is(h1,h2){font-family:'Barlow Condensed',sans-serif!important}html.store-language-ar :lang(en).logo-mark{font-family:'Barlow Condensed',sans-serif!important}html.store-language-ar :is(h1,h2,.logo-mark,.hero-stats strong,.eyebrow):not(:lang(en)){font-family:var(--display)!important}

/* ELECTRO SELLAM software and game download pages */
.download-page-shell{width:min(1240px,calc(100% - 48px));margin:0 auto;padding:46px 0 96px;min-height:58vh}
.download-page-heading{margin:36px 0 34px}.download-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:22px;align-items:stretch}
.download-card{overflow:hidden;display:flex;flex-direction:column;min-width:0;border:1px solid rgba(0, 184, 244,.18);border-radius:18px;background:linear-gradient(145deg,rgba(0, 184, 244,.055),rgba(255, 255, 255,.018) 44%,rgba(20, 22, 24,.96)); box-shadow:0 18px 55px rgba(0, 0, 0,.18);transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}.download-card:hover{transform:translateY(-4px);border-color:rgba(0, 184, 244,.42)}
.download-card-image{position:relative;aspect-ratio:16/10;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 50% 70%,rgba(0, 184, 244,.12),transparent 64%),linear-gradient(145deg,#141414,#0a0a0a)}
.download-card-image>img{width:100%;height:100%;object-fit:contain;padding:18px;transition:transform .38s ease}.download-card:hover .download-card-image>img{transform:scale(1.035)}
.download-kind-badge{position:absolute;top:14px;left:14px;padding:8px 12px;border:1px solid rgba(0, 184, 244,.35);border-radius:999px;background:rgba(12, 12, 12,.82);color:#6ed4f6;font:800 9px/1 Inter,sans-serif;letter-spacing:1px;text-transform:uppercase;backdrop-filter:blur(12px)}
.download-card-placeholder{width:100%;height:100%;display:grid;place-items:center;color:rgba(0, 184, 244,.68);font:900 clamp(32px,6vw,68px)/1 'Barlow Condensed',sans-serif;letter-spacing:5px}
.download-card-body{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:21px}.download-card-body .eyebrow{color:#00b8f4}.download-card-body h2{margin:8px 0 9px;color:#f5f7f3;font:800 clamp(22px,3vw,30px)/1.08 'Barlow Condensed',sans-serif;text-transform:uppercase}.download-card-body>p{min-height:46px;margin:0;color:#a6afa6;font-size:13px;line-height:1.65}
.download-card-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;width:100%;margin:18px 0 16px;padding-top:12px;border-top:1px solid rgba(255, 255, 255,.08);color:#879187;font-size:10px;overflow-wrap:anywhere}
.download-file-button{width:100%;min-height:48px;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:11px!important}.download-file-button .ui-icon{width:17px;height:17px}
.download-empty-state{grid-column:1/-1;min-height:270px;display:grid;align-content:center;justify-items:center;padding:36px;border:1px solid rgba(0, 184, 244,.18);border-radius:18px;background:radial-gradient(ellipse at 50% 0,rgba(0, 184, 244,.09),transparent 65%),#1b2126;text-align:center}.download-empty-icon{width:52px;height:52px;display:grid;place-items:center;margin-bottom:14px;border:1px solid rgba(0, 184, 244,.35);border-radius:16px;color:#00b8f4;font-size:30px}.download-empty-state h2{margin:0 0 8px;color:#f5f7f3;font:800 25px/1 'Barlow Condensed',sans-serif}.download-empty-state p{max-width:460px;margin:0;color:#929b92;font-size:13px;line-height:1.6}
@media(max-width:700px){.download-page-shell{width:calc(100% - 30px);padding:25px 0 66px}.download-page-heading{margin:28px 0 23px}.download-card-grid{grid-template-columns:1fr;gap:15px}.download-card{border-radius:15px}.download-card-image{aspect-ratio:16/9}.download-card-body{padding:16px}.download-card-body>p{min-height:0}.download-empty-state{min-height:230px;padding:24px}}
.download-empty-icon svg,.download-admin-placeholder svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* Compact game/driver tiles open a full in-store detail view. */
.download-card-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr));gap:16px}
.download-list-card{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:0;min-width:0;overflow:hidden;padding:0;border:1px solid rgba(0, 184, 244,.16);border-radius:13px;background:linear-gradient(145deg,rgba(0, 184, 244,.045),rgba(255, 255, 255,.012) 52%,#0c0c0c);color:#f4f7f1;text-align:left;cursor:pointer;transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}.download-list-card:hover,.download-list-card:focus-visible{transform:translateY(-3px);border-color:rgba(0, 184, 244,.5);outline:none}
.download-list-thumb{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:16/9;overflow:hidden;background:radial-gradient(ellipse at 50% 70%,rgba(0, 184, 244,.1),transparent 70%),#131313}
.download-list-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.download-list-card:hover .download-list-thumb img{transform:scale(1.025)}
.download-list-placeholder svg{width:25px;height:25px;fill:none;stroke:#00b8f4;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.download-list-title{min-height:47px;display:flex;align-items:center;padding:10px 38px 10px 13px;color:#f1f4ee;font:800 17px/1.15 'Barlow Condensed',sans-serif;letter-spacing:.2px;text-transform:uppercase;overflow-wrap:anywhere}
.download-list-arrow{position:absolute;right:12px;bottom:14px;width:17px;height:17px;color:#00b8f4}
.download-detail-shell{max-width:1060px}.download-detail-card{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(22px,4vw,54px);align-items:center;margin-top:25px;padding:clamp(16px,3vw,30px);border:1px solid rgba(0, 184, 244,.2);border-radius:18px;background:radial-gradient(ellipse at 16% 0,rgba(0, 184, 244,.08),transparent 50%),linear-gradient(145deg,#131313,#0a0a0a 65%); box-shadow:0 24px 70px rgba(0, 0, 0,.24)}
.download-detail-cover{position:relative;aspect-ratio:16/10;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(0, 184, 244,.14);border-radius:13px;background:radial-gradient(ellipse at 50% 68%,rgba(0, 184, 244,.12),transparent 66%),#1b2126}.download-detail-cover>img{width:100%;height:100%;object-fit:contain;padding:12px}.download-detail-copy{min-width:0}.download-detail-copy h1{margin:8px 0;color:#f4f7f1;font:900 clamp(32px,5vw,58px)/.98 'Barlow Condensed',sans-serif;text-transform:uppercase;overflow-wrap:anywhere}.download-detail-device{margin:0 0 15px;color:#00b8f4;font-size:12px;font-weight:700}.download-detail-description{margin:16px 0;color:#b4bdb3;font-size:14px;line-height:1.75;overflow-wrap:anywhere}.download-detail-specs{margin:18px 0;padding:15px 16px;border:1px solid rgba(255, 255, 255,.08);border-radius:11px;background:rgba(255, 255, 255,.018)}.download-detail-specs h2{margin:0 0 10px;color:#00b8f4;font:800 18px/1.1 'Barlow Condensed',sans-serif;letter-spacing:.5px;text-transform:uppercase}.download-detail-specs ul{display:grid;gap:8px;margin:0;padding-inline-start:18px;color:#d5ddd3;font-size:12px;line-height:1.55}.download-detail-specs li::marker{color:#00b8f4}.download-detail-file{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin:17px 0;padding-top:12px;border-top:1px solid rgba(255, 255, 255,.08);color:#909a90;font-size:10px;overflow-wrap:anywhere}.download-detail-card .download-file-button{margin-top:4px}
@media(max-width:700px){.download-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.download-list-card{border-radius:11px}.download-list-title{min-height:43px;padding:8px 30px 8px 10px;font-size:15px}.download-list-arrow{right:9px;bottom:12px;width:15px;height:15px}.download-detail-shell{width:calc(100% - 28px)}.download-detail-card{grid-template-columns:1fr;gap:18px;margin-top:18px;padding:13px;border-radius:15px}.download-detail-cover{aspect-ratio:16/9}.download-detail-cover>img{padding:7px}.download-detail-copy h1{font-size:38px}.download-detail-description{margin:12px 0;font-size:13px}.download-detail-specs{margin:14px 0;padding:13px}}
@media(max-width:360px){.download-card-grid{grid-template-columns:1fr}.download-list-card{display:grid;grid-template-columns:86px minmax(0,1fr);align-items:center;min-height:75px}.download-list-thumb{width:86px;height:75px;aspect-ratio:auto}.download-list-title{padding:10px 31px 10px 10px}.download-list-arrow{right:9px;top:50%;bottom:auto;transform:translateY(-50%)}}

/* Square game cover art: compact thumbnail and full square detail preview. */
.download-list-thumb{aspect-ratio:1/1;background:radial-gradient(ellipse at 50% 70%,rgba(0, 184, 244,.1),transparent 70%),#131313}
.download-list-thumb img{object-fit:contain;padding:5px}
.download-detail-cover{aspect-ratio:1/1}
.download-detail-cover>img{object-fit:contain;padding:18px}
@media(max-width:700px){.download-detail-cover{aspect-ratio:1/1}}
@media(max-width:360px){.download-list-thumb{width:76px;height:76px;aspect-ratio:1/1}}

/* Download catalogue controls mirror the product catalogue, with responsive column choices. */
.download-catalog-toolbar{margin:0 0 20px}
.download-grid-options [hidden]{display:none!important}
.download-card-grid.download-control-grid{grid-template-columns:repeat(var(--download-columns,4),minmax(0,1fr));gap:clamp(12px,1.6vw,20px)}
.download-sort-control{min-width:240px}
.download-list-card{border-radius:14px}
.download-catalog-toolbar>.catalog-sort{order:1}
.download-search-control[hidden]{display:none!important}
.download-search-control{order:2;position:relative;display:flex;align-items:center;gap:10px;flex:1;min-width:180px;max-width:360px;height:40px;padding:0 12px;border:1px solid rgba(255, 255, 255,.1);border-radius:10px;background:rgba(8, 8, 8,.72);color:#9aa697;transition:border-color .2s,box-shadow .2s,background .2s}.download-search-control:focus-within{border-color:rgba(0, 184, 244,.58)}
.download-search-control>.ui-icon{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.download-search-control input{width:100%;height:100%;min-width:0;border:0;outline:0;background:transparent;color:#eef3e9;font:600 11px var(--font)}
.download-search-control input::placeholder{color:#3c9dbd}
.download-catalog-toolbar>.catalog-grid-control{order:3}
.download-list-card[hidden]{display:none!important}
.download-search-empty{grid-column:1/-1;margin:0;padding:26px 18px;border:1px solid rgba(0, 184, 244,.14);border-radius:12px;background:#1b2126;color:#9ca99a;text-align:center;font-size:13px}
html.store-language-ar .download-search-control input{font-family:var(--font)}
@media(max-width:700px){
  .download-catalog-toolbar{margin:0 0 17px}
  .download-search-control{order:2;width:100%;max-width:none;min-height:42px}
  .download-catalog-toolbar>.catalog-grid-control{order:3}
  .download-card-grid.download-control-grid{grid-template-columns:repeat(var(--download-columns,2),minmax(0,1fr));gap:12px}
  .download-sort-control{min-width:0}
  .download-list-thumb{width:100%;height:auto;aspect-ratio:1/1}
  .download-list-title{min-height:42px;padding:9px 30px 9px 10px;font-size:15px}
}
@media(max-width:360px){.download-card-grid.download-control-grid{grid-template-columns:repeat(var(--download-columns,2),minmax(0,1fr))}.download-list-card{display:flex;min-height:0}.download-list-thumb{width:100%;height:auto;aspect-ratio:1/1}}

/* In-store welcome for the Android and PC game libraries. */
.games-welcome[hidden]{display:none!important}
.games-welcome{position:fixed;inset:0;z-index:1550;display:grid;place-items:center;padding:22px;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}
.games-welcome.is-open{opacity:1;visibility:visible}
.games-welcome-backdrop{position:absolute;inset:0;background:rgba(4, 4, 4,.82);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.games-welcome-card{position:relative;display:grid;grid-template-columns:minmax(240px,.82fr) minmax(0,1fr);width:min(860px,100%);overflow:hidden;border:1px solid rgba(0, 184, 244,.27);border-radius:22px;background:radial-gradient(ellipse at 92% 0,rgba(0, 184, 244,.1),transparent 42%),linear-gradient(145deg,#161616,#0b0b0b 72%); box-shadow:0 34px 100px rgba(0, 0, 0,.7);transform:translateY(18px) scale(.985);transition:transform .38s cubic-bezier(.2,.75,.25,1)}
.games-welcome.is-open .games-welcome-card{transform:translateY(0) scale(1)}
.games-welcome-close{position:absolute;top:14px;right:14px;z-index:3;display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(255, 255, 255,.13);border-radius:11px;background:rgba(10, 10, 10,.72);color:#d8e1d5;cursor:pointer;transition:color .2s,border-color .2s,background .2s}.games-welcome-close:hover{border-color:rgba(0, 184, 244,.5);color:var(--green)}
.games-welcome-close .ui-icon{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.games-welcome-art{position:relative;display:grid;place-items:center;min-height:350px;overflow:visible;border-right:1px solid rgba(0, 184, 244,.12);background:radial-gradient(ellipse at 50% 48%,rgba(0, 184, 244,.15),transparent 58%),linear-gradient(150deg,rgba(0, 184, 244,.06),rgba(20, 22, 24,.18))}
.games-welcome-orbit{position:absolute;width:246px;height:246px;border:1px solid rgba(0, 184, 244,.19);border-radius:50%; box-shadow:none}
.games-welcome-orbit-two{width:188px;height:188px;border-color:rgba(0, 184, 244,.12);border-style:dashed;animation:gamesWelcomeOrbit 22s linear infinite}
.games-welcome-art-frame{position:relative;display:grid;place-items:center;width:178px;height:178px;border:1px solid rgba(0, 184, 244,.24);border-radius:34px;background:linear-gradient(145deg,rgba(24, 24, 24,.85),rgba(10, 10, 10,.78)); box-shadow:0 18px 54px rgba(0, 0, 0,.38),inset 0 1px rgba(255, 255, 255,.06)}
.games-welcome-art-frame:before{content:'';position:absolute;inset:-8px;border:1px solid rgba(0, 184, 244,.1);border-radius:40px;pointer-events:none}
.games-welcome-art-frame svg{width:124px;height:124px;stroke:#72d5f6;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round; filter:none}
.games-welcome-art-caption{position:absolute;bottom:26px;color:#4aa7c6;font:800 8px var(--font);letter-spacing:2px}
.games-welcome-copy{align-self:center;padding:52px clamp(26px,5vw,54px) 42px}
.games-welcome-copy>.eyebrow{display:block;margin-bottom:16px;color:var(--green);font-size:9px;letter-spacing:2px}
.games-welcome-copy h2{max-width:420px;margin:0;color:#f3f7ef;font:900 clamp(36px,5.2vw,56px)/.98 var(--display);letter-spacing:-.6px}
.games-welcome-copy h2 span{color:var(--green)}
.games-welcome-copy>p{max-width:430px;margin:17px 0 24px;color:#aeb8aa;font-size:13px;line-height:1.75}
.games-welcome-platform-label{display:block;margin-bottom:10px;color:#879285;font:800 8px var(--font);letter-spacing:1.5px}
.games-welcome-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.games-welcome-actions button{display:flex;align-items:center;gap:9px;min-width:0;min-height:48px;padding:0 11px;border:1px solid rgba(0, 184, 244,.27);border-radius:11px;background:rgba(0, 184, 244,.055);color:#e8efe4;font:800 9px var(--font);letter-spacing:.45px;text-align:left;cursor:pointer;transition:transform .22s,border-color .22s,background .22s,color .22s,box-shadow .22s}.games-welcome-actions button:hover{transform:translateY(-2px);border-color:var(--green);color:var(--green)}
.games-welcome-actions button>svg:first-child{width:18px;height:18px;flex:none;fill:none;stroke:var(--green);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.games-welcome-actions button>span{flex:1;white-space:nowrap}
.games-welcome-actions .games-welcome-arrow{width:15px;height:15px;flex:none;fill:none;stroke:#60b2cd;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s,color .2s}
.games-welcome-actions button:hover .games-welcome-arrow{transform:translateX(3px);stroke:var(--green)}
.games-welcome-copy>small{display:block;margin-top:14px;color:#3b9ab9;font-size:9px;line-height:1.55}
.games-welcome-open{overflow:hidden}
.store-language-ar .games-welcome-card{direction:rtl}
.store-language-ar .games-welcome-art{border-right:0;border-left:1px solid rgba(0, 184, 244,.12)}
.store-language-ar .games-welcome-copy{text-align:right}
.store-language-ar .games-welcome-copy>.eyebrow,.store-language-ar .games-welcome-platform-label{letter-spacing:0}
.store-language-ar .games-welcome-actions button{text-align:right}
.store-language-ar .games-welcome-actions button:hover .games-welcome-arrow{transform:translateX(-3px)}
@keyframes gamesWelcomeOrbit{to{transform:rotate(360deg)}}
@media(max-width:620px){.games-welcome{padding:15px}.games-welcome-card{grid-template-columns:1fr;width:min(480px,100%);max-height:min(760px,calc(100dvh - 30px));overflow:auto;border-radius:19px}.games-welcome-art{min-height:max(180px,calc(116px * var(--welcome-image-scale, 1.25)));overflow:visible;border-right:0;border-bottom:1px solid rgba(0, 184, 244,.12)}.games-welcome-orbit{width:150px;height:150px}.games-welcome-orbit-two{width:118px;height:118px}.games-welcome-art-frame{width:116px;height:116px;border-radius:25px}.games-welcome-art-frame:before{border-radius:31px}.games-welcome-art-frame svg{width:82px;height:82px}.games-welcome-art-caption{bottom:13px;font-size:7px}.games-welcome-copy{padding:24px 21px 22px}.games-welcome-copy>.eyebrow{margin-bottom:11px;font-size:8px}.games-welcome-copy h2{max-width:360px;font-size:clamp(34px,10vw,44px)}.games-welcome-copy>p{margin:11px 0 18px;font-size:12px}.games-welcome-platform-label{margin-bottom:8px}.games-welcome-actions{gap:8px}.games-welcome-actions button{min-height:46px;gap:7px;padding:0 9px;font-size:8px}.games-welcome-actions button>svg:first-child{width:16px;height:16px}.games-welcome-actions .games-welcome-arrow{width:13px;height:13px}.games-welcome-copy>small{margin-top:10px}}
@media(prefers-reduced-motion:reduce){.games-welcome,.games-welcome-card,.games-welcome-actions button,.games-welcome-orbit-two{animation:none!important;transition-duration:.01ms!important}.games-welcome-card{transform:none}}

.download-game-specs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.download-game-spec-group{min-width:0;padding:13px;border:1px solid rgba(0, 184, 244,.12);border-radius:10px;background:rgba(0, 184, 244,.025)}.download-game-spec-group h3{margin:0 0 10px;color:#eaf5e4;font:800 14px/1.1 'Barlow Condensed',sans-serif;letter-spacing:.06em;text-transform:uppercase}.download-game-spec-group ul{padding-inline-start:17px}.driver-software-packages{display:grid;gap:11px;margin-top:20px}.driver-software-package{display:grid;grid-template-columns:80px minmax(0,1fr) auto;align-items:center;gap:16px;padding:13px;border:1px solid rgba(0, 184, 244,.16);border-radius:13px;background:linear-gradient(145deg,rgba(0, 184, 244,.045),rgba(255, 255, 255,.012))}.driver-software-package-image{width:80px;height:80px;display:grid;place-items:center;overflow:hidden;border-radius:10px;background:#1b2126}.driver-software-package-image img{width:100%;height:100%;object-fit:contain}.driver-software-package h2{margin:0 0 5px;color:#f3f7f0;font-size:16px}.driver-software-package p{margin:0;color:#9da89d;font-size:12px;line-height:1.55}.driver-software-package .download-file-button{min-width:148px;margin:0}.driver-software-package-meta{display:flex;flex-wrap:wrap;gap:9px;margin-top:7px;color:#00b8f4;font-size:11px}
@media(max-width:700px){.download-game-specs-grid{grid-template-columns:1fr}.driver-software-package{grid-template-columns:60px minmax(0,1fr);gap:11px;padding:10px}.driver-software-package-image{width:60px;height:60px}.driver-software-package .download-file-button{grid-column:1/-1;width:100%;min-width:0}}
.download-group-count{position:absolute;right:12px;bottom:10px;padding:4px 7px;border:1px solid rgba(0, 184, 244,.2);border-radius:999px;color:#00b8f4;background:rgba(10, 10, 10,.86);font-size:9px;font-weight:800;letter-spacing:.08em}.driver-software-package-image svg{width:26px;height:26px;fill:none;stroke:#00b8f4;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.game-requirement-fieldset{min-width:0;margin:0;padding:14px;border:1px solid rgba(0, 184, 244,.16);border-radius:12px;background:rgba(7, 7, 7,.38)}.game-requirement-fieldset legend{padding:0 8px;color:#00b8f4;font:800 13px/1.2 'Barlow Condensed',sans-serif;letter-spacing:.08em}.game-requirement-fieldset .form-grid{margin-top:5px}.game-requirement-fieldset input{min-height:43px}.game-system-requirements{display:grid;gap:13px}.game-spec-tabs{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;width:min(100%,430px);padding:5px;border:1px solid rgba(0, 184, 244,.2);border-radius:14px;background:rgba(10, 10, 10,.84)}.game-spec-tabs button{min-height:42px;padding:8px 14px;border:1px solid transparent;border-radius:10px;background:transparent;color:#aab5a8;font:800 13px/1 'Barlow Condensed',sans-serif;letter-spacing:.06em;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease}.game-spec-tabs button:hover{color:#f0f6eb}.game-spec-tabs button.active{color:#121212;background:#00b8f4;border-color:rgba(255, 255, 255,.35); box-shadow:none}.game-spec-tabs button:active{transform:scale(.98)}.game-spec-panel{display:grid;gap:8px}.game-spec-panel[hidden]{display:none!important}.game-spec-row{display:grid;grid-template-columns:36px minmax(110px,.72fr) minmax(0,1.5fr);align-items:center;gap:11px;min-height:58px;padding:9px 12px;border:1px solid rgba(255, 255, 255,.075);border-radius:11px;background:linear-gradient(105deg,rgba(0, 184, 244,.045),rgba(255, 255, 255,.012));animation:gameSpecFade .2s ease both}.game-spec-row>svg{width:26px;height:26px;padding:3px;color:#00b8f4;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}.game-spec-label{color:#aeb8aa;font-size:12px;font-weight:700}.game-spec-value{min-width:0;color:#f1f5ee;font-size:13px;font-weight:700;line-height:1.45;overflow-wrap:anywhere}.game-spec-empty{margin:0;padding:15px;border:1px dashed rgba(0, 184, 244,.16);border-radius:10px;color:#8e9a8d;font-size:12px}.download-detail-shell[dir="rtl"] .game-spec-row{direction:rtl}@keyframes gameSpecFade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:520px){.game-requirement-fieldset{padding:11px}.game-spec-tabs{width:100%}.game-spec-tabs button{min-height:40px;font-size:12px}.game-spec-row{grid-template-columns:32px minmax(86px,.68fr) minmax(0,1.32fr);gap:8px;min-height:54px;padding:8px}.game-spec-row>svg{width:24px;height:24px}.game-spec-label{font-size:11px}.game-spec-value{font-size:12px}}
/* Compact game requirements on phones: paired spec tiles keep the panel short. */
@media(max-width:520px){
  .game-spec-panel{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .game-spec-row{grid-template-columns:22px minmax(0,1fr);grid-template-rows:auto auto;align-content:start;align-items:start;column-gap:7px;row-gap:4px;min-height:78px;padding:9px 8px}
  .game-spec-row>svg{grid-column:1;grid-row:1 / span 2;width:21px;height:21px;padding:2px;margin-top:1px}
  .game-spec-label{grid-column:2;grid-row:1;min-width:0;font-size:10px;line-height:1.2}
  .game-spec-value{grid-column:2;grid-row:2;font-size:11px;line-height:1.32}
  .game-spec-empty{grid-column:1 / -1;padding:12px;font-size:11px}
}

/* Uploaded welcome art stays crisp and the empty slot remains intentionally blank. */
.games-welcome-art-frame{overflow:visible;z-index:2}
.games-welcome-art-frame>img{position:relative;z-index:2;display:block;width:100%;height:100%;object-fit:contain}
.games-welcome-art-frame>img[hidden]{display:none}
.games-welcome-art-frame.has-uploaded-image{background:transparent;border-color:transparent; box-shadow:none}
.games-welcome-art-frame.has-uploaded-image:before{display:none}
@media(max-width:700px){.download-game-detail-copy{display:flex;flex-direction:column}.download-game-detail-copy>.download-file-button{order:1}.download-game-detail-copy>.game-system-requirements{order:2}}

/* Phone requirements: return to a compact vertical list instead of paired tiles. */
@media(max-width:520px){
  .game-spec-panel{grid-template-columns:minmax(0,1fr);gap:6px}
  .game-spec-row{grid-template-columns:20px minmax(82px,.62fr) minmax(0,1.38fr);grid-template-rows:minmax(0,auto);align-items:center;gap:7px;min-height:43px;padding:7px 9px}
  .game-spec-row>svg{grid-column:auto;grid-row:auto;width:19px;height:19px;padding:1px;margin:0}
  .game-spec-label{grid-column:auto;grid-row:auto;font-size:10px;line-height:1.25}
  .game-spec-value{grid-column:auto;grid-row:auto;font-size:11px;line-height:1.3}
  .game-spec-empty{grid-column:auto;padding:10px;font-size:11px}
  .game-system-requirements{gap:9px}
  .game-spec-tabs button{min-height:37px;padding:7px 10px}
}

/* Download sizes stay visible in listings and game details. */
.download-list-size{display:block;padding:0 13px 12px;color:#00b8f4;font:700 12px/1.2 var(--font);letter-spacing:.04em}
.download-detail-file-size{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:15px 0;padding:12px 14px;border:1px solid rgba(0, 184, 244,.16);border-radius:11px;background:rgba(0, 184, 244,.035)}
.download-detail-file-size span{color:#9da89d;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.download-detail-file-size strong{color:#00b8f4;font-size:14px;font-weight:800}
.game-spec-single{display:grid;gap:8px}

.download-game-mobile-title{display:none}
@media(max-width:700px){.download-game-detail-copy>h1{display:none}.download-game-mobile-title{display:block;grid-column:1/-1;min-width:0;margin:0;color:#f4f7f1;font:900 clamp(20px,5.2vw,26px)/1.05 'Barlow Condensed',sans-serif;letter-spacing:.01em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}
.download-game-mobile-kicker{display:none}
.download-game-detail-copy>h1{font-size:clamp(27px,3.3vw,42px);line-height:1.02}
@media(max-width:700px){.download-game-detail-copy>.eyebrow{display:none}.download-game-mobile-kicker{display:block;grid-column:1/-1;margin:0 0 -8px;color:#00b8f4;font:800 11px/1.1 var(--font);letter-spacing:.14em}.download-game-mobile-title{margin:0 0 3px!important;font-size:clamp(19px,5vw,25px)!important}}

.games-welcome-scale-control{display:grid;grid-template-columns:minmax(0,1fr) 58px;align-items:center;gap:12px}.games-welcome-scale-control output{min-width:58px;padding:7px 8px;border:1px solid rgba(0, 184, 244,.2);border-radius:9px;background:rgba(0, 184, 244,.06);color:#00b8f4;text-align:center;font-size:12px;font-weight:800}.games-welcome-art-frame>img{transition:transform .18s ease}

/* Stagger the welcome artwork and copy so the popup never feels abrupt. */
.games-welcome-art-frame{opacity:0;transform:scale(.94);transition:opacity .2s ease,transform .46s cubic-bezier(.2,.75,.25,1)}
.games-welcome.is-open .games-welcome-art-frame{opacity:1;transform:scale(1);transition-delay:.06s}
.games-welcome-art-frame>img{opacity:0; filter:blur(2px);transition:opacity .2s ease,filter .42s ease}
.games-welcome.is-open .games-welcome-art-frame>img:not([hidden]){opacity:1; filter:blur(0);transition-delay:.14s}
.games-welcome-copy>*{opacity:0;transform:translateY(9px);transition:opacity .2s ease,transform .42s cubic-bezier(.2,.75,.25,1)}
.games-welcome.is-open .games-welcome-copy>*{opacity:1;transform:translateY(0)}
.games-welcome.is-open .games-welcome-copy>*:nth-child(1){transition-delay:.07s}
.games-welcome.is-open .games-welcome-copy>*:nth-child(2){transition-delay:.11s}
.games-welcome.is-open .games-welcome-copy>*:nth-child(3){transition-delay:.15s}
.games-welcome.is-open .games-welcome-copy>*:nth-child(4){transition-delay:.19s}
.games-welcome.is-open .games-welcome-copy>*:nth-child(5){transition-delay:.23s}
.games-welcome.is-open .games-welcome-copy>*:nth-child(6){transition-delay:.27s}
@media(prefers-reduced-motion:reduce){.games-welcome-art-frame,.games-welcome-art-frame>img,.games-welcome-copy>*{transition-duration:.01ms!important; filter:none!important;transform:none!important}}
/* Show preloaded welcome art as soon as the popup opens; keep only a brief fade. */
.games-welcome-art-frame{opacity:1;transform:none;transition:none}
.games-welcome-art-frame>img{opacity:0; filter:none;transition:opacity .2s ease 0s}
.games-welcome.is-open .games-welcome-art-frame>img:not([hidden]){opacity:1; filter:none;transition-delay:0s}
.games-welcome.is-open .games-welcome-art-frame{opacity:1;transform:none;transition:none}
/* Smooth synchronized fade for the welcome panel and built-in neon artwork. */
.games-welcome{transition:opacity .2s ease,visibility .2s ease}
.games-welcome-card{opacity:0;transition:transform .42s cubic-bezier(.22,.7,.25,1),opacity .2s ease}
.games-welcome.is-open .games-welcome-card{opacity:1;transition-delay:0s}
.games-welcome-art-frame>svg{opacity:0; filter:none;transition:opacity .2s ease-in-out!important;transition-delay:0s!important}
.games-welcome.is-open .games-welcome-art-frame>svg{opacity:1;transition-delay:.04s!important}
.games-welcome-copy>*{transition-delay:0s!important}
@media(prefers-reduced-motion:reduce){.games-welcome,.games-welcome-card,.games-welcome-art-frame>svg{transition-duration:.18s!important}.games-welcome-card{transform:none}}
.games-welcome-copy>*{transition:opacity .2s ease,transform .4s cubic-bezier(.22,.7,.25,1)!important;transition-delay:0s!important}
@media(prefers-reduced-motion:reduce){.games-welcome-copy>*{transition-duration:.18s!important;transform:none!important}}
.games-welcome-neon-art{width:124px;height:124px; filter:none}

.games-welcome-art-frame.has-uploaded-image>svg{display:none}.games-welcome-art-frame>img{position:relative;z-index:3;display:block;width:100%;height:100%;object-fit:contain;opacity:0; filter:none;transition:opacity .2s ease-in-out!important}.games-welcome.is-open .games-welcome-art-frame>img:not([hidden]){opacity:1;transition-delay:.04s!important}

.games-welcome-art-frame.has-uploaded-image>svg{display:none}.games-welcome-art-frame.has-uploaded-image>img[hidden]{display:none}.games-welcome-art-frame.has-uploaded-image>img:not([hidden]){position:relative;z-index:3;display:block;width:100%;height:100%;object-fit:contain;opacity:0!important; filter:none;transition:opacity .2s ease-in-out!important}.games-welcome.is-open .games-welcome-art-frame.art-loaded>img:not([hidden]){opacity:1!important;transition-delay:.04s!important}.games-welcome-art-frame.has-uploaded-image:not(.art-loaded)::after{content:'';position:absolute;z-index:5;left:50%;top:50%;width:34px;height:34px;margin:-17px;border:2px solid rgba(0, 184, 244,.2);border-top-color:#00b8f4;border-right-color:#00b8f4;border-radius:50%; box-shadow:none;animation:gamesWelcomeLoaderSpin .78s linear infinite}@keyframes gamesWelcomeLoaderSpin{to{transform:rotate(360deg)}}

/* Welcome popup image can grow beyond its frame while remaining above the artwork layer. */
.games-welcome-art{position:relative;z-index:3;overflow:visible}
.games-welcome-copy{position:relative;z-index:1}
.games-welcome-art-frame{position:relative;z-index:4;overflow:visible}
.games-welcome-art-frame.has-uploaded-image>img:not([hidden]){position:absolute!important;left:50%;top:50%;width:calc(100% * var(--welcome-image-scale,1.25));height:calc(100% * var(--welcome-image-scale,1.25));max-width:none;max-height:none;object-fit:contain;z-index:12!important;transform-origin:center!important;pointer-events:none}
.games-welcome-art-frame.has-uploaded-image:not(.art-loaded)::after{z-index:13}

/* Mobile dropdowns use the same ELECTRO SELLAM surface and active states as desktop. */
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){
 .navigation.show .nav-dropdown>.nav-submenu{background:linear-gradient(145deg,rgba(20, 20, 20,.98),rgba(10, 10, 10,.99))!important;border:1px solid rgba(0, 184, 244,.28)!important;border-radius:12px!important; box-shadow:0 16px 36px rgba(0, 0, 0,.55);backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important}
 .navigation.show .nav-dropdown>.nav-submenu a{background:transparent!important;color:#c8d2c6!important;border-color:transparent!important;border-radius:8px!important;transition:background .18s,color .18s,border-color .18s,transform .18s}.navigation.show .nav-dropdown>.nav-submenu a:active{background:rgba(0, 184, 244,.09)!important;border-color:rgba(0, 184, 244,.22)!important;color:var(--green)!important}
.navigation.show .nav-dropdown>.nav-submenu a:hover,.navigation.show .nav-dropdown>.nav-submenu a:focus-visible{border-color:rgba(0, 184, 244,.22)!important;color:var(--green)!important}
 .navigation.show .nav-dropdown>.nav-parent-toggle{color:#e0e8dd!important}
 .navigation.show .nav-dropdown.expanded>.nav-parent-toggle{color:var(--green)!important}
}

/* Compact home shortcut appears at the top of the mobile navigation drawer. */
.mobile-home-link{display:none}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){.navigation.show .mobile-home-link{display:flex;align-items:center;gap:11px;min-height:48px;margin:0 0 10px;padding:0 14px;border:1px solid rgba(0, 184, 244,.24);border-radius:10px;background:linear-gradient(135deg,rgba(0, 184, 244,.1),rgba(255, 255, 255,.02));color:#e6efe2;font-size:13px;font-weight:800;letter-spacing:.04em;transition:background .18s ease,border-color .18s ease,color .18s ease}.navigation.show .mobile-home-link .ui-icon{width:19px;height:19px;flex:none;fill:none;stroke:var(--green);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.navigation.show .mobile-home-link:hover,.navigation.show .mobile-home-link:focus-visible{border-color:rgba(0, 184, 244,.52);color:var(--green);outline:0}}

/* Home is a header utility control, aligned with search and cart. */
.header-home-link{box-sizing:border-box;width:42px;min-width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:8px;background:#141414;color:#dce5da;transition:border-color .2s,background .2s,color .2s,transform .2s}
.header-home-link .ui-icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.header-home-link:hover,.header-home-link:focus-visible{border-color:var(--green);color:var(--green);outline:0}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){.header-home-link{display:none}}


/* Distinct branded backdrop for the benefits strip above the footer. */
.footer-benefits,.a4g-features-wrapper{position:relative;isolation:isolate;border-block:1px solid rgba(0, 184, 244,.16)!important;background:radial-gradient(ellipse at 16% 48%,rgba(0, 184, 244,.105),transparent 32%),radial-gradient(ellipse at 84% 58%,rgba(42, 110, 133,.12),transparent 36%),linear-gradient(112deg,#161616 0%,#101010 48%,#141414 100%)!important}
.footer-benefits::before,.a4g-features-wrapper::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(rgba(210, 230, 240,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(210, 230, 240,.025) 1px,transparent 1px),radial-gradient(ellipse at 50% 0,rgba(0, 184, 244,.08),transparent 65%);background-size:34px 34px,34px 34px,100% 100%;mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent)}
.footer-benefits-track,.a4g-features,.footer-benefits-dots{position:relative;z-index:1}
/* Lower footer backdrop: a deeper, softer neon atmosphere than the benefits strip. */
.footer{isolation:isolate;background:linear-gradient(155deg,#0e0e0e 0%,#0a0a0a 48%,#0c0c0c 100%)!important}
.footer::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 8% 8%,rgba(0, 184, 244,.105),transparent 31%),radial-gradient(ellipse at 96% 75%,rgba(39, 111, 135,.1),transparent 33%),radial-gradient(ellipse at 48% 115%,rgba(50, 50, 50,.16),transparent 52%)}
.footer::after{content:"";position:absolute;top:0;left:7%;right:7%;height:1px;z-index:1;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(0, 184, 244,.3) 24%,rgba(205, 240, 252,.17) 50%,rgba(0, 184, 244,.3) 76%,transparent)}
.footer>*{position:relative;z-index:2}
/* Premium branded atmosphere for the main and added hero sliders. */
.hero,.custom-hero-slider{background-color:#101418!important;background-image:radial-gradient(ellipse at 76% 48%,rgba(0, 184, 244,.12),transparent 26%),radial-gradient(ellipse at 16% 100%,rgba(30, 79, 95,.26),transparent 42%),linear-gradient(118deg,#0e0e0e 0%,#0a0a0a 52%,#141414 100%)!important}
.hero::before,.custom-hero-slider::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(200, 238, 251,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(200, 238, 251,.028) 1px,transparent 1px),radial-gradient(ellipse at 74% 48%,transparent 0 225px,rgba(0, 184, 244,.12) 226px 227px,transparent 228px 292px,rgba(0, 184, 244,.055) 293px 294px,transparent 295px),linear-gradient(115deg,transparent 25%,rgba(0, 184, 244,.035) 50%,transparent 75%);background-size:46px 46px,46px 46px,100% 100%,100% 100%;mask-image:linear-gradient(90deg,transparent 0%,#000 18%,#000 90%,transparent 100%)}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){.hero,.custom-hero-slider{background-image:radial-gradient(ellipse at 52% 52%,rgba(0, 184, 244,.11),transparent 33%),radial-gradient(ellipse at 10% 100%,rgba(30, 79, 95,.2),transparent 46%),linear-gradient(160deg,#0e0e0e 0%,#0a0a0a 55%,#141414 100%)!important}.hero::before,.custom-hero-slider::before{background-size:40px 40px,40px 40px,100% 100%,100% 100%;mask-image:linear-gradient(180deg,transparent,#000 14%,#000 88%,transparent)}}
/* Calm global atmosphere shared by all store routes. */
body{background-color:#101418!important;background-image:radial-gradient(ellipse at 2% 8%,rgba(41, 107, 129,.12),transparent 34%),radial-gradient(ellipse at 96% 38%,rgba(59, 59, 59,.11),transparent 38%),radial-gradient(ellipse at 50% 100%,rgba(30, 80, 97,.09),transparent 48%),linear-gradient(155deg,#0b0b0b 0%,#101418 48%,#0c0c0c 100%)!important;background-attachment:fixed!important;background-repeat:no-repeat!important;background-size:cover!important}
/* Replace the old hard circular orbit with a soft oval light field that fits the new slider art direction. */
.hero-orbit,.custom-hero-slide .hero-orbit{width:min(470px,96%)!important;height:min(330px,72%)!important;aspect-ratio:auto!important;border:0!important;border-radius:50%!important;background:radial-gradient(ellipse at 50% 50%,rgba(0, 184, 244,.12) 0%,rgba(47, 124, 149,.075) 38%,rgba(53, 53, 53,.035) 58%,transparent 76%)!important; box-shadow:none!important; filter:blur(8px);transform:rotate(-9deg);opacity:.95}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){.hero-orbit,.custom-hero-slide .hero-orbit{width:min(350px,94%)!important;height:min(245px,68%)!important; filter:blur(7px)}}
/* Desktop slider grid: wider spacing and softer contrast across the full stage. */
@media(min-width:761px) and ((min-height:501px) or (pointer:fine) or (orientation:portrait)){.hero::before,.custom-hero-slider::before{background-image:linear-gradient(rgba(200, 238, 251,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(200, 238, 251,.015) 1px,transparent 1px),radial-gradient(ellipse at 74% 48%,transparent 0 225px,rgba(0, 184, 244,.09) 226px 227px,transparent 228px 292px,rgba(0, 184, 244,.04) 293px 294px,transparent 295px),linear-gradient(115deg,transparent 25%,rgba(0, 184, 244,.025) 50%,transparent 75%)!important;background-size:88px 88px,88px 88px,100% 100%,100% 100%!important;mask-image:linear-gradient(90deg,rgba(0, 0, 0,.18) 0%,#000 8%,#000 92%,rgba(0, 0, 0,.18) 100%)!important}}
/* Store-wide canvas texture: visible enough to brand the pages, restrained enough for long browsing. */
body{background-image:linear-gradient(rgba(184, 234, 250,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(184, 234, 250,.022) 1px,transparent 1px),radial-gradient(ellipse at 4% 9%,rgba(41, 107, 129,.13),transparent 34%),radial-gradient(ellipse at 96% 38%,rgba(59, 59, 59,.12),transparent 38%),radial-gradient(ellipse at 50% 100%,rgba(30, 80, 97,.1),transparent 48%),linear-gradient(155deg,#0b0b0b 0%,#101418 48%,#0c0c0c 100%)!important;background-size:112px 112px,112px 112px,100% 100%,100% 100%,100% 100%,100% 100%!important}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){body{background-image:linear-gradient(rgba(184, 234, 250,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(184, 234, 250,.018) 1px,transparent 1px),radial-gradient(ellipse at 8% 12%,rgba(41, 107, 129,.12),transparent 38%),radial-gradient(ellipse at 92% 55%,rgba(59, 59, 59,.1),transparent 42%),linear-gradient(155deg,#0b0b0b 0%,#101418 52%,#0c0c0c 100%)!important;background-size:76px 76px,76px 76px,100% 100%,100% 100%,100% 100%!important;background-attachment:scroll!important}}
/* Match the phone texture on desktop while letting the desktop glow remain broadly composed. */
@media(min-width:761px) and ((min-height:501px) or (pointer:fine) or (orientation:portrait)){body{background-image:linear-gradient(rgba(184, 234, 250,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(184, 234, 250,.018) 1px,transparent 1px),radial-gradient(ellipse at 4% 9%,rgba(41, 107, 129,.13),transparent 34%),radial-gradient(ellipse at 96% 38%,rgba(59, 59, 59,.12),transparent 38%),radial-gradient(ellipse at 50% 100%,rgba(30, 80, 97,.1),transparent 48%),linear-gradient(155deg,#0b0b0b 0%,#101418 48%,#0c0c0c 100%)!important;background-size:76px 76px,76px 76px,100% 100%,100% 100%,100% 100%,100% 100%!important}}
/* Desktop hero texture: sparse vertical neon filaments instead of the dense grid/radar rings. */
@media(min-width:761px) and ((min-height:501px) or (pointer:fine) or (orientation:portrait)){.hero::before,.custom-hero-slider::before{background-image:radial-gradient(ellipse at 76% 50%,rgba(0, 184, 244,.085),transparent 31%),linear-gradient(180deg,transparent 0%,rgba(0, 184, 244,.045) 24%,rgba(0, 184, 244,.012) 78%,transparent 100%),linear-gradient(180deg,transparent 0%,rgba(184, 234, 250,.032) 18%,rgba(184, 234, 250,.01) 74%,transparent 100%),linear-gradient(180deg,transparent 0%,rgba(0, 184, 244,.038) 30%,rgba(0, 184, 244,.01) 88%,transparent 100%),linear-gradient(180deg,transparent 0%,rgba(184, 234, 250,.028) 16%,rgba(184, 234, 250,.01) 66%,transparent 100%),linear-gradient(180deg,transparent 0%,rgba(0, 184, 244,.04) 26%,rgba(0, 184, 244,.01) 80%,transparent 100%),linear-gradient(180deg,transparent 0%,rgba(184, 234, 250,.026) 22%,rgba(184, 234, 250,.009) 72%,transparent 100%),linear-gradient(180deg,transparent 0%,rgba(0, 184, 244,.032) 34%,rgba(0, 184, 244,.009) 84%,transparent 100%)!important;background-size:100% 100%,2px 88%,1px 70%,2px 80%,1px 62%,2px 91%,1px 76%,1px 56%!important;background-position:center,12% 0,26% 0,41% 0,56% 0,70% 0,84% 0,96% 0!important;background-repeat:no-repeat!important;mask-image:linear-gradient(90deg,transparent 0%,#000 7%,#000 94%,transparent 100%)!important}}
/* Compact the games welcome dialog as a whole on phones while keeping every control readable. */
@media(max-width:620px){.games-welcome{padding:12px}.games-welcome-card{width:min(420px,100%);max-height:calc(100dvh - 72px);border-radius:17px}.games-welcome-art{min-height:clamp(132px,23dvh,164px)!important}.games-welcome-orbit{width:132px;height:132px}.games-welcome-orbit-two{width:104px;height:104px}.games-welcome-art-frame{width:98px;height:98px;border-radius:22px}.games-welcome-art-frame:before{inset:-6px;border-radius:27px}.games-welcome-art-frame svg,.games-welcome-neon-art{width:70px;height:70px}.games-welcome-art-caption{bottom:9px;font-size:6px}.games-welcome-copy{padding:18px 17px 17px}.games-welcome-copy>.eyebrow{margin-bottom:8px;font-size:7px}.games-welcome-copy h2{font-size:clamp(29px,8.5vw,38px);line-height:.98}.games-welcome-copy>p{margin:9px 0 13px;font-size:11px;line-height:1.6}.games-welcome-platform-label{margin-bottom:7px;font-size:7px}.games-welcome-actions{gap:7px}.games-welcome-actions button{min-height:42px;padding:0 8px;font-size:7.5px}.games-welcome-actions button>svg:first-child{width:15px;height:15px}.games-welcome-actions .games-welcome-arrow{width:12px;height:12px}.games-welcome-copy>small{margin-top:8px;font-size:8px;line-height:1.45}}
@media(max-width:620px) and (max-height:700px){.games-welcome-card{max-height:calc(100dvh - 44px)}.games-welcome-art{min-height:118px!important}.games-welcome-copy{padding:15px 16px 14px}.games-welcome-copy h2{font-size:clamp(27px,8vw,34px)}.games-welcome-copy>p{margin:7px 0 10px}}
/* Compact homepage games carousel */
.home-game-carousel{padding:clamp(26px,4vw,46px) 0;border-block:1px solid rgba(0, 184, 244,.12)}
.home-game-carousel-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:0 0 18px}
.home-game-carousel-heading h2{margin:5px 0 0;color:var(--text,#f4f7f1);font:900 clamp(27px,3vw,38px)/1 var(--display,'Barlow Condensed',sans-serif);text-transform:uppercase;letter-spacing:.3px}
.home-game-carousel-controls{display:flex;gap:8px;flex:none}
.home-game-carousel-controls button{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(0, 184, 244,.28);border-radius:10px;background:#101010;color:var(--green,#00b8f4);transition:background .2s,border-color .2s,transform .2s}.home-game-carousel-controls button:hover{border-color:var(--green,#00b8f4);transform:translateY(-1px)}
.home-game-carousel-controls .ui-icon{width:17px;height:17px}
.home-game-carousel-window{overflow:hidden;border-radius:15px;touch-action:pan-y}
.home-game-carousel-track{display:flex;direction:ltr;transition:transform .48s cubic-bezier(.22,.75,.24,1);will-change:transform}
.home-game-slide{display:grid;direction:rtl;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:clamp(10px,1.5vw,18px);flex:0 0 100%;min-width:0;opacity:.72;transition:opacity .2s ease}
.home-game-slide.active{opacity:1}
.home-game-card{display:flex;flex-direction:column;min-width:0;padding:0;overflow:hidden;text-align:start;border:1px solid rgba(0, 184, 244,.16);border-radius:14px;background:linear-gradient(145deg,#141414,#0b0b0b);color:inherit;cursor:pointer;transition:border-color .25s,transform .25s,box-shadow .25s}.home-game-card:hover{border-color:rgba(0, 184, 244,.55);transform:translateY(-3px)}
.home-game-card-image{position:relative;display:grid;place-items:center;aspect-ratio:16/8;overflow:hidden;background:radial-gradient(ellipse at 50% 80%,rgba(0, 184, 244,.12),transparent 65%),#0f0f0f}
.home-game-card-image>img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.home-game-card:hover .home-game-card-image>img{transform:scale(1.035)}
.home-game-open{position:absolute;inset:auto 12px 12px auto;display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(0, 184, 244,.48);border-radius:50%;background:rgba(10, 10, 10,.8);color:var(--green,#00b8f4)}
.home-game-open .ui-icon{width:16px;height:16px}
.home-game-placeholder{color:rgba(0, 184, 244,.55);font:900 32px/1 var(--display,'Barlow Condensed',sans-serif);letter-spacing:3px}
.home-game-card-copy{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:50px;padding:10px 14px}
.home-game-card-copy strong{overflow:hidden;color:#f1f4ef;font:800 clamp(14px,1.5vw,18px)/1.15 var(--display,'Barlow Condensed',sans-serif);text-overflow:ellipsis;white-space:nowrap}
.home-game-card-copy small{flex:none;color:var(--green,#00b8f4);font-size:11px;font-weight:800}
.home-game-carousel-dots{display:flex;justify-content:center;gap:7px;margin-top:13px}
.home-game-carousel-dots button{width:6px;height:6px;padding:0;border:0;border-radius:99px;background:#075b7a;transition:width .25s,background .25s}
.home-game-carousel-dots button.active{width:20px;background:var(--green,#00b8f4)}
@media(max-width:700px){.home-game-carousel{padding:25px 0}.home-game-carousel-heading{margin-bottom:13px}.home-game-carousel-heading h2{font-size:27px}.home-game-carousel-controls{gap:6px}.home-game-carousel-controls button{width:34px;height:34px;border-radius:9px}.home-game-carousel-window{border-radius:12px}.home-game-slide{gap:9px}.home-game-card{border-radius:11px}.home-game-card-image{aspect-ratio:1/1}.home-game-card-copy{align-items:flex-start;flex-direction:column;justify-content:center;gap:4px;min-height:52px;padding:8px}.home-game-card-copy strong{max-width:100%;font-size:14px}.home-game-card-copy small{font-size:10px}.home-game-open{inset:auto 8px 8px auto;width:29px;height:29px}}
/* Keep homepage game tiles close to the store's regular card scale. */
.home-game-carousel{width:min(100%,1100px);margin-inline:auto}
.home-game-slide{grid-template-columns:repeat(2,minmax(0,420px));justify-content:start;gap:clamp(12px,1.6vw,20px);opacity:1}
.home-game-card{width:100%;max-width:420px}
.home-game-card-image{aspect-ratio:1/1;background:radial-gradient(ellipse at 50% 75%,rgba(0, 184, 244,.1),transparent 68%),linear-gradient(145deg,#141414,#0b0b0b)}
.home-game-card-image>img{object-fit:contain;padding:12px}
.home-game-card-copy{min-height:58px;align-items:center;flex-direction:row;justify-content:space-between;padding:11px 14px}
.home-game-card-copy strong{display:block;max-width:75%;color:#f4f7f1;font:800 clamp(15px,1.45vw,19px)/1.15 'Barlow Condensed',sans-serif;white-space:normal}
@media(max-width:700px){.home-game-carousel{width:100%}.home-game-slide{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.home-game-card-image{aspect-ratio:1/1}.home-game-card-image>img{padding:7px}.home-game-card-copy{min-height:54px;align-items:flex-start;flex-direction:column;justify-content:center;padding:8px}.home-game-card-copy strong{max-width:100%;font-size:13px}}
/* Game carousel uses the same quiet green atmosphere as the main hero. */
.home-game-carousel{position:relative;isolation:isolate;overflow:hidden;border:1px solid rgba(0, 184, 244,.16);border-radius:20px;background-color:#0d0d0d;background-image:radial-gradient(ellipse at 78% 8%,rgba(0, 184, 244,.11),transparent 38%),radial-gradient(ellipse at 15% 100%,rgba(40, 106, 128,.1),transparent 42%),linear-gradient(135deg,rgba(12, 12, 12,.98),rgba(16, 16, 16,.97) 54%,rgba(20, 22, 24,.99)),linear-gradient(rgba(0, 184, 244,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(0, 184, 244,.025) 1px,transparent 1px);background-size:auto,auto,auto,38px 38px,38px 38px; box-shadow:inset 0 1px rgba(255, 255, 255,.025),0 22px 55px rgba(0, 0, 0,.12)}
.home-game-carousel-heading,.home-game-carousel-window,.home-game-carousel-dots{position:relative;z-index:1}
.home-game-card-image{position:relative}
.home-game-platform{position:absolute;z-index:2;inset:11px auto auto 11px;padding:7px 10px;border:1px solid rgba(0, 184, 244,.42);border-radius:999px;background:rgba(10, 10, 10,.86);color:var(--green,#00b8f4);font:800 9px/1 var(--font,Inter,sans-serif);letter-spacing:.7px; box-shadow:0 5px 16px rgba(0, 0, 0,.3);backdrop-filter:blur(8px)}
@media(max-width:700px){.home-game-carousel{border-radius:15px}.home-game-platform{inset:7px auto auto 7px;padding:6px 8px;font-size:8px;letter-spacing:.3px}}
/* Game carousel cards and section heading inherit the store's product layout. */
.home-game-carousel-heading{display:flex;align-items:end;justify-content:space-between;margin:0 0 28px;gap:20px}
.home-game-carousel-heading h2{font:800 clamp(40px,6vw,68px)/.95 var(--display);margin-top:12px;text-transform:uppercase}
.home-game-carousel-track{display:flex;direction:ltr;transition:transform .48s cubic-bezier(.22,.75,.24,1);will-change:transform}
.home-game-slide{display:grid;direction:ltr;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;justify-content:start;gap:17px;flex:0 0 100%;min-width:0;opacity:1}
.home-game-product-card{display:block;width:100%;max-width:none;color:inherit;text-decoration:none;overflow:hidden}
.home-game-product-card .home-game-product-image{height:auto;aspect-ratio:1/1;background:radial-gradient(ellipse at 76% 22%,rgba(27, 133, 169,.2),transparent 38%),radial-gradient(ellipse at 12% 92%,rgba(55, 55, 55,.3),transparent 44%),linear-gradient(135deg,#1c1c1c 0%,#101010 54%,#181818 100%)}
.home-game-product-card .home-game-product-image>img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain!important;padding:12px!important;mix-blend-mode:normal!important;transition:transform .5s ease}
.home-game-product-card:hover .home-game-product-image>img{transform:scale(1.045)}
.home-game-platform{position:absolute;z-index:3;top:12px;left:12px;inset:12px auto auto 12px;padding:7px 10px;border:1px solid rgba(0, 184, 244,.42);border-radius:999px;background:rgba(10, 10, 10,.86);color:var(--green,#00b8f4);font:800 9px/1 var(--font,Inter,sans-serif);letter-spacing:.7px; box-shadow:0 5px 16px rgba(0, 0, 0,.3);backdrop-filter:blur(8px)}
.home-game-size{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:10px;border-top:1px solid rgba(255, 255, 255,.08);color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.8px}
.home-game-size strong{color:var(--green);font-size:13px;letter-spacing:0}
.home-game-carousel-dots{display:flex;justify-content:center;gap:7px;margin-top:15px}
.home-game-carousel-dots button{width:6px;height:6px;padding:0;border:0;border-radius:99px;background:#075b7a;transition:width .25s,background .25s}
.home-game-carousel-dots button.active{width:20px;background:var(--green,#00b8f4)}
@media(max-width:700px){.home-game-carousel{width:100%;padding:58px 5%}.home-game-carousel-heading{display:block;margin-bottom:24px}.home-game-carousel-heading h2{font-size:clamp(34px,10vw,52px);line-height:.98;margin-top:12px}.home-game-carousel-controls{margin-top:15px}.home-game-slide{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.home-game-product-card .product-info{padding:12px}.home-game-product-card .product-card-title{font-size:11px;line-height:1.4}.home-game-product-card .home-game-product-image>img{padding:8px!important}.home-game-platform{top:8px;left:8px;inset:8px auto auto 8px;padding:6px 8px;font-size:8px;letter-spacing:.35px}.home-game-size{font-size:8px}.home-game-size strong{font-size:11px}}
/* Add breathing room around the homepage game carousel panel. */
.home-game-carousel{box-sizing:border-box;width:min(calc(100% - 64px),1100px);margin:34px auto 72px;padding:48px clamp(20px,4vw,52px);}
@media(max-width:700px){.home-game-carousel{width:calc(100% - 28px);margin:24px auto 52px;padding:38px 15px 32px}}
/* Desktop game carousel: five compact product cards, with vertical overflow left visible. */
.home-game-carousel{overflow:visible}
.home-game-carousel-window{overflow-x:clip;overflow-y:visible;padding-block:9px}
.home-game-slide{grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(10px,1.2vw,16px)}
.home-game-product-card{min-width:0}
.home-game-product-card .product-info{padding:13px}
.home-game-product-card .product-card-title{font-size:clamp(12px,1vw,15px);line-height:1.25}
.home-game-product-card .home-game-product-image>img{padding:9px!important}
.home-game-carousel-controls{position:relative;z-index:4}
@media(max-width:700px){.home-game-carousel-window{overflow-x:clip;overflow-y:visible}.home-game-slide{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.home-game-product-card .product-info{padding:12px}.home-game-product-card .product-card-title{font-size:11px}.home-game-product-card .home-game-product-image>img{padding:8px!important}}
/* Dot-only navigation; drag the game cards with a mouse or finger. */
.home-game-carousel-controls{display:none!important}
.home-game-carousel-window{cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.home-game-carousel-window.is-dragging{cursor:grabbing}
.home-game-carousel-window.is-dragging .home-game-carousel-track{transition:none!important}
.home-game-carousel-window.is-dragging .home-game-product-card{pointer-events:none}
.home-game-carousel-dots button{width:7px;height:7px;cursor:pointer}
.home-game-carousel-dots button.active{width:21px}
/* Let the five-card desktop games row use most of the available page width. */
@media(min-width:761px) and ((min-height:501px) or (pointer:fine) or (orientation:portrait)){.home-game-carousel{width:calc(100% - 48px);max-width:1560px;margin-inline:auto;padding-inline:clamp(24px,4vw,64px)}.home-game-slide{grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(14px,1.45vw,22px)}.home-game-product-card .product-info{padding:15px}.home-game-product-card .home-game-product-image>img{padding:12px!important}}

/* Match the hero's restrained NEON filaments without a hover glow. */
.home-game-carousel{
  border-color:rgba(0, 184, 244,.16)!important;
  background-color:#0c0c0c!important;
  background-image:
    radial-gradient(ellipse at 76% 48%,rgba(0, 184, 244,.055),transparent 34%),
    linear-gradient(180deg,transparent 0%,rgba(0, 184, 244,.032) 24%,rgba(0, 184, 244,.009) 82%,transparent 100%),
    linear-gradient(180deg,transparent 0%,rgba(184, 234, 250,.022) 18%,rgba(184, 234, 250,.007) 74%,transparent 100%),
    linear-gradient(155deg,#0e0e0e 0%,#0a0a0a 54%,#131313 100%)!important;
  background-size:100% 100%,2px 88%,1px 70%,100% 100%!important;
  background-position:center,18% 0,62% 0,center!important;
  background-repeat:no-repeat!important; box-shadow:inset 0 1px rgba(255, 255, 255,.025),0 18px 42px rgba(0, 0, 0,.16)!important;
  transition:border-color .25s ease,background-color .25s ease!important;
}.home-game-carousel:hover{
  border-color:rgba(0, 184, 244,.16)!important}
/* Separate carousel pages and soften the transition between game groups. */
.home-game-carousel-track{gap:16px;transition:transform .72s cubic-bezier(.22,.61,.36,1);}
.home-game-slide{opacity:.94;transition:opacity .2s ease;}
.home-game-slide.active{opacity:1;}
.home-game-carousel-window{overflow-x:clip;overflow-y:visible;}
.home-game-carousel-window.is-dragging .home-game-carousel-track{transition:none!important;}
@media(max-width:700px){.home-game-carousel-track{gap:11px;transition:transform .64s cubic-bezier(.22,.61,.36,1)}}
/* Give the mobile games welcome dialog a little more breathing room. */
.games-welcome-close{z-index:10;pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
@media(max-width:620px){.games-welcome{padding:10px}.games-welcome-card{min-height:min(650px,calc(100dvh - 20px));max-height:calc(100dvh - 20px)}.games-welcome-art{min-height:max(205px,calc(138px * var(--welcome-image-scale, 1.25)))}.games-welcome-copy{padding:29px 22px 28px}.games-welcome-copy>.eyebrow{margin-bottom:13px}.games-welcome-copy>p{margin:14px 0 21px;line-height:1.8}.games-welcome-close{top:10px;right:10px;width:44px;height:44px;border-radius:12px}}
/* A brighter layered ELECTRO SELLAM field behind the game slider. */
.home-game-carousel{background-color:#0c0c0c;background-image:radial-gradient(ellipse at 78% 8%,rgba(0, 184, 244,.18),transparent 34%),radial-gradient(ellipse at 12% 88%,rgba(48, 125, 151,.15),transparent 38%),radial-gradient(ellipse at 52% 48%,rgba(44, 44, 44,.16),transparent 58%),linear-gradient(130deg,rgba(12, 12, 12,.96),rgba(16, 16, 16,.93) 48%,rgba(20, 22, 24,.97)),linear-gradient(135deg,rgba(0, 184, 244,.038) 1px,transparent 1px),linear-gradient(45deg,rgba(0, 184, 244,.022) 1px,transparent 1px);background-size:auto,auto,auto,auto,34px 34px,54px 54px; box-shadow:inset 0 1px rgba(255, 255, 255,.035),0 24px 64px rgba(0, 0, 0,.2)}.home-game-carousel:hover{border-color:rgba(0, 184, 244,.27)}
/* Only show a drag cursor when there is another games page to move to. */
.home-game-carousel-window{cursor:default}
.home-game-carousel-window.is-draggable{cursor:grab}
.home-game-carousel-window.is-draggable.is-dragging{cursor:grabbing}/* Final game-slider skin: hero-inspired filaments, no hover glow. */
.home-game-carousel{
  border-color:rgba(0, 184, 244,.16)!important;
  background-color:#0c0c0c!important;
  background-image:
    radial-gradient(ellipse at 76% 48%,rgba(0, 184, 244,.055),transparent 34%),
    linear-gradient(180deg,transparent 0%,rgba(0, 184, 244,.032) 24%,rgba(0, 184, 244,.009) 82%,transparent 100%),
    linear-gradient(180deg,transparent 0%,rgba(184, 234, 250,.022) 18%,rgba(184, 234, 250,.007) 74%,transparent 100%),
    linear-gradient(155deg,#0e0e0e 0%,#0a0a0a 54%,#131313 100%)!important;
  background-size:100% 100%,2px 88%,1px 70%,100% 100%!important;
  background-position:center,18% 0,62% 0,center!important;
  background-repeat:no-repeat!important; box-shadow:inset 0 1px rgba(255, 255, 255,.025),0 18px 42px rgba(0, 0, 0,.16)!important;
  transition:border-color .25s ease,background-color .25s ease!important;
}
.home-game-carousel:hover{
  border-color:rgba(0, 184, 244,.16)!important;
  background-size:100% 100%,2px 88%,1px 70%,100% 100%!important;
  background-position:center,18% 0,62% 0,center!important;
  background-repeat:no-repeat!important;
  transition:border-color .25s ease,background-color .25s ease!important}


/* Inline red feedback stays inside the empty cart panel. */
.cart-inline-error{margin:16px auto 0!important;padding:10px 12px;border:1px solid rgba(255, 105, 105,.42);border-radius:9px;background:rgba(255, 72, 72,.08);color:#ff8b8b!important;font-size:12px;font-weight:800;line-height:1.5;text-align:center}
.cart-inline-error[hidden]{display:none!important}
.empty-cart.has-error{color:#f4f7f1}
.toast.is-error{border-color:rgba(255, 105, 105,.52)!important;background:rgba(32, 12, 13,.98)!important;color:#ff8b8b!important; box-shadow:0 12px 32px rgba(0, 0, 0,.42)!important}
.footer-newsletter-status.is-error{color:#ff8585!important}
@media(max-width:620px){.games-welcome{padding:clamp(22px,5dvh,38px) 18px!important}.games-welcome-card{width:min(370px,100%)!important;min-height:0!important;max-height:calc(100dvh - 72px)!important;border-radius:16px!important}.games-welcome-art{min-height:clamp(108px,18dvh,140px)!important}.games-welcome-copy{padding:17px 17px 16px!important}.games-welcome-copy>.eyebrow{margin-bottom:7px!important}.games-welcome-copy h2{font-size:clamp(27px,7.8vw,35px)!important;line-height:1!important}.games-welcome-copy>p{margin:9px 0 12px!important;font-size:10px!important;line-height:1.5!important}.games-welcome-platform-label{margin-bottom:6px!important}.games-welcome-actions{gap:7px!important}.games-welcome-actions button{min-height:39px!important}.games-welcome-copy>small{margin-top:7px!important}}

.cart-inline-error{opacity:0;transform:translateY(-5px);transition:opacity .2s ease,transform .2s ease}
.cart-inline-error.is-visible{opacity:1;transform:translateY(0)}

/* NEON green pagination for the homepage game carousel, without the glass button skin. */
.home-game-carousel .home-game-carousel-dots button{flex:none;width:7px;height:7px;padding:0;border:0!important;border-radius:999px;background:rgba(0, 184, 244,.28)!important;color:var(--green,#00b8f4);backdrop-filter:none!important;-webkit-backdrop-filter:none!important; box-shadow:none!important; filter:none;transition:width .38s cubic-bezier(.22,.61,.36,1),background-color .3s ease,opacity .2s ease}
.home-game-carousel .home-game-carousel-dots button.active{width:22px;background:var(--green,#00b8f4)!important; box-shadow:none!important}.home-game-carousel .home-game-carousel-dots button:hover,.home-game-carousel .home-game-carousel-dots button:focus-visible{}


/* Put the empty-bag error directly beneath its checkout action. */
#cartCheckoutError.cart-inline-error{width:100%;box-sizing:border-box;margin:9px 0 0!important;padding:9px 12px;text-align:center}
.games-welcome-later{display:block;margin:9px 0 0 auto;padding:7px 10px;border:1px solid rgba(0, 184, 244,.15);border-radius:8px;background:rgba(255, 255, 255,.018);color:#59afcb;font:700 9px/1.2 var(--font,Inter,sans-serif);letter-spacing:.2px;cursor:pointer;transition:color .18s ease,border-color .18s ease,background .18s ease}.games-welcome-later:hover,.games-welcome-later:focus-visible{color:#81daf7;border-color:rgba(0, 184, 244,.32);outline:none}
.store-language-ar .games-welcome-later{margin-inline-start:auto;margin-inline-end:0}
@media(max-width:620px){.games-welcome-later{min-height:30px;padding:6px 9px;font-size:8px}}


/* Refined compact mobile layout for the games welcome dialog. */
@media(max-width:620px){.games-welcome{padding:clamp(28px,5dvh,42px) 20px!important}.games-welcome-card{width:min(350px,100%)!important;max-height:calc(100dvh - 88px)!important;min-height:0!important;grid-template-columns:1fr!important;border-radius:18px!important}.games-welcome-art{min-height:clamp(98px,15dvh,116px)!important;border-bottom:1px solid rgba(0, 184, 244,.12)!important}.games-welcome-orbit{width:116px!important;height:116px!important}.games-welcome-orbit-two{width:88px!important;height:88px!important}.games-welcome-art-frame{width:78px!important;height:78px!important;border-radius:19px!important}.games-welcome-art-frame:before{inset:-5px!important;border-radius:24px!important}.games-welcome-art-frame svg,.games-welcome-neon-art{width:58px!important;height:58px!important}.games-welcome-art-caption{bottom:6px!important;font-size:5.5px!important;letter-spacing:1.2px!important}.games-welcome-copy{padding:17px 17px 14px!important;text-align:center!important}.games-welcome-copy>.eyebrow{margin-bottom:9px!important;font-size:7px!important;letter-spacing:1.1px!important}.games-welcome-copy h2{max-width:none!important;margin:0!important;font-size:clamp(27px,7.8vw,34px)!important;line-height:1!important;letter-spacing:0!important}.games-welcome-copy>p{max-width:none!important;margin:11px 0 15px!important;font-size:10px!important;line-height:1.6!important}.games-welcome-platform-label{margin-bottom:9px!important;font-size:7px!important;letter-spacing:1px!important}.games-welcome-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.games-welcome-actions button{justify-content:center!important;gap:6px!important;min-height:42px!important;padding:0 7px!important;border-radius:10px!important;font-size:7.5px!important;letter-spacing:.2px!important}.games-welcome-actions button>span{white-space:normal!important;text-align:center!important}.games-welcome-actions button>svg:first-child{width:14px!important;height:14px!important}.games-welcome-actions .games-welcome-arrow{width:11px!important;height:11px!important}.games-welcome-later{margin:10px auto 0!important;min-height:30px!important;padding:6px 12px!important}.games-welcome-copy>small{margin-top:8px!important;font-size:8px!important;line-height:1.45!important}}


/* Full-width neutral defer action and roomier mobile welcome card. */
.games-welcome-later{box-sizing:border-box;width:100%;min-height:40px;margin:10px 0 0!important;padding:9px 14px;border:1px solid rgba(255, 255, 255,.13);border-radius:10px;background:rgba(255, 255, 255,.025);color:#a9b2a5;text-align:center;font-size:9px;letter-spacing:.35px}.games-welcome-later:hover,.games-welcome-later:focus-visible{border-color:rgba(0, 184, 244,.3);color:#c1e1ec}
.store-language-ar .games-welcome-later{margin-inline:0!important}
@media(max-width:620px){.games-welcome{padding:clamp(27px,5dvh,40px) 20px!important}.games-welcome-card{max-height:calc(100dvh - 54px)!important}.games-welcome-art{min-height:clamp(112px,18dvh,132px)!important}.games-welcome-copy{padding:20px 18px 17px!important}.games-welcome-copy>.eyebrow{margin-bottom:11px!important}.games-welcome-copy>p{margin:13px 0 17px!important;line-height:1.68!important}.games-welcome-platform-label{margin-bottom:11px!important}.games-welcome-actions{gap:9px!important}.games-welcome-actions button{min-height:44px!important}.games-welcome-later{min-height:38px!important;margin-top:11px!important;padding:8px 12px!important}}

/* Welcome artwork echoes the hero ambient glow without the orbit rings. */
.games-welcome-art{background:radial-gradient(ellipse at 72% 30%,rgba(0, 184, 244,.16),transparent 44%),radial-gradient(ellipse at 20% 88%,rgba(0, 184, 244,.08),transparent 48%),linear-gradient(135deg,#141414 0%,#0b0b0b 55%,#161616 100%)}.games-welcome-art:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(0, 184, 244,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(0, 184, 244,.025) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(135deg,black,transparent 78%)}.games-welcome-orbit{display:none!important}.games-welcome-art-frame{z-index:1}

/* Undo action remains clickable while ordinary notices stay non-interactive. */
.toast.has-undo{display:flex;align-items:center;justify-content:center;gap:14px;pointer-events:auto;border:1px solid rgba(0, 184, 244,.27);border-radius:12px;background:linear-gradient(145deg,#191919,#1b2126);color:#f4f7f1; box-shadow:0 14px 40px rgba(0, 0, 0,.5)}
.toast-undo{border:0;border-radius:7px;background:transparent;color:var(--green);padding:8px 10px;font:900 10px/1 var(--font);letter-spacing:.8px;cursor:pointer}.toast-undo:hover{}

/* Consistent spacing and rounded glass surfaces for floating menus and pages. */
.navigation .nav-dropdown>.nav-submenu{top:calc(100% + 11px);border-radius:16px;background:linear-gradient(145deg,rgba(20, 20, 20,.98),rgba(10, 10, 10,.98));border-color:rgba(0, 184, 244,.22); box-shadow:0 18px 42px rgba(0, 0, 0,.48),0 8px 24px rgba(0, 0, 0,.2);}
.language-menu,.catalog-sort-menu{border-radius:15px;background:linear-gradient(145deg,rgba(20, 20, 20,.98),rgba(10, 10, 10,.98)); box-shadow:0 18px 42px rgba(0, 0, 0,.48),0 8px 24px rgba(0, 0, 0,.2);}
.store-search-panel{top:98px;right:max(5%,calc((100vw - 1440px)/2));border-radius:17px;background:linear-gradient(145deg,rgba(20, 20, 20,.985),rgba(10, 10, 10,.985)); box-shadow:0 20px 48px rgba(0, 0, 0,.5);}
.store-info-page{position:relative;isolation:isolate;background:radial-gradient(ellipse at 14% 10%,rgba(0, 184, 244,.045),transparent 34%),radial-gradient(ellipse at 88% 72%,rgba(37, 96, 116,.055),transparent 38%),transparent!important;border:0!important;}
.download-page-shell,.download-detail-shell{position:relative;}
.cart-undo-notice{display:flex;align-items:center;justify-content:space-between;gap:12px;max-height:0;overflow:hidden;margin:0;padding:0 13px;border:1px solid transparent;border-radius:12px;background:linear-gradient(120deg,rgba(0, 184, 244,.09),rgba(20, 20, 20,.96));color:#e4ecdf;font-size:11px;opacity:0;transform:translateY(7px);transition:max-height .22s ease,margin .22s ease,padding .22s ease,opacity .2s ease,transform .22s ease,border-color .18s ease;}
.cart-undo-notice.is-visible{max-height:70px;margin:0 0 14px;padding:11px 13px;border-color:rgba(0, 184, 244,.24);opacity:1;transform:translateY(0);}
.cart-undo-button{flex:none;min-height:32px;padding:0 12px;border:1px solid rgba(0, 184, 244,.32);border-radius:9px;background:rgba(0, 184, 244,.1);color:var(--green);font:900 9px/1 var(--font);letter-spacing:.7px;cursor:pointer;}.cart-undo-button:hover,.cart-undo-button:focus-visible{border-color:var(--green);outline:0}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){
  .navigation.show{position:absolute;top:calc(100% + 11px);left:0;right:0;width:100%;max-height:min(72dvh,650px);margin:0;padding:14px;border:1px solid rgba(0, 184, 244,.2);border-radius:17px;background:linear-gradient(145deg,rgba(20, 20, 20,.985),rgba(10, 10, 10,.99)); box-shadow:0 20px 48px rgba(0, 0, 0,.52),0 8px 24px rgba(0, 0, 0,.22);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);}
  .navigation.show .nav-category.nav-dropdown{border-radius:12px;background:rgba(255, 255, 255,.018);}
  .navigation.show .nav-dropdown>.nav-submenu{margin:5px 0 9px!important;padding:7px!important;border:1px solid rgba(0, 184, 244,.19)!important;border-radius:13px!important;background:linear-gradient(145deg,rgba(14, 14, 14,.98),rgba(8, 8, 8,.98))!important; box-shadow:inset 0 1px rgba(255, 255, 255,.025)!important;}
  .navigation.show .nav-dropdown>.nav-submenu a{border-radius:9px!important;}
  .navigation.show>.language-control{margin-bottom:10px!important;}
  .navigation.show>.language-control .language-menu{top:calc(100% + 9px)!important;border-radius:14px!important;}
  .store-search-panel{top:84px;left:11px;right:11px;width:auto;max-height:min(72dvh,620px);padding:15px;border-radius:16px;}
  .store-info-page{background:radial-gradient(ellipse at 50% 0,rgba(0, 184, 244,.045),transparent 42%),transparent!important;}
}
@media(min-width:761px) and ((min-height:501px) or (pointer:fine) or (orientation:portrait)){.navigation.show{border-radius:16px;}}

/* Cart undo belongs to the cart drawer so it remains reachable in context. */

/* ELECTRO SELLAM floating glass header and elevated hero slider */
.header{box-sizing:border-box;width:calc(100% - 36px);height:76px;margin:12px auto 0;padding-inline:clamp(16px,4vw,58px);border:1px solid rgba(0, 184, 244,.16);border-radius:18px;background:linear-gradient(115deg,rgba(20, 20, 20,.96),rgba(10, 10, 10,.94)); box-shadow:0 12px 34px rgba(0, 0, 0,.28);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);top:10px;transition:box-shadow .25s,border-color .25s,background .25s}.header:hover{border-color:rgba(0, 184, 244,.25)}
.hero{isolation:isolate;border:1px solid rgba(0, 184, 244,.13);border-radius:26px;margin:22px clamp(18px,4vw,64px) 34px;background:radial-gradient(ellipse at 79% 56%,rgba(0, 184, 244,.105),transparent 36%),radial-gradient(ellipse at 14% 100%,rgba(34, 90, 109,.12),transparent 42%),linear-gradient(135deg,#0f0f0f 0%,#0b0b0b 48%,#121212 100%); box-shadow:0 24px 70px rgba(0, 0, 0,.27),inset 0 1px rgba(255, 255, 255,.025)}
.hero:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;background-image:linear-gradient(rgba(0, 184, 244,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(0, 184, 244,.018) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(90deg,transparent,black 45%,black 85%,transparent)}
.hero-glow{opacity:.7}
@media(max-width:700px){.header{width:calc(100% - 22px);height:66px;margin-top:9px;padding-inline:12px;border-radius:15px;top:8px}.hero{margin:16px 11px 26px;padding:58px 6% 48px;border-radius:20px;min-height:0}.hero:before{background-size:42px 42px}}

/* Final alignment: every page shares the store canvas; floating controls keep clear air between them. */
.store-info-page{background:transparent!important;}.header:hover{border-color:rgba(0, 184, 244,.16)}
.navigation.show{background-clip:padding-box;}
.store-search-panel,.navigation.show,.navigation .nav-dropdown>.nav-submenu,.language-menu,.catalog-sort-menu{isolation:isolate;}
.cart-undo-notice[hidden]{display:none!important;}

/* Keep route surfaces on the same continuous store canvas. */
.store-info-page{background:transparent!important;}.header:hover{border-color:rgba(0, 184, 244,.16)!important}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){.navigation.show{box-sizing:border-box;}}

/* Keep the mobile header geometry fixed throughout scroll and focus states. */
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){
  .header,.header:hover,.header:focus-within{box-sizing:border-box!important;height:66px!important;min-height:66px!important;max-height:66px!important;flex:0 0 66px!important;padding-block:0!important;transform:none!important;scale:1!important;transition-property:box-shadow,border-color,background!important;}
  .header>.logo,.header .header-actions{flex-shrink:0;}
  .hero{position:relative;isolation:isolate; box-shadow:0 22px 50px rgba(0, 0, 0,.35),inset 0 1px rgba(255, 255, 255,.025)!important;}
  .hero::after{content:"";position:absolute;z-index:-1;left:9%;right:9%;bottom:-13px;height:24px;border-radius:50%;background:radial-gradient(ellipse,rgba(0, 0, 0,.58),rgba(0, 0, 0,.15) 48%,transparent 74%); filter:blur(9px);pointer-events:none;}
}
/* Floating cart panel with the same rounded glass treatment as the header. */
.cart-drawer{top:18px!important;right:18px!important;bottom:18px!important;width:min(430px,calc(100vw - 36px))!important;height:auto!important;box-sizing:border-box;border:1px solid rgba(0, 184, 244,.2)!important;border-radius:22px!important;background:linear-gradient(145deg,rgba(20, 20, 20,.985),rgba(10, 10, 10,.99))!important; box-shadow:0 26px 76px rgba(0, 0, 0,.58);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);}
.cart-drawer.open{transform:translateX(0)!important;}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){.cart-drawer{top:max(10px,env(safe-area-inset-top))!important;right:10px!important;bottom:max(10px,env(safe-area-inset-bottom))!important;left:auto!important;width:calc(100vw - 20px)!important;max-width:430px;height:auto!important;max-height:none!important;padding:calc(env(safe-area-inset-top,0px) + 16px) 16px calc(env(safe-area-inset-bottom,0px) + 16px)!important;border-radius:20px!important;}}

@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){.cart-drawer{top:10px!important;bottom:10px!important;}}

/* Keep the mobile header at its natural size: no viewport-height logo zoom while scrolling. */
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){
  .header,.header:hover,.header:focus-within{box-sizing:border-box!important;height:max(70px,min(var(--brand-logo-height,64px),76px))!important;min-height:0!important;max-height:none!important;flex:initial!important;padding-block:initial!important;transform:none!important;scale:none!important;transition-property:box-shadow,border-color,background!important;}
  .header .brand-logo-frame{height:min(var(--brand-logo-height,64px),64px)!important;max-height:64px!important;transition:none!important;}
  .header .brand-logo{transform:none!important;scale:none!important;transition:none!important;}
  .hero{padding-top:34px!important;padding-bottom:26px!important;}
  .hero h1{margin:11px 0!important;}
  .hero-content>p,#heroDescription{margin:0!important;font-size:13px!important;line-height:1.55!important;}
  .hero-visual{min-height:0!important;margin-top:6px!important;}
  .hero-media-slot{height:clamp(180px,54vw,250px)!important;}
  .hero-visual>img.hero-keyboard{max-height:235px!important;}
  .hero-orbit{width:min(280px,80vw)!important;height:min(280px,80vw)!important;}
  .hero-bottom-line{margin-top:4px!important;}
  .hero-buttons{gap:8px!important;margin-top:8px!important;}
}

/* Restore the mobile brand mark scale without viewport-height resizing and align header controls. */
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){
  .header,.header:hover,.header:focus-within{height:max(70px,min(var(--brand-logo-height,64px),100px))!important;padding-inline:12px!important;}
  .header .logo{max-width:52vw!important;}
  .header .brand-logo-frame{width:min(var(--brand-logo-width,170px),52vw)!important;height:min(var(--brand-logo-height,64px),96px)!important;max-width:52vw!important;max-height:96px!important;}
  .header .brand-logo{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;transform:none!important;scale:none!important;transition:none!important;}
  .header-actions{gap:5px!important;margin-inline-end:5px!important;flex:none;}
}

/* Phone header sizing: balanced logo and controls across common handset widths. */
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){
  .header,.header:hover,.header:focus-within{height:72px!important;min-height:72px!important;max-height:72px!important;padding-inline:12px!important;}
  .header .logo{width:clamp(112px,40vw,155px)!important;max-width:clamp(112px,40vw,155px)!important;min-width:0!important;flex:0 1 auto!important;overflow:hidden!important;}
  .header .brand-logo-frame{width:min(var(--brand-logo-width,170px),clamp(112px,40vw,155px))!important;height:min(var(--brand-logo-height,64px),60px)!important;max-width:100%!important;max-height:60px!important;flex:none!important;}
  .header .brand-logo{width:100%!important;height:100%!important;object-fit:contain!important;transform:none!important;scale:none!important;}
  .header-actions{gap:5px!important;margin-inline-end:0!important;flex:none!important;}
  .header-actions>.search-button,.header-actions>.menu-toggle{width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;padding:0!important;}
  .header-actions>.cart-button{width:auto!important;min-width:54px!important;height:40px!important;min-height:40px!important;padding:0 8px!important;gap:7px!important;}
}

@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){.header .logo{width:clamp(110px,41vw,160px)!important;max-width:clamp(110px,41vw,160px)!important}.header .brand-logo-frame{width:min(var(--brand-logo-width,170px),clamp(110px,41vw,160px))!important;height:min(var(--brand-logo-height,64px),64px)!important;max-height:64px!important;}}

/* Light Liquid Glass finish for the floating header and its popover surfaces. */
.header{background:linear-gradient(118deg,rgba(26, 26, 26,.82),rgba(12, 12, 12,.76))!important;border-color:rgba(186, 235, 251,.2)!important;backdrop-filter:blur(26px) saturate(155%)!important;-webkit-backdrop-filter:blur(26px) saturate(155%)!important; box-shadow:0 14px 38px rgba(0, 0, 0,.3),inset 0 1px rgba(255, 255, 255,.08);}
.navigation.show,.store-search-panel,.navigation .nav-dropdown>.nav-submenu,.language-menu,.catalog-sort-menu,.cart-drawer{background:linear-gradient(135deg,rgba(24, 24, 24,.86),rgba(17, 19, 22,.8))!important;border-color:rgba(184, 234, 250,.2)!important;backdrop-filter:blur(24px) saturate(150%)!important;-webkit-backdrop-filter:blur(24px) saturate(150%)!important; box-shadow:0 20px 48px rgba(0, 0, 0,.42),inset 0 1px rgba(255, 255, 255,.055)!important;}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){.header{background:linear-gradient(118deg,rgba(26, 26, 26,.84),rgba(12, 12, 12,.8))!important}.navigation.show,.store-search-panel,.navigation .nav-dropdown>.nav-submenu,.language-menu,.catalog-sort-menu,.cart-drawer{background:linear-gradient(135deg,rgba(24, 24, 24,.9),rgba(17, 19, 22,.86))!important;}}

/* One Liquid Glass treatment for header controls and every opened menu/panel. */
.header-actions>.language-control .language-button,.header-actions>.header-home-link,.header-actions>.search-button,.header-actions>.cart-button,.header-actions>.menu-toggle{background:linear-gradient(145deg,rgba(223, 246, 253,.105),rgba(155, 206, 223,.035))!important;border-color:rgba(214, 243, 252,.22)!important;color:#e5eee2!important;backdrop-filter:blur(18px) saturate(155%)!important;-webkit-backdrop-filter:blur(18px) saturate(155%)!important; box-shadow:inset 0 1px rgba(255, 255, 255,.09),0 4px 14px rgba(0, 0, 0,.16)!important;}.header-actions>.language-control.is-open .language-button,.header-actions>.search-button[aria-expanded=true]{background:linear-gradient(145deg,rgba(211, 242, 252,.16),rgba(146, 202, 221,.07))!important;border-color:rgba(0, 184, 244,.48)!important;color:var(--green)!important; box-shadow:inset 0 1px rgba(255, 255, 255,.12),0 6px 18px rgba(0, 0, 0,.2)!important;}
.header-actions>.language-control .language-button:hover,.header-actions>.header-home-link:hover,.header-actions>.search-button:hover,.header-actions>.cart-button:hover,.header-actions>.menu-toggle:hover{border-color:rgba(0, 184, 244,.48)!important;color:var(--green)!important}
.navigation.show,.store-search-panel,.navigation .nav-dropdown>.nav-submenu,.language-menu,.catalog-sort-menu,.city-picker-options,.cart-drawer,.checkout-modal,.remove-confirm-dialog,.games-welcome-card{background:linear-gradient(135deg,rgba(24, 24, 24,.78),rgba(10, 10, 10,.74))!important;border-color:rgba(184, 234, 250,.22)!important;backdrop-filter:blur(27px) saturate(158%)!important;-webkit-backdrop-filter:blur(27px) saturate(158%)!important; box-shadow:0 20px 48px rgba(0, 0, 0,.42),inset 0 1px rgba(255, 255, 255,.065)!important;}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){.header-actions>.language-control .language-button,.header-actions>.header-home-link,.header-actions>.search-button,.header-actions>.cart-button,.header-actions>.menu-toggle{background:linear-gradient(145deg,rgba(223, 246, 253,.11),rgba(155, 206, 223,.045))!important}.navigation.show,.store-search-panel,.navigation .nav-dropdown>.nav-submenu,.language-menu,.catalog-sort-menu,.city-picker-options,.cart-drawer,.checkout-modal,.remove-confirm-dialog,.games-welcome-card{background:linear-gradient(135deg,rgba(24, 24, 24,.84),rgba(10, 10, 10,.81))!important;}}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){.header .logo{width:clamp(108px,42vw,163px)!important;max-width:clamp(108px,42vw,163px)!important}.header .brand-logo-frame{width:min(var(--brand-logo-width,170px),clamp(108px,42vw,163px))!important;height:min(var(--brand-logo-height,64px),65px)!important;max-height:65px!important}.header-actions{gap:4px!important}.header-actions>.search-button,.header-actions>.menu-toggle{width:39px!important;min-width:39px!important;height:39px!important;min-height:39px!important}.header-actions>.cart-button{min-width:52px!important;height:39px!important;min-height:39px!important;}}

/* Restrained Windows-style acrylic: frosted blur with enough opacity to hide details behind. */
.header{background:linear-gradient(118deg,rgba(30, 32, 35,.9),rgba(10, 10, 10,.88))!important;backdrop-filter:blur(30px) saturate(135%)!important;-webkit-backdrop-filter:blur(30px) saturate(135%)!important;}
.header-actions>.language-control .language-button,.header-actions>.header-home-link,.header-actions>.search-button,.header-actions>.cart-button,.header-actions>.menu-toggle,.navigation.show>.language-control .language-button{background:linear-gradient(145deg,rgba(35, 37, 40,.88),rgba(21, 23, 26,.84))!important;backdrop-filter:blur(22px) saturate(135%)!important;-webkit-backdrop-filter:blur(22px) saturate(135%)!important;}
.navigation.show,.store-search-panel,.navigation .nav-dropdown>.nav-submenu,.language-menu,.catalog-sort-menu,.city-picker-options,.cart-drawer,.checkout-modal,.remove-confirm-dialog,.games-welcome-card{background:linear-gradient(135deg,rgba(20, 20, 20,.95),rgba(10, 10, 10,.93))!important;backdrop-filter:blur(32px) saturate(135%)!important;-webkit-backdrop-filter:blur(32px) saturate(135%)!important;border-color:rgba(184, 234, 250,.2)!important; box-shadow:0 22px 52px rgba(0, 0, 0,.48),inset 0 1px rgba(255, 255, 255,.065)!important;}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){.header{background:linear-gradient(118deg,rgba(30, 32, 35,.92),rgba(10, 10, 10,.9))!important}.navigation.show,.store-search-panel,.navigation .nav-dropdown>.nav-submenu,.language-menu,.catalog-sort-menu,.city-picker-options,.cart-drawer,.checkout-modal,.remove-confirm-dialog,.games-welcome-card{background:linear-gradient(135deg,rgba(20, 20, 20,.96),rgba(10, 10, 10,.94))!important;}}

/* Explicit mobile acrylic surfaces: visible blur, restrained transparency, no mirror-like backdrop. */
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){
  .header{background:linear-gradient(118deg,rgba(30, 32, 35,.88),rgba(10, 10, 10,.85))!important;backdrop-filter:blur(28px) saturate(140%)!important;-webkit-backdrop-filter:blur(28px) saturate(140%)!important;}
  .header-actions>.language-control .language-button,.header-actions>.header-home-link,.header-actions>.search-button,.header-actions>.cart-button,.header-actions>.menu-toggle,.navigation.show>.language-control .language-button{background:linear-gradient(145deg,rgba(35, 37, 40,.84),rgba(21, 23, 26,.8))!important;backdrop-filter:blur(22px) saturate(145%)!important;-webkit-backdrop-filter:blur(22px) saturate(145%)!important;}
  .navigation.show,#storeSearchPanel,.navigation.show .nav-dropdown>.nav-submenu,.navigation .nav-dropdown>.nav-submenu,.language-menu,.catalog-sort-menu,.city-picker-options,.cart-drawer,.checkout-modal,.remove-confirm-dialog,.games-welcome-card{background:linear-gradient(135deg,rgba(23, 23, 23,.84),rgba(17, 19, 22,.81))!important;backdrop-filter:blur(30px) saturate(145%)!important;-webkit-backdrop-filter:blur(30px) saturate(145%)!important;border-color:rgba(184, 234, 250,.22)!important; box-shadow:0 20px 48px rgba(0, 0, 0,.46),inset 0 1px rgba(255, 255, 255,.06)!important;}
}

@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){.header .logo{width:clamp(106px,42.5vw,165px)!important;max-width:clamp(106px,42.5vw,165px)!important}.header .brand-logo-frame{width:min(var(--brand-logo-width,170px),clamp(106px,42.5vw,165px))!important;height:min(var(--brand-logo-height,64px),66px)!important;max-height:66px!important;}}

/* Match the same Liquid Glass opacity, blur, and tint on phones and desktop. */
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){
  .header{background:linear-gradient(118deg,rgba(30, 32, 35,.9),rgba(10, 10, 10,.88))!important;backdrop-filter:blur(30px) saturate(135%)!important;-webkit-backdrop-filter:blur(30px) saturate(135%)!important;}
  .header-actions>.language-control .language-button,.header-actions>.header-home-link,.header-actions>.search-button,.header-actions>.cart-button,.header-actions>.menu-toggle,.navigation.show>.language-control .language-button{background:linear-gradient(145deg,rgba(35, 37, 40,.88),rgba(21, 23, 26,.84))!important;backdrop-filter:blur(22px) saturate(135%)!important;-webkit-backdrop-filter:blur(22px) saturate(135%)!important;}
  .navigation.show,#storeSearchPanel,.navigation.show .nav-dropdown>.nav-submenu,.navigation .nav-dropdown>.nav-submenu,.language-menu,.catalog-sort-menu,.city-picker-options,.cart-drawer,.checkout-modal,.remove-confirm-dialog,.games-welcome-card{background:linear-gradient(135deg,rgba(20, 20, 20,.95),rgba(10, 10, 10,.93))!important;backdrop-filter:blur(32px) saturate(135%)!important;-webkit-backdrop-filter:blur(32px) saturate(135%)!important;border-color:rgba(184, 234, 250,.2)!important; box-shadow:0 22px 52px rgba(0, 0, 0,.48),inset 0 1px rgba(255, 255, 255,.065)!important;}
}

/* More opaque frosted glass for the large mobile hamburger panel so page content cannot show through it. */
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){
  .header.header>.navigation.navigation.show{background:linear-gradient(135deg,rgba(20, 20, 20,.975),rgba(10, 10, 10,.965))!important;backdrop-filter:blur(34px) saturate(135%)!important;-webkit-backdrop-filter:blur(34px) saturate(135%)!important;border-color:rgba(184, 234, 250,.22)!important; box-shadow:0 22px 52px rgba(0, 0, 0,.52),inset 0 1px rgba(255, 255, 255,.065)!important;}
  .header .navigation.show .nav-category.nav-dropdown{background:linear-gradient(135deg,rgba(25, 25, 25,.84),rgba(12, 12, 12,.8))!important;}
  .header .navigation.show .nav-dropdown>.nav-submenu{background:linear-gradient(135deg,rgba(16, 16, 16,.96),rgba(20, 22, 24,.94))!important;backdrop-filter:blur(30px) saturate(135%)!important;-webkit-backdrop-filter:blur(30px) saturate(135%)!important;}
}


/* Store-wide acrylic surfaces for detail pages, dialogs, menus, and secondary controls. */
.download-detail-card,.download-card,.driver-software-package,.download-detail-specs,.game-spec-tabs,.game-spec-row,.game-requirement-fieldset,.home-game-carousel{backdrop-filter:blur(18px) saturate(132%);-webkit-backdrop-filter:blur(18px) saturate(132%)}
.download-detail-card,.download-card,.driver-software-package{background:linear-gradient(140deg,rgba(26, 26, 26,.94),rgba(12, 12, 12,.92))!important;border-color:rgba(184, 234, 250,.19)!important; box-shadow:0 20px 52px rgba(0, 0, 0,.32),inset 0 1px rgba(255, 255, 255,.045)!important}
.download-detail-cover,.download-card-image,.driver-software-package-image{background-color:rgba(17, 19, 22,.82)}
.download-detail-specs,.game-spec-tabs,.game-spec-row,.game-requirement-fieldset{background-color:rgba(20, 20, 20,.88)}
:is(.navigation,.store-search-panel,.cart-drawer,.checkout-modal,.download-page-shell,.download-detail-shell,.product-detail-layout,.all-products-page,.category-page,.brand-page,.games-welcome-card,.driver-software-packages) :is(button,.btn-outline,.all-products-back):not(.btn-primary):not(:disabled){border-radius:11px;background:linear-gradient(145deg,rgba(220, 245, 253,.085),rgba(149, 203, 221,.035));border-color:rgba(214, 243, 252,.2);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%); box-shadow:inset 0 1px rgba(255, 255, 255,.055);transition:background .22s ease,border-color .22s ease,color .22s ease,box-shadow .22s ease,transform .22s ease}:is(.navigation,.store-search-panel,.cart-drawer,.checkout-modal,.download-page-shell,.download-detail-shell,.product-detail-layout,.all-products-page,.category-page,.brand-page,.games-welcome-card,.driver-software-packages) :is(button,.btn-outline,.all-products-back):not(.btn-primary):not(:disabled):hover,:is(.navigation,.store-search-panel,.cart-drawer,.checkout-modal,.download-page-shell,.download-detail-shell,.product-detail-layout,.all-products-page,.category-page,.brand-page,.games-welcome-card,.driver-software-packages) :is(button,.btn-outline,.all-products-back):not(.btn-primary):not(:disabled):focus-visible{border-color:rgba(0, 184, 244,.42);color:var(--green);outline:none}
.games-welcome-art,.games-welcome-art-frame{overflow:visible!important}
.games-welcome-art-frame>img{transform:scale(1.18);transform-origin:center;max-width:none}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){.header .logo{width:clamp(108px,43.5vw,169px)!important;max-width:clamp(108px,43.5vw,169px)!important}.header .brand-logo-frame{width:min(var(--brand-logo-width,170px),clamp(108px,43.5vw,169px))!important;max-width:clamp(108px,43.5vw,169px)!important}.games-welcome-art-frame>img{transform:scale(1.2)}}

/* Give the phone header logo a little more room without pushing or resizing its controls. */
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){.header .logo{flex:0 1 auto!important;width:clamp(108px,min(46vw,calc(100vw - 184px)),178px)!important;max-width:clamp(108px,min(46vw,calc(100vw - 184px)),178px)!important}.header .brand-logo-frame{width:min(var(--brand-logo-width,170px),clamp(108px,min(46vw,calc(100vw - 184px)),178px))!important;max-width:clamp(108px,min(46vw,calc(100vw - 184px)),178px)!important}.header-actions{flex:0 0 auto!important}}

/* Keep top-level navigation labels plain; glass belongs to the menu surface and real controls. */
.navigation .nav-parent-toggle,.navigation .nav-category>a,.navigation>.mobile-home-link{background:transparent!important;border-color:transparent!important; box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;color:inherit!important}.navigation .nav-parent-toggle:hover,.navigation .nav-parent-toggle:focus-visible,.navigation .nav-category>a:hover,.navigation .nav-category>a:focus-visible,.navigation>.mobile-home-link:hover,.navigation>.mobile-home-link:focus-visible{border-color:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;color:var(--green)!important}
.navigation.show .nav-dropdown>.nav-submenu{backdrop-filter:blur(32px) saturate(135%);-webkit-backdrop-filter:blur(32px) saturate(135%)}


/* Keep acrylic off content surfaces; apply it only to interactive controls. */
.download-detail-card,.download-card,.driver-software-package,.download-detail-specs,.game-spec-tabs,.game-spec-row,.game-requirement-fieldset,.home-game-carousel,.home-game-platform{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.download-detail-card,.download-card,.driver-software-package{transform:none;isolation:auto}
.home-game-carousel{ filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;will-change:auto}
:is(.catalog-toolbar,.download-catalog-toolbar,.home-game-carousel,.product-detail-layout,.games-welcome-card,.cart-drawer,.checkout-modal,.store-search-panel,.download-page-shell,.download-detail-shell,.all-products-page,.category-page,.brand-page) button:not(.btn-primary):not(.nav-parent-toggle):not(:disabled){background:linear-gradient(145deg,rgba(220, 245, 253,.085),rgba(149, 203, 221,.035));border-color:rgba(214, 243, 252,.2);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%); box-shadow:inset 0 1px rgba(255, 255, 255,.055);transition:background .22s ease,border-color .22s ease,color .22s ease,box-shadow .22s ease,transform .22s ease}:is(.catalog-toolbar,.download-catalog-toolbar,.home-game-carousel,.product-detail-layout,.games-welcome-card,.cart-drawer,.checkout-modal,.store-search-panel,.download-page-shell,.download-detail-shell,.all-products-page,.category-page,.brand-page) button:not(.btn-primary):not(.nav-parent-toggle):not(:disabled):hover,:is(.catalog-toolbar,.download-catalog-toolbar,.home-game-carousel,.product-detail-layout,.games-welcome-card,.cart-drawer,.checkout-modal,.store-search-panel,.download-page-shell,.download-detail-shell,.all-products-page,.category-page,.brand-page) button:not(.btn-primary):not(.nav-parent-toggle):not(:disabled):focus-visible{border-color:rgba(0, 184, 244,.42);color:var(--green);outline:none}

/* Refined search toolbar for games, software, and driver catalogues. */
.download-catalog-toolbar{display:grid!important;grid-template-columns:minmax(250px,auto) minmax(190px,1fr) auto;align-items:center;gap:clamp(12px,2vw,24px);margin:0 0 24px;padding:13px 16px;border:1px solid rgba(0, 184, 244,.16);border-radius:16px;background:linear-gradient(135deg,rgba(20, 20, 20,.96),rgba(10, 10, 10,.94)); box-shadow:0 14px 34px rgba(0, 0, 0,.2),inset 0 1px rgba(255, 255, 255,.035)}
.download-catalog-toolbar>.catalog-sort,.download-catalog-toolbar>.catalog-grid-control{min-width:0;display:flex;align-items:center;gap:12px}
.download-catalog-toolbar>.catalog-sort>span:first-child,.download-catalog-toolbar>.catalog-grid-control>span{color:#62b3ce;font-size:9px;font-weight:900;letter-spacing:1.1px}
.download-catalog-toolbar .download-sort-control{min-width:clamp(185px,20vw,270px)}
.download-search-control[hidden]{display:none!important}
.download-search-control{width:100%;max-width:none;height:46px;min-width:0;padding:0 14px;gap:11px;border:1px solid rgba(184, 234, 250,.18);border-radius:12px;background:linear-gradient(145deg,rgba(33, 33, 33,.78),rgba(14, 14, 14,.8));color:#81c2d7;backdrop-filter:blur(14px) saturate(135%);-webkit-backdrop-filter:blur(14px) saturate(135%); box-shadow:inset 0 1px rgba(255, 255, 255,.045);transition:border-color .2s,box-shadow .2s,background .2s}.download-search-control:focus-within{border-color:rgba(0, 184, 244,.55)}
.download-search-control>.ui-icon{width:18px;height:18px;color:var(--green);opacity:.9}
.download-search-control input{font-size:12px;letter-spacing:.1px}
.download-search-control input::placeholder{color:#52abc9}
.download-search-control input::-webkit-search-cancel-button{cursor:pointer; filter:grayscale(1) brightness(1.6)}
.download-catalog-toolbar>.catalog-grid-control{justify-content:flex-end}
.download-catalog-toolbar .download-grid-options{padding:4px;border-radius:11px;border-color:rgba(184, 234, 250,.14);background:rgba(8, 8, 8,.64)}
.download-catalog-toolbar .download-grid-options button{border-radius:8px}
.download-search-empty{border-color:rgba(0, 184, 244,.18);border-radius:14px;background:linear-gradient(145deg,rgba(22, 22, 22,.92),rgba(10, 10, 10,.96)); box-shadow:inset 0 1px rgba(255, 255, 255,.035)}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){.download-catalog-toolbar{grid-template-columns:minmax(0,1fr);gap:11px;margin-bottom:18px;padding:12px;border-radius:14px}.download-catalog-toolbar>.catalog-sort{justify-content:space-between;gap:10px}.download-catalog-toolbar .download-sort-control{flex:1;min-width:0}.download-search-control{order:2;height:46px;min-height:46px}.download-catalog-toolbar>.catalog-grid-control{justify-content:space-between}.download-catalog-toolbar .download-grid-options button{width:38px;height:36px}}

/* Match the homepage search to the download catalogue search treatment. */
.store-search-panel{width:min(520px,calc(100vw - 40px));padding:19px;border:1px solid rgba(184, 234, 250,.2);border-radius:18px;background:linear-gradient(140deg,rgba(20, 20, 20,.97),rgba(10, 10, 10,.96)); box-shadow:0 24px 60px rgba(0, 0, 0,.54),inset 0 1px rgba(255, 255, 255,.05);backdrop-filter:blur(26px) saturate(140%);-webkit-backdrop-filter:blur(26px) saturate(140%)}
.store-search-panel>label{margin:0 0 11px;color:#64b3ce;font-size:9px;font-weight:900;letter-spacing:1.15px}
.store-search-input-wrap{height:48px;padding:0 13px;gap:11px;border:1px solid rgba(184, 234, 250,.18);border-radius:12px;background:linear-gradient(145deg,rgba(33, 33, 33,.78),rgba(14, 14, 14,.82));backdrop-filter:blur(14px) saturate(135%);-webkit-backdrop-filter:blur(14px) saturate(135%);transition:border-color .2s,box-shadow .2s,background .2s}.store-search-input-wrap:focus-within{border-color:rgba(0, 184, 244,.55)}
.store-search-input-wrap .ui-icon{color:var(--green);opacity:.9}
.store-search-input-wrap input{font-size:12px}
.store-search-input-wrap input::placeholder{color:#52abc9}
.store-search-results{gap:7px;margin-top:13px}
.search-result{min-height:66px;padding:9px 11px;border:1px solid rgba(184, 234, 250,.08);border-radius:12px;background:linear-gradient(145deg,rgba(26, 26, 26,.78),rgba(12, 12, 12,.82));transition:background .2s,border-color .2s,transform .2s,box-shadow .2s}.search-result:hover,.search-result:focus-visible{border-color:rgba(0, 184, 244,.32);transform:translateY(-1px);outline:none}
.search-result>img,.search-result-icon{width:46px;height:46px;border:1px solid rgba(184, 234, 250,.11);border-radius:10px;background:linear-gradient(145deg,#1c1c1c,#0e0e0e)}
.search-result small{font-size:8px;letter-spacing:1.05px}
.search-result strong{font-size:12px}
.search-empty{margin-top:8px;padding:16px;border:1px dashed rgba(184, 234, 250,.16);border-radius:12px;background:rgba(15, 15, 15,.82);color:#9eaa9b}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){.store-search-panel{top:84px;left:11px;right:11px;width:auto;max-height:min(72dvh,620px);padding:14px;border-radius:16px}.store-search-results{gap:6px}.search-result{min-height:60px;padding:8px 9px}.search-result>img,.search-result-icon{width:40px;height:40px}}

/* Restore the mobile navigation's distinct neutral rows without glass on text labels. */
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){
  .navigation.show .nav-category{display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:center;gap:0;margin:0 0 8px;padding:0 7px;border:1px solid rgba(184, 234, 250,.12)!important;border-radius:12px;background:linear-gradient(145deg,#181818,#131313)!important; box-shadow:inset 0 1px rgba(255, 255, 255,.035)!important}
  .navigation.show .nav-parent-toggle,.navigation.show .nav-category>a{display:flex;align-items:center;width:100%;min-height:48px;padding:0 8px;border:0!important;border-radius:8px;background:transparent!important; box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;color:#e0e8dd!important;font-size:14px;font-weight:700;letter-spacing:.25px}
  .navigation.show .nav-parent-toggle:hover,.navigation.show .nav-parent-toggle:focus-visible,.navigation.show .nav-category>a:hover,.navigation.show .nav-category.expanded>a{color:var(--green)!important}
  .navigation.show .nav-parent-toggle .ui-icon{width:16px;height:16px;flex:none;color:#6fb9d1}
  .navigation.show .nav-category.expanded .nav-parent-toggle .ui-icon{color:var(--green)}
  .navigation.show>.mobile-home-link{display:flex;align-items:center;gap:11px;min-height:48px;margin:0 0 10px;padding:0 15px;border:1px solid rgba(184, 234, 250,.16)!important;border-radius:12px;background:linear-gradient(145deg,#1e1e1e,#141414)!important;color:#e4ece0!important;font-size:13px;font-weight:800;letter-spacing:.35px; box-shadow:inset 0 1px rgba(255, 255, 255,.04)!important}
  .navigation.show>.mobile-home-link .ui-icon{width:17px;height:17px;color:var(--green);flex:none}
  .navigation.show .nav-dropdown>.nav-submenu{margin:0 0 9px!important;padding:7px!important;border:1px solid rgba(184, 234, 250,.12)!important;border-radius:11px!important;background:rgba(20, 22, 24,.72)!important; box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  .navigation.show .nav-dropdown>.nav-submenu a{min-height:42px;padding:0 11px;border:1px solid transparent;border-radius:8px;background:rgba(255, 255, 255,.025);color:#c8d2c6}.navigation.show .nav-dropdown>.nav-submenu a:hover,.navigation.show .nav-dropdown>.nav-submenu a:focus-visible{border-color:rgba(0, 184, 244,.18);color:var(--green);outline:0}
}

/* Phone cart glass: let the softened page show through its rounded outline. */
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){
  .drawer-backdrop{background:rgba(4, 4, 4,.38)!important;backdrop-filter:blur(7px) saturate(112%)!important;-webkit-backdrop-filter:blur(7px) saturate(112%)!important}
  .cart-drawer{isolation:isolate;overflow:hidden!important;background:linear-gradient(145deg,rgba(24, 24, 24,.76),rgba(17, 19, 22,.70))!important;background-clip:padding-box!important;border:1px solid rgba(184, 234, 250,.24)!important;border-radius:22px!important;backdrop-filter:blur(30px) saturate(138%)!important;-webkit-backdrop-filter:blur(30px) saturate(138%)!important; box-shadow:0 22px 58px rgba(0, 0, 0,.36),inset 0 1px rgba(255, 255, 255,.08)!important}
}

/* The mobile search hint stays plain text under the search field. */
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){.store-search-panel .search-empty{margin:0;padding:8px 3px 2px;border:0!important;border-radius:0;background:transparent!important; box-shadow:none!important;color:#929e91;text-align:start;font-size:11px;line-height:1.6}}

/* Bring the hero captions closer to the product and separate them from its buttons on phones. */
@media(max-width:700px){#heroFooterLine{margin-top:-4px!important}.hero-buttons{margin-top:22px!important}}

/* Refined plain helper text below the store search input. */
.store-search-panel .search-empty:not(.search-empty--no-results){margin:4px 0 0;padding:2px 2px 0;border:0!important;border-radius:0;background:transparent!important; box-shadow:none!important;color:#98a397;font-size:11px;line-height:1.5;letter-spacing:.08px;text-align:start}

/* Increase the store logo on phones while reserving room for the header controls. */
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){.header .logo{width:clamp(118px,min(50vw,calc(100vw - 184px)),190px)!important;max-width:clamp(118px,min(50vw,calc(100vw - 184px)),190px)!important}.header .brand-logo-frame{width:clamp(118px,min(50vw,calc(100vw - 184px)),190px)!important;max-width:100%!important;height:min(var(--brand-logo-height,64px),68px)!important;max-height:68px!important;flex:none!important}}

/* Keep both store marks at stable dimensions; give only the phone header mark extra room. */
#footerLogo,#footerLogo .brand-logo-frame{width:170px!important;height:64px!important;min-width:170px!important;max-width:170px!important;min-height:64px!important;max-height:64px!important;flex:none!important;transform:none!important;scale:none!important;transition:none!important;animation:none!important}
#footerLogo .brand-logo{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;transform:none!important;scale:none!important;transition:none!important;animation:none!important}
.header .logo,.header .brand-logo-frame,.header .brand-logo{transform:none!important;scale:none!important;transition:none!important;animation:none!important}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){.header .logo{width:190px!important;max-width:min(190px,calc(100vw - 184px))!important;min-width:0!important;flex:0 1 auto!important}.header .brand-logo-frame{width:190px!important;max-width:100%!important;height:68px!important;max-height:68px!important;flex:none!important}}

/* Visibly larger brand marks in the footer and top header. */
#footerLogo{width:230px!important;max-width:230px!important;min-width:0!important}
#footerLogo .brand-logo-frame{width:230px!important;min-width:230px!important;max-width:230px!important;height:86px!important;min-height:86px!important;max-height:86px!important}
.header .logo{width:220px!important;max-width:220px!important;min-width:0!important}
.header .brand-logo-frame{width:220px!important;max-width:220px!important;height:76px!important;max-height:76px!important}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){
  #footerLogo{width:min(230px,80vw)!important;max-width:min(230px,80vw)!important}
  #footerLogo .brand-logo-frame{width:min(230px,80vw)!important;min-width:0!important;max-width:min(230px,80vw)!important;height:86px!important;min-height:86px!important;max-height:86px!important}
  .header .logo{width:min(210px,calc(100vw - 184px))!important;max-width:min(210px,calc(100vw - 184px))!important}
  .header .brand-logo-frame{width:min(210px,calc(100vw - 184px))!important;max-width:100%!important;height:76px!important;max-height:76px!important}
}

/* Desktop-only logo sizing: slightly larger while phone dimensions stay unchanged. */
@media(min-width:761px) and ((min-height:501px) or (pointer:fine) or (orientation:portrait)){
  #footerLogo{width:250px!important;max-width:250px!important}
  #footerLogo .brand-logo-frame{width:250px!important;min-width:250px!important;max-width:250px!important;height:92px!important;min-height:92px!important;max-height:92px!important}
  .header .logo{width:240px!important;max-width:240px!important}
  .header .brand-logo-frame{width:240px!important;max-width:240px!important;height:82px!important;max-height:82px!important}
}

/* Larger desktop brand marks and a restrained liquid-glass newsletter field. */
@media(min-width:761px) and ((min-height:501px) or (pointer:fine) or (orientation:portrait)){
  #footerLogo{width:280px!important;max-width:280px!important}
  #footerLogo .brand-logo-frame{width:280px!important;min-width:280px!important;max-width:280px!important;height:104px!important;min-height:104px!important;max-height:104px!important}
  .header .logo{width:270px!important;max-width:270px!important}
  .header .brand-logo-frame{width:270px!important;max-width:270px!important;height:92px!important;max-height:92px!important}
}
.footer-newsletter-form{border:1px solid rgba(200, 239, 252,.22)!important;border-radius:14px!important;background:linear-gradient(145deg,rgba(223, 246, 253,.09),rgba(155, 206, 223,.035))!important;backdrop-filter:blur(20px) saturate(140%)!important;-webkit-backdrop-filter:blur(20px) saturate(140%)!important; box-shadow:inset 0 1px rgba(255, 255, 255,.08),0 10px 28px rgba(0, 0, 0,.2)!important}.footer-newsletter-form:focus-within{border-color:rgba(0, 184, 244,.48)!important}
.footer-newsletter-form button{border:1px solid rgba(214, 243, 252,.24)!important;border-radius:10px!important;background:linear-gradient(145deg,rgba(0, 184, 244,.92),rgba(35, 174, 220,.82))!important; box-shadow:inset 0 1px rgba(255, 255, 255,.24),0 4px 14px rgba(0, 0, 0,.2)!important}

/* Minimal branded newsletter submit arrow; keep the glass treatment on the field. */
.footer-newsletter-form button{width:40px!important;height:40px!important;padding:0!important;border:0!important;border-radius:9px!important;background:transparent!important;color:var(--green)!important; box-shadow:none!important}
.footer-newsletter-form button .ui-icon{width:21px!important;height:21px!important;stroke-width:2!important;transition:transform .2s ease,filter .2s ease}.footer-newsletter-form button:hover{transform:translateX(2px)!important}.footer-newsletter-form button:hover .ui-icon{}

/* Restore the original green newsletter arrow button with a cleaner finish. */
.footer-newsletter-form button{width:40px!important;height:40px!important;padding:0!important;border:1px solid rgba(194, 237, 251,.58)!important;border-radius:10px!important;background:linear-gradient(145deg,#6bd3f6,#2fc1f2)!important;color:#101010!important; box-shadow:inset 0 1px rgba(255, 255, 255,.38),0 3px 10px rgba(0, 0, 0,.2)!important;transition:filter .2s ease,box-shadow .2s ease,transform .2s ease!important}
.footer-newsletter-form button .ui-icon{width:20px!important;height:20px!important;stroke-width:2.2!important}.footer-newsletter-form button:hover{transform:translateY(-1px)!important}
.footer-newsletter-form button:active{transform:scale(.97)!important}

/* Restore the cart panel's balanced frosted liquid-glass surface. */
.cart-drawer{background:linear-gradient(135deg,rgba(28, 28, 28,.84),rgba(12, 12, 12,.79))!important;border:1px solid rgba(184, 234, 250,.22)!important;backdrop-filter:blur(28px) saturate(145%)!important;-webkit-backdrop-filter:blur(28px) saturate(145%)!important; box-shadow:0 24px 64px rgba(0, 0, 0,.46),inset 0 1px rgba(255, 255, 255,.07)!important}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){.cart-drawer{background:linear-gradient(135deg,rgba(28, 28, 28,.88),rgba(12, 12, 12,.84))!important;backdrop-filter:blur(30px) saturate(142%)!important;-webkit-backdrop-filter:blur(30px) saturate(142%)!important}}

/* Add-to-bag confirmation with a direct, themed cart action. */
.toast.has-cart-link{display:flex;align-items:center;gap:12px;width:max-content;max-width:min(560px,calc(100vw - 32px));padding:12px 14px;border:1px solid rgba(184, 234, 250,.22);border-radius:15px;background:linear-gradient(145deg,rgba(27, 27, 27,.96),rgba(12, 12, 12,.96));color:#f2f6ef; box-shadow:0 16px 42px rgba(0, 0, 0,.48),inset 0 1px rgba(255, 255, 255,.06);backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%);pointer-events:auto;text-align:left}
.toast.has-cart-link.show{transform:translate(-50%,0)}
.toast-added-icon{width:26px;height:26px;flex:none;display:grid;place-items:center;border:1px solid rgba(0, 184, 244,.42);border-radius:50%;background:rgba(0, 184, 244,.12);color:#00b8f4;font-size:16px;font-weight:900}
.toast-added-message{min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#eaf0e7;font-size:12px;font-weight:600;line-height:1.4;text-align:start}
.toast-added-message bdi{color:#fff;font-weight:800}
.toast-cart-link{flex:none;padding:9px 11px;border:1px solid rgba(0, 184, 244,.34);border-radius:10px;background:rgba(0, 184, 244,.1);color:#6dd4f6;font:800 9px/1 var(--font);letter-spacing:.5px;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease}.toast-cart-link:hover{border-color:rgba(0, 184, 244,.65);transform:translateY(-1px)}
@media(max-width:600px){.toast.has-cart-link{bottom:calc(env(safe-area-inset-bottom,0px) + 16px);gap:9px;padding:10px 11px}.toast-added-message{font-size:11px}.toast-cart-link{padding:9px 9px;font-size:8px}}

/* View All temporarily hosts the original homepage controls; keep their source styling. */

/* Windows-style subtle frosted transparency for View; the selected icon keeps the category glide. */
.catalog-grid-options{background:rgba(15, 15, 15,.76)!important;border-color:rgba(220, 239, 218,.12)!important;backdrop-filter:blur(8px) saturate(112%)!important;-webkit-backdrop-filter:blur(8px) saturate(112%)!important; box-shadow:inset 0 1px rgba(255, 255, 255,.035)!important}
.catalog-grid-options>button{background:transparent!important;border-color:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important; box-shadow:none!important}.catalog-grid-options>button:hover:not(.active){}
.catalog-grid-options>button.active{background:transparent!important;border-color:transparent!important;color:#101418!important; box-shadow:none!important}


/* Glide the selected view icon using the same pill motion as the category tabs. */
.catalog-grid-options{position:relative;isolation:isolate}
.catalog-grid-glide-pill{position:absolute;z-index:0;left:0;top:0;width:0;height:0;opacity:0;pointer-events:none;border:1px solid rgba(0, 184, 244,.62);border-radius:7px;background:linear-gradient(135deg,#00b8f4,#36c5ff); box-shadow:inset 0 1px 0 rgba(255, 255, 255,.28);transition:left .4s cubic-bezier(.65,0,.35,1),top .4s cubic-bezier(.65,0,.35,1),width .4s cubic-bezier(.65,0,.35,1),height .4s cubic-bezier(.65,0,.35,1),opacity .2s ease}
.catalog-grid-glide-pill.is-visible{opacity:1}
.catalog-grid-options>button{position:relative;z-index:1}
.catalog-grid-options>button.active{border-color:transparent!important;background:transparent!important;color:#101418!important; box-shadow:none!important;transform:none!important}
@media(prefers-reduced-motion:reduce){.catalog-grid-glide-pill{transition:none}}

.toast-added-icon{width:29px;height:29px;border-color:rgba(0, 184, 244,.34);background:linear-gradient(145deg,rgba(0, 184, 244,.16),rgba(0, 184, 244,.07)); box-shadow:inset 0 1px rgba(255, 255, 255,.08)}
.toast-added-icon svg{display:block;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.toast.has-cart-link{transition:opacity .2s ease,transform .32s cubic-bezier(.2,.75,.25,1),background .2s,border-color .2s,box-shadow .2s}



.toast-added-icon{width:32px;height:32px;border:1px solid rgba(0, 184, 244,.34);border-radius:10px;background:linear-gradient(145deg,rgba(0, 184, 244,.16),rgba(0, 184, 244,.055)); box-shadow:inset 0 1px rgba(255, 255, 255,.11)}
.toast-added-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.toast-added-icon svg circle{fill:currentColor;stroke:none}


/* Unified frosted-glass finish for public-store controls. */
body:not(.admin-body) button:not(.btn-primary):not(.filter-btn):not(.catalog-grid-options button):not(.catalog-grid-glide-pill){border-color:rgba(235, 240, 242,.2);background:linear-gradient(145deg,rgba(220, 245, 253,.09),rgba(149, 203, 221,.035));backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%); box-shadow:inset 0 1px rgba(255, 255, 255,.06);transition:background .22s ease,border-color .22s ease,color .22s ease,box-shadow .22s ease,transform .22s ease}body:not(.admin-body) button:not(.btn-primary):not(.filter-btn):not(.catalog-grid-options button):not(:disabled):hover{border-color:rgba(0, 184, 244,.42)}
body:not(.admin-body) button.btn-primary{border:1px solid rgba(203, 240, 252,.42);background:linear-gradient(145deg,rgba(108, 211, 246,.96),rgba(42, 185, 232,.9));backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%); box-shadow:inset 0 1px rgba(255, 255, 255,.36)}body:not(.admin-body) button.btn-primary:hover{}
body:not(.admin-body) .quantity-control{display:flex;align-items:center;gap:9px;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important; box-shadow:none!important}
body:not(.admin-body) .quantity-control button{width:44px;height:44px;min-width:44px;min-height:44px;padding:0!important;border:1px solid rgba(235, 240, 242,.22)!important;border-radius:12px!important;background:linear-gradient(145deg,rgba(220, 245, 253,.1),rgba(149, 203, 221,.04))!important;color:#36c5ff!important;backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%); box-shadow:inset 0 1px rgba(255, 255, 255,.07),0 5px 14px rgba(0, 0, 0,.16)!important}body:not(.admin-body) .quantity-control button:hover:not(:disabled){border-color:rgba(0, 184, 244,.5)!important;color:#68d9ff!important}
body:not(.admin-body) .quantity-control>span{min-width:30px;min-height:40px;display:grid;place-items:center;border:0!important;background:transparent!important;color:#f3f6f1}
.cart-button .icon-cart{width:22px;height:22px;display:block;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.toast-added-icon{width:34px;height:34px;border-radius:11px}
.toast-added-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#viewAllProductsButton{border-color:rgba(0, 184, 244,.32)!important;background:linear-gradient(145deg,rgba(0, 184, 244,.13),rgba(0, 184, 244,.055))!important;color:#36c5ff!important;backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%); box-shadow:inset 0 1px rgba(255, 255, 255,.08),0 8px 24px rgba(0, 0, 0,.18)!important}
@media(max-width:700px){body:not(.admin-body) .quantity-control button{width:42px;height:42px;min-width:42px;min-height:42px}}

/* Tablet: use the phone navigation and catalog layout, with slightly roomier controls. */
@media (min-width:701px) and (max-width:1024px){
  .header{width:calc(100% - 32px);height:74px;margin-top:10px;padding-inline:18px;border-radius:17px;top:8px}
  .navigation{display:none;position:absolute;top:calc(100% + 9px);left:0;right:0;z-index:30;padding:20px;flex-direction:column;gap:18px;border:1px solid rgba(0, 184, 244,.18);border-radius:16px;background:rgba(14, 14, 14,.96); box-shadow:0 18px 45px rgba(0, 0, 0,.45);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
  .navigation.show{display:flex}
  .menu-toggle{display:grid;place-items:center;width:46px;height:46px;padding:10px}
  .cart-label{display:none}
  .hero{display:block;min-height:0;margin:18px 16px 28px;padding:66px 6% 54px;border-radius:23px}
  .hero h1{font-size:clamp(76px,11vw,112px)}
  .hero-visual{min-height:350px;margin-top:26px}
  .hero-visual>img{height:320px;max-height:340px}
  .hero-orbit{width:310px;height:310px}
  .section-wrap{padding:74px 6%}
  .section-heading{display:block}
  .section-heading>p{margin-top:14px}
  .categories-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .category-card{height:240px}
  .category-name{font-size:25px}
  .products-grid,#allProductsPage #allProductsGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .product-image-wrap{height:auto;aspect-ratio:1/1}
  .product-info{padding:16px}
  .product-info h3{font-size:13px}
  .product-price{font-size:15px}
  .product-bottom{gap:10px}
  .product-bottom .add-mini{min-height:46px}
  .product-tag,.product-sale-badge,.product-stock-badge{font-size:10px}
  .product-filters{display:block;width:100%;margin-bottom:22px}
  .filter-tabs{width:100%;max-width:100%;gap:4px;padding:5px}
  .filter-tab-list{flex-wrap:nowrap}
  .filter-tabs>.filter-btn,.filter-tab-list .filter-btn{min-height:48px;padding:11px 14px;font-size:10px}
  .catalog-toolbar{gap:16px;margin-bottom:24px;padding:15px}
  .catalog-select-wrap select{height:46px;font-size:12px}
  #productGridOptions [data-grid-columns="3"],#productGridOptions [data-grid-columns="4"],#productGridOptions [data-grid-columns="5"]{display:none!important}
  .product-page{padding:34px 6% 74px}
  .product-detail-layout{grid-template-columns:minmax(0,1fr);gap:30px}
  .product-detail-layout .product-gallery{grid-template-columns:minmax(0,1fr);grid-template-areas:"main" "thumbs" "hint";gap:14px}
  .product-detail-layout .main-product-image{height:auto;aspect-ratio:1/1}
  .product-detail-layout .product-thumbnails{display:flex;max-height:none;overflow-x:auto;overflow-y:hidden;gap:11px}
  .product-detail-layout .product-thumb{width:94px;height:94px;flex:none}
  .all-products-shell{width:calc(100% - 42px)}
  .download-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .download-card-grid.download-control-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .download-page-shell{width:calc(100% - 42px)}
  .home-game-slide{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
  .home-game-product-card .product-info{padding:15px}
  .games-welcome{padding:18px}
  .games-welcome-card{grid-template-columns:1fr;width:min(620px,100%);max-height:min(900px,calc(100dvh - 36px));overflow:auto;border-radius:21px}
  .games-welcome-art{min-height:250px;border-right:0;border-bottom:1px solid rgba(0, 184, 244,.12)}
  .games-welcome-orbit{width:190px;height:190px}
  .games-welcome-orbit-two{width:148px;height:148px}
  .games-welcome-art-frame{width:142px;height:142px;border-radius:29px}
  .games-welcome-art-frame svg{width:98px;height:98px}
  .games-welcome-copy{padding:34px 30px 30px}
  .games-welcome-copy h2{font-size:clamp(38px,6vw,52px)}
  .games-welcome-copy>p{font-size:14px}
  .games-welcome-actions button{min-height:54px;padding-inline:14px;font-size:10px}
}

@media(max-width:620px){.games-welcome{padding:12px}.games-welcome-card{max-height:min(820px,calc(100dvh - 24px))}.games-welcome-art{min-height:max(205px,calc(135px * var(--welcome-image-scale, 1.25)))}.games-welcome-copy{padding:28px 22px 26px}}

.catalog-grid-options{background:rgba(15, 15, 15,.76)!important;border:1px solid rgba(220, 239, 218,.12)!important;backdrop-filter:blur(8px) saturate(112%)!important;-webkit-backdrop-filter:blur(8px) saturate(112%)!important; box-shadow:inset 0 1px rgba(255, 255, 255,.035)!important}.catalog-grid-options>button,.catalog-grid-options>button.active{background:transparent!important;border-color:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important; box-shadow:none!important}
.catalog-grid-options>button:hover:not(.active){border-color:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}


/* Open store routes directly, without scrolling or entrance motion. */
html,body{scroll-behavior:auto!important}


/* Consistent fade for scrolling content and newly opened panels. */
html.scroll-reveal-ready body [data-scroll-motion][data-scroll-motion][data-scroll-motion]{opacity:0!important;translate:none!important;transition:opacity .5s ease-in-out!important;transition-delay:0s!important;will-change:opacity}
html.scroll-reveal-ready body [data-scroll-motion][data-scroll-motion][data-scroll-motion].is-scroll-visible{opacity:1!important;will-change:auto}
html.scroll-reveal-ready body :is(.product-card,.brand-showcase-card)[data-scroll-motion][data-scroll-motion]{transform:none!important}
@keyframes storePanelFade{from{opacity:0}to{opacity:1}}
.language-menu:not([hidden]),.catalog-sort-menu:not([hidden]),.store-search-panel:not([hidden]),.navigation.show,.nav-category.expanded>.nav-submenu,.cart-drawer.open,.modal-backdrop.open,.image-zoom.open,.games-welcome.is-open{animation:storePanelFade .2s ease-in-out both}
@media(prefers-reduced-motion:reduce){html.scroll-reveal-ready body [data-scroll-motion][data-scroll-motion][data-scroll-motion]{opacity:1!important;transition:none!important}.language-menu,.catalog-sort-menu,.store-search-panel,.navigation,.nav-submenu,.cart-drawer,.modal-backdrop,.image-zoom,.games-welcome{animation:none!important}}

.product-zoom-button{position:absolute;bottom:14px;right:14px;z-index:5;display:grid;place-items:center;width:42px;height:42px;padding:9px;border:1px solid rgba(0, 184, 244,.5);border-radius:50%;background:rgba(12, 12, 12,.88);color:var(--green);cursor:pointer}.product-zoom-button svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
#zoomGalleryBar{width:min(560px,calc(100vw - 24px))!important;height:76px!important;grid-template-columns:40px minmax(0,1fr) 40px!important;direction:ltr;gap:8px!important}
#zoomGalleryBar .zoom-thumbnails{display:flex!important;touch-action:pan-x;overflow-x:auto}
#zoomGalleryBar .zoom-gallery-thumb img{position:static!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;transform:none!important}
#zoomGalleryBar .zoom-gallery-thumb{flex-shrink:0}
#imageZoom #zoomImage{touch-action:none}
@media(max-width:700px){#zoomGalleryBar{height:66px!important;grid-template-columns:35px minmax(0,1fr) 35px!important}}

/* Keep the selected lightbox image unmistakable on desktop and mobile. */
#zoomGalleryBar .zoom-thumbnails{padding:5px 3px;box-sizing:border-box}
#zoomGalleryBar .zoom-gallery-thumb{opacity:.55;border:2px solid transparent;transition:opacity .2s ease,border-color .3s ease,background .3s ease}
#zoomGalleryBar .zoom-gallery-thumb.active{opacity:1;border-color:var(--green,#00b8f4)!important;background:rgba(0, 184, 244,.18)!important; box-shadow:none;animation:zoomSelectionGlow .5s ease-out}
#zoomGalleryBar .zoom-gallery-thumb.active::after{content:none!important;display:none!important}
@keyframes zoomSelectionGlow{from{ filter:brightness(1.45)}to{ filter:brightness(1)}}
@media(prefers-reduced-motion:reduce){#zoomGalleryBar .zoom-gallery-thumb{animation:none!important;transition:none!important}}

/* Crossfade game pages in place; keep dragging as a navigation gesture. */
.home-game-carousel-track{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:0!important;transform:none!important;transition:none!important;direction:ltr}
.home-game-carousel-track>.home-game-slide{grid-area:1/1;min-width:0!important;width:100%!important;opacity:0!important;visibility:hidden;pointer-events:none;transform:none!important;translate:none!important;transition:opacity .2s ease-in-out,visibility 0s linear .2s!important}
.home-game-carousel-track>.home-game-slide.active{opacity:1!important;visibility:visible;pointer-events:auto;transition:opacity .2s ease-in-out,visibility .2s!important}
html.scroll-reveal-ready body .home-game-slide .home-game-product-card[data-scroll-motion]{opacity:1!important;transform:none!important;translate:none!important;transition:border-color .2s ease!important}
.home-game-slide .home-game-product-card:hover{transform:none!important;translate:none!important}
@media(prefers-reduced-motion:reduce){.home-game-carousel-track>.home-game-slide{transition:none!important}}

.home-game-carousel-window,.home-game-carousel-window *{user-select:none!important;-webkit-user-select:none!important;-webkit-touch-callout:none}
.home-game-carousel-window img{-webkit-user-drag:none;pointer-events:none}
.home-game-carousel-window.is-dragging .home-game-product-card,.home-game-carousel-window.is-dragging .home-game-product-card *{pointer-events:none!important}

/* Square lightbox previews and zoom controls matching quantity buttons. */
#zoomGalleryBar{height:84px!important}
#zoomGalleryBar .zoom-thumbnails{height:64px!important;align-items:center}
#zoomGalleryBar .zoom-gallery-thumb{box-sizing:border-box;flex:0 0 54px!important;width:54px!important;height:54px!important;aspect-ratio:1/1;padding:3px!important}
#zoomGalleryBar .zoom-gallery-thumb img{object-fit:contain!important;object-position:center!important}
#imageZoom .zoom-controls{gap:7px;padding:6px 8px;border:1px solid rgba(235, 240, 242,.2);border-radius:14px;background:rgba(12, 12, 12,.9); box-shadow:inset 0 1px rgba(255, 255, 255,.055);direction:ltr}
#imageZoom .zoom-controls button{box-sizing:border-box;display:grid;place-items:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:0!important;border:1px solid rgba(235, 240, 242,.22)!important;border-radius:12px!important;background:linear-gradient(145deg,rgba(220, 245, 253,.1),rgba(149, 203, 221,.04))!important;color:#36c5ff!important;backdrop-filter:blur(16px) saturate(140%); box-shadow:inset 0 1px rgba(255, 255, 255,.07),0 5px 14px rgba(0, 0, 0,.16)!important}
#imageZoom .zoom-controls button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}#imageZoom .zoom-controls button:hover:not(:disabled){border-color:rgba(0, 184, 244,.5)!important;color:#68d9ff!important}
#imageZoom .zoom-controls button:disabled{opacity:.35;cursor:default; filter:none}
#imageZoom #zoomPercent{display:grid;place-items:center;box-sizing:border-box;min-width:56px;height:44px;padding:0 6px;border:1px solid rgba(235, 240, 242,.14);border-radius:10px;background:rgba(220, 245, 253,.035);color:#e9f3e6;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}
@media(max-width:700px){#zoomGalleryBar{height:76px!important}#zoomGalleryBar .zoom-thumbnails{height:56px!important}#zoomGalleryBar .zoom-gallery-thumb{flex-basis:46px!important;width:46px!important;height:46px!important}#imageZoom .zoom-controls{gap:5px}#imageZoom .zoom-controls button{width:42px;height:42px;min-width:42px;min-height:42px}#imageZoom #zoomPercent{height:42px;min-width:50px}}

/* Shared alignment and sizing for all lightbox toolbar controls. */
#imageZoom{--zoom-tool-size:44px;--zoom-tool-top:22px;--zoom-tool-right:22px}
#imageZoom .zoom-controls{top:var(--zoom-tool-top)!important;right:calc(var(--zoom-tool-right) + var(--zoom-tool-size) + 10px)!important;height:var(--zoom-tool-size)!important;box-sizing:border-box!important;padding:0!important;gap:0!important;border-radius:11px!important;overflow:hidden;background:linear-gradient(150deg,#202020,#131313)!important;border:1px solid rgba(209, 232, 240,.25)!important; box-shadow:0 6px 22px rgba(0, 0, 0,.26),inset 0 1px rgba(255, 255, 255,.06)!important}
#imageZoom .zoom-controls button,#imageZoom #zoomPercent,#imageZoom .zoom-close{box-sizing:border-box!important;width:var(--zoom-tool-size)!important;height:var(--zoom-tool-size)!important;min-height:0!important;min-width:0!important;margin:0!important;padding:0!important;display:grid!important;place-items:center!important;font-size:12px!important}
#imageZoom .zoom-controls button{border:0!important;border-radius:0!important;background:transparent!important;color:#e7eee5!important; box-shadow:none!important;backdrop-filter:none!important}#imageZoom .zoom-controls button:hover:not(:disabled){color:var(--green)!important}
#imageZoom #zoomPercent{width:62px!important;background:rgba(0, 0, 0,.15)!important;border:0!important;border-inline:1px solid rgba(209, 232, 240,.12)!important;border-radius:0!important;color:#e7eee5!important}
#imageZoom .zoom-close{top:var(--zoom-tool-top)!important;right:var(--zoom-tool-right)!important;border:1px solid rgba(209, 232, 240,.25)!important;border-radius:11px!important;background:linear-gradient(150deg,#202020,#131313)!important;color:#e7eee5!important; box-shadow:0 6px 22px rgba(0, 0, 0,.26),inset 0 1px rgba(255, 255, 255,.06)!important}
#imageZoom .zoom-close svg{width:19px;height:19px}
@media(max-width:700px){#imageZoom{--zoom-tool-size:42px;--zoom-tool-top:calc(14px + env(safe-area-inset-top,0px));--zoom-tool-right:14px}}

/* Requirements tabs use solid states rather than the general glass button style. */
.game-system-requirements .game-spec-tabs{background:#0f0f0f!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.game-system-requirements .game-spec-tabs button{background:#191919!important;background-image:none!important;color:#bac5b7!important;border:1px solid #323232!important; box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important; filter:none!important}.game-system-requirements .game-spec-tabs button:hover:not(.active):not([aria-selected="true"]){color:#edf5e9!important;border-color:#2b7188!important}.game-system-requirements .game-spec-tabs button:is(.active,[aria-selected="true"]){background:var(--green,#00b8f4)!important;background-image:none!important;color:#101010!important;border-color:var(--green,#00b8f4)!important; box-shadow:none}
.game-system-requirements .game-spec-tabs button:is(.active,[aria-selected="true"]):is(:hover,:focus-visible,:active){color:#101010!important;border-color:var(--green,#00b8f4)!important}
.game-system-requirements .game-spec-tabs button:focus-visible{outline:2px solid var(--green,#00b8f4)!important;outline-offset:3px!important}
@media (min-width:761px) and ((min-height:501px) or (pointer:fine) or (orientation:portrait)) and (prefers-reduced-motion:no-preference){
  .navigation:not(.show) .nav-dropdown:is(:hover,:focus-within):not(.is-dismissed)>.nav-submenu{
    animation:storePanelFade .2s ease-in-out both;
  }
}


/* Stable store masthead: preserve its footprint and fade its contents in once. */
.header,.header:hover,.header:focus-within{box-sizing:border-box!important;transform:none!important;scale:none!important;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease!important}
.header .logo,.header .brand-logo-frame{transform:none!important;scale:none!important;transition:none!important;animation:none!important}
.header .header-inner,.header .logo,.header .navigation,.header .header-actions{animation:neonHeaderFadeIn .2s ease-out both!important}
.header .logo{animation-delay:.04s!important}.header .navigation{animation-delay:.10s!important}.header .header-actions{animation-delay:.16s!important}
@keyframes neonHeaderFadeIn{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.header .header-inner,.header .logo,.header .navigation,.header .header-actions{animation:none!important;opacity:1!important}}

/* The saved logo size must never resize the masthead after page startup. */
.header,.header:hover,.header:focus-within{height:92px!important;min-height:92px!important;max-height:92px!important;flex:0 0 92px!important;padding-block:0!important;transform:none!important;scale:1!important}
.header .brand-logo-frame{height:92px!important;max-height:92px!important;flex:none!important}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){.header,.header:hover,.header:focus-within{height:74px!important;min-height:74px!important;max-height:74px!important;flex:0 0 74px!important;padding-block:0!important}.header .brand-logo-frame{height:68px!important;max-height:68px!important}}

/* Fade the complete masthead as one surface, matching the hero reveal. */
.header{animation:neonMastheadReveal .55s ease both!important;transition:none!important}.header:hover,.header:focus-within{border-color:rgba(186, 235, 251,.2)!important}
.header .logo,.header .navigation,.header .header-actions{animation:none!important;opacity:1!important}
@keyframes neonMastheadReveal{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.header{animation:none!important;opacity:1!important}}
/* Keep the sticky offset equal to the header's first on-screen position. */
.header{position:sticky!important;top:12px!important;margin-top:12px!important}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){.header{top:9px!important;margin-top:9px!important}}

/* Checkout confirmation is an explicit, dismissible step before the server stores an order. */
#checkoutWhatsAppStep{display:none!important}
.order-confirm-backdrop{position:fixed;inset:0;z-index:3000;display:grid;place-items:center;padding:22px;background:rgba(4, 4, 4,.76);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.order-confirm-backdrop[hidden]{display:none!important}
.order-confirm-card{width:min(470px,100%);padding:clamp(24px,5vw,36px);border:1px solid rgba(0, 184, 244,.32);border-radius:22px;background:linear-gradient(145deg,#1a1a1a,#0d0d0d); box-shadow:0 28px 90px rgba(0, 0, 0,.7);text-align:center}
.order-confirm-card h3{margin:12px 0;font:800 clamp(26px,6vw,36px)/1.1 var(--display)}
.order-confirm-card>p{margin:0 auto 22px;max-width:360px;color:#b9c5b6;font-size:13px;line-height:1.7}
.order-confirm-card .order-confirm-error{margin:14px auto 0;color:#ff9b91}
.order-confirm-actions{display:grid;gap:11px}
.order-confirm-actions button{width:100%;min-height:56px;border-radius:13px;font-size:12px;font-weight:900;letter-spacing:.5px}
.order-confirm-actions #confirmCompleteOrder{order:-1;min-height:64px;background:linear-gradient(135deg,#36c5ff,#2cbeef)!important;color:#101010!important;border:1px solid #7ad9ff!important; box-shadow:none}.order-confirm-actions #confirmCompleteOrder:hover:not(:disabled){transform:translateY(-1px)}
.order-confirm-actions #confirmCompleteOrder:disabled{opacity:.72;cursor:wait}
.order-confirm-actions #cancelCompleteOrder{background:rgba(255, 255, 255,.035)!important;color:#bdc7bb!important;border-color:rgba(255, 255, 255,.14)!important}.order-confirm-actions #cancelCompleteOrder:hover{}

/* Match the checkout quantity buttons to the controls used in the shopping bag. */
.checkout-quantity-control{gap:7px!important;width:max-content!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important}
.checkout-quantity-control button{width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;border:1px solid rgba(0, 184, 244,.25)!important;border-radius:6px!important;background:#171717!important;color:#9be2f9!important;cursor:pointer}.checkout-quantity-control button:hover:not(:disabled){border-color:var(--green)!important;color:var(--green)!important}
.checkout-quantity-control button:disabled{opacity:.35!important;cursor:not-allowed}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){.checkout-quantity-control{gap:5px!important}.checkout-quantity-control button{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important}}

/* Hero-inspired, polished order confirmation and success panels. */
.order-confirm-backdrop{background:radial-gradient(ellipse at 50% 38%,rgba(43, 124, 151,.22),transparent 48%),rgba(4, 4, 4,.84)!important}
.order-confirm-card{position:relative;isolation:isolate;overflow:hidden;width:min(520px,100%);padding:clamp(28px,6vw,44px);border:1px solid rgba(0, 184, 244,.46);border-radius:26px;background:radial-gradient(ellipse at 82% 0%,rgba(0, 184, 244,.19),transparent 43%),radial-gradient(ellipse at 0% 100%,rgba(41, 107, 129,.18),transparent 46%),linear-gradient(145deg,#1c1c1c 0%,#0e0e0e 72%)!important; box-shadow:0 34px 100px rgba(0, 0, 0,.78),inset 0 1px rgba(255, 255, 255,.08);text-align:left}
.order-confirm-card:before{content:"";position:absolute;z-index:-1;inset:0;background-image:linear-gradient(rgba(210, 230, 240,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(210, 230, 240,.035) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(115deg,transparent 8%,#000 58%,transparent 100%);pointer-events:none}
.order-confirm-card:after{content:"";position:absolute;top:0;left:9%;right:9%;height:2px;background:linear-gradient(90deg,transparent,#00b8f4,transparent); box-shadow:none;pointer-events:none}
.order-confirm-card>*{position:relative;z-index:1}.order-confirm-card .eyebrow{color:#6bd3f6;letter-spacing:2px}.order-confirm-card h3{margin:14px 0 11px;font-size:clamp(30px,7vw,43px);letter-spacing:-.5px; text-shadow:none}.order-confirm-card>p{margin:0 auto 25px 0;max-width:390px;color:#c2cdbd;font-size:14px;line-height:1.8}.order-confirm-actions{grid-template-columns:1fr 1fr;gap:12px}.order-confirm-actions button{min-height:58px;border-radius:14px!important}.order-confirm-actions #confirmCompleteOrder{min-height:60px; box-shadow:inset 0 1px rgba(255, 255, 255,.48)!important}.order-confirm-actions #confirmCompleteOrder[aria-busy=true]{position:relative;padding-left:42px}.order-confirm-actions #confirmCompleteOrder[aria-busy=true]:before{content:"";position:absolute;left:18px;width:17px;height:17px;border:2px solid rgba(16, 16, 16,.3);border-top-color:#101010;border-radius:50%;animation:order-send-spin .75s linear infinite}@keyframes order-send-spin{to{transform:rotate(360deg)}}
.checkout-modal #checkoutSuccess{position:relative;isolation:isolate;overflow:hidden;min-height:370px;padding:clamp(28px,6vw,44px);border:1px solid rgba(0, 184, 244,.42);border-radius:24px;background:radial-gradient(ellipse at 80% 0%,rgba(0, 184, 244,.2),transparent 43%),radial-gradient(ellipse at 0% 100%,rgba(42, 109, 131,.17),transparent 45%),linear-gradient(145deg,#1c1c1c,#0d0d0d)!important; box-shadow:inset 0 1px rgba(255, 255, 255,.07),0 25px 70px rgba(0, 0, 0,.4)}.checkout-modal #checkoutSuccess:before{content:"";position:absolute;z-index:-1;inset:0;background-image:linear-gradient(rgba(210, 230, 240,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(210, 230, 240,.035) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(120deg,transparent 12%,#000 60%,transparent 100%);pointer-events:none}.checkout-modal #checkoutSuccess>*{position:relative;z-index:1}.checkout-success-mark{width:68px;height:68px;border:1px solid rgba(0, 184, 244,.65);background:radial-gradient(circle at 35% 25%,rgba(121, 215, 246,.28),rgba(0, 184, 244,.08) 70%); box-shadow:inset 0 1px rgba(255, 255, 255,.12)}.checkout-success h3{font-size:clamp(34px,7vw,46px); text-shadow:none}.checkout-success p{max-width:390px;color:#c2cdbd;font-size:13px;line-height:1.9;overflow-wrap:anywhere}.checkout-success .btn-primary{min-height:54px;padding-inline:24px;border-radius:14px!important; box-shadow:none}
@media(max-width:600px){.order-confirm-backdrop{padding:14px}.order-confirm-card{padding:27px 21px;border-radius:21px}.order-confirm-actions{grid-template-columns:1fr}.order-confirm-actions #confirmCompleteOrder{order:-1}.checkout-modal #checkoutSuccess{min-height:330px;padding:26px 18px;border-radius:20px}}

.order-history-toolbar,.order-history-toolbar>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.order-history-toolbar{justify-content:space-between;padding:12px 0}.order-history-toolbar label,.order-select{display:flex;align-items:center;gap:8px}.order-history-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto auto auto;gap:12px;align-items:center;padding:13px 10px;border-top:1px solid rgba(185, 234, 250,.12)}.order-row-content{min-width:0}.order-row-content small{display:block;color:#a5ad9d;overflow-wrap:anywhere}.order-row-content p{margin:6px 0;overflow-wrap:anywhere}.orders-undo{padding:10px;border:1px solid rgba(0, 184, 244,.35);border-radius:10px}.order-history-toolbar button,.order-history-row button{font-size:10px}@media(max-width:720px){.order-history-row{grid-template-columns:auto minmax(0,1fr) auto;gap:8px}.order-history-row>.order-status{display:none}.order-history-row>strong{grid-column:2}.order-history-row>button{grid-row:2}.order-history-toolbar>div{width:100%}}


/* Keep the Complete Order action visibly rounded in the checkout form. */
.checkout-modal #checkoutForm button[type="submit"]{border-radius:14px!important;min-height:56px;overflow:hidden}

/* Share the IPTV-inspired NEON canvas across the storefront and hero slider. */
body:not(.admin-body){background-color:#0a0a0a!important;background-image:linear-gradient(rgba(184, 234, 250,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(184, 234, 250,.02) 1px,transparent 1px),radial-gradient(ellipse at 12% 8%,rgba(30, 80, 97,.58),transparent 43%),radial-gradient(ellipse at 90% 82%,rgba(43, 43, 43,.48),transparent 44%),linear-gradient(155deg,#0b0b0b 0%,#101418 52%,#0c0c0c 100%)!important;background-size:68px 68px,68px 68px,100% 100%,100% 100%,100% 100%!important;background-attachment:fixed!important;background-repeat:repeat,repeat,no-repeat,no-repeat,no-repeat!important}
.hero,.custom-hero-slider{background-color:#101418!important;background-image:radial-gradient(ellipse at 74% 48%,rgba(0, 184, 244,.12),transparent 31%),radial-gradient(ellipse at 12% 100%,rgba(30, 79, 95,.22),transparent 46%),linear-gradient(155deg,#0e0e0e 0%,#0a0a0a 55%,#141414 100%)!important}
.hero::before,.custom-hero-slider::before{background-image:linear-gradient(rgba(200, 238, 251,.024) 1px,transparent 1px),linear-gradient(90deg,rgba(200, 238, 251,.024) 1px,transparent 1px),radial-gradient(ellipse at 74% 48%,transparent 0 210px,rgba(0, 184, 244,.11) 211px 212px,transparent 213px 286px,rgba(0, 184, 244,.05) 287px 288px,transparent 289px),linear-gradient(115deg,transparent 25%,rgba(0, 184, 244,.03) 50%,transparent 75%)!important;background-size:58px 58px,58px 58px,100% 100%,100% 100%!important;mask-image:linear-gradient(90deg,transparent 0%,#000 9%,#000 92%,transparent 100%)!important}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){body:not(.admin-body){background-attachment:scroll!important}.hero,.custom-hero-slider{background-image:radial-gradient(ellipse at 52% 52%,rgba(0, 184, 244,.11),transparent 33%),radial-gradient(ellipse at 10% 100%,rgba(30, 79, 95,.2),transparent 46%),linear-gradient(160deg,#0e0e0e 0%,#0a0a0a 55%,#141414 100%)!important}.hero::before,.custom-hero-slider::before{background-size:40px 40px,40px 40px,100% 100%,100% 100%!important;mask-image:linear-gradient(180deg,transparent,#000 14%,#000 88%,transparent)!important}}

/* Match the mobile hero's soft NEON atmosphere on desktop; no rings or stripe overlays. */
@media(min-width:761px) and ((min-height:501px) or (pointer:fine) or (orientation:portrait)){
  .custom-hero-slider{
    background-color:#101418!important;
    background-image:radial-gradient(ellipse at 73% 52%,rgba(0, 184, 244,.11),transparent 34%),radial-gradient(ellipse at 10% 100%,rgba(30, 79, 95,.2),transparent 46%),linear-gradient(160deg,#0e0e0e 0%,#0a0a0a 55%,#141414 100%)!important;
  }
  .custom-hero-slider::before{
    background-image:linear-gradient(rgba(200, 238, 251,.024) 1px,transparent 1px),linear-gradient(90deg,rgba(200, 238, 251,.024) 1px,transparent 1px)!important;
    background-size:58px 58px!important;
    background-position:center!important;
    background-repeat:repeat!important;
    mask-image:linear-gradient(90deg,transparent 0%,#000 8%,#000 92%,transparent 100%)!important;
  }
}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){
  .custom-hero-slider{
    background-color:#101418!important;
    background-image:radial-gradient(ellipse at 52% 52%,rgba(0, 184, 244,.11),transparent 33%),radial-gradient(ellipse at 10% 100%,rgba(30, 79, 95,.2),transparent 46%),linear-gradient(160deg,#0e0e0e 0%,#0a0a0a 55%,#141414 100%)!important;
  }
  .custom-hero-slider::before{
    background-image:linear-gradient(rgba(200, 238, 251,.024) 1px,transparent 1px),linear-gradient(90deg,rgba(200, 238, 251,.024) 1px,transparent 1px)!important;
    background-size:40px 40px!important;
    background-position:center!important;
    background-repeat:repeat!important;
    mask-image:linear-gradient(180deg,transparent,#000 14%,#000 88%,transparent)!important;
  }
}

/* Refined storefront canvas: soft ambient light instead of a square grid. */
body:not(.admin-body){
  background-color:#0a0a0a!important;
  background-image:radial-gradient(ellipse at 0% 0%,rgba(30, 80, 97,.34),transparent 42%),radial-gradient(ellipse at 100% 74%,rgba(46, 46, 46,.3),transparent 44%),radial-gradient(ellipse at 54% 38%,rgba(28, 28, 28,.3),transparent 56%),linear-gradient(155deg,#0b0b0b 0%,#101418 54%,#0d0d0d 100%)!important;
  background-size:100% 100%!important;
  background-repeat:no-repeat!important;
  background-attachment:fixed!important;
}
.hero,.custom-hero-slider{
  background-color:#101418!important;
  background-image:radial-gradient(ellipse at 73% 52%,rgba(0, 184, 244,.105),transparent 36%),radial-gradient(ellipse at 10% 100%,rgba(30, 79, 95,.2),transparent 46%),linear-gradient(160deg,#0e0e0e 0%,#0a0a0a 55%,#141414 100%)!important;
}
.hero::before,.custom-hero-slider::before{
  background-image:radial-gradient(ellipse at 72% 50%,rgba(0, 184, 244,.045),transparent 48%),linear-gradient(180deg,rgba(194, 237, 251,.018),transparent 38%,rgba(46, 46, 46,.045))!important;
  background-size:100% 100%!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  mask-image:none!important;
}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){
  body:not(.admin-body){background-attachment:scroll!important}
  .hero,.custom-hero-slider{background-image:radial-gradient(ellipse at 52% 52%,rgba(0, 184, 244,.11),transparent 33%),radial-gradient(ellipse at 10% 100%,rgba(30, 79, 95,.2),transparent 46%),linear-gradient(160deg,#0e0e0e 0%,#0a0a0a 55%,#141414 100%)!important}
  .hero::before,.custom-hero-slider::before{background-image:radial-gradient(ellipse at 52% 50%,rgba(0, 184, 244,.045),transparent 48%),linear-gradient(180deg,rgba(194, 237, 251,.018),transparent 38%,rgba(46, 46, 46,.045))!important}
}

/* Top hero carousel controls and repeatable admin slide cards. */
.custom-hero-stage{z-index:1;touch-action:pan-y}
.custom-hero-slide{z-index:1}
.custom-hero-slide.active{z-index:2}
.custom-hero-controls{z-index:7}
.custom-hero-dots{z-index:7;align-items:center;justify-content:center;min-height:22px}
.custom-hero-dots[hidden]{display:none!important}
.hero-additional-slides{display:grid;gap:14px;margin-top:16px}
.hero-additional-slide{padding:16px;border:1px solid rgba(0, 184, 244,.2);border-radius:12px;background:rgba(17, 19, 22,.72)}
.hero-additional-slide>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.hero-additional-slide>header strong{color:var(--green);font-size:11px;letter-spacing:1px}
.hero-slide-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.hero-slide-fields label{display:grid;align-content:start;gap:6px;color:#aeb7ad;font-size:9px}
.hero-slide-fields input,.hero-slide-fields textarea{min-width:0;width:100%;padding:11px;border:1px solid #2e2e2e;border-radius:8px;background:#101418;color:#f4f7f1;font:12px Inter,sans-serif}
.hero-slide-fields input[type=file]{font-size:10px}
.hero-slide-image-preview{box-sizing:border-box;display:grid;place-items:center;height:260px;min-height:260px;overflow:hidden;padding:20px;border:1px dashed rgba(0, 184, 244,.2);border-radius:8px;color:#3a99b9;font-size:9px;background:radial-gradient(circle,rgba(0, 184, 244,.08),transparent 60%),#101418}
.hero-slide-image-preview img{max-width:100%;max-height:220px;height:auto;object-fit:contain;transform:scale(var(--hero-image-scale,1));transform-origin:center}
@media(max-width:700px){.hero-slide-fields{grid-template-columns:1fr}.hero-additional-slide{padding:12px}}

/* Smoothly fade and unfold the mobile hamburger menu like the search panel. */
@media(max-width:700px){
  .navigation{display:flex!important;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-9px) scale(.985);transform-origin:top center;transition:opacity .2s ease,transform .3s cubic-bezier(.2,.75,.25,1),visibility .2s ease}
  .navigation.show{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1)}
  .navigation.popup-closing{visibility:visible!important;animation:none!important;opacity:0!important;transform:translateY(0) scale(1)!important;pointer-events:none!important;transition:opacity .2s ease!important}
}
@media(prefers-reduced-motion:reduce){.navigation{transition:none!important}}

/* The header entrance rule sets .header .navigation to opacity:1!important.
   Keep the closed mobile menu hidden after its closing class is removed. */
@media(max-width:700px){
  .header .navigation{animation:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:opacity .2s ease,transform .18s ease,visibility 0s linear .2s!important}
  .header .navigation.show{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0) scale(1)!important;transition:opacity .2s ease,transform .3s cubic-bezier(.2,.75,.25,1),visibility .2s!important}
  .header .navigation.popup-closing{opacity:0!important;visibility:visible!important;pointer-events:none!important;transform:translateY(0) scale(1)!important;animation:none!important;transition:opacity .2s ease!important}
}

/* Keep every added top slide inside the original rounded, branded hero panel. */
.hero.top-hero-carousel{display:block!important;position:relative;min-height:650px;overflow:hidden;border-radius:26px;isolation:isolate}
.top-hero-stage{position:absolute;z-index:1;inset:0;min-height:100%;touch-action:pan-y}
.top-hero-slide{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:22px;padding:105px 9% 70px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease}
.top-hero-slide.active{z-index:2;opacity:1;visibility:visible;pointer-events:auto}
.top-hero-slide .hero-content{min-width:0;max-width:620px}
.top-hero-slide .hero-content h1{margin:25px 0;font-size:clamp(58px,8vw,112px);line-height:.88;overflow-wrap:anywhere}
.top-hero-slide .hero-content>p{max-width:none;font-size:12px;white-space:nowrap}
.top-hero-slide .hero-visual{min-width:0;min-height:430px}
.top-hero-slide .hero-media-slot{width:min(92%,520px);height:420px}
.top-hero-controls{position:absolute;z-index:7;inset:50% 20px auto;display:flex;justify-content:space-between;pointer-events:none;transform:translateY(-50%)}
.top-hero-controls{display:none!important}
.top-hero-controls .custom-hero-arrow{pointer-events:auto}
.top-hero-dots{position:absolute;z-index:7;left:50%;bottom:20px;display:flex;align-items:center;justify-content:center;gap:8px;transform:translateX(-50%)}
.top-hero-dots button{width:8px;height:8px;min-height:8px;padding:0;border:1px solid rgba(0, 184, 244,.48);border-radius:50%;background:rgba(36, 36, 36,.72);backdrop-filter:blur(7px) saturate(120%);-webkit-backdrop-filter:blur(7px) saturate(120%);transform-origin:center;transition:background .28s ease,border-color .28s ease,box-shadow .32s ease}
.top-hero-dots button.active{width:24px;border-radius:999px;border-color:rgba(0, 184, 244,.62);background:linear-gradient(135deg,rgba(0, 184, 244,.3),rgba(0, 184, 244,.14));backdrop-filter:blur(9px) saturate(140%);-webkit-backdrop-filter:blur(9px) saturate(140%); box-shadow:inset 0 1px rgba(255, 255, 255,.24)}
.top-hero-dots button.is-morphing-in{animation:top-hero-dot-expand .5s cubic-bezier(.22,.61,.36,1) both}
.top-hero-dots button.is-morphing-out{animation:top-hero-dot-contract .5s cubic-bezier(.22,.61,.36,1) both}
@keyframes top-hero-dot-expand{0%{transform:scaleX(.34);opacity:.72}64%{transform:scaleX(1.08);opacity:1}100%{transform:scaleX(1);opacity:1}}
@keyframes top-hero-dot-contract{0%{transform:scaleX(3);opacity:1}58%{transform:scaleX(.72);opacity:.82}100%{transform:scaleX(1);opacity:1}}
@media(prefers-reduced-motion:reduce){.top-hero-dots button{transition:none!important;animation:none!important}}
#home .hero-buttons>a{border-radius:14px!important;overflow:hidden}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){
  /* Preserve the original phone hero layout; only its slide content changes. */
  .hero.top-hero-carousel{display:block!important;min-height:0!important;height:auto!important;padding:26px 6% 18px!important;border-radius:20px}
  .top-hero-stage{position:relative;inset:auto;display:grid;min-height:0;touch-action:pan-y}
  .top-hero-slide{position:relative;grid-area:1/1;inset:auto;display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"eyebrow" "title" "description" "visual" "footer" "buttons";align-content:start;gap:0;min-width:0;padding:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease}
  .top-hero-slide.active{z-index:2;opacity:1;visibility:visible;pointer-events:auto}
  .top-hero-slide .hero-content{display:contents;max-width:none}
  .top-hero-slide .hero-content>.eyebrow{grid-area:eyebrow}
  .top-hero-slide .hero-content>h1{grid-area:title;min-height:1.8em;margin:11px 0!important;font-size:clamp(50px,13.5vw,58px);line-height:.9;letter-spacing:-2px;overflow-wrap:normal;word-break:normal}
  .top-hero-slide .hero-content>p{grid-area:description;display:-webkit-box;max-width:100%;height:2.7em;min-height:2.7em;max-height:2.7em;margin:0!important;font-size:clamp(10.5px,3vw,12px)!important;line-height:1.35!important;white-space:normal;overflow:hidden;text-overflow:clip;-webkit-box-orient:vertical;-webkit-line-clamp:2}
  .top-hero-slide .hero-content>.hero-buttons{grid-area:buttons;position:relative;left:auto;right:auto;bottom:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;max-width:none;gap:8px;margin:8px 0 0!important;width:100%}
  .top-hero-slide .hero-buttons>a{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:100%;height:48px;min-width:0;min-height:48px;max-height:48px;padding:6px 5px;font-size:clamp(8px,2.5vw,10px);line-height:1.1;letter-spacing:.25px;text-align:center;white-space:normal!important;overflow-wrap:anywhere;text-wrap:balance}
  .top-hero-slide .hero-visual{grid-area:visual;min-height:0;margin:-8px 0 0}
  .top-hero-slide .hero-media-slot{width:100%;height:clamp(180px,54vw,250px)!important}
  .top-hero-slide .hero-bottom-line{grid-area:footer;position:relative;left:auto;right:auto;bottom:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:10px;width:100%;margin:4px 0 14px;font-size:clamp(7px,2vw,8px);line-height:1.35;letter-spacing:.7px}
  .top-hero-slide .hero-bottom-line>span{min-width:0;overflow-wrap:anywhere;text-align:start}
  .top-hero-slide .hero-bottom-line>span:last-child{text-align:end}
  .top-hero-controls{display:none!important}
  .top-hero-dots{position:relative;left:auto;bottom:auto;margin:24px auto 0;transform:none}
}

/* Softer hero slide transition: subtle crossfade with a restrained scale. */
.top-hero-slide{transform:scale(.99);transition:opacity .2s cubic-bezier(.22,.61,.36,1),transform .72s cubic-bezier(.22,.61,.36,1),visibility .2s ease}
.top-hero-slide.active{transform:scale(1)}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){.top-hero-slide{transform:scale(.995);transition:opacity .2s cubic-bezier(.22,.61,.36,1),transform .62s cubic-bezier(.22,.61,.36,1),visibility .2s ease}.top-hero-slide.active{transform:scale(1)}}


/* Refined storefront hero actions. */
#home .hero-buttons>a{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:16px!important;font-weight:800;letter-spacing:.035em;text-decoration:none;transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease,background .22s ease,border-color .22s ease,color .22s ease}
#home .hero-buttons>.btn-primary{border:1px solid rgba(104, 217, 255,.58)!important;background:linear-gradient(135deg,#2ecbff 0%,#00b8f4 52%,#0fb2e8 100%)!important;color:#101010!important; box-shadow:inset 0 1px rgba(255, 255, 255,.58)}
#home .hero-buttons>.btn-outline{border:1px solid rgba(0, 184, 244,.38)!important;background:linear-gradient(145deg,rgba(255, 255, 255,.075),rgba(255, 255, 255,.025))!important;color:#f2f5ef!important; box-shadow:inset 0 1px rgba(255, 255, 255,.1),0 8px 24px rgba(0, 0, 0,.16)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
@media(hover:hover){#home .hero-buttons>a:hover{transform:translateY(-2px)}#home .hero-buttons>.btn-primary:hover{}#home .hero-buttons>.btn-outline:hover{border-color:rgba(0, 184, 244,.7)!important}}
#home .hero-buttons>a:focus-visible{outline:2px solid #2ecbff;outline-offset:4px}


/* Product detail quantity selector: aligned label, compact segmented control, CTA below. */
.detail-purchase-controls{display:flex!important;flex-direction:column;align-items:stretch;gap:14px!important}
.detail-purchase-controls .quantity-row{order:0;display:grid!important;grid-template-columns:1fr;justify-items:start;align-items:start;gap:8px!important;margin:0!important}
.detail-purchase-controls .quantity-row>.eyebrow{display:block;color:#aeb9aa;font-size:9px;line-height:1.2;letter-spacing:1.5px;font-weight:800}
.detail-purchase-controls .quantity-control{display:inline-flex!important;align-items:center;justify-content:space-between;gap:4px!important;min-width:148px;height:48px;padding:4px!important;border:1px solid rgba(0, 184, 244,.22)!important;border-radius:14px!important;background:linear-gradient(145deg,rgba(30, 30, 30,.94),rgba(14, 14, 14,.96))!important; box-shadow:inset 0 1px rgba(255, 255, 255,.06),0 8px 20px rgba(0, 0, 0,.16)!important;overflow:visible!important}
.detail-purchase-controls .quantity-control button{display:grid;place-items:center;width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;padding:0!important;border:1px solid transparent!important;border-radius:10px!important;background:transparent!important;color:#36c5ff!important;transition:background .18s ease,border-color .18s ease,transform .18s ease!important}.detail-purchase-controls .quantity-control button:hover:not(:disabled){border-color:rgba(0, 184, 244,.24)!important}
.detail-purchase-controls .quantity-control button:active:not(:disabled){transform:scale(.94)}
.detail-purchase-controls .quantity-control button .ui-icon{width:16px;height:16px}
.detail-purchase-controls .quantity-control>span{display:grid;place-items:center;min-width:34px;min-height:36px;color:#f4f7f1;font-size:14px;font-weight:800;font-variant-numeric:tabular-nums;text-align:center}
.detail-purchase-controls .detail-add-button{order:1;margin:0!important}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){.detail-purchase-controls{gap:12px!important}.detail-purchase-controls .quantity-control{height:46px}.detail-purchase-controls .quantity-control button{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important}}


/* Match product add-to-bag buttons to the hero Shop button. */
body:not(.admin-body) .detail-purchase-controls .detail-add-button,body:not(.admin-body) .product-bottom .add-mini{border:1px solid rgba(104, 217, 255,.58)!important;background:linear-gradient(135deg,#2ecbff 0%,#00b8f4 52%,#0fb2e8 100%)!important;color:#101010!important; box-shadow:inset 0 1px rgba(255, 255, 255,.58);transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease,filter .22s ease!important}
body:not(.admin-body) .product-bottom .add-mini{border-radius:12px!important}
@media(hover:hover){body:not(.admin-body) .detail-purchase-controls .detail-add-button:hover,body:not(.admin-body) .product-bottom .add-mini:hover:not(:disabled){transform:translateY(-2px)}}
body:not(.admin-body) .detail-purchase-controls .detail-add-button:disabled,body:not(.admin-body) .product-bottom .add-mini:disabled{border-color:rgba(255, 255, 255,.14)!important;background:#232323!important;color:#899187!important; box-shadow:none!important;transform:none!important; filter:none!important}
/* Keep the detail quantity label and selector directly under Add to Bag. */
.detail-purchase-controls .detail-add-button{order:0!important}
.detail-purchase-controls .quantity-row{order:1!important}


/* Center the zoom gallery strip and show four thumbnails at a time. */
#zoomGalleryBar{--zoom-thumb-size:clamp(44px,5.2vw,72px);--zoom-thumb-gap:8px;left:50%!important;right:auto!important;transform:translateX(-50%)!important;width:min(calc(4 * var(--zoom-thumb-size) + 3 * var(--zoom-thumb-gap) + 104px),calc(100vw - 20px))!important;height:calc(var(--zoom-thumb-size) + 16px)!important;display:grid!important;grid-template-columns:40px minmax(0,1fr) 40px!important;align-items:center!important;justify-items:center!important;gap:8px!important;padding:7px 8px!important;box-sizing:border-box!important}
#zoomGalleryBar .zoom-thumbnails{width:calc(4 * var(--zoom-thumb-size) + 3 * var(--zoom-thumb-gap))!important;max-width:100%!important;height:var(--zoom-thumb-size)!important;display:flex!important;justify-content:flex-start!important;align-items:center!important;gap:var(--zoom-thumb-gap)!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;scroll-padding-inline:0!important;box-sizing:border-box!important}
#zoomGalleryBar .zoom-gallery-thumb{box-sizing:border-box!important;flex:0 0 var(--zoom-thumb-size)!important;width:var(--zoom-thumb-size)!important;height:var(--zoom-thumb-size)!important;aspect-ratio:1/1!important;padding:3px!important;scroll-snap-align:center!important}
#zoomGalleryBar .zoom-gallery-arrow{display:grid!important;place-items:center!important;justify-self:center!important;flex:none!important}
@media(max-width:700px){#zoomGalleryBar{--zoom-thumb-size:clamp(42px,13vw,54px);--zoom-thumb-gap:6px;width:min(calc(4 * var(--zoom-thumb-size) + 3 * var(--zoom-thumb-gap) + 90px),calc(100vw - 16px))!important;grid-template-columns:34px minmax(0,1fr) 34px!important;gap:5px!important;padding:6px!important}#zoomGalleryBar .zoom-thumbnails{width:calc(4 * var(--zoom-thumb-size) + 3 * var(--zoom-thumb-gap))!important;height:var(--zoom-thumb-size)!important}#zoomGalleryBar .zoom-gallery-arrow{width:32px!important;height:36px!important}}


/* Exact four-thumbnail viewport: never expose a sliver of the next image. */
#zoomGalleryBar{grid-template-columns:40px calc(4 * var(--zoom-thumb-size) + 3 * var(--zoom-thumb-gap)) 40px!important;width:min(calc(4 * var(--zoom-thumb-size) + 3 * var(--zoom-thumb-gap) + 112px),calc(100vw - 20px))!important}
#zoomGalleryBar .zoom-thumbnails{justify-self:center!important;flex:none!important;min-width:calc(4 * var(--zoom-thumb-size) + 3 * var(--zoom-thumb-gap))!important;max-width:calc(4 * var(--zoom-thumb-size) + 3 * var(--zoom-thumb-gap))!important;overflow-x:auto!important;clip-path:inset(0)!important}
@media(max-width:700px){#zoomGalleryBar{grid-template-columns:34px calc(4 * var(--zoom-thumb-size) + 3 * var(--zoom-thumb-gap)) 34px!important;width:min(calc(4 * var(--zoom-thumb-size) + 3 * var(--zoom-thumb-gap) + 90px),calc(100vw - 16px))!important}#zoomGalleryBar .zoom-thumbnails{min-width:calc(4 * var(--zoom-thumb-size) + 3 * var(--zoom-thumb-gap))!important;max-width:calc(4 * var(--zoom-thumb-size) + 3 * var(--zoom-thumb-gap))!important}}


/* Zoom navigation controls only: no thumbnail images in the lightbox bar. */
#zoomGalleryBar{left:50%!important;right:auto!important;transform:translateX(-50%)!important;width:min(292px,calc(100vw - 28px))!important;height:62px!important;grid-template-columns:44px minmax(0,1fr) 44px!important;gap:14px!important;padding:8px 12px!important;border:1px solid rgba(0, 184, 244,.28)!important;border-radius:18px!important;background:linear-gradient(145deg,rgba(24, 24, 24,.96),rgba(17, 19, 22,.96))!important; box-shadow:0 16px 42px rgba(0, 0, 0,.48),inset 0 1px rgba(255, 255, 255,.07)!important;backdrop-filter:blur(20px) saturate(140%)!important;-webkit-backdrop-filter:blur(20px) saturate(140%)!important}
#zoomGalleryBar .zoom-gallery-arrow{width:42px!important;height:42px!important;border:1px solid rgba(0, 184, 244,.3)!important;border-radius:13px!important;background:linear-gradient(145deg,rgba(0, 184, 244,.16),rgba(0, 184, 244,.055))!important;color:#36c5ff!important; box-shadow:inset 0 1px rgba(255, 255, 255,.08),0 5px 14px rgba(0, 0, 0,.2)!important;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease!important}#zoomGalleryBar .zoom-gallery-arrow:hover{transform:translateY(-1px);border-color:rgba(0, 184, 244,.68)!important}
#zoomGalleryBar .zoom-image-count{display:block;min-width:0;color:#eff5e9;font:800 11px/1.2 Inter,Arial,sans-serif;letter-spacing:1.1px;text-align:center;white-space:nowrap;font-variant-numeric:tabular-nums}
@media(max-width:700px){#zoomGalleryBar{width:min(270px,calc(100vw - 24px))!important;height:58px!important;grid-template-columns:40px minmax(0,1fr) 40px!important;gap:12px!important;padding:7px 10px!important}#zoomGalleryBar .zoom-gallery-arrow{width:38px!important;height:38px!important;border-radius:12px!important}#zoomGalleryBar .zoom-image-count{font-size:10px;letter-spacing:.8px}}


/* Keep product brand marks on the image so card titles and spacing stay clean. */
.product-image-wrap>.product-brand-overlay{position:absolute;z-index:4;left:12px;bottom:12px;display:grid;place-items:center;max-width:82px;max-height:32px;padding:5px 8px;border:1px solid rgba(0, 184, 244,.24);border-radius:9px;background:rgba(17, 19, 22,.78); box-shadow:0 5px 16px rgba(0, 0, 0,.28),inset 0 1px rgba(255, 255, 255,.06);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);pointer-events:none;overflow:hidden}
.product-image-wrap>.product-brand-overlay img{display:block;width:auto;height:auto;max-width:100%;max-height:22px;object-fit:contain; filter:none!important;mix-blend-mode:normal!important}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){.product-image-wrap>.product-brand-overlay{left:7px;bottom:7px;max-width:66px;max-height:27px;padding:4px 6px;border-radius:7px}.product-image-wrap>.product-brand-overlay img{max-height:18px}}
/* Match detail quantity and zoom controls to the shopping-cart quantity buttons. */
.detail-purchase-controls .quantity-control{gap:7px!important;min-width:0!important;height:auto!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important; box-shadow:none!important}
.detail-purchase-controls .quantity-control button,#imageZoom .zoom-controls button{box-sizing:border-box!important;width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;flex:0 0 30px!important;padding:0!important;border:1px solid rgba(0, 184, 244,.25)!important;border-radius:6px!important;background:#171717!important;color:#9be2f9!important; box-shadow:none!important}.detail-purchase-controls .quantity-control button:hover:not(:disabled),#imageZoom .zoom-controls button:hover:not(:disabled){border-color:var(--green)!important;color:var(--green)!important}
.detail-purchase-controls .quantity-control button:disabled,#imageZoom .zoom-controls button:disabled{opacity:.35!important;cursor:not-allowed}
.detail-purchase-controls .quantity-control>span{min-width:24px!important;min-height:30px!important;color:var(--white)!important;font-size:11px!important;font-weight:700!important}
#imageZoom .zoom-controls{gap:7px!important;padding:5px 7px!important;border:1px solid rgba(0, 184, 244,.18)!important;border-radius:10px!important;background:#0e0e0e!important; box-shadow:0 8px 22px rgba(0, 0, 0,.32)!important;backdrop-filter:blur(10px)!important}
#imageZoom .zoom-controls>span{min-width:42px!important;color:var(--white)!important;font-size:11px!important;font-weight:700!important;font-variant-numeric:tabular-nums}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){.detail-purchase-controls .quantity-control button,#imageZoom .zoom-controls button{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;flex-basis:40px!important}.detail-purchase-controls .quantity-control>span{min-height:40px!important}.detail-purchase-controls .quantity-control{gap:5px!important}#imageZoom .zoom-controls{gap:5px!important;padding:5px!important}#imageZoom .zoom-controls>span{min-width:44px!important}}


/* Zoom buttons mirror the plain product-detail quantity selector. */
#imageZoom .zoom-controls{gap:12px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important; box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
#imageZoom .zoom-controls button,.detail-purchase-controls .quantity-control button{display:grid!important;place-items:center!important;width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;flex:0 0 38px!important;padding:0!important;border:0!important;border-radius:50%!important;background:transparent!important;color:#36c5ff!important; box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}#imageZoom .zoom-controls button:hover:not(:disabled),.detail-purchase-controls .quantity-control button:hover:not(:disabled){color:#68d9ff!important}
#imageZoom .zoom-controls button>.ui-icon,.detail-purchase-controls .quantity-control button>.ui-icon{width:20px!important;height:20px!important;stroke-width:2!important}
#imageZoom .zoom-controls>span,.detail-purchase-controls .quantity-control>span{min-width:44px!important;min-height:38px!important;display:grid!important;place-items:center!important;border:0!important;background:transparent!important;color:#f3f6f1!important;font-size:12px!important;font-weight:700!important;font-variant-numeric:tabular-nums;text-align:center}
#imageZoom .zoom-controls{border:0!important;background:transparent!important; box-shadow:none!important}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){#imageZoom .zoom-controls{gap:8px!important}#imageZoom .zoom-controls button,.detail-purchase-controls .quantity-control button{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;flex-basis:40px!important}#imageZoom .zoom-controls>span,.detail-purchase-controls .quantity-control>span{min-height:40px!important}}


/* Exact shared presentation for zoom +/- and product-detail quantity controls. */
.detail-purchase-controls .quantity-control,#imageZoom .zoom-controls{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:10px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important; box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
#imageZoom .zoom-controls{position:fixed!important;top:22px!important;right:82px!important;z-index:10000!important;isolation:isolate!important}
.detail-purchase-controls .quantity-control button,#imageZoom .zoom-controls button{appearance:none!important;-webkit-appearance:none!important;display:grid!important;place-items:center!important;box-sizing:border-box!important;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;flex:0 0 40px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;color:#36c5ff!important; box-shadow:none!important; filter:none!important;cursor:pointer!important}.detail-purchase-controls .quantity-control button:active:not(:disabled),#imageZoom .zoom-controls button:active:not(:disabled){background:none!important;border:0!important; box-shadow:none!important;transform:none!important;color:#68d9ff!important}
.detail-purchase-controls .quantity-control button:hover:not(:disabled),#imageZoom .zoom-controls button:hover:not(:disabled){border:0!important;transform:none!important;color:#68d9ff!important}
.detail-purchase-controls .quantity-control button>.ui-icon,#imageZoom .zoom-controls button>.ui-icon{display:block!important;width:22px!important;height:22px!important;margin:0!important;stroke:currentColor!important;stroke-width:2!important;fill:none!important}
.detail-purchase-controls .quantity-control>span,#imageZoom .zoom-controls>span{display:grid!important;place-items:center!important;box-sizing:border-box!important;min-width:48px!important;width:48px!important;height:40px!important;min-height:40px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;color:#f3f6f1!important; box-shadow:none!important;font:700 12px/1 Inter,Arial,sans-serif!important;font-variant-numeric:tabular-nums!important;text-align:center!important}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){#imageZoom .zoom-controls{top:12px!important;right:68px!important;gap:8px!important}.detail-purchase-controls .quantity-control,#imageZoom .zoom-controls{gap:8px!important}.detail-purchase-controls .quantity-control button,#imageZoom .zoom-controls button{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;flex-basis:40px!important}}


/* Match the zoom +/- controls to the quantity selector shown below ADD TO BAG. */
.detail-purchase-controls .quantity-control,#imageZoom .zoom-controls{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:9px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important; box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
#imageZoom .zoom-controls{position:fixed!important;top:22px!important;right:82px!important;z-index:10000!important;isolation:isolate!important}
.detail-purchase-controls .quantity-control button,#imageZoom .zoom-controls button{appearance:none!important;-webkit-appearance:none!important;display:grid!important;place-items:center!important;box-sizing:border-box!important;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;flex:0 0 40px!important;margin:0!important;padding:0!important;border:1px solid rgba(235, 240, 242,.22)!important;border-radius:12px!important;background:linear-gradient(145deg,rgba(220, 245, 253,.1),rgba(149, 203, 221,.04))!important;color:#36c5ff!important;backdrop-filter:blur(16px) saturate(140%)!important;-webkit-backdrop-filter:blur(16px) saturate(140%)!important; box-shadow:inset 0 1px rgba(255, 255, 255,.07),0 5px 14px rgba(0, 0, 0,.16)!important; filter:none!important;cursor:pointer!important}.detail-purchase-controls .quantity-control button:hover:not(:disabled),#imageZoom .zoom-controls button:hover:not(:disabled){border-color:rgba(0, 184, 244,.5)!important;color:#68d9ff!important;transform:none!important}
.detail-purchase-controls .quantity-control button>.ui-icon,#imageZoom .zoom-controls button>.ui-icon{display:block!important;width:20px!important;height:20px!important;margin:0!important;stroke:currentColor!important;stroke-width:2!important;fill:none!important}
.detail-purchase-controls .quantity-control>span,#imageZoom .zoom-controls>span{display:grid!important;place-items:center!important;box-sizing:border-box!important;min-width:30px!important;width:30px!important;height:40px!important;min-height:40px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#f3f6f1!important; box-shadow:none!important;font:700 12px/1 Inter,Arial,sans-serif!important;font-variant-numeric:tabular-nums!important;text-align:center!important}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){#imageZoom .zoom-controls{top:12px!important;right:68px!important;gap:7px!important}.detail-purchase-controls .quantity-control,#imageZoom .zoom-controls{gap:7px!important}.detail-purchase-controls .quantity-control button,#imageZoom .zoom-controls button{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;flex-basis:40px!important}}


/* Smooth button zoom, no divider strokes, and equal zoom/close button sizing. */
#imageZoom #zoomImage{transition:transform .18s ease-out!important}
#imageZoom.zoom-button-step #zoomImage{transition:transform .46s cubic-bezier(.2,.72,.25,1)!important;will-change:transform}
#imageZoom .zoom-controls>span{border:0!important;border-left:0!important;border-right:0!important;outline:0!important; box-shadow:none!important;position:relative!important}
#imageZoom .zoom-controls>span:before,#imageZoom .zoom-controls>span:after,#imageZoom .zoom-controls:before,#imageZoom .zoom-controls:after{content:none!important;display:none!important;border:0!important; box-shadow:none!important}
#imageZoom .zoom-controls button,#imageZoom .zoom-close{box-sizing:border-box!important;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;max-width:40px!important;max-height:40px!important;flex:0 0 40px!important}
#imageZoom .zoom-close{display:grid!important;place-items:center!important;padding:0!important;border-radius:12px!important}
#imageZoom .zoom-close>.ui-icon,#imageZoom .zoom-close svg{display:block!important;width:19px!important;height:19px!important;margin:0!important}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){#imageZoom .zoom-controls button,#imageZoom .zoom-close{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;max-width:40px!important;max-height:40px!important;flex-basis:40px!important}}


/* Fluid zoom interaction and one aligned toolbar row. */
#imageZoom{--zoom-tool-size:40px;--zoom-tool-top:22px;--zoom-tool-right:22px}
#imageZoom #zoomImage{transition:none!important;will-change:transform}
#imageZoom.zoom-button-step #zoomImage{transition:transform .24s cubic-bezier(.22,.7,.25,1)!important}
#imageZoom.zoom-gesture-active #zoomImage{transition:none!important}
#imageZoom .zoom-controls{position:fixed!important;top:var(--zoom-tool-top)!important;right:calc(var(--zoom-tool-right) + var(--zoom-tool-size) + 10px)!important;height:42px!important;min-height:42px!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:0!important;overflow:visible!important;transform:none!important}
#imageZoom .zoom-controls button,#imageZoom #zoomPercent,#imageZoom .zoom-close{box-sizing:border-box!important;width:var(--zoom-tool-size)!important;height:var(--zoom-tool-size)!important;min-width:var(--zoom-tool-size)!important;max-width:var(--zoom-tool-size)!important;min-height:var(--zoom-tool-size)!important;max-height:var(--zoom-tool-size)!important;flex:0 0 var(--zoom-tool-size)!important;margin:0!important;align-self:center!important}
#imageZoom #zoomPercent{width:52px!important;min-width:52px!important;max-width:52px!important;flex-basis:52px!important;height:40px!important;min-height:40px!important;max-height:40px!important;padding:0!important;border:0!important;border-left:0!important;border-right:0!important;border-inline:0!important;border-radius:0!important;background:transparent!important; box-shadow:none!important;outline:0!important;text-align:center!important;white-space:nowrap!important}
#imageZoom .zoom-controls>span:before,#imageZoom .zoom-controls>span:after,#imageZoom #zoomPercent:before,#imageZoom #zoomPercent:after{content:none!important;display:none!important}
#imageZoom .zoom-close{position:fixed!important;top:var(--zoom-tool-top)!important;right:var(--zoom-tool-right)!important;display:grid!important;place-items:center!important;padding:0!important;border-radius:11px!important}
#imageZoom .zoom-controls button>svg,#imageZoom .zoom-close>svg{width:19px!important;height:19px!important;margin:0!important}
@media(max-width:700px){#imageZoom{--zoom-tool-size:40px;--zoom-tool-top:calc(14px + env(safe-area-inset-top,0px));--zoom-tool-right:14px}#imageZoom .zoom-controls{height:42px!important;min-height:42px!important}}


/* Product breadcrumb: text and separators only, without button rectangles. */
.product-page .breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:4px;background:transparent!important;border:0!important; box-shadow:none!important}
.product-page .breadcrumb button{appearance:none!important;-webkit-appearance:none!important;display:inline!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important; box-shadow:none!important;color:var(--green)!important;font:inherit!important;line-height:inherit!important;letter-spacing:inherit!important;text-decoration:none!important;cursor:pointer!important}.product-page .breadcrumb button:hover{color:#68d9ff!important}
.product-page .breadcrumb button:focus-visible{outline:0!important;text-decoration:underline!important;text-underline-offset:3px!important}
.product-page .breadcrumb span{padding:0!important;border:0!important;border-radius:0!important;background:transparent!important; box-shadow:none!important}


#checkoutModal .phone-field-hint{display:block;color:#8f9b8d;font-size:9px;font-weight:500;letter-spacing:0;line-height:1.55;text-transform:none}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){#checkoutModal .phone-field-hint{font-size:8px}}

/* Checkout fields: subtle, compact placeholder copy and clearer field titles. */
#checkoutModal .checkout-modal label{font-size:10px!important;line-height:1.45!important}
#checkoutModal .checkout-modal input::placeholder,#checkoutModal .checkout-modal textarea::placeholder{color:#879187!important;font:400 11px/1.4 var(--font)!important;letter-spacing:0!important;opacity:1!important}
#checkoutModal .phone-field-hint{font-size:8.5px!important;line-height:1.45!important}
@media(max-width:700px){#checkoutModal .checkout-modal label{font-size:10px!important}#checkoutModal .checkout-modal input::placeholder,#checkoutModal .checkout-modal textarea::placeholder{font-size:10.5px!important}#checkoutModal .phone-field-hint{font-size:8px!important}}

/* Final positioning for wishlist controls after the storefront component overrides. */
.detail-purchase-controls .quantity-actions{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;direction:ltr!important}
.detail-purchase-controls .detail-save-button{box-sizing:border-box!important;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;flex:0 0 40px!important;margin:0!important;padding:0!important;border:1px solid rgba(235, 240, 242,.22)!important;border-radius:12px!important;background:linear-gradient(145deg,rgba(220, 245, 253,.1),rgba(149, 203, 221,.04))!important;color:#36c5ff!important}
.detail-purchase-controls .detail-save-button .IconContainer{width:100%!important;height:100%!important;flex:0 0 100%!important;border:0!important;border-radius:inherit!important;background:transparent!important;color:inherit!important}
.detail-purchase-controls .detail-save-button .text{display:none!important}
.saved-drawer{z-index:1060!important}
.saved-button{box-sizing:border-box!important;width:42px!important;min-width:42px!important;height:42px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;position:relative!important;padding:0!important;border:1px solid rgba(214, 243, 252,.22)!important;border-radius:8px!important;background:linear-gradient(145deg,rgba(35, 37, 40,.88),rgba(21, 23, 26,.84))!important;color:#e5eee2!important}
.saved-button>.ui-icon{width:19px!important;height:19px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important}
.saved-button:hover,.saved-button:focus-visible{border-color:rgba(0, 184, 244,.5)!important;color:var(--green)!important;outline:0!important}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){.header-actions>.saved-button{display:none!important}.navigation.show>.mobile-nav-tools{position:relative!important;z-index:1200!important;width:100%!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;margin:0 0 12px!important;padding:0!important;border:0!important;background:transparent!important;direction:ltr!important}.navigation.show>.mobile-nav-tools>.language-control{width:auto!important;max-width:none!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;align-self:auto!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important}.navigation.show>.mobile-nav-tools>.language-control .language-button{height:40px!important;min-width:68px!important;justify-content:center!important;padding:0 9px!important;border-color:var(--line)!important;border-radius:9px!important;background:#141414!important;color:#dce5da!important}.navigation.show>.mobile-nav-tools>.language-control .language-menu{top:calc(100% + 8px)!important;left:0!important;right:auto!important}.navigation.show>.mobile-nav-tools>.saved-button{width:40px!important;min-width:40px!important;height:40px!important;display:inline-flex!important;margin:0!important}}

/* Product-card actions stack below the price on desktop and mobile. */
.product-card .product-info{display:flex!important;flex-direction:column!important;align-items:stretch!important}
.product-card .product-bottom{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:10px!important;margin-top:10px!important;text-align:center!important}
.product-card .product-bottom .product-price{width:100%!important;align-self:center!important;text-align:center!important}
.product-card .product-bottom .add-mini{width:100%!important;min-width:100%!important;height:46px!important;min-height:46px!important;display:flex!important;align-items:center!important;justify-content:center!important}
.product-card .save-product-button{width:100%!important;min-height:40px!important;align-self:stretch!important}
.product-card.product-action-pressed,.product-card.product-action-pressed:hover{transform:none!important}
.product-card.product-action-pressed .product-image-wrap img{transform:none!important}
.product-card .add-mini,.product-card .save-product-button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.save-product-button:active{transform:scale(.955)!important; filter:brightness(1.14)!important; box-shadow:none}
.save-product-button:active .IconContainer{transform:scale(.86) rotate(-6deg)!important}
.save-product-button .IconContainer,.save-product-button .icon{transition:transform .22s cubic-bezier(.2,.8,.2,1),background .22s ease,color .22s ease,fill .22s ease!important}/* Keep the Save button geometry and label fixed; only use a brief pressed response. */
.save-product-button:not(.detail-save-button):hover{transform:none!important}
.save-product-button:not(.detail-save-button):hover .IconContainer{width:28px!important;flex-basis:28px!important;border-radius:50%!important;transform:none!important}
.save-product-button:not(.detail-save-button):hover .text{width:auto!important;opacity:1!important;transform:none!important;font-size:10px!important}
.save-product-button:not(.detail-save-button):active{transform:scale(.975)!important; filter:brightness(.97)!important}
.save-product-button:not(.detail-save-button):active .IconContainer{transform:none!important}
.save-product-button:not(.detail-save-button) .text{box-sizing:border-box!important;width:80px!important;flex:0 0 80px!important;justify-content:center!important;text-align:center!important}
.detail-purchase-controls .detail-save-button.is-saved{border-color:rgba(0, 184, 244,.7)!important;background:linear-gradient(145deg,#2ecbff,#1cb2e4)!important;color:#101010!important; box-shadow:none}
.detail-purchase-controls .detail-save-button.is-saved .IconContainer{background:transparent!important;color:#101010!important}
.detail-purchase-controls .detail-save-button.is-saved .icon path{fill:#101010!important;stroke:#101010!important}
.save-product-button.is-saved .icon path{fill:currentColor;stroke:currentColor}
@media(hover:none){.save-product-button:active{transition:transform .12s ease,filter .12s ease,box-shadow .12s ease!important}.save-product-button:active .IconContainer{transition:transform .12s ease!important}}
@media(hover:none){.product-card:hover,.product-card:hover .product-image-wrap img{transform:none!important}.product-card:hover{}.product-card.product-action-pressed:hover{transform:none!important}}

#cartDrawer #checkoutButton,#savedDrawer #savedCheckoutButton{border-radius:12px!important}
.toast-added-message{color:#d7e2d3!important;font-size:12px!important;font-weight:600!important;line-height:1.55!important;white-space:normal!important;overflow-wrap:anywhere!important}
.toast-added-message bdi,.cart-undo-notice bdi{color:#6dd4f6!important;font-weight:850!important}
.toast-cart-link,.toast-undo,.cart-undo-button{font-weight:850!important;letter-spacing:.35px!important}
.cart-undo-notice{line-height:1.55}
@media(max-width:600px){.toast-added-message{font-size:11px!important}}
.detail-purchase-controls .quantity-actions{box-sizing:border-box!important;width:100%!important;justify-content:space-between!important;gap:18px!important;direction:ltr!important}
.detail-brand-under-title{display:flex!important;align-items:center!important;justify-content:flex-start!important;box-sizing:border-box!important;width:max-content!important;max-width:min(270px,75vw)!important;height:145px!important;min-width:0!important;min-height:0!important;margin:0 0 16px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important; box-shadow:none!important;overflow:visible!important}
.detail-brand-under-title .detail-brand-logo{display:block!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:145px!important;object-fit:contain!important;object-position:left center!important}
.product-software-downloads{display:grid;gap:12px;margin:18px 0 24px;padding:16px;border:1px solid rgba(0, 184, 244,.19);border-radius:15px;background:linear-gradient(145deg,rgba(28, 28, 28,.9),rgba(12, 12, 12,.92)); box-shadow:inset 0 1px rgba(255, 255, 255,.04),0 12px 28px rgba(0, 0, 0,.16)}
.product-software-heading{display:flex;align-items:center;gap:11px;padding-bottom:11px;border-bottom:1px solid rgba(255, 255, 255,.07)}
.product-software-heading h2{margin:3px 0 0;color:#edf4e9;font:700 16px/1.2 var(--font)}
.product-software-icon{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border:1px solid rgba(0, 184, 244,.25);border-radius:11px;background:rgba(0, 184, 244,.08);color:var(--green)}
.product-software-icon .ui-icon{width:19px;height:19px}
.product-software-list{display:grid;gap:9px}
.product-software-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 12px;border:1px solid rgba(255, 255, 255,.07);border-radius:11px;background:rgba(255, 255, 255,.018)}
.product-software-item>div{display:grid;gap:5px;min-width:0}
.product-software-item strong{color:#edf4e9;font-size:12px;line-height:1.4;overflow-wrap:anywhere}
.product-software-item small{color:#9eaa9b;font-size:10px}
.product-software-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:none;min-height:38px;padding:0 12px;border:1px solid rgba(0, 184, 244,.34);border-radius:10px;background:linear-gradient(135deg,rgba(0, 184, 244,.16),rgba(0, 184, 244,.07));color:#68d9ff;text-decoration:none;font-size:9px;font-weight:850;letter-spacing:.04em;transition:background .18s ease,border-color .18s ease,transform .18s ease}.product-software-button:hover,.product-software-button:focus-visible{border-color:var(--green);transform:translateY(-1px);outline:none}
.product-software-button .ui-icon{width:15px;height:15px}
@media(max-width:600px){.detail-brand-under-title{max-width:min(220px,72vw)!important;height:115px!important;margin-bottom:14px!important}.detail-brand-under-title .detail-brand-logo{max-height:115px!important}.product-software-downloads{padding:13px;border-radius:13px}.product-software-item{align-items:stretch;flex-direction:column;gap:10px}.product-software-button{width:100%;min-height:42px}}
html.scroll-reveal-ready body [data-scroll-motion][data-scroll-motion][data-scroll-motion]{opacity:0!important;transform:none!important;translate:none!important;animation:none!important;transition:opacity .5s ease-in-out!important;transition-delay:0ms!important;will-change:opacity!important}
html.scroll-reveal-ready body [data-scroll-motion][data-scroll-motion][data-scroll-motion].is-scroll-visible{opacity:1!important;transform:none!important;translate:none!important;will-change:auto!important}
/* Keep notification actions in place: show and dismiss them with opacity only. */
html body .toast,html body .toast.show,html body .toast.has-cart-link.show{transform:translateX(-50%)!important;transition:opacity .2s ease-in-out!important}
/* The mobile navigation uses the same fade-only entrance and exit. */
@media(max-width:700px){html body .header .navigation,html body .header .navigation.show{transform:none!important;transition:opacity .2s ease-in-out,visibility 0s linear .2s!important}html body .header .navigation.show{transition:opacity .2s ease-in-out,visibility .2s!important}html body .header .navigation.popup-closing{display:flex!important;visibility:visible!important;pointer-events:none!important;opacity:0!important;transform:none!important;animation:none!important;transition:opacity .2s ease-in-out!important}}
@media(min-width:761px) and ((min-height:501px) or (pointer:fine) or (orientation:portrait)){html{scrollbar-gutter:stable}body{overflow-x:clip}}
@media(min-width:761px) and ((min-height:501px) or (pointer:fine) or (orientation:portrait)){
  html{scrollbar-color:#33c2f2 #1b2126;scrollbar-width:thin}
  html::-webkit-scrollbar{width:14px}
  html::-webkit-scrollbar-track{margin-block:5px;border:3px solid #1b2126;border-radius:999px;background:linear-gradient(180deg,#141414,#0c0c0c)}
  html::-webkit-scrollbar-thumb{min-height:42px;border:3px solid #1b2126;border-radius:999px;background:linear-gradient(135deg,#2ecbff 0%,#00b8f4 52%,#0fb2e8 100%); box-shadow:inset 0 1px rgba(255, 255, 255,.55);transition:background .2s ease,box-shadow .2s ease}html::-webkit-scrollbar-thumb:hover{}
  html::-webkit-scrollbar-corner{background:#1b2126}
}
.detail-brand-under-title,.product-brand-under-title{display:flex!important;align-items:center!important;justify-content:flex-start!important;box-sizing:border-box!important;width:176px!important;height:78px!important;min-width:176px!important;min-height:78px!important;margin:0 0 16px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important; box-shadow:none!important}
.detail-brand-under-title .detail-brand-logo,.product-brand-under-title .product-brand-logo{display:block!important;box-sizing:border-box!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:left center!important}
.product-page .breadcrumb{width:100%;gap:4px;direction:ltr}
.product-page .breadcrumb button.product-breadcrumb-back,.store-info-page .info-page-breadcrumb button.product-breadcrumb-back,.all-products-back{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;margin-left:auto!important;padding:8px 13px!important;border:1px solid rgba(0, 184, 244,.24)!important;border-radius:999px!important;background:rgba(0, 184, 244,.07)!important;color:var(--green)!important;font-size:10px!important;font-weight:800!important;line-height:1!important;white-space:nowrap}.product-page .breadcrumb button.product-breadcrumb-back:hover,.store-info-page .info-page-breadcrumb button.product-breadcrumb-back:hover,.all-products-back:hover{border-color:rgba(0, 184, 244,.48)!important}
html.store-language-ar .detail-brand-under-title,html.store-language-ar .product-brand-under-title{justify-content:flex-start!important}
html.store-language-ar .detail-brand-under-title .detail-brand-logo,html.store-language-ar .product-brand-under-title .product-brand-logo{object-position:left center!important}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){.detail-brand-under-title,.product-brand-under-title{width:148px!important;height:66px!important;min-width:148px!important;min-height:66px!important;margin-bottom:13px!important}.detail-brand-under-title .detail-brand-logo,.product-brand-under-title .product-brand-logo{width:100%!important;height:100%!important}}
.product-page .breadcrumb{flex-wrap:nowrap;min-width:0}
.product-page .breadcrumb>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.product-page .breadcrumb button.product-breadcrumb-back,.store-info-page .info-page-breadcrumb button.product-breadcrumb-back,.all-products-back{flex:none;margin-left:auto!important;padding:8px 10px!important}
.detail-brand-under-title.brand-logo-normalized{overflow:hidden!important}
.detail-brand-under-title.brand-logo-normalized .detail-brand-logo{position:static!important;left:auto!important;top:auto!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:left center!important}



/* Back-in-stock request card on unavailable products. */
.product-page .stock-alert-card{display:grid;gap:9px;width:100%;padding:18px;border:1px solid rgba(0, 184, 244,.2);border-radius:16px;background:linear-gradient(145deg,rgba(28, 28, 28,.96),rgba(12, 12, 12,.98)); box-shadow:inset 0 1px rgba(255, 255, 255,.035),0 16px 36px rgba(0, 0, 0,.2)}
.product-page .stock-alert-card>.eyebrow{color:#00b8f4;font-size:9px;font-weight:850;letter-spacing:1.5px}
.product-page .stock-alert-card h2{margin:0;color:#f1f6ee;font:800 clamp(21px,3vw,27px)/1.05 var(--display);letter-spacing:.2px}
.product-page .stock-alert-card p{margin:0;color:#aab6a7;font-size:12px;line-height:1.65}
.stock-alert-form-row{display:flex;align-items:stretch;gap:9px;margin-top:3px}
.stock-alert-form-row input{flex:1;min-width:0;min-height:48px;padding:0 14px;border:1px solid rgba(255, 255, 255,.12);border-radius:11px;background:#0a0a0a;color:#eff5ec;font:500 13px var(--font);outline:none;transition:border-color .2s,box-shadow .2s}
.stock-alert-form-row input::placeholder{color:#3c9ebf;font-size:12px}.stock-alert-form-row input:focus{border-color:rgba(0, 184, 244,.55)}
.stock-alert-form-row button{flex:none;min-height:48px;padding:0 18px;border:1px solid rgba(255, 255, 255,.28);border-radius:11px;background:linear-gradient(120deg,#6ed4f6,#25baec);color:#121212;font-size:10px;font-weight:900;letter-spacing:.45px; box-shadow:none;transition:filter .2s,box-shadow .2s}.stock-alert-form-row button:hover:not(:disabled){}
.stock-alert-form-row button:disabled{opacity:.55;cursor:default}
.stock-alert-status{min-height:14px;color:#4ca8c6;font-size:10px;line-height:1.5}
.stock-alert-status.is-error{padding:9px 11px;border:1px solid rgba(255, 133, 120,.3);border-radius:9px;background:linear-gradient(145deg,rgba(255, 118, 103,.1),rgba(16, 16, 16,.78));color:#ffb0a4;font-size:11px;font-weight:700;line-height:1.55}
.stock-alert-form-row input[aria-invalid="true"]{border-color:rgba(255, 133, 120,.72); box-shadow:0 0 0 3px rgba(255, 118, 103,.1)}
@media(max-width:520px){.product-page .stock-alert-card{padding:15px;border-radius:14px}.stock-alert-form-row{flex-direction:column}.stock-alert-form-row button{width:100%}}
.product-card .product-bottom .add-mini:disabled{min-height:46px!important;height:46px!important;border-radius:12px!important;overflow:hidden!important}
.product-detail-info .detail-add-button:disabled{border-radius:12px!important;overflow:hidden!important}
.stock-alert-form-row input:disabled{opacity:.72;cursor:not-allowed}
.related-section .related-catalog-slot .catalog-toolbar{margin:18px 0 20px}
#productPage .related-section #relatedProducts{grid-template-columns:repeat(var(--related-columns,3),minmax(0,1fr))}
@media(max-width:700px){.related-section .related-catalog-slot .catalog-toolbar{margin:15px 0 17px;padding:11px;border-radius:11px}#productPage .related-section #relatedProducts{grid-template-columns:repeat(var(--related-columns,2),minmax(0,1fr))}}

/* Keep the search panel's entrance and dismissal as a simple matching fade. */
.store-search-panel.popup-closing{animation:none!important;opacity:0!important;transform:none!important;translate:none!important;scale:none!important;visibility:visible!important;pointer-events:none!important;transition:opacity .2s ease-in-out!important}

/* Match the cart control to the saved-products square button and corner badge. */
.header-actions>.cart-button{position:relative!important;box-sizing:border-box!important;width:42px!important;min-width:42px!important;max-width:42px!important;height:42px!important;min-height:42px!important;max-height:42px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:0!important;padding:0!important;border-radius:8px!important}
.header-actions>.cart-button>.icon-cart{width:19px!important;height:19px!important;flex:none!important}
.header-actions>.cart-button>.cart-label{display:none!important}
.header-actions>.cart-button>.cart-count{position:absolute!important;top:-6px!important;right:-6px!important;z-index:2;min-width:18px!important;width:auto!important;height:18px!important;display:grid!important;place-items:center!important;padding:0 4px!important;border:2px solid #1b2126!important;border-radius:50px!important;background:var(--green)!important;color:#101418!important;font:900 9px/1 var(--font)!important;font-variant-numeric:tabular-nums}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){.header-actions>.cart-button{box-sizing:border-box!important;flex:0 0 38px!important;width:38px!important;min-width:38px!important;max-width:38px!important;height:38px!important;min-height:38px!important;max-height:38px!important;padding:0!important}}
@media(max-width:380px){.header-actions>.cart-button{flex-basis:39px!important;width:39px!important;min-width:39px!important;max-width:39px!important;height:39px!important;min-height:39px!important;max-height:39px!important}}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){.header-actions{gap:7px!important}}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){.header-actions>.cart-button>.icon-cart{width:16px!important;height:16px!important}}

/* Product-page direct checkout CTA, paired beside Add to Bag. */
.detail-cta-row{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:10px;order:0;min-width:0}
.detail-cta-row .detail-add-button,.detail-cta-row .detail-buy-now{box-sizing:border-box;width:100%;min-width:0;min-height:52px;margin:0!important;padding:12px 10px!important;border-radius:12px!important;display:flex;align-items:center;justify-content:center;gap:8px;text-align:center;font-size:10px;font-weight:900;letter-spacing:.45px;line-height:1.2;white-space:nowrap}
.detail-cta-row .detail-buy-now{border:1px solid rgba(194, 226, 236,.28)!important;background:linear-gradient(145deg,rgba(42, 42, 42,.96),rgba(18, 18, 18,.98))!important;color:#e7efe4!important; box-shadow:inset 0 1px rgba(255, 255, 255,.08),0 8px 20px rgba(0, 0, 0,.18)!important;transition:transform .22s ease,border-color .22s ease,background .22s ease,color .22s ease,box-shadow .22s ease!important}
.detail-cta-row .detail-buy-now>span{display:grid;place-items:center;flex:none;line-height:0;color:var(--green)}
.detail-cta-row .detail-buy-now .ui-icon{width:15px;height:15px}
@media(hover:hover){.detail-cta-row .detail-buy-now:hover{transform:translateY(-2px);border-color:rgba(0, 184, 244,.5)!important;color:#f5f8f2!important}}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){.detail-cta-row{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:8px}.detail-cta-row .detail-add-button,.detail-cta-row .detail-buy-now{min-height:49px;padding-inline:6px!important;font-size:9px;letter-spacing:.2px}}

/* Refined search control and a panel anchored directly beneath its trigger. */
.header-actions>.search-button{transform:none!important; filter:none!important;transition:border-color .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease!important}
.header-actions>.search-button .ui-icon{pointer-events:none;transform:none!important; filter:none!important}.header-actions>.search-button[aria-expanded="true"],.header-actions>.search-button:active{transform:none!important; filter:none!important}
.header-actions>.search-button:hover{transform:none!important}.header-actions>.search-button:focus-visible{outline:2px solid rgba(0, 184, 244,.76)!important;outline-offset:3px!important}
.store-search-panel:not([hidden]){transform:none!important;translate:none!important;transform-origin:top center!important;animation:storePanelFade .2s ease-in-out both!important}
.store-search-panel.popup-closing{animation:none!important;opacity:0!important;transform:none!important;translate:none!important;scale:none!important;visibility:visible!important;pointer-events:none!important;transition:opacity .2s ease-in-out!important}
.product-page .breadcrumb button.product-breadcrumb-back,.store-info-page .info-page-breadcrumb button.product-breadcrumb-back,.all-products-back{box-sizing:border-box!important;min-width:94px!important;height:40px!important;margin-inline-start:auto!important;padding:0 14px!important;border:1px solid rgba(204, 230, 239,.2)!important;border-radius:12px!important;background:linear-gradient(145deg,rgba(40, 40, 40,.94),rgba(17, 17, 17,.97))!important;color:#e9f0e5!important;font-size:9px!important;font-weight:900!important;letter-spacing:.7px!important; box-shadow:inset 0 1px rgba(255, 255, 255,.075),0 7px 18px rgba(0, 0, 0,.18)!important;transition:background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease!important}
.product-page .breadcrumb button.product-breadcrumb-back>.back-icon,.store-info-page .info-page-breadcrumb button.product-breadcrumb-back>.back-icon,.all-products-back>.back-icon{display:grid;place-items:center;width:20px;height:20px;flex:0 0 20px;border:1px solid rgba(0, 184, 244,.24);border-radius:50%;background:rgba(0, 184, 244,.07);color:var(--green);font-size:13px;line-height:1}.product-page .breadcrumb button.product-breadcrumb-back>.back-icon .ui-icon,.store-info-page .info-page-breadcrumb button.product-breadcrumb-back>.back-icon .ui-icon,.all-products-back>.back-icon .ui-icon{width:14px;height:14px;stroke:currentColor;stroke-width:2;fill:none}.product-page .breadcrumb button.product-breadcrumb-back:hover,.store-info-page .info-page-breadcrumb button.product-breadcrumb-back:hover,.all-products-back:hover{border-color:rgba(0, 184, 244,.48)!important;color:#fff!important}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){.store-search-panel:not([hidden]){box-sizing:border-box!important;max-width:calc(100vw - 22px)!important;max-height:min(72dvh,620px);padding:14px;border-radius:15px}.product-page .breadcrumb button.product-breadcrumb-back,.store-info-page .info-page-breadcrumb button.product-breadcrumb-back,.all-products-back{min-width:88px!important;height:38px!important;padding:0 10px!important}}

/* Compact thank-you state replaces checkout details inside the same dialog. */
#checkoutModal .checkout-modal.checkout-success-open{width:min(460px,calc(100vw - 36px))!important;height:auto!important;min-height:270px!important;max-height:calc(100dvh - 36px)!important;margin:auto!important;padding:58px 30px 28px!important;overflow:visible!important;border-radius:22px!important}
#checkoutModal .checkout-modal.checkout-success-open>.eyebrow,#checkoutModal .checkout-modal.checkout-success-open>h2,#checkoutModal .checkout-modal.checkout-success-open>#checkoutOrderSummary,#checkoutModal .checkout-modal.checkout-success-open>#checkoutForm,#checkoutModal .checkout-modal.checkout-success-open>#checkoutWhatsAppStep{display:none!important}
#checkoutModal .checkout-modal.checkout-success-open>#closeCheckout{position:absolute!important;top:12px!important;right:auto!important;left:auto!important;inset-inline-end:12px!important;margin:0!important;width:38px!important;height:38px!important}
#checkoutModal .checkout-modal.checkout-success-open #checkoutSuccess:not([hidden]){display:grid!important;position:static!important;isolation:auto!important;min-height:0!important;margin:0!important;padding:8px 6px!important;overflow:visible!important;border:0!important;border-radius:0!important;background:transparent!important; box-shadow:none!important}
#checkoutModal .checkout-modal.checkout-success-open #checkoutSuccess:before,#checkoutModal .checkout-modal.checkout-success-open #checkoutSuccessDetails{display:none!important}
#checkoutModal .checkout-modal.checkout-success-open #checkoutSuccess h3{margin:0;color:#f4f8ef;font-size:clamp(34px,7vw,46px)}
#checkoutModal .checkout-modal.checkout-success-open #checkoutSuccess .btn-primary{min-height:52px;margin-top:8px;padding-inline:25px;border-radius:14px!important}
@media(max-width:700px){#checkoutModal.checkout-success-open{align-items:center!important;justify-content:center!important;padding:14px!important;overflow:hidden!important}#checkoutModal .checkout-modal.checkout-success-open{width:min(440px,calc(100vw - 28px))!important;height:auto!important;min-height:250px!important;max-height:calc(100dvh - 40px)!important;margin:auto!important;padding:58px 21px 24px!important;border-radius:20px!important}#checkoutModal .checkout-modal.checkout-success-open>#closeCheckout{position:absolute!important;top:11px!important;inset-inline-end:11px!important;margin:0!important}}
#checkoutModal .checkout-modal.checkout-success-open{background:radial-gradient(ellipse at 50% -8%,rgba(114, 213, 246,.2),transparent 47%),radial-gradient(ellipse at 0% 100%,rgba(53, 139, 168,.2),transparent 49%),radial-gradient(ellipse at 100% 100%,rgba(36, 96, 116,.2),transparent 46%),linear-gradient(145deg,#222222 0%,#101010 56%,#181818 100%)!important;border-color:rgba(131, 218, 247,.48)!important; box-shadow:inset 0 1px rgba(255, 255, 255,.12),0 26px 76px rgba(0, 0, 0,.55)}
#checkoutModal .checkout-modal.checkout-success-open #checkoutSuccess .eyebrow{display:block!important;margin:0;color:#8addf8;font-size:10px;font-weight:850;letter-spacing:2.1px; text-shadow:none}
#checkoutModal .checkout-modal.checkout-success-open #checkoutSuccess .checkout-success-mark{width:74px;height:74px;border:1px solid rgba(179, 232, 250,.82);border-radius:50%;background:linear-gradient(145deg,rgba(0, 184, 244,.24),rgba(0, 184, 244,.055)); box-shadow:inset 0 1px rgba(255, 255, 255,.24)}
#checkoutModal .checkout-modal.checkout-success-open #checkoutSuccess .checkout-success-mark svg{width:40px;height:40px;fill:none;stroke:#a0e3f9;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round; filter:none}
#checkoutModal .checkout-modal.checkout-success-open #checkoutSuccess h3{font-size:clamp(30px,6vw,40px);line-height:1.18;letter-spacing:-.02em; text-shadow:none}
#checkoutModal .checkout-modal.checkout-success-open #checkoutSuccess .checkout-success-message{max-width:360px;margin:0;color:#e0e9dc;font-size:14px;line-height:1.9;letter-spacing:.04px}
html.store-language-ar #checkoutModal .checkout-modal.checkout-success-open #checkoutSuccess .checkout-success-message{font-size:15px;line-height:1.95}

/* Thank-you icon editor and responsive preview */
.checkout-success-icon-preview{--success-icon-size:74px;width:100%;min-height:150px;display:grid;place-items:center;margin:14px 0;padding:20px;border:1px solid rgba(0, 184, 244,.18);border-radius:14px;background:linear-gradient(145deg,#161616,#0a0a0a)}
.checkout-success-icon-preview svg,.checkout-success-icon-preview img{width:var(--success-icon-size);height:var(--success-icon-size);max-width:100%;object-fit:contain}
.checkout-success-icon-preview svg{fill:none;stroke:#a0e3f9;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
#checkoutModal .checkout-success-mark img{display:block;width:100%;height:100%;object-fit:contain;border-radius:inherit}
.footer-newsletter-consent{display:block;margin:-8px 0 12px;color:var(--muted);font-size:10px;line-height:1.5}
/* Match the order confirmation card's ELECTRO SELLAM finish and footprint. */
#checkoutModal .checkout-modal.checkout-success-open{width:min(520px,calc(100vw - 36px))!important;min-height:0!important;padding:clamp(28px,6vw,44px)!important;border:1px solid rgba(0, 184, 244,.46)!important;border-radius:26px!important;background:radial-gradient(ellipse at 82% 0%,rgba(0, 184, 244,.19),transparent 43%),radial-gradient(ellipse at 0% 100%,rgba(41, 107, 129,.18),transparent 46%),linear-gradient(145deg,#1c1c1c 0%,#0e0e0e 72%)!important; box-shadow:0 34px 100px rgba(0, 0, 0,.78),inset 0 1px rgba(255, 255, 255,.08)!important}
#checkoutModal .checkout-modal.checkout-success-open:before{content:"";position:absolute;z-index:0;inset:0;border-radius:inherit;background-image:linear-gradient(rgba(210, 230, 240,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(210, 230, 240,.035) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(115deg,transparent 8%,#000 58%,transparent 100%);pointer-events:none}
#checkoutModal .checkout-modal.checkout-success-open #checkoutSuccess:not([hidden]){position:relative!important;z-index:1!important}
@media(max-width:700px){#checkoutModal .checkout-modal.checkout-success-open{width:min(520px,calc(100vw - 28px))!important;padding:27px 21px!important;border-radius:21px!important}}
/* Keep room for the dialog close control while matching the order confirmation card. */
#checkoutModal .checkout-modal.checkout-success-open{padding:58px clamp(21px,6vw,44px) 28px!important}
@media(max-width:700px){#checkoutModal .checkout-modal.checkout-success-open{padding:58px 21px 24px!important}}

/* Keep the header utilities in one desktop order and give them the saved button's shared hover treatment. */
@media(min-width:761px) and ((min-height:501px) or (pointer:fine) or (orientation:portrait)){
  .header-actions{direction:ltr!important}
  .header-actions>.language-control{order:1}
  .header-actions>.saved-button{order:2}
  .header-actions>.header-home-link{order:3}
  .header-actions>.search-button{order:4}
  .header-actions>.cart-button{order:5}
}
.header-actions>.saved-button,
.header-actions>.header-home-link,
.header-actions>.language-control>.language-button,
.header-actions>.search-button,
.header-actions>.cart-button{transition:border-color .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease,filter .2s ease!important}.header-actions>.language-control.is-open>.language-button,.header-actions>.search-button[aria-expanded="true"]{background:linear-gradient(145deg,rgba(211, 242, 252,.16),rgba(146, 202, 221,.07))!important;border-color:rgba(0, 184, 244,.5)!important;color:var(--green)!important; box-shadow:inset 0 1px rgba(255, 255, 255,.09),0 4px 14px rgba(0, 0, 0,.16)!important; filter:brightness(1.04)!important;outline:0!important}
.header-actions>.saved-button:hover,.header-actions>.saved-button:focus-visible,.header-actions>.header-home-link:hover,.header-actions>.header-home-link:focus-visible,.header-actions>.language-control:hover>.language-button,.header-actions>.language-control>.language-button:focus-visible,.header-actions>.search-button:hover,.header-actions>.search-button:focus-visible,.header-actions>.cart-button:hover,.header-actions>.cart-button:focus-visible{border-color:rgba(0, 184, 244,.5)!important;color:var(--green)!important;outline:0!important}.header-actions>.language-control.is-open>.language-button,.header-actions>.search-button[aria-expanded="true"]{
  background:linear-gradient(145deg,rgba(35, 37, 40,.88),rgba(21, 23, 26,.84))!important;
  border-color:rgba(214, 243, 252,.22)!important;
  color:var(--green)!important; box-shadow:inset 0 1px rgba(255, 255, 255,.09),0 4px 14px rgba(0, 0, 0,.16)!important; filter:none!important;
  outline:0!important;
}
/* Header controls use the navigation hover: green icon/text with a soft glow only. */
.header-actions>.saved-button:hover,.header-actions>.saved-button:focus-visible,.header-actions>.header-home-link:hover,.header-actions>.header-home-link:focus-visible,.header-actions>.language-control:hover>.language-button,.header-actions>.language-control>.language-button:focus-visible,.header-actions>.search-button:hover,.header-actions>.search-button:focus-visible,.header-actions>.cart-button:hover,.header-actions>.cart-button:focus-visible{
  border-color:rgba(214, 243, 252,.22)!important;
  color:var(--green)!important;
  outline:0!important}

/* Store-wide ELECTRO SELLAM backdrop: layered soft light on deep charcoal, without a grid texture. */
body:not(.admin-body){
  min-height:100vh;
  background-color:#080808!important;
  background-image:
    radial-gradient(ellipse 68% 46% at 7% 7%,rgba(39, 103, 124,.20),transparent 72%),
    radial-gradient(ellipse 46% 40% at 94% 22%,rgba(31, 82, 99,.19),transparent 74%),
    radial-gradient(ellipse 58% 46% at 54% 86%,rgba(31, 81, 97,.15),transparent 76%),
    radial-gradient(ellipse 78% 70% at 50% 48%,rgba(20, 20, 20,.42),transparent 78%),
    linear-gradient(138deg,#0a0a0a 0%,#0c0c0c 48%,#080808 100%)!important;
  background-attachment:fixed!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){body:not(.admin-body){background-attachment:scroll!important}}

/* Catalog filter and view controls stay visible without scroll-reveal motion. */
html.scroll-reveal-ready body :is(#productFilters,.product-filters,.filter-tabs,.catalog-toolbar,.catalog-grid-control)[data-scroll-motion]{opacity:1!important;transform:none!important;translate:none!important;animation:none!important;transition:none!important;transition-delay:0ms!important;will-change:auto!important}

/* Catalog controls are static; keep only their own indicator and hover transitions. */
html.scroll-reveal-ready body :is(#productFilters,.product-filters,.filter-tabs,.filter-tabs .filter-btn,.catalog-toolbar,.catalog-sort,.catalog-grid-control,.catalog-grid-options,.catalog-grid-options>button){opacity:1!important;translate:none!important;animation:none!important;transition-delay:0ms!important;will-change:auto!important}
/* Catalog controls stay static on load and browser-back; glide only after a deliberate selection. */
:is(#productFilters,.product-filters,.filter-tabs,.filter-tabs .filter-btn,.catalog-toolbar,.catalog-sort,.catalog-grid-control,.catalog-grid-options,.catalog-grid-options>button){opacity:1!important;translate:none!important;animation:none!important;transition-delay:0ms!important;will-change:auto!important}
.filter-glide-pill:not(.is-ready),.catalog-grid-glide-pill:not(.is-ready){transition:none!important}

/* Keep category and VIEW hover feedback without vertical lift. */
#shop .filter-tabs .filter-btn,#allProductsPage .filter-tabs .filter-btn{transition:color .22s ease,border-color .22s ease,background-color .22s ease,transform .2s ease}#shop .filter-tabs .filter-btn:hover:not(.active),#allProductsPage .filter-tabs .filter-btn:hover:not(.active){border-color:transparent!important;color:var(--green)!important;transform:none!important}
#shop .catalog-grid-options>button:hover:not(.active),#allProductsPage .catalog-grid-options>button:hover:not(.active){transform:none!important}

/* Use the same green hover feedback on links inside Products, Support and Software menus. */
.navigation .nav-submenu a{transition:color .22s ease,background-color .22s ease,border-color .22s ease}.navigation .nav-submenu a:hover,.navigation .nav-submenu a:focus-visible{border-color:transparent!important;color:var(--green)!important;transform:none!important}

/* Store backdrop adapted from the admin's green glow and fine grid. */
body:not(.admin-body){
  background-color:#0a0a0a!important;
  background-image:
    linear-gradient(rgba(0, 184, 244,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0, 184, 244,.018) 1px,transparent 1px),
    radial-gradient(ellipse at 12% 7%,rgba(50, 50, 50,.62),transparent 43%),
    radial-gradient(ellipse at 91% 82%,rgba(39, 39, 39,.5),transparent 45%),
    radial-gradient(ellipse at 50% 42%,rgba(18, 18, 18,.34),transparent 72%),
    linear-gradient(155deg,#0b0b0b 0%,#101418 52%,#0c0c0c 100%)!important;
  background-size:42px 42px,42px 42px,100% 100%,100% 100%,100% 100%,100% 100%!important;
  background-repeat:repeat,repeat,no-repeat,no-repeat,no-repeat,no-repeat!important;
  background-attachment:fixed!important;
}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){body:not(.admin-body){background-attachment:scroll!important}}

/* Adapt the admin's green ambient light and fine grid to the homepage hero slides. */
.hero,.custom-hero-slider{
  background-color:#0a0a0a!important;
  background-image:
    radial-gradient(ellipse at 76% 34%,rgba(0, 107, 155,.20),transparent 38%),
    radial-gradient(ellipse at 12% 82%,rgba(54, 54, 54,.30),transparent 46%),
    linear-gradient(150deg,#0e0e0e 0%,#0a0a0a 54%,#141414 100%)!important;
}
.hero::before,.custom-hero-slider::before{
  background-image:
    linear-gradient(rgba(0, 184, 244,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0, 184, 244,.025) 1px,transparent 1px),
    radial-gradient(ellipse at 78% 34%,rgba(0, 184, 244,.055),transparent 48%),
    linear-gradient(180deg,rgba(210, 230, 240,.018),transparent 48%,rgba(46, 46, 46,.035))!important;
  background-size:48px 48px,48px 48px,100% 100%,100% 100%!important;
  background-position:center!important;
  background-repeat:repeat,repeat,no-repeat,no-repeat!important;
  mask-image:linear-gradient(180deg,transparent 0%,#000 12%,#000 86%,transparent 100%)!important;
}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){
  .hero,.custom-hero-slider{background-image:radial-gradient(ellipse at 66% 32%,rgba(0, 107, 155,.18),transparent 40%),radial-gradient(ellipse at 15% 82%,rgba(54, 54, 54,.28),transparent 48%),linear-gradient(155deg,#0e0e0e 0%,#0a0a0a 56%,#141414 100%)!important}
  .hero::before,.custom-hero-slider::before{background-size:36px 36px,36px 36px,100% 100%,100% 100%!important;mask-image:linear-gradient(180deg,transparent 0%,#000 9%,#000 90%,transparent 100%)!important}
}

/* Premium ELECTRO SELLAM header glass with a restrained green ambient finish. */
.header{
  background-color:rgba(10, 10, 10,.92)!important;
  background-image:
    radial-gradient(ellipse at 8% 0%,rgba(54, 156, 190,.15),transparent 42%),
    radial-gradient(ellipse at 94% 100%,rgba(35, 93, 112,.18),transparent 44%),
    linear-gradient(112deg,rgba(22, 22, 22,.94) 0%,rgba(12, 12, 12,.92) 55%,rgba(14, 14, 14,.94) 100%)!important;
  border-color:rgba(156, 226, 249,.24)!important; box-shadow:0 14px 38px rgba(0, 0, 0,.32),inset 0 1px rgba(255, 255, 255,.075);
  -webkit-backdrop-filter:blur(26px) saturate(145%)!important;
  backdrop-filter:blur(26px) saturate(145%)!important;
}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){
  .header{
    background-image:
      radial-gradient(ellipse at 5% 0%,rgba(54, 156, 190,.13),transparent 45%),
      radial-gradient(ellipse at 100% 100%,rgba(35, 93, 112,.16),transparent 48%),
      linear-gradient(112deg,rgba(22, 22, 22,.95),rgba(12, 12, 12,.94) 58%,rgba(14, 14, 14,.95))!important; box-shadow:0 10px 28px rgba(0, 0, 0,.3),inset 0 1px rgba(255, 255, 255,.07);
  }
}

/* Refined NEON palette: charcoal surfaces with a restrained primary-lime glow. */
body:not(.admin-body){
  background-color:#090909!important;
  background-image:
    radial-gradient(ellipse 70% 46% at 6% 6%,rgba(0, 184, 244,.065),transparent 72%),
    radial-gradient(ellipse 48% 42% at 96% 28%,rgba(0, 184, 244,.035),transparent 76%),
    radial-gradient(ellipse 68% 55% at 52% 100%,rgba(255, 255, 255,.018),transparent 78%),
    linear-gradient(145deg,#090909 0%,#0c0c0c 52%,#090909 100%)!important;
  background-attachment:fixed!important;background-repeat:no-repeat!important;background-size:cover!important;
}
.header{
  background-color:rgba(9, 9, 9,.94)!important;
  background-image:radial-gradient(ellipse at 8% 0%,rgba(0, 184, 244,.09),transparent 44%),radial-gradient(ellipse at 96% 100%,rgba(255, 255, 255,.025),transparent 48%),linear-gradient(112deg,rgba(18, 20, 19,.96),rgba(9, 11, 10,.95) 58%,rgba(13, 15, 14,.96))!important;
  border-color:rgba(0, 184, 244,.18)!important; box-shadow:0 14px 38px rgba(0, 0, 0,.34),inset 0 1px rgba(255, 255, 255,.055);
}
.footer{
  background-color:#090909!important;
  background-image:radial-gradient(ellipse at 50% 0%,rgba(0, 184, 244,.055),transparent 48%),linear-gradient(155deg,#111413 0%,#090b0a 52%,#0c0e0d 100%)!important;
  border-top-color:rgba(0, 184, 244,.16)!important;
}
.hero,.custom-hero-slider{
  background-color:#090b0a!important;
  background-image:radial-gradient(ellipse at 76% 34%,rgba(0, 184, 244,.075),transparent 40%),radial-gradient(ellipse at 12% 82%,rgba(255, 255, 255,.025),transparent 48%),linear-gradient(150deg,#121212 0%,#090b0a 58%,#121212 100%)!important;
}
.hero::before,.custom-hero-slider::before{
  background-image:linear-gradient(rgba(0, 184, 244,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(0, 184, 244,.018) 1px,transparent 1px),radial-gradient(ellipse at 78% 34%,rgba(0, 184, 244,.035),transparent 50%),linear-gradient(180deg,rgba(255, 255, 255,.012),transparent 48%,rgba(0, 0, 0,.08))!important;
}
.categories-grid .category-card,.category-subcategories .category-card{
  background-color:#101211!important;
  background-image:radial-gradient(ellipse at 84% 10%,rgba(0, 184, 244,.075),transparent 42%),radial-gradient(ellipse at 8% 92%,rgba(255, 255, 255,.025),transparent 48%),linear-gradient(145deg,#151817 0%,#0c0e0d 58%,#111413 100%)!important;
  border-color:rgba(215, 224, 214,.14)!important; box-shadow:inset 0 1px rgba(255, 255, 255,.045),0 16px 34px rgba(0, 0, 0,.24)!important;
}
.categories-grid .category-card::before,.category-subcategories .category-card::before{
  background-image:linear-gradient(135deg,rgba(255, 255, 255,.035),transparent 42%),radial-gradient(ellipse at 78% 18%,rgba(0, 184, 244,.045),transparent 52%),linear-gradient(180deg,transparent 48%,rgba(0, 0, 0,.18))!important;
  background-size:100% 100%!important;mask-image:none!important;
}
.product-card{
  background:linear-gradient(155deg,#141716 0%,#0d100f 56%,#111413 100%)!important;
  border-color:rgba(215, 224, 214,.14)!important; box-shadow:inset 0 1px rgba(255, 255, 255,.035),0 14px 32px rgba(0, 0, 0,.22)!important;
}
.product-card .product-image-wrap,.products-grid .product-image-wrap,.product-carousel-track .product-image-wrap,.mobile-product-carousel .product-image-wrap{
  background-color:#0c0f0e!important;
  background-image:radial-gradient(ellipse at 56% 20%,rgba(0, 184, 244,.07),transparent 46%),radial-gradient(ellipse at 8% 92%,rgba(255, 255, 255,.025),transparent 50%),linear-gradient(145deg,#151817 0%,#0b0e0d 58%,#121514 100%)!important;
  border-bottom-color:rgba(215, 224, 214,.1)!important;
}
.product-card .product-image-wrap::before,.products-grid .product-image-wrap::before,.product-carousel-track .product-image-wrap::before,.mobile-product-carousel .product-image-wrap::before{
  background-image:radial-gradient(ellipse at 50% 18%,rgba(0, 184, 244,.035),transparent 55%),radial-gradient(ellipse at center,transparent 32%,rgba(0, 0, 0,.16) 100%)!important;
  background-size:100% 100%!important;mask-image:none!important;
}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){body:not(.admin-body){background-attachment:scroll!important}}

/* Restore the store and card backdrops with the corrected NEON lime palette. */
body:not(.admin-body){
  min-height:100vh;
  background-color:#090909!important;
  background-image:
    linear-gradient(rgba(0, 184, 244,.016) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0, 184, 244,.016) 1px,transparent 1px),
    radial-gradient(ellipse at 8% 8%,rgba(0, 184, 244,.13),transparent 42%),
    radial-gradient(ellipse at 94% 78%,rgba(0, 184, 244,.055),transparent 44%),
    radial-gradient(ellipse at 50% 100%,rgba(255, 255, 255,.025),transparent 50%),
    linear-gradient(150deg,#090909 0%,#0b0d0c 50%,#090909 100%)!important;
  background-size:52px 52px,52px 52px,100% 100%,100% 100%,100% 100%,100% 100%!important;
  background-repeat:repeat,repeat,no-repeat,no-repeat,no-repeat,no-repeat!important;
  background-attachment:fixed!important;
}
.categories-grid .category-card,.category-subcategories .category-card{
  background-color:#101211!important;
  background-image:radial-gradient(ellipse at 78% 18%,rgba(0, 184, 244,.14),transparent 40%),radial-gradient(ellipse at 12% 92%,rgba(255, 255, 255,.035),transparent 46%),linear-gradient(140deg,#1a1a1a 0%,#0d100f 56%,#131615 100%)!important;
  border-color:rgba(220, 231, 216,.17)!important; box-shadow:inset 0 1px rgba(255, 255, 255,.05),0 16px 34px rgba(0, 0, 0,.25)!important;
}
.categories-grid .category-card::before,.category-subcategories .category-card::before{
  background-image:linear-gradient(rgba(0, 184, 244,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(0, 184, 244,.022) 1px,transparent 1px),radial-gradient(ellipse at 72% 20%,rgba(0, 184, 244,.045),transparent 55%),radial-gradient(ellipse at center,transparent 30%,rgba(0, 0, 0,.22) 100%)!important;
  background-size:38px 38px,38px 38px,100% 100%,100% 100%!important;
  mask-image:linear-gradient(135deg,#000,transparent 90%)!important;
}
.product-card{
  background:linear-gradient(155deg,#171a18 0%,#0d100f 58%,#141716 100%)!important;
  border-color:rgba(220, 231, 216,.16)!important; box-shadow:inset 0 1px rgba(255, 255, 255,.04),0 14px 32px rgba(0, 0, 0,.24)!important;
}
.product-card .product-image-wrap,.products-grid .product-image-wrap,.product-carousel-track .product-image-wrap,.mobile-product-carousel .product-image-wrap{
  background-color:#0c0f0e!important;
  background-image:radial-gradient(ellipse at 56% 20%,rgba(0, 184, 244,.12),transparent 43%),radial-gradient(ellipse at 10% 90%,rgba(255, 255, 255,.03),transparent 48%),linear-gradient(145deg,#181b19 0%,#0b0e0d 58%,#141716 100%)!important;
  border-bottom-color:rgba(220, 231, 216,.12)!important;
}
.product-card .product-image-wrap::before,.products-grid .product-image-wrap::before,.product-carousel-track .product-image-wrap::before,.mobile-product-carousel .product-image-wrap::before{
  background-image:linear-gradient(rgba(0, 184, 244,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(0, 184, 244,.018) 1px,transparent 1px),radial-gradient(ellipse at center,transparent 33%,rgba(0, 0, 0,.18) 100%)!important;
  background-size:44px 44px,44px 44px,100% 100%!important;
  mask-image:linear-gradient(135deg,#000,transparent 88%)!important;
}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){body:not(.admin-body){background-attachment:scroll!important}}

/* Shared studio backdrop for product imagery in cards and on the product detail page. */
.product-image-wrap,.products-grid .product-image-wrap,.product-carousel-track .product-image-wrap,.mobile-product-carousel .product-image-wrap,
.product-detail-layout .main-product-image,.product-detail-layout .product-thumb{
  background-color:#0b0d0c!important;
  background-image:radial-gradient(ellipse at 50% 34%,rgba(0, 184, 244,.09),transparent 40%),radial-gradient(ellipse at 50% 100%,rgba(255, 255, 255,.035),transparent 44%),linear-gradient(145deg,#191b1a 0%,#0a0c0b 56%,#111312 100%)!important;
  border-color:rgba(220, 231, 216,.16)!important;
}
.product-image-wrap::before,.products-grid .product-image-wrap::before,.product-carousel-track .product-image-wrap::before,.mobile-product-carousel .product-image-wrap::before,
.product-detail-layout .main-product-image::before,.product-detail-layout .product-thumb::before{
  background-image:radial-gradient(ellipse at 50% 34%,rgba(0, 184, 244,.035),transparent 48%),radial-gradient(ellipse at center,transparent 42%,rgba(0, 0, 0,.16) 100%)!important;
  background-size:100% 100%!important;
  background-repeat:no-repeat!important;
  mask-image:none!important;
}

/* Shared neutral charcoal surfaces for store panels and software/download cards. */
:where(.product-page .stock-alert-card,.product-software-downloads,.product-software-item,
.download-card,.download-list-card,.download-detail-card,.download-detail-specs,.driver-software-package,
.store-search-panel,.navigation.show,.navigation .nav-dropdown>.nav-submenu,.navigation.show .nav-category,
.language-menu,.catalog-sort-menu,.city-picker-options,.checkout-modal,.order-confirm-card,
.remove-confirm-dialog,.games-welcome-card){
  background-color:#111312!important;
  background-image:radial-gradient(ellipse at 88% 0%,rgba(0, 184, 244,.045),transparent 46%),linear-gradient(145deg,#191b1a 0%,#111312 54%,#0c0e0d 100%)!important;
  border-color:rgba(220, 228, 220,.16)!important; box-shadow:inset 0 1px rgba(255, 255, 255,.045),0 20px 48px rgba(0, 0, 0,.34)!important;
  -webkit-backdrop-filter:blur(24px) saturate(115%)!important;
  backdrop-filter:blur(24px) saturate(115%)!important;
}
#checkoutModal .checkout-modal.checkout-success-open{
  background-image:radial-gradient(ellipse at 88% 0%,rgba(0, 184, 244,.065),transparent 46%),linear-gradient(145deg,#191b1a 0%,#111312 54%,#0c0e0d 100%)!important;
  border-color:rgba(0, 184, 244,.24)!important;
}
.product-page .stock-alert-card,.product-software-downloads,.product-software-item,
.download-card,.download-list-card,.download-detail-card,.download-detail-specs,.driver-software-package{
  border-color:rgba(220, 228, 220,.16)!important;
}

/* Storewide brand surfaces: primary NEON lime glow over deep charcoal. */
body:not(.admin-body){
  background-color:#0a0a0a!important;
  background-image:linear-gradient(rgba(0, 184, 244,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(0, 184, 244,.018) 1px,transparent 1px),radial-gradient(ellipse 76% 62% at 8% 8%,rgba(0, 184, 244,.19),transparent 74%),radial-gradient(ellipse 58% 52% at 96% 76%,rgba(0, 184, 244,.11),transparent 78%),linear-gradient(145deg,#0c0c0c 0%,#121212 48%,#0a0a0a 100%)!important;
  background-size:48px 48px,48px 48px,100% 100%,100% 100%,100% 100%!important;background-repeat:repeat,repeat,no-repeat,no-repeat,no-repeat!important;background-attachment:fixed!important;
}
.header,.footer,.hero,.custom-hero-slider{
  background-color:#121212!important;
  background-image:radial-gradient(ellipse at 14% 0%,rgba(0, 184, 244,.20),transparent 48%),radial-gradient(ellipse at 92% 100%,rgba(0, 184, 244,.10),transparent 50%),linear-gradient(140deg,#191919 0%,#121212 56%,#0e0e0e 100%)!important;
  border-color:rgba(0, 184, 244,.22)!important;
}
.hero::before,.custom-hero-slider::before{
  background-image:linear-gradient(rgba(0, 184, 244,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(0, 184, 244,.028) 1px,transparent 1px),radial-gradient(ellipse at 75% 35%,rgba(0, 184, 244,.085),transparent 55%),linear-gradient(180deg,rgba(255, 255, 255,.018),transparent 50%,rgba(0, 0, 0,.08))!important;
  background-size:46px 46px,46px 46px,100% 100%,100% 100%!important;
}
.categories-grid .category-card,.category-subcategories .category-card,.product-card{
  background-color:#151515!important;
  background-image:radial-gradient(ellipse at 78% 12%,rgba(0, 184, 244,.19),transparent 47%),radial-gradient(ellipse at 10% 100%,rgba(0, 184, 244,.07),transparent 50%),linear-gradient(145deg,#1e1e1e 0%,#121212 58%,#161616 100%)!important;
  border-color:rgba(120, 211, 239,.2)!important;
}
.categories-grid .category-card::before,.category-subcategories .category-card::before{
  background-image:linear-gradient(rgba(0, 184, 244,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(0, 184, 244,.022) 1px,transparent 1px),radial-gradient(ellipse at 72% 20%,rgba(0, 184, 244,.075),transparent 56%),radial-gradient(ellipse at center,transparent 30%,rgba(0, 0, 0,.18) 100%)!important;
  background-size:38px 38px,38px 38px,100% 100%,100% 100%!important;mask-image:linear-gradient(135deg,#000,transparent 90%)!important;
}
.product-image-wrap,.products-grid .product-image-wrap,.product-carousel-track .product-image-wrap,.mobile-product-carousel .product-image-wrap,.product-detail-layout .main-product-image,.product-detail-layout .product-thumb{
  background-color:#161616!important;
  background-image:radial-gradient(ellipse at 50% 32%,rgba(0, 184, 244,.30),transparent 52%),radial-gradient(ellipse at 50% 100%,rgba(0, 184, 244,.10),transparent 54%),linear-gradient(145deg,#202020 0%,#131313 56%,#181818 100%)!important;
  border-color:rgba(120, 211, 239,.2)!important;
}
.product-image-wrap::before,.products-grid .product-image-wrap::before,.product-carousel-track .product-image-wrap::before,.mobile-product-carousel .product-image-wrap::before,.product-detail-layout .main-product-image::before,.product-detail-layout .product-thumb::before{
  background-image:radial-gradient(ellipse at 50% 32%,rgba(0, 184, 244,.08),transparent 55%),radial-gradient(ellipse at center,transparent 42%,rgba(0, 0, 0,.13) 100%)!important;background-size:100% 100%!important;background-repeat:no-repeat!important;mask-image:none!important;
}
body:not(.admin-body) :is(
  .product-page .stock-alert-card,.product-software-downloads,.product-software-item,.download-card,.download-list-card,.download-detail-card,.download-detail-specs,.driver-software-package,
  .store-search-panel,#storeSearchPanel,.navigation.show,.navigation .nav-dropdown>.nav-submenu,.navigation.show .nav-category,.language-menu,.catalog-sort-menu,.city-picker-options,
  .cart-drawer,.saved-drawer,.checkout-modal,.order-confirm-card,.remove-confirm-dialog,.games-welcome-card,.cookie-consent-card,
  #checkoutModal .checkout-modal.checkout-success-open
){
  background-color:#151515!important;
  background-image:radial-gradient(ellipse at 88% 0%,rgba(0, 184, 244,.13),transparent 49%),linear-gradient(145deg,#1a1a1a 0%,#121212 56%,#0f0f0f 100%)!important;
  border-color:rgba(120, 211, 239,.19)!important; box-shadow:inset 0 1px rgba(255, 255, 255,.05),0 22px 52px rgba(0, 0, 0,.38)!important;
  -webkit-backdrop-filter:blur(24px) saturate(125%)!important;backdrop-filter:blur(24px) saturate(125%)!important;
}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){body:not(.admin-body){background-attachment:scroll!important}}

/* Consistent translucent glass for catalog filters, sorting, view controls, and header. */
body:not(.admin-body) .header{
  background:linear-gradient(118deg,rgba(28, 28, 28,.74),rgba(12, 12, 12,.68))!important;
  border-color:rgba(120, 211, 239,.22)!important;
  -webkit-backdrop-filter:blur(28px) saturate(145%)!important;
  backdrop-filter:blur(28px) saturate(145%)!important;
}
body:not(.admin-body) .header-actions>:is(.saved-button,.header-home-link,.search-button,.cart-button,.menu-toggle),
body:not(.admin-body) .header-actions>.language-control>.language-button{
  background:linear-gradient(145deg,rgba(218, 242, 250,.075),rgba(128, 193, 215,.025))!important;
  border-color:rgba(214, 243, 252,.22)!important;
  -webkit-backdrop-filter:blur(18px) saturate(150%)!important;
  backdrop-filter:blur(18px) saturate(150%)!important;
}body:not(.admin-body) .header-actions>:is(.saved-button,.header-home-link,.search-button,.cart-button,.menu-toggle):hover,body:not(.admin-body) .header-actions>.language-control>.language-button:hover{}
body:not(.admin-body) #productFilters .filter-tabs,
body:not(.admin-body) #allProductsPage .filter-tabs,
body:not(.admin-body) .related-section .filter-tabs{
  background:linear-gradient(145deg,rgba(29, 29, 29,.68),rgba(12, 12, 12,.62))!important;
  border-color:rgba(120, 211, 239,.22)!important;
  -webkit-backdrop-filter:blur(22px) saturate(142%)!important;
  backdrop-filter:blur(22px) saturate(142%)!important; box-shadow:inset 0 1px rgba(255, 255, 255,.065),0 12px 30px rgba(0, 0, 0,.17)!important;
}
body:not(.admin-body) .catalog-toolbar,
body:not(.admin-body) .related-section .catalog-toolbar{
  background:linear-gradient(145deg,rgba(29, 29, 29,.68),rgba(12, 12, 12,.62))!important;
  border-color:rgba(120, 211, 239,.22)!important;
  -webkit-backdrop-filter:blur(22px) saturate(142%)!important;
  backdrop-filter:blur(22px) saturate(142%)!important; box-shadow:inset 0 1px rgba(255, 255, 255,.065),0 12px 30px rgba(0, 0, 0,.17)!important;
}
body:not(.admin-body) .catalog-select-button,
body:not(.admin-body) .catalog-grid-options{
  background:linear-gradient(145deg,rgba(218, 242, 250,.075),rgba(128, 193, 215,.025))!important;
  border-color:rgba(214, 243, 252,.2)!important;
  -webkit-backdrop-filter:blur(18px) saturate(145%)!important;
  backdrop-filter:blur(18px) saturate(145%)!important; box-shadow:inset 0 1px rgba(255, 255, 255,.055)!important;
}body:not(.admin-body) .catalog-select-button:hover,body:not(.admin-body) .catalog-grid-options:hover{
  border-color:rgba(0, 184, 244,.35)!important}

/* Keep NEON green as a restrained tint over dark charcoal surfaces. */
body:not(.admin-body){
  background-image:linear-gradient(rgba(0, 184, 244,.009) 1px,transparent 1px),linear-gradient(90deg,rgba(0, 184, 244,.009) 1px,transparent 1px),radial-gradient(ellipse 76% 62% at 8% 8%,rgba(0, 184, 244,.075),transparent 74%),radial-gradient(ellipse 58% 52% at 96% 76%,rgba(0, 184, 244,.045),transparent 78%),linear-gradient(145deg,#0a0a0a 0%,#101010 48%,#090909 100%)!important;
}
body:not(.admin-body) :is(.header,.footer,.hero,.custom-hero-slider){
  background-color:#101010!important;
  background-image:radial-gradient(ellipse at 14% 0%,rgba(0, 184, 244,.075),transparent 48%),radial-gradient(ellipse at 92% 100%,rgba(0, 184, 244,.035),transparent 50%),linear-gradient(140deg,#171717 0%,#101010 56%,#0c0c0c 100%)!important;
  border-color:rgba(0, 184, 244,.16)!important;
}
body:not(.admin-body) :is(.categories-grid .category-card,.category-subcategories .category-card,.product-card){
  background-color:#121212!important;
  background-image:radial-gradient(ellipse at 78% 12%,rgba(0, 184, 244,.075),transparent 47%),radial-gradient(ellipse at 10% 100%,rgba(0, 184, 244,.035),transparent 50%),linear-gradient(145deg,#181818 0%,#111111 58%,#131313 100%)!important;
  border-color:rgba(210, 225, 190,.16)!important;
}
body:not(.admin-body) :is(.product-image-wrap,.products-grid .product-image-wrap,.product-carousel-track .product-image-wrap,.mobile-product-carousel .product-image-wrap,.product-detail-layout .main-product-image,.product-detail-layout .product-thumb){
  background-color:#121212!important;
  background-image:radial-gradient(ellipse at 50% 32%,rgba(0, 184, 244,.14),transparent 52%),radial-gradient(ellipse at 50% 100%,rgba(0, 184, 244,.05),transparent 54%),linear-gradient(145deg,#1a1a1a 0%,#111111 56%,#141414 100%)!important;
  border-color:rgba(210, 225, 190,.16)!important;
}
body:not(.admin-body) :is(.product-page .stock-alert-card,.product-software-downloads,.product-software-item,.download-card,.download-list-card,.download-detail-card,.download-detail-specs,.driver-software-package,.store-search-panel,#storeSearchPanel,.navigation.show,.navigation .nav-dropdown>.nav-submenu,.navigation.show .nav-category,.language-menu,.catalog-sort-menu,.city-picker-options,.cart-drawer,.saved-drawer,.checkout-modal,.order-confirm-card,.remove-confirm-dialog,.games-welcome-card,.cookie-consent-card,#checkoutModal .checkout-modal.checkout-success-open){
  background:var(--electro-acrylic-surface)!important;
  border-color:var(--electro-acrylic-border)!important;
}
body:not(.admin-body) :is(#productFilters .filter-tabs,#allProductsPage .filter-tabs,.related-section .filter-tabs,.catalog-toolbar,.related-section .catalog-toolbar){
  background:linear-gradient(145deg,rgba(20, 20, 20,.78),rgba(10, 10, 10,.74))!important;
  border-color:rgba(210, 225, 190,.17)!important;
}
body:not(.admin-body) :is(.catalog-select-button,.catalog-grid-options){
  background:linear-gradient(145deg,rgba(223, 231, 216,.055),rgba(89, 174, 202,.018))!important;
  border-color:rgba(220, 230, 216,.15)!important;
}

/* Reuse the header's translucent charcoal glass on catalog controls and software search. */
body:not(.admin-body) :is(.header,#productFilters .filter-tabs,#allProductsPage .filter-tabs,.related-section .filter-tabs,.catalog-toolbar,.related-section .catalog-toolbar,.download-catalog-toolbar){
  background:linear-gradient(118deg,rgba(30, 32, 35,.74),rgba(10, 10, 10,.68))!important;
  border-color:rgba(235, 240, 242,.18)!important;
  -webkit-backdrop-filter:blur(28px) saturate(135%)!important;
  backdrop-filter:blur(28px) saturate(135%)!important; box-shadow:0 14px 38px rgba(0, 0, 0,.25),inset 0 1px rgba(255, 255, 255,.06)!important;
}
body:not(.admin-body) :is(.header-actions>.saved-button,.header-actions>.header-home-link,.header-actions>.search-button,.header-actions>.cart-button,.header-actions>.menu-toggle,.header-actions>.language-control>.language-button,.catalog-select-button,.catalog-grid-options,.download-search-control){
  background:linear-gradient(145deg,rgba(35, 37, 40,.48),rgba(21, 23, 26,.42))!important;
  border-color:rgba(235, 240, 242,.18)!important;
  -webkit-backdrop-filter:blur(20px) saturate(135%)!important;
  backdrop-filter:blur(20px) saturate(135%)!important;
}body:not(.admin-body) .download-search-control:focus-within{
  border-color:rgba(0, 184, 244,.38)!important}body:not(.admin-body) .catalog-grid-options>button.active{background:transparent!important}

/* Keep the zoom glass sampling the newly selected image without waiting for user input. */
#imageZoom .zoom-controls button,#imageZoom .zoom-close{
  background:linear-gradient(145deg,rgba(35, 37, 40,.52),rgba(21, 23, 26,.46))!important;
  border-color:rgba(235, 240, 242,.2)!important;
  -webkit-backdrop-filter:blur(20px) saturate(135%)!important;
  backdrop-filter:blur(20px) saturate(135%)!important;
}
#imageZoom.backdrop-refresh .zoom-controls button,#imageZoom.backdrop-refresh .zoom-close{
  -webkit-backdrop-filter:blur(21px) saturate(135%)!important;
  backdrop-filter:blur(21px) saturate(135%)!important;
}
/* Restore the original softly tinted header opacity and share it with catalog bars. */
body:not(.admin-body) :is(.header,#productFilters .filter-tabs,#allProductsPage .filter-tabs,.related-section .filter-tabs,.catalog-toolbar,.related-section .catalog-toolbar,.download-catalog-toolbar){
  background:linear-gradient(118deg,rgba(30, 32, 35,.9),rgba(10, 10, 10,.88))!important;
}
body:not(.admin-body) :is(.header-actions>.saved-button,.header-actions>.header-home-link,.header-actions>.search-button,.header-actions>.cart-button,.header-actions>.menu-toggle,.header-actions>.language-control>.language-button,.catalog-select-button,.catalog-grid-options,.download-search-control){
  background:linear-gradient(145deg,rgba(35, 37, 40,.84),rgba(21, 23, 26,.8))!important;
}
/* Match the header glass on every storefront dropdown, drawer, and search panel. */
body:not(.admin-body) :is(
  #storeSearchPanel,.store-search-panel,
  .navigation.show,.navigation .nav-dropdown>.nav-submenu,.navigation.show .nav-category,
  .language-menu,.catalog-sort-menu,.city-picker-options,
  .cart-drawer,.saved-drawer
){
  background:linear-gradient(118deg,rgba(30, 32, 35,.9),rgba(10, 10, 10,.88))!important;
  border-color:rgba(235, 240, 242,.18)!important;
  -webkit-backdrop-filter:blur(28px) saturate(135%)!important;
  backdrop-filter:blur(28px) saturate(135%)!important; box-shadow:0 14px 38px rgba(0, 0, 0,.3),inset 0 1px rgba(255, 255, 255,.06)!important;
}
/* Explicitly bind the same visible acrylic tint to the actual popup elements. */
body:not(.admin-body){
  --store-glass-surface:linear-gradient(125deg,rgba(24, 24, 24,.76),rgba(20, 22, 24,.70));
  --store-glass-border:rgba(235, 240, 242,.22);
}
body:not(.admin-body) .header,
body:not(.admin-body) #navigation.show,
body:not(.admin-body) #navigation .nav-dropdown>.nav-submenu,
body:not(.admin-body) #languageMenu,
body:not(.admin-body) #storeSearchPanel,
body:not(.admin-body) .catalog-sort-menu,
body:not(.admin-body) [data-download-sort-menu],
body:not(.admin-body) .city-picker-options,
body:not(.admin-body) #cartDrawer,
body:not(.admin-body) #savedDrawer,
body:not(.admin-body) #productFilters .filter-tabs,
body:not(.admin-body) .catalog-toolbar,
body:not(.admin-body) .download-catalog-toolbar{
  background:var(--store-glass-surface)!important;
  background-color:rgba(12, 12, 12,.72)!important;
  border-color:var(--store-glass-border)!important;
  -webkit-backdrop-filter:blur(28px) saturate(145%)!important;
  backdrop-filter:blur(28px) saturate(145%)!important; box-shadow:0 18px 44px rgba(0, 0, 0,.32),inset 0 1px rgba(255, 255, 255,.07)!important;
}
body:not(.admin-body) #navigation.show .nav-category{background:rgba(24, 24, 24,.46)!important}
/* One exact glass surface for all storefront menus and overlays. */
html body:not(.admin-body) :is(
  .header,#navigation.show,#navigation .nav-dropdown>.nav-submenu,
  #languageMenu,#storeSearchPanel,#cartDrawer,#savedDrawer,#productSortMenu,
  .language-menu,.store-search-panel,.cart-drawer,.saved-drawer,.catalog-sort-menu,
  [data-download-sort-menu],.city-picker-options,
  .remove-confirm-dialog,.order-confirm-card,.games-welcome-card,.cookie-consent-card,
  .checkout-modal:not(.checkout-success-open)
){
  background:linear-gradient(125deg,rgba(24, 24, 24,.76),rgba(20, 22, 24,.70))!important;
  background-color:rgba(12, 12, 12,.72)!important;
  border-color:rgba(235, 240, 242,.22)!important;
  -webkit-backdrop-filter:blur(28px) saturate(145%)!important;
  backdrop-filter:blur(28px) saturate(145%)!important; box-shadow:0 18px 44px rgba(0, 0, 0,.32),inset 0 1px rgba(255, 255, 255,.07)!important;
}
html body:not(.admin-body) :is(.drawer-backdrop.open,.modal-backdrop.open){background:rgba(0, 0, 0,.48)!important}
/* Slightly lift the glass tint so the store's olive-green ambience remains visible. */
html body:not(.admin-body) :is(
  #navigation.show,#navigation .nav-dropdown>.nav-submenu,
  #languageMenu,#storeSearchPanel,#cartDrawer,#savedDrawer,#productSortMenu,
  .language-menu,.store-search-panel,.cart-drawer,.saved-drawer,.catalog-sort-menu,
  [data-download-sort-menu],.city-picker-options,
  .remove-confirm-dialog,.order-confirm-card,.games-welcome-card,.cookie-consent-card,
  .checkout-modal:not(.checkout-success-open)
){
  background:linear-gradient(125deg,rgba(33, 33, 33,.72),rgba(14, 14, 14,.66))!important;
  background-color:rgba(16, 16, 16,.66)!important;
  border-color:rgba(235, 240, 242,.24)!important;
}
html body:not(.admin-body) #navigation.show .nav-category{background:linear-gradient(145deg,rgba(33, 33, 33,.52),rgba(14, 14, 14,.42))!important}
/* Give every header action the same hover, focus, and press response. */
html body:not(.admin-body) .header-actions>:is(.saved-button,.header-home-link,.search-button,.cart-button,.menu-toggle),
html body:not(.admin-body) .header-actions>.language-control>.language-button{
  transition:background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease,filter .2s ease,transform .16s ease!important;
}html body:not(.admin-body) .header-actions>:is(.saved-button,.header-home-link,.search-button,.cart-button,.menu-toggle):is(:hover,:focus-visible,:active,[aria-expanded="true"]),html body:not(.admin-body) .header-actions>.language-control:is(:hover,.is-open)>.language-button,html body:not(.admin-body) .header-actions>.language-control>.language-button:is(:hover,:focus-visible,:active,[aria-expanded="true"]){
  border-color:rgba(0, 184, 244,.5)!important;
  color:var(--green)!important;
  outline:0!important}
html body:not(.admin-body) .header-actions>:is(.saved-button,.header-home-link,.search-button,.cart-button,.menu-toggle):active,
html body:not(.admin-body) .header-actions>.language-control>.language-button:active{transform:scale(.97)!important}

/* Align the checkout form surface with the current cart glass; keep the success card design intact. */
html body:not(.admin-body) .checkout-modal:not(.checkout-success-open){
  background:linear-gradient(125deg,rgba(33, 33, 33,.72),rgba(14, 14, 14,.66))!important;
  background-color:rgba(16, 16, 16,.66)!important;
  border-color:rgba(235, 240, 242,.24)!important;
  -webkit-backdrop-filter:blur(28px) saturate(145%)!important;
  backdrop-filter:blur(28px) saturate(145%)!important; box-shadow:0 18px 44px rgba(0, 0, 0,.32),inset 0 1px rgba(255, 255, 255,.07)!important;
}
/* The Shopify-style reveal is a single opacity fade. Keep it working on phones without moving content. */
html.scroll-reveal-ready body [data-scroll-motion][data-scroll-motion][data-scroll-motion]{opacity:0!important;transform:none!important;translate:none!important;animation:none!important;transition:opacity .5s ease-in-out!important;transition-delay:0ms!important;will-change:opacity!important}
html.scroll-reveal-ready body [data-scroll-motion][data-scroll-motion][data-scroll-motion].is-scroll-visible{opacity:1!important;transform:none!important;translate:none!important;will-change:auto!important}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))) and (prefers-reduced-motion:reduce){
  html.scroll-reveal-ready body [data-scroll-motion][data-scroll-motion][data-scroll-motion]{opacity:0!important;transition:opacity .5s ease-in-out!important}
  html.scroll-reveal-ready body [data-scroll-motion][data-scroll-motion][data-scroll-motion].is-scroll-visible{opacity:1!important}
}
/* Split product-card actions: cart add on the left and direct checkout on the right. */
.product-card .product-bottom .product-card-actions{direction:ltr;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:8px;width:100%;min-width:0}
.product-card .product-bottom .product-card-actions>.add-mini,.product-card .product-bottom .product-card-actions>.buy-now-mini{box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;width:100%!important;min-width:0!important;height:44px!important;min-height:44px!important;padding:0 6px!important;border-radius:11px!important;font-size:clamp(7px,2.3vw,9px)!important;line-height:1.1!important;letter-spacing:.15px!important;white-space:nowrap!important}
.product-card .product-bottom .product-card-actions>.add-mini{border:1px solid rgba(104, 217, 255,.58)!important;background:linear-gradient(135deg,#2ecbff 0%,#00b8f4 52%,#0fb2e8 100%)!important;color:#101010!important; box-shadow:inset 0 1px rgba(255, 255, 255,.48)}
.product-card .product-bottom .product-card-actions>.add-mini .add-mini-icon,.product-card .product-bottom .product-card-actions>.buy-now-mini .buy-now-mini-icon{display:grid!important;place-items:center;flex:0 0 15px;width:15px;height:18px;line-height:0}
.product-card .product-bottom .product-card-actions>.add-mini .add-mini-icon .ui-icon,.product-card .product-bottom .product-card-actions>.buy-now-mini .buy-now-mini-icon .ui-icon{width:15px;height:15px;stroke-width:2}
.product-card .product-bottom .product-card-actions>.buy-now-mini{border:1px solid rgba(235, 240, 242,.24)!important;background:linear-gradient(145deg,rgba(35, 37, 40,.78),rgba(21, 23, 26,.76))!important;color:#e7efe4!important; box-shadow:inset 0 1px rgba(255, 255, 255,.06)!important;cursor:pointer}.product-card .product-bottom .product-card-actions>.buy-now-mini:hover:not(:disabled){border-color:rgba(0, 184, 244,.48)!important;color:#68d9ff!important}
.product-card .product-bottom .product-card-actions>button:disabled{cursor:not-allowed!important;opacity:.66!important;transform:none!important}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){.product-card .product-bottom .product-card-actions{gap:6px}.product-card .product-bottom .product-card-actions>.add-mini,.product-card .product-bottom .product-card-actions>.buy-now-mini{height:42px!important;min-height:42px!important;padding-inline:4px!important;font-size:clamp(7px,2.15vw,8.5px)!important;gap:4px!important}}

/* Match the checkout sheet to the cart's translucent tint at desktop and phone sizes. */
html body:not(.admin-body) #checkoutModal .checkout-modal:not(.checkout-success-open){
  background:linear-gradient(125deg,rgba(33, 33, 33,.72),rgba(14, 14, 14,.66))!important;
  background-color:rgba(16, 16, 16,.66)!important;
  border-color:rgba(235, 240, 242,.24)!important;
  -webkit-backdrop-filter:blur(28px) saturate(145%)!important;
  backdrop-filter:blur(28px) saturate(145%)!important; box-shadow:0 18px 44px rgba(0, 0, 0,.32),inset 0 1px rgba(255, 255, 255,.07)!important;
}

/* Product-card CTAs (outside the product detail page). */
@media(min-width:761px) and ((min-height:501px) or (pointer:fine) or (orientation:portrait)){.product-card .product-bottom .product-card-actions>.add-mini:not(:disabled){position:relative!important;justify-content:flex-start!important;padding-left:12px!important;padding-right:34px!important;text-align:left!important}.product-card .product-bottom .product-card-actions>.add-mini:not(:disabled) .add-mini-label{display:block!important;min-width:0!important;flex:1 1 auto!important;text-align:left!important;line-height:1.1!important}.product-card .product-bottom .product-card-actions>.add-mini:not(:disabled) .add-mini-icon{position:absolute!important;top:50%!important;right:10px!important;display:grid!important;place-items:center!important;width:18px!important;height:18px!important;margin:0!important;padding:0!important;transform:translateY(-50%)!important;line-height:0!important}.product-card .product-bottom .product-card-actions>.add-mini:not(:disabled) .add-mini-icon .ui-icon{display:block!important;width:17px!important;height:17px!important;margin:0!important;vertical-align:middle!important}}
.product-card .product-bottom .product-card-actions>.add-mini:disabled{display:flex!important;align-items:center!important;justify-content:center!important;gap:0!important;padding-inline:8px!important;text-align:center!important}.product-card .product-bottom .product-card-actions>.add-mini:disabled .add-mini-icon{display:none!important}.product-card .product-bottom .product-card-actions>.add-mini:disabled .add-mini-label{display:block!important;flex:0 1 auto!important;width:auto!important;max-width:100%!important;margin:0 auto!important;text-align:center!important;white-space:normal!important;overflow-wrap:anywhere!important;line-height:1.15!important}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){.product-card .product-bottom .product-card-actions>.add-mini:not(:disabled){position:relative!important;display:grid!important;place-items:center!important;gap:0!important;padding:5px!important}.product-card .product-bottom .product-card-actions>.add-mini:not(:disabled) .add-mini-label{display:none!important}.product-card .product-bottom .product-card-actions>.add-mini:not(:disabled) .add-mini-icon{position:static!important;top:auto!important;right:auto!important;display:grid!important;place-items:center!important;width:20px!important;height:20px!important;transform:none!important}.product-card .product-bottom .product-card-actions>.add-mini:not(:disabled) .add-mini-icon .ui-icon{display:block!important;width:19px!important;height:19px!important}.product-card .product-bottom .product-card-actions>.buy-now-mini .buy-now-mini-icon{display:none!important}.product-card .product-bottom .product-card-actions>.buy-now-mini{font-size:9px!important;letter-spacing:.2px!important}.product-card .product-bottom .product-card-actions>.add-mini:disabled{display:grid!important;place-items:center!important;min-height:42px!important;padding:5px 7px!important}.product-card .product-bottom .product-card-actions>.add-mini:disabled .add-mini-label{font-size:clamp(8px,2.5vw,10px)!important;letter-spacing:0!important}}


/* Restore product-card hover glow and give both card actions the same gentle lift. */
@media(hover:hover) and (pointer:fine){.product-card:hover{transform:translateY(-3px)!important;border-color:rgba(0, 184, 244,.5)!important}.product-card .product-bottom .product-card-actions>.add-mini:not(:disabled),.product-card .product-bottom .product-card-actions>.buy-now-mini:not(:disabled){transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease,border-color .22s ease,background .22s ease,color .22s ease,filter .22s ease!important}.product-card .product-bottom .product-card-actions>.add-mini:not(:disabled):hover,.product-card .product-bottom .product-card-actions>.buy-now-mini:not(:disabled):hover{transform:translateY(-2px)!important}.product-card .product-bottom .product-card-actions>.add-mini:not(:disabled):hover{}.product-card .product-bottom .product-card-actions>.buy-now-mini:not(:disabled):hover{}}
.product-card .product-bottom .product-card-actions>.add-mini:not(:disabled):active,.product-card .product-bottom .product-card-actions>.buy-now-mini:not(:disabled):active{transform:translateY(0) scale(.975)!important}


/* Desktop product-card Add to Bag: center label and cart as one compact group. */
@media(min-width:761px) and ((min-height:501px) or (pointer:fine) or (orientation:portrait)){.product-card .product-bottom .product-card-actions>.add-mini:not(:disabled){display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:0 8px!important;direction:ltr!important;text-align:center!important}.product-card .product-bottom .product-card-actions>.add-mini:not(:disabled) .add-mini-label{display:block!important;flex:0 1 auto!important;width:auto!important;min-width:0!important;margin:0!important;text-align:center!important;line-height:1.1!important}.product-card .product-bottom .product-card-actions>.add-mini:not(:disabled) .add-mini-icon{position:static!important;top:auto!important;right:auto!important;display:grid!important;place-items:center!important;flex:0 0 15px!important;width:15px!important;height:15px!important;margin:0!important;padding:0!important;transform:none!important;line-height:0!important}.product-card .product-bottom .product-card-actions>.add-mini:not(:disabled) .add-mini-icon .ui-icon{display:block!important;width:15px!important;height:15px!important;margin:0!important;vertical-align:middle!important}}

@media(min-width:761px) and ((min-height:501px) or (pointer:fine) or (orientation:portrait)){.product-card .product-bottom .product-card-actions>.add-mini:not(:disabled){flex-direction:row-reverse!important;gap:8px!important}.product-card .product-bottom .product-card-actions>.add-mini:not(:disabled) .add-mini-icon{flex-basis:17px!important;width:17px!important;height:17px!important}.product-card .product-bottom .product-card-actions>.add-mini:not(:disabled) .add-mini-icon .ui-icon{width:17px!important;height:17px!important}}

@media(min-width:761px) and ((min-height:501px) or (pointer:fine) or (orientation:portrait)){.product-card .product-bottom .product-card-actions>.add-mini:not(:disabled){align-items:center!important;align-content:center!important;flex-wrap:nowrap!important;line-height:1!important;vertical-align:middle!important}.product-card .product-bottom .product-card-actions>.add-mini:not(:disabled) .add-mini-label{display:flex!important;align-items:center!important;align-self:center!important;min-height:17px!important;margin:0!important;padding:0!important;line-height:1!important;vertical-align:middle!important}.product-card .product-bottom .product-card-actions>.add-mini:not(:disabled) .add-mini-icon{align-self:center!important;display:grid!important;place-items:center!important;flex:0 0 17px!important;width:17px!important;height:17px!important;min-height:17px!important;margin:0!important;padding:0!important;line-height:0!important;vertical-align:middle!important;position:static!important;top:auto!important;right:auto!important;transform:none!important}.product-card .product-bottom .product-card-actions>.add-mini:not(:disabled) .add-mini-icon>.ui-icon{display:block!important;align-self:center!important;width:17px!important;height:17px!important;min-width:17px!important;min-height:17px!important;margin:0!important;padding:0!important;line-height:0!important;vertical-align:middle!important;position:static!important;top:auto!important;transform:none!important}}


/* Saved drawer: compact phone rows, finger scrolling without a visible scrollbar. */
#savedItems{min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none}#savedItems::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){#savedDrawer{display:flex!important;flex-direction:column!important;overflow:hidden!important;padding-inline:12px!important}#savedDrawer .drawer-header{flex:none;min-height:56px;padding-bottom:10px!important}#savedDrawer .drawer-header h3{font-size:25px!important;line-height:1!important;margin:3px 0 0!important}#savedDrawer .drawer-header h3 span{font-size:13px!important}#savedItems{flex:1 1 0!important;min-height:0!important;padding:5px 0!important;overflow-y:auto!important;overflow-x:hidden!important;touch-action:pan-y!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior-y:contain!important}#savedItems .saved-item{grid-template-columns:54px minmax(0,1fr) 28px!important;gap:8px!important;align-items:center!important;padding:8px 0!important}#savedItems .saved-item>img{width:54px!important;height:54px!important;border-radius:8px!important}#savedItems .saved-item .cart-item-info{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:4px 7px!important;min-width:0!important}#savedItems .saved-item .cart-item-info h4{grid-column:1/-1!important;margin:0!important;font-size:10px!important;line-height:1.25!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}#savedItems .saved-item .cart-item-info>p,#savedItems .saved-item .cart-item-info>.saved-stock-status{grid-column:1/-1!important;margin:0!important;font-size:9px!important;line-height:1.3!important}#savedItems .saved-item .cart-quantity-control{grid-column:1!important;gap:5px!important;margin:0!important}#savedItems .saved-item .cart-quantity-control button{width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;border-radius:7px!important}#savedItems .saved-item .cart-quantity-control button .ui-icon{width:13px!important;height:13px!important}#savedItems .saved-item .cart-quantity-control>span{min-width:18px!important;font-size:10px!important}#savedItems .saved-item .saved-add-button{grid-column:2!important;justify-self:end!important;min-width:78px!important;min-height:28px!important;height:28px!important;margin:0!important;padding:0 7px!important;font-size:7px!important;letter-spacing:.15px!important}#savedItems .saved-item .remove-item{grid-column:3!important;grid-row:1!important;align-self:start!important;width:28px!important;height:28px!important;min-width:28px!important;padding:0!important}#savedItems .saved-item.is-unavailable .cart-quantity-control{display:none!important}#savedItems .saved-item.is-unavailable .saved-add-button{grid-column:1/-1!important;justify-self:start!important;margin-top:3px!important}#savedDrawer .saved-footer{flex:none;padding-top:9px!important}#savedDrawer .saved-stock-notice{margin:0 0 7px!important;padding:8px 9px!important;border-radius:10px!important;font-size:10px!important;line-height:1.35!important}#savedDrawer .saved-stock-notice>span{margin:0 0 6px!important}#savedDrawer .saved-remove-unavailable{min-height:28px!important;padding:0 9px!important;font-size:8px!important}#savedDrawer .subtotal{margin-bottom:10px!important}#savedDrawer .saved-footer>small{margin-top:7px!important;font-size:7px!important;line-height:1.35!important}}

/* Hide visible scrollbars in the saved list on both desktop and phone. */
#savedItems{scrollbar-width:none!important;-ms-overflow-style:none!important}#savedItems::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}

/* Desktop checkout: summary and form share one compact panel, no page-like scroll bar. */
@media(min-width:761px) and ((min-height:501px) or (pointer:fine) or (orientation:portrait)){#checkoutModal{overflow:hidden!important;scrollbar-width:none!important}#checkoutModal::-webkit-scrollbar{display:none!important;width:0!important}#checkoutModal .checkout-modal:not(.checkout-success-open){display:grid!important;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)!important;grid-template-areas:"eyebrow eyebrow" "title title" "summary form"!important;align-content:start!important;align-items:start!important;column-gap:22px!important;row-gap:4px!important;box-sizing:border-box!important;width:min(900px,calc(100vw - 48px))!important;max-height:calc(100dvh - 42px)!important;overflow:hidden!important;padding:25px 28px!important;scrollbar-width:none!important}#checkoutModal .checkout-modal:not(.checkout-success-open)>.eyebrow{grid-area:eyebrow!important;margin:0!important}#checkoutModal .checkout-modal:not(.checkout-success-open)>h2{grid-area:title!important;margin:7px 0 12px!important;font-size:clamp(32px,3.5vw,42px)!important;line-height:.94!important}#checkoutModal .checkout-modal:not(.checkout-success-open)>.checkout-order-summary{grid-area:summary!important;align-self:start!important;margin:0!important;padding:11px!important}#checkoutModal .checkout-modal:not(.checkout-success-open)>#checkoutForm{grid-area:form!important;align-self:start!important;gap:8px!important;min-width:0!important}#checkoutModal .checkout-modal:not(.checkout-success-open)>#checkoutForm label{gap:4px!important;font-size:8px!important}#checkoutModal .checkout-modal:not(.checkout-success-open)>#checkoutForm input,#checkoutModal .checkout-modal:not(.checkout-success-open)>#checkoutForm textarea,#checkoutModal .checkout-modal:not(.checkout-success-open)>#checkoutForm .city-picker-trigger{min-height:36px!important;padding:8px 10px!important;font-size:11px!important}#checkoutModal .checkout-modal:not(.checkout-success-open)>#checkoutForm textarea{height:48px!important;min-height:48px!important}#checkoutModal .checkout-modal:not(.checkout-success-open)>#checkoutForm .phone-field-hint{font-size:8px!important;line-height:1.25!important}#checkoutModal .checkout-modal:not(.checkout-success-open)>#checkoutForm .payment-method-note,#checkoutModal .checkout-modal:not(.checkout-success-open)>#checkoutForm .checkout-whatsapp-note,#checkoutModal .checkout-modal:not(.checkout-success-open)>#checkoutForm .store-phone-contact{margin:0!important;padding:6px 8px!important;font-size:9px!important;line-height:1.35!important}#checkoutModal .checkout-modal:not(.checkout-success-open)>#checkoutForm button[type=submit]{min-height:42px!important;margin-top:0!important;padding:9px 12px!important}#checkoutModal .checkout-modal:not(.checkout-success-open)>.checkout-whatsapp-step,#checkoutModal .checkout-modal:not(.checkout-success-open)>.checkout-success{grid-column:1/-1!important}#checkoutModal .checkout-modal:not(.checkout-success-open)::-webkit-scrollbar{display:none!important;width:0!important}}

/* Checkout remains finger-scrollable on phones while its scrollbar stays hidden. */
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){#checkoutModal{scrollbar-width:none!important;-ms-overflow-style:none!important;touch-action:pan-y!important;-webkit-overflow-scrolling:touch!important}#checkoutModal::-webkit-scrollbar,#checkoutModal .checkout-modal::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}#checkoutModal .checkout-modal:not(.checkout-success-open){scrollbar-width:none!important;-ms-overflow-style:none!important;touch-action:pan-y!important;-webkit-overflow-scrolling:touch!important}}


/* Slightly enlarge the complete desktop checkout composition as a single group. */
@media(min-width:761px) and ((min-height:501px) or (pointer:fine) or (orientation:portrait)){#checkoutModal .checkout-modal:not(.checkout-success-open){width:min(980px,calc(100vw - 48px))!important;padding:30px 34px!important;column-gap:27px!important;row-gap:6px!important}#checkoutModal .checkout-modal:not(.checkout-success-open)>h2{margin:9px 0 15px!important;font-size:clamp(38px,3.8vw,46px)!important}#checkoutModal .checkout-modal:not(.checkout-success-open)>.checkout-order-summary{padding:14px!important}#checkoutModal .checkout-modal:not(.checkout-success-open)>.checkout-order-summary h3{font-size:17px!important}#checkoutModal .checkout-modal:not(.checkout-success-open) .checkout-summary-item,#checkoutModal .checkout-modal:not(.checkout-success-open) .checkout-total-row{font-size:12px!important;padding-block:8px!important}#checkoutModal .checkout-modal:not(.checkout-success-open)>#checkoutForm{gap:10px!important}#checkoutModal .checkout-modal:not(.checkout-success-open)>#checkoutForm label{font-size:9px!important}#checkoutModal .checkout-modal:not(.checkout-success-open)>#checkoutForm input,#checkoutModal .checkout-modal:not(.checkout-success-open)>#checkoutForm textarea,#checkoutModal .checkout-modal:not(.checkout-success-open)>#checkoutForm .city-picker-trigger{min-height:40px!important;padding:9px 12px!important;font-size:12px!important}#checkoutModal .checkout-modal:not(.checkout-success-open)>#checkoutForm textarea{height:54px!important;min-height:54px!important}#checkoutModal .checkout-modal:not(.checkout-success-open)>#checkoutForm button[type=submit]{min-height:46px!important;font-size:10px!important}}


/* Improve desktop checkout readability with a roomier frame and larger form data. */
@media(min-width:761px) and ((min-height:501px) or (pointer:fine) or (orientation:portrait)){#checkoutModal .checkout-modal:not(.checkout-success-open){width:min(1040px,calc(100vw - 48px))!important;padding:36px 40px!important;column-gap:32px!important;row-gap:7px!important}#checkoutModal .checkout-modal:not(.checkout-success-open)>.eyebrow{font-size:10px!important;letter-spacing:2px!important}#checkoutModal .checkout-modal:not(.checkout-success-open)>h2{margin:10px 0 17px!important;font-size:clamp(42px,4vw,50px)!important}#checkoutModal .checkout-modal:not(.checkout-success-open)>.checkout-order-summary{padding:16px!important}#checkoutModal .checkout-modal:not(.checkout-success-open)>.checkout-order-summary h3{font-size:18px!important;margin-bottom:12px!important}#checkoutModal .checkout-modal:not(.checkout-success-open) .checkout-summary-item,#checkoutModal .checkout-modal:not(.checkout-success-open) .checkout-total-row{font-size:13px!important;padding-block:9px!important;line-height:1.45!important}#checkoutModal .checkout-modal:not(.checkout-success-open) .checkout-grand-total strong{font-size:17px!important}#checkoutModal .checkout-modal:not(.checkout-success-open)>#checkoutForm{gap:12px!important}#checkoutModal .checkout-modal:not(.checkout-success-open)>#checkoutForm label{gap:5px!important;font-size:10px!important;letter-spacing:.6px!important}#checkoutModal .checkout-modal:not(.checkout-success-open)>#checkoutForm input,#checkoutModal .checkout-modal:not(.checkout-success-open)>#checkoutForm textarea,#checkoutModal .checkout-modal:not(.checkout-success-open)>#checkoutForm .city-picker-trigger{min-height:44px!important;padding:10px 13px!important;font-size:13px!important}#checkoutModal .checkout-modal:not(.checkout-success-open)>#checkoutForm textarea{height:58px!important;min-height:58px!important}#checkoutModal .checkout-modal:not(.checkout-success-open)>#checkoutForm .phone-field-hint{font-size:9px!important;line-height:1.35!important}#checkoutModal .checkout-modal:not(.checkout-success-open)>#checkoutForm .payment-method-note,#checkoutModal .checkout-modal:not(.checkout-success-open)>#checkoutForm .checkout-whatsapp-note,#checkoutModal .checkout-modal:not(.checkout-success-open)>#checkoutForm .store-phone-contact{padding:8px 10px!important;font-size:10px!important;line-height:1.45!important}#checkoutModal .checkout-modal:not(.checkout-success-open)>#checkoutForm button[type=submit]{min-height:50px!important;padding:11px 14px!important;font-size:11px!important}}

/* Arabic translations keep the storefront's original left-to-right layout. */
html.store-language-ar,html.store-language-ar body,html.store-language-ar #homeContent,html.store-language-ar #productPage,html.store-language-ar #infoPage,html.store-language-ar #storeFooter,html.store-language-ar .navigation,html.store-language-ar .checkout-modal,html.store-language-ar .checkout-whatsapp-step>button,html.store-language-ar .product-detail-layout .product-detail-info,html.store-language-ar .cookie-consent-card,html.store-language-ar .games-welcome-card,html.store-language-ar .cookie-consent-actions{direction:ltr!important}
html.store-language-ar .checkout-modal,html.store-language-ar .catalog-sort-menu,html.store-language-ar .catalog-sort-menu [role="option"],html.store-language-ar .product-detail-layout .product-detail-info,html.store-language-ar .cookie-consent-card,html.store-language-ar .games-welcome-copy,html.store-language-ar .games-welcome-actions button{text-align:initial!important}
html.store-language-ar .checkout-modal .modal-close{right:14px!important;left:auto!important;inset-inline-end:14px!important;inset-inline-start:auto!important}
html.store-language-ar .product-brand-under-title,html.store-language-ar .detail-brand-under-title{justify-content:flex-start!important}
html.store-language-ar .product-brand-logo,html.store-language-ar .detail-brand-logo{object-position:left center!important}
html.store-language-ar .games-welcome-art{border-left:0!important;border-right:1px solid rgba(0, 184, 244,.12)!important}
html.store-language-ar .games-welcome-actions button:hover .games-welcome-arrow{transform:translateX(3px)!important}

/* Spanish UI uses the storefront's Latin font; Arabic headlines stay compact and readable. */
html.store-language-es{--font:'Inter',Arial,sans-serif;--display:'Barlow Condensed','Inter',sans-serif}
.language-menu [data-language="es"]{font-family:'Inter',Arial,sans-serif!important}
html.store-language-ar :is(h1,h2,h3,h4){font-family:'Tajawal','Cairo',Arial,sans-serif!important;font-weight:800!important;letter-spacing:0!important;line-height:1.42!important;overflow-wrap:anywhere!important;word-break:normal!important;text-wrap:pretty}
html.store-language-ar h1{font-size:clamp(30px,4vw,46px)!important}
html.store-language-ar h2{font-size:clamp(25px,3.2vw,36px)!important}
html.store-language-ar :is(h3,h4){font-size:clamp(20px,2.4vw,28px)!important}
html.store-language-ar .hero h1{font-size:clamp(36px,6vw,68px)!important;line-height:1.3!important;margin-block:20px!important}
html.store-language-ar .product-detail-info h1{font-size:clamp(30px,4.6vw,50px)!important;line-height:1.36!important}
html.store-language-ar :is(.all-products-heading h1,.download-page-heading h1,.info-page-heading h1,.section-heading h2,.related-section h2,.checkout-modal h2,.download-detail-copy h1,.download-game-mobile-title){font-size:clamp(25px,3.8vw,40px)!important;line-height:1.42!important}
html.store-language-ar :is(.download-page-heading h2,.download-detail-copy h2,.driver-software-package h2,.download-card h2,.related-section h3){font-size:clamp(20px,2.7vw,29px)!important;line-height:1.45!important}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){html.store-language-ar h1{font-size:clamp(27px,6.5vw,34px)!important}html.store-language-ar h2{font-size:clamp(23px,5.6vw,30px)!important}html.store-language-ar :is(h3,h4){font-size:clamp(19px,4.8vw,25px)!important}html.store-language-ar .hero h1{font-size:clamp(31px,8vw,42px)!important;line-height:1.36!important;margin-block:17px!important}html.store-language-ar .product-detail-info h1{font-size:clamp(27px,7vw,36px)!important;line-height:1.4!important}html.store-language-ar :is(.all-products-heading h1,.download-page-heading h1,.info-page-heading h1,.section-heading h2,.related-section h2,.checkout-modal h2,.download-detail-copy h1,.download-game-mobile-title){font-size:clamp(23px,6vw,32px)!important;line-height:1.45!important}html.store-language-ar :is(.download-page-heading h2,.download-detail-copy h2,.driver-software-package h2,.download-card h2,.related-section h3){font-size:clamp(19px,5vw,25px)!important;line-height:1.48!important}}

/* Keep English and Spanish storefront copy in the same display face as the hero headlines. */
html:not(.store-language-ar) body:not(.admin-body),html:not(.store-language-ar) body:not(.admin-body) *{font-family:'Barlow Condensed',sans-serif!important}
html:not(.store-language-ar) body:not(.admin-body) .language-menu [data-language="ar"],html:not(.store-language-ar) body:not(.admin-body) .language-menu [data-language="ar"] *{font-family:'Tajawal','Cairo',Tahoma,Arial,sans-serif!important}
@media(max-width:700px){html.store-language-es #shop .filter-tabs>.all-products-tab,html.store-language-es #allProductsPage .filter-tabs>.all-products-tab{box-sizing:border-box!important;flex:0 0 clamp(126px,38vw,156px)!important;width:clamp(126px,38vw,156px)!important;min-width:0!important;max-width:clamp(126px,38vw,156px)!important;gap:6px!important;padding-inline:8px!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}html.store-language-es #shop .all-products-tab>span,html.store-language-es #allProductsPage .all-products-tab>span{display:block!important;flex:0 1 auto!important;min-width:0!important;max-width:100%!important;font-size:clamp(7px,2.35vw,9px)!important;line-height:1.12!important;letter-spacing:.2px!important;white-space:normal!important;overflow-wrap:normal!important;text-overflow:clip!important}}

/* Mobile navigation shares the header acrylic surface and action glow. */
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){
  html body:not(.admin-body) #navigation.show{
    background:linear-gradient(125deg,rgba(24, 24, 24,.76),rgba(20, 22, 24,.70))!important;
    background-color:rgba(12, 12, 12,.72)!important;
    border-color:rgba(235, 240, 242,.22)!important;
    -webkit-backdrop-filter:blur(28px) saturate(145%)!important;
    backdrop-filter:blur(28px) saturate(145%)!important; box-shadow:0 18px 44px rgba(0, 0, 0,.32),inset 0 1px rgba(255, 255, 255,.07)!important;
  }
  html body:not(.admin-body) #navigation.show .mobile-nav-tools :is(.saved-button,.language-control>.language-button),
  html body:not(.admin-body) #navigation.show .mobile-home-link{
    -webkit-backdrop-filter:blur(20px) saturate(135%)!important;
    backdrop-filter:blur(20px) saturate(135%)!important;
    transition:background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease,filter .2s ease,transform .16s ease!important;
  }
  html body:not(.admin-body) #navigation.show .mobile-nav-tools>.saved-button,
  html body:not(.admin-body) #navigation.show .mobile-nav-tools>.language-control>.language-button,
  html body:not(.admin-body) #navigation.show .mobile-home-link{
    background:linear-gradient(145deg,rgba(35, 37, 40,.84),rgba(21, 23, 26,.80))!important;
    border-color:rgba(235, 240, 242,.18)!important;
  }html body:not(.admin-body) #navigation.show .mobile-nav-tools>.saved-button:is(:hover,:focus-visible,:active),html body:not(.admin-body) #navigation.show .mobile-nav-tools>.language-control:is(:hover,.is-open)>.language-button,html body:not(.admin-body) #navigation.show .mobile-nav-tools>.language-control>.language-button:is(:hover,:focus-visible,:active,[aria-expanded="true"]),html body:not(.admin-body) #navigation.show .mobile-home-link:is(:hover,:focus-visible,:active){
    border-color:rgba(0, 184, 244,.5)!important;
    color:var(--green)!important;
    outline:0!important}
  html body:not(.admin-body) #navigation.show .mobile-nav-tools>.saved-button:active,
  html body:not(.admin-body) #navigation.show .mobile-nav-tools>.language-control>.language-button:active,
  html body:not(.admin-body) #navigation.show .mobile-home-link:active{transform:scale(.97)!important}
}
/* Match the mobile hamburger panel to the cart card glass, including opacity. */
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){
  html body:not(.admin-body) #navigation.show{
    background:linear-gradient(125deg,rgba(33, 33, 33,.72),rgba(14, 14, 14,.66))!important;
    background-color:rgba(16, 16, 16,.66)!important;
    border-color:rgba(235, 240, 242,.24)!important;
    -webkit-backdrop-filter:blur(28px) saturate(145%)!important;
    backdrop-filter:blur(28px) saturate(145%)!important; box-shadow:0 18px 44px rgba(0, 0, 0,.32),inset 0 1px rgba(255, 255, 255,.07)!important;
  }
}
/* Make the mobile menu nearly as opaque as the header and cart surface. */
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){
  html body:not(.admin-body) #navigation.show{
    background:linear-gradient(118deg,rgba(30, 32, 35,.92),rgba(10, 10, 10,.90))!important;
    background-color:rgba(12, 12, 12,.92)!important;
    border-color:rgba(235, 240, 242,.22)!important;
    -webkit-backdrop-filter:blur(28px) saturate(145%)!important;
    backdrop-filter:blur(28px) saturate(145%)!important;
  }
}
/* Use Cairo for Arabic copy and display headings to better match the Latin display style. */
html.store-language-ar{--font:'Cairo',Tahoma,Arial,sans-serif!important;--display:'Cairo',Tahoma,Arial,sans-serif!important}
html.store-language-ar body:not(.admin-body) :lang(ar),
html.store-language-ar body:not(.admin-body) .language-menu [data-language="ar"]{font-family:'Cairo',Tahoma,Arial,sans-serif!important}
/* Match the mobile navigation panel to the exact header glass treatment. */
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){
  html body:not(.admin-body) #navigation.show{
    background:linear-gradient(125deg,rgba(24, 24, 24,.76),rgba(20, 22, 24,.70))!important;
    background-color:rgba(12, 12, 12,.72)!important;
    border-color:rgba(235, 240, 242,.22)!important;
    -webkit-backdrop-filter:blur(28px) saturate(145%)!important;
    backdrop-filter:blur(28px) saturate(145%)!important; box-shadow:0 18px 44px rgba(0, 0, 0,.32),inset 0 1px rgba(255, 255, 255,.07)!important;
  }
}
/* Apply the header glass to the mobile menu backdrop itself, not just its controls. */
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){
  html body:not(.admin-body) nav#navigation.navigation.show{
    background-image:linear-gradient(125deg,rgba(24, 24, 24,.76),rgba(20, 22, 24,.70))!important;
    background-color:rgba(12, 12, 12,.72)!important;
    border-color:rgba(235, 240, 242,.22)!important;
    -webkit-backdrop-filter:blur(28px) saturate(145%)!important;
    backdrop-filter:blur(28px) saturate(145%)!important; box-shadow:0 18px 44px rgba(0, 0, 0,.32),inset 0 1px rgba(255, 255, 255,.07)!important;
  }
  html body:not(.admin-body) nav#navigation.navigation.show>.mobile-nav-tools{background:transparent!important}
  html body:not(.admin-body) nav#navigation.navigation.show>.nav-category{
    background:transparent!important;
    background-image:none!important;
  }
}
/* Keep the cart drawer compact and finger-friendly on phones. */
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){
  #cartDrawer{display:flex!important;flex-direction:column!important;overflow:hidden!important;padding-inline:12px!important}
  #cartDrawer .drawer-header{flex:none!important;min-height:56px!important;padding-bottom:10px!important}
  #cartDrawer .drawer-header h3{font-size:25px!important;line-height:1!important;margin:3px 0 0!important}
  #cartDrawer .drawer-header h3 span{font-size:13px!important}
  #cartItems{flex:1 1 0!important;min-height:0!important;padding:5px 0!important;overflow-y:auto!important;overflow-x:hidden!important;touch-action:pan-y!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior-y:contain!important;scrollbar-width:none!important;-ms-overflow-style:none!important}
  #cartItems::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
  #cartItems .cart-item{grid-template-columns:54px minmax(0,1fr) 28px!important;gap:8px!important;align-items:center!important;padding:8px 0!important}
  #cartItems .cart-item>img,#cartItems .cart-item>.cart-image-placeholder{width:54px!important;height:54px!important;border-radius:8px!important}
  #cartItems .cart-item .cart-item-info{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:4px 7px!important;min-width:0!important}
  #cartItems .cart-item .cart-item-info h4{grid-column:1/-1!important;margin:0!important;font-size:10px!important;line-height:1.25!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
  #cartItems .cart-item .cart-item-info>p,#cartItems .cart-item .cart-item-info>.cart-stock-status{grid-column:1/-1!important;margin:0!important;font-size:9px!important;line-height:1.3!important}
  #cartItems .cart-item .cart-quantity-control{grid-column:1!important;gap:5px!important;margin:0!important}
  #cartItems .cart-item .cart-quantity-control button{width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;border-radius:7px!important}
  #cartItems .cart-item .cart-quantity-control button .ui-icon{width:13px!important;height:13px!important}
  #cartItems .cart-item .cart-quantity-control>span{min-width:18px!important;font-size:10px!important}
  #cartItems .cart-item .remove-item{grid-column:3!important;grid-row:1!important;align-self:start!important;width:28px!important;height:28px!important;min-width:28px!important;padding:0!important}
  #cartDrawer .drawer-footer{flex:none!important;padding-top:9px!important}
  #cartDrawer .cart-stock-notice,#savedDrawer .saved-stock-notice{margin:0 0 7px!important;padding:8px 9px!important;border-radius:10px!important;font-size:10px!important;line-height:1.35!important}
  #cartDrawer .cart-stock-notice>span,#savedDrawer .saved-stock-notice>span{margin:0 0 6px!important}
  #cartDrawer .saved-remove-unavailable,#savedDrawer .saved-remove-unavailable{min-height:28px!important;padding:0 9px!important;font-size:8px!important}
  #cartDrawer .subtotal,#savedDrawer .subtotal{margin-bottom:10px!important}
  #cartDrawer .drawer-footer>small{margin-top:7px!important;font-size:7px!important;line-height:1.35!important}
}
/* Mobile category menu buttons use the desktop header's hover and press glow. */
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){
  html body:not(.admin-body) nav#navigation.navigation.show .nav-dropdown>.nav-parent-toggle{
    min-height:46px!important;border:1px solid transparent!important;border-radius:9px!important;
    transition:background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease,filter .2s ease,transform .16s ease!important;
    -webkit-tap-highlight-color:transparent!important;touch-action:manipulation!important;
  }html body:not(.admin-body) nav#navigation.navigation.show .nav-dropdown>.nav-parent-toggle:is(:hover,:focus-visible,:active,[aria-expanded="true"]){
    border-color:rgba(0, 184, 244,.5)!important;color:var(--green)!important;outline:0!important}
  html body:not(.admin-body) nav#navigation.navigation.show .nav-dropdown>.nav-parent-toggle:active{transform:scale(.985)!important}
}
/* Arabic checkout title reads right-to-left while the checkout layout stays in place. */
html.store-language-ar #checkoutHeading{direction:rtl!important;text-align:right!important;unicode-bidi:plaintext!important}
/* Match mobile top-level navigation hover/pressed feedback to desktop: green text, no extra selected fill. */
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){
  html body:not(.admin-body) nav#navigation.navigation.show .nav-dropdown>.nav-parent-toggle{
    background:transparent!important;border-color:transparent!important; box-shadow:none!important; filter:none!important;
  }html body:not(.admin-body) nav#navigation.navigation.show .nav-dropdown.expanded>.nav-parent-toggle{
    background:transparent!important;border-color:transparent!important; box-shadow:none!important; filter:none!important;color:var(--green)!important;outline:0!important;
  }
html body:not(.admin-body) nav#navigation.navigation.show .nav-dropdown>.nav-parent-toggle:is(:hover,:focus-visible,:active,[aria-expanded="true"]){border-color:transparent!important;color:var(--green)!important;outline:0!important}
  html body:not(.admin-body) nav#navigation.navigation.show .nav-dropdown>.nav-parent-toggle:is(:hover,:focus-visible,:active,[aria-expanded="true"]) .ui-icon{color:var(--green)!important}
}
.cart-stock-status,.saved-item .saved-stock-status{color:#6ed1f2!important;font:800 9px/1.4 var(--font)!important;letter-spacing:.2px!important}
/* Slightly enlarge item content in both phone drawers while preserving the compact layout. */
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){
  #cartItems .cart-item,#savedItems .saved-item{grid-template-columns:60px minmax(0,1fr) 30px!important;gap:9px!important;padding:9px 0!important}
  #cartItems .cart-item>img,#cartItems .cart-item>.cart-image-placeholder,#savedItems .saved-item>img{width:60px!important;height:60px!important}
  #cartItems .cart-item .cart-item-info h4,#savedItems .saved-item .cart-item-info h4{font-size:11px!important;line-height:1.28!important}
  #cartItems .cart-item .cart-item-info>p,#cartItems .cart-item .cart-item-info>.cart-stock-status,#savedItems .saved-item .cart-item-info>p,#savedItems .saved-item .cart-item-info>.saved-stock-status{font-size:10px!important;line-height:1.35!important}
  #cartItems .cart-item .cart-quantity-control button,#savedItems .saved-item .cart-quantity-control button{width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important}
  #cartItems .cart-item .cart-quantity-control>span,#savedItems .saved-item .cart-quantity-control>span{min-width:20px!important;font-size:11px!important}
  #cartItems .cart-item .remove-item,#savedItems .saved-item .remove-item{width:30px!important;height:30px!important;min-width:30px!important}
}
/* Clearly show stock-blocked checkout actions as unavailable, with the prohibited cursor. */
#cartDrawer #checkoutButton:disabled,
#savedDrawer #savedCheckoutButton:disabled{
  opacity:.42!important; filter:saturate(.42) brightness(.78)!important; box-shadow:inset 0 1px rgba(255, 255, 255,.05)!important;
  cursor:not-allowed!important;
  transform:none!important;
}#cartDrawer #checkoutButton:disabled:active,#savedDrawer #savedCheckoutButton:disabled:active{
  opacity:.42!important; filter:saturate(.42) brightness(.78)!important; box-shadow:inset 0 1px rgba(255, 255, 255,.05)!important;
  cursor:not-allowed!important;
  transform:none!important;
}
#cartDrawer #checkoutButton:disabled:hover,#savedDrawer #savedCheckoutButton:disabled:hover{
  opacity:.42!important;
  cursor:not-allowed!important;
  transform:none!important}
/* Keep the Arabic language option in the Arabic storefront font in every UI language. */
.language-menu [lang="ar"]{font-family:'Cairo',Tahoma,Arial,sans-serif!important}
/* Language option typography follows each option's own language, not the active storefront locale. */
html body:not(.admin-body) .language-menu [data-language="en"],
html body:not(.admin-body) .language-menu [data-language="en"] *,
html body:not(.admin-body) .language-menu [data-language="es"],
html body:not(.admin-body) .language-menu [data-language="es"] *{font-family:'Barlow Condensed',sans-serif!important}
html body:not(.admin-body) .language-menu [data-language="ar"],
html body:not(.admin-body) .language-menu [data-language="ar"] *{font-family:'Cairo',Tahoma,Arial,sans-serif!important}
/* When Arabic is active, match its language option to the storefront's exact Arabic font variable. */
html.store-language-ar body:not(.admin-body) .language-menu [data-language="ar"]>span:last-child{font-family:var(--font)!important}
/* Keep both the active Arabic language code and its menu label in Cairo, regardless of UI language. */
html body:not(.admin-body) #languageCurrent[lang="ar"],
html body:not(.admin-body) .language-menu [data-language="ar"],
html body:not(.admin-body) .language-menu [data-language="ar"] *{font-family:'Cairo',Tahoma,Arial,sans-serif!important}
/* Keep product photos clear above card decoration and remove the dark vignette from their frame. */
.product-card .product-image-wrap::before,.products-grid .product-image-wrap::before,.product-carousel-track .product-image-wrap::before,.mobile-product-carousel .product-image-wrap::before{display:none!important}
.product-card .product-image-wrap>img.product-image-primary,.products-grid .product-image-wrap>img.product-image-primary,.product-carousel-track .product-image-wrap>img.product-image-primary,.mobile-product-carousel .product-image-wrap>img.product-image-primary{position:relative!important;z-index:1!important; filter:none!important;mix-blend-mode:normal!important}
.product-image-wrap.has-secondary:hover>img.product-image-primary,.product-image-wrap.has-secondary.is-secondary-active>img.product-image-primary{opacity:0!important}

/* Storewide English and Spanish typography: Oxanium. Arabic keeps its existing font. */
html:not(.store-language-ar) body:not(.admin-body){--font:'Oxanium',sans-serif;--display:'Oxanium',sans-serif}
html:not(.store-language-ar) body:not(.admin-body) :is(*, #store-font-force):not(:lang(ar)){font-family:'Oxanium',sans-serif!important}
html body:not(.admin-body) .language-menu [data-language="en"],html body:not(.admin-body) .language-menu [data-language="en"] *,html body:not(.admin-body) .language-menu [data-language="es"],html body:not(.admin-body) .language-menu [data-language="es"] *{font-family:'Oxanium',sans-serif!important}

/* Crossfade primary and alternate product photos on desktop hover and phone touch. */
.product-image-wrap.has-secondary>img.product-image-primary,.product-image-wrap.has-secondary>img.product-image-secondary{transition:opacity .5s ease!important;transform:none!important}
.product-image-wrap.has-secondary>img.product-image-primary{opacity:1}
.product-image-wrap.has-secondary>img.product-image-secondary{opacity:0}
.product-image-wrap.has-secondary:hover>img.product-image-primary,.product-image-wrap.has-secondary.is-secondary-active>img.product-image-primary{opacity:0!important}
.product-image-wrap.has-secondary:hover>img.product-image-secondary,.product-image-wrap.has-secondary.is-secondary-active>img.product-image-secondary{opacity:1!important}
@media(prefers-reduced-motion:reduce){.product-image-wrap.has-secondary>img.product-image-primary,.product-image-wrap.has-secondary>img.product-image-secondary{transition-duration:.01ms!important}}

/* Keep hero slider headings to two visible lines on desktop and mobile. */
.top-hero-slide .hero-content h1,
.dynamic-slide-copy h3{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  text-wrap:pretty;
}
.top-hero-slide .hero-content h1{font-size:clamp(40px,6.5vw,88px)!important;line-height:.98!important}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){.top-hero-slide .hero-content>h1{font-size:clamp(34px,10vw,48px)!important;line-height:1.02!important;min-height:0!important;margin:11px 0!important;letter-spacing:-1px!important}}

/* Curated product sections use a responsive horizontal slider or grid on all screens. */
.product-carousel[data-display-mode="slider"] .product-carousel-track{display:flex;flex-flow:row nowrap;direction:ltr;gap:16px;overflow-x:auto;overflow-y:hidden;padding:4px 2px 16px;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;cursor:grab}
.product-carousel[data-display-mode="slider"] .product-carousel-track:active{cursor:grabbing}
.product-carousel[data-display-mode="slider"] .product-carousel-track::-webkit-scrollbar{display:none}
.product-carousel[data-display-mode="slider"] .product-carousel-track>.product-card{flex:0 0 clamp(185px,calc((100% - 64px)/5),280px);width:clamp(185px,calc((100% - 64px)/5),280px);min-width:0;scroll-snap-align:start}
.product-carousel[data-display-mode="slider"] .product-carousel-track .product-image-wrap{height:auto;aspect-ratio:1/1}
.product-carousel-controls{display:flex;gap:9px;flex:none}
.product-carousel-controls button{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(0, 184, 244,.3);border-radius:11px;background:rgba(16, 16, 16,.82);color:var(--green);cursor:pointer;transition:border-color .2s,background .2s,box-shadow .2s}.product-carousel-controls button:hover{border-color:var(--green)}
.product-carousel-view-all{display:flex;justify-content:center;margin:18px auto 0}
.product-carousel-view-all button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:190px;min-height:48px;padding:0 22px;border:1px solid rgba(0, 184, 244,.45);border-radius:12px;background:linear-gradient(135deg,rgba(0, 184, 244,.16),rgba(0, 184, 244,.045));color:#f3f7ef;font:800 11px var(--font);letter-spacing:.7px;cursor:pointer;transition:border-color .2s,background .2s,box-shadow .2s,transform .2s}.product-carousel-view-all button:hover{border-color:var(--green);transform:translateY(-2px)}
.product-carousel-view-all .ui-icon{width:16px;height:16px;color:var(--green)}
.product-carousel[data-display-mode="grid"] .product-carousel-grid{width:100%}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){
  .product-carousel{padding:42px 5% 48px}
  .product-carousel-heading{align-items:center;margin-bottom:18px}
  .product-carousel-heading h2{font-size:27px}
  .product-carousel-controls{gap:7px}
  .product-carousel-controls button{width:38px;height:38px}
  .product-carousel[data-display-mode="slider"] .product-carousel-track{gap:11px;margin-inline:-2px;padding:3px 2px 13px}
  .product-carousel[data-display-mode="slider"] .product-carousel-track>.product-card{flex:0 0 min(76vw,300px);width:min(76vw,300px);scroll-snap-align:center}
  .product-carousel[data-display-mode="slider"] .product-carousel-track .product-image-wrap{height:auto;aspect-ratio:1/1}
  .product-carousel[data-display-mode="slider"] .product-carousel-track .product-info{padding:10px}
  .product-carousel[data-display-mode="slider"] .product-carousel-track .product-card-title{font-size:11px;line-height:1.3}
  .product-carousel[data-display-mode="slider"] .product-carousel-track .product-price{font-size:11px}
  .product-carousel[data-display-mode="slider"] .product-carousel-track .add-mini{min-width:0;padding:6px;font-size:8px}
  .product-carousel-view-all{margin-top:15px}
}
@media(min-width:761px) and ((min-height:501px) or (pointer:fine) or (orientation:portrait)){.product-carousel[data-display-mode="slider"] .product-carousel-view-all button{min-width:220px;min-height:52px}}

/* Spanish product-card actions wrap cleanly inside the phone buttons. */
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){html.store-language-es .product-card .product-bottom .product-card-actions>.buy-now-mini{height:auto!important;min-height:42px!important;padding:4px 5px!important;white-space:normal!important;text-align:center!important;line-height:1.12!important}html.store-language-es .product-card .product-bottom .product-card-actions>.buy-now-mini>span:first-child{display:-webkit-box!important;max-width:100%!important;white-space:normal!important;overflow:hidden!important;text-overflow:ellipsis!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow-wrap:anywhere!important;text-wrap:balance!important}html.store-language-es .product-card .product-bottom .product-card-actions>.add-mini:disabled .add-mini-label{display:-webkit-box!important;max-width:100%!important;white-space:normal!important;overflow:hidden!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow-wrap:anywhere!important;text-wrap:balance!important}}

/* Curated slider density: five product cards on desktop and two on phones. */
.product-carousel[data-display-mode="slider"] .product-carousel-track{gap:12px!important;cursor:auto!important}
.product-carousel[data-display-mode="slider"] .product-carousel-track:active{cursor:auto!important}
.product-carousel[data-display-mode="slider"] .product-carousel-track>.product-card{flex:0 0 calc((100% - 48px)/5)!important;width:calc((100% - 48px)/5)!important;min-width:0!important;scroll-snap-align:start!important}
.product-carousel .product-carousel-controls{display:none!important}
.product-carousel[data-display-mode="slider"] .product-card .product-bottom .product-card-actions{gap:5px!important}
.product-carousel[data-display-mode="slider"] .product-card .product-bottom .product-card-actions>.add-mini,
.product-carousel[data-display-mode="slider"] .product-card .product-bottom .product-card-actions>.buy-now-mini{height:42px!important;min-height:42px!important;padding:3px 4px!important;font-size:clamp(7px,.72vw,9px)!important;line-height:1.08!important;letter-spacing:0!important;white-space:normal!important;text-align:center!important;overflow:hidden!important}
.product-carousel[data-display-mode="slider"] .product-card .product-bottom .product-card-actions>.add-mini .add-mini-label,
.product-carousel[data-display-mode="slider"] .product-card .product-bottom .product-card-actions>.buy-now-mini>span:first-child{display:-webkit-box!important;min-width:0!important;max-width:100%!important;white-space:normal!important;overflow:hidden!important;text-overflow:ellipsis!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow-wrap:anywhere!important;text-wrap:balance!important}
.product-carousel[data-display-mode="slider"] .product-card .product-bottom .product-card-actions>.add-mini .add-mini-icon{flex:0 0 18px!important;width:18px!important;height:18px!important}
.product-carousel[data-display-mode="slider"] .product-card .product-bottom .product-card-actions>.add-mini .add-mini-icon .ui-icon{width:18px!important;height:18px!important}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){
  .product-carousel[data-display-mode="slider"] .product-carousel-track{gap:10px!important;margin-inline:-2px;padding:3px 2px 13px}
  .product-carousel[data-display-mode="slider"] .product-carousel-track>.product-card{flex:0 0 calc((100% - 10px)/2)!important;width:calc((100% - 10px)/2)!important;scroll-snap-align:start!important}
  .product-carousel[data-display-mode="slider"] .product-carousel-track .product-info{padding:8px!important}
  .product-carousel[data-display-mode="slider"] .product-carousel-track .product-card-title{font-size:10px!important;line-height:1.28!important}
  .product-carousel[data-display-mode="slider"] .product-card .product-bottom .product-card-actions{gap:5px!important}
  .product-carousel[data-display-mode="slider"] .product-card .product-bottom .product-card-actions>.add-mini{min-height:42px!important;height:42px!important;padding:4px!important}
  .product-carousel[data-display-mode="slider"] .product-card .product-bottom .product-card-actions>.add-mini .add-mini-icon{width:23px!important;height:23px!important;flex-basis:23px!important}
  .product-carousel[data-display-mode="slider"] .product-card .product-bottom .product-card-actions>.add-mini .add-mini-icon .ui-icon{width:22px!important;height:22px!important}
}

/* Homepage main catalog: same product cards, arranged as a free horizontal slider. */
#homeContent #shop>.product-filters,
#homeContent #shop>.catalog-toolbar{display:none!important}
#homeContent #shop #productsGrid.main-products-slider{display:flex!important;flex-flow:row nowrap!important;align-items:stretch;gap:16px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:none!important;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;scrollbar-width:none;padding:12px 3px 16px;margin:-12px -3px -16px;touch-action:pan-x pan-y}
#homeContent #shop #productsGrid.main-products-slider::-webkit-scrollbar{display:none}
#homeContent #shop #productsGrid.main-products-slider>.product-card{flex:0 0 42%!important;width:42%!important;min-width:0!important;scroll-snap-align:none!important}
#homeContent #shop #productsMore{margin-top:30px}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){
  #homeContent #shop #productsGrid.main-products-slider{gap:10px!important;padding:10px 2px 15px;margin:-10px -2px -15px}
  #homeContent #shop #productsGrid.main-products-slider>.product-card{flex-basis:40%!important;width:40%!important}
  #homeContent #shop #productsGrid.main-products-slider .product-card-actions>.add-mini:not(:disabled) .add-mini-label{display:none!important}
  #homeContent #shop #productsGrid.main-products-slider .product-card-actions>.add-mini:not(:disabled){width:44px!important;min-width:44px!important;justify-self:start}
  #homeContent #shop #productsMore{margin-top:24px}
}

/* Arabic product titles stay compact and readable inside the cards and detail page. */
html.store-language-ar .product-card-title{font-size:clamp(11px,1vw,14px)!important;line-height:1.45!important}
html.store-language-ar .product-detail-info h1{font-size:clamp(27px,4vw,44px)!important;line-height:1.42!important}
html.store-language-ar #shop .section-heading h2{text-align:right!important;unicode-bidi:isolate!important;font-size:clamp(26px,3.5vw,42px)!important;line-height:1.38!important}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){
  html.store-language-ar .product-card-title{font-size:12px!important;line-height:1.48!important}
  html.store-language-ar .product-detail-info h1{font-size:clamp(25px,7vw,34px)!important;line-height:1.45!important}
  html.store-language-ar #shop .section-heading h2{font-size:clamp(24px,7vw,34px)!important;line-height:1.45!important}
}

/* Keep the saved button's circular icon fully inside narrow phone product cards. */
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){
  .product-card .save-product-button:not(.detail-save-button){gap:6px!important;padding-inline:7px!important}
  .product-card .save-product-button:not(.detail-save-button)>.IconContainer{width:22px!important;height:22px!important;flex:0 0 22px!important}
  .product-card .save-product-button:not(.detail-save-button)>.IconContainer>.icon{width:11px!important;height:13px!important}
  .product-card .save-product-button:not(.detail-save-button)>.text{width:58px!important;flex:0 1 58px!important;font-size:9px!important;letter-spacing:.35px!important}
}

/* Keep product-card titles to two aligned lines, with an ellipsis for longer names. */
.product-card:not(.home-game-product-card) .product-card-title{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;height:2.8em!important;min-height:2.8em!important;max-height:2.8em!important;overflow:hidden!important;text-overflow:ellipsis!important;overflow-wrap:anywhere!important}
html.store-language-ar .product-card:not(.home-game-product-card) .product-card-title{height:2.96em!important;min-height:2.96em!important;max-height:2.96em!important}

/* Keep the homepage product rail visually open over the store background. */
#homeContent #shop #productsGrid.main-products-slider{background:transparent!important;border:0!important; box-shadow:none!important;outline:0!important}
#homeContent #shop #productsGrid.main-products-slider>.product-card{position:relative}


@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){#homeContent #shop #productsGrid.main-products-slider .product-card-actions>.add-mini:not(:disabled){width:100%!important;min-width:0!important;justify-self:stretch!important}}

/* Desktop homepage catalog is a five-column row; only phones use the horizontal rail. */
@media(min-width:761px) and ((min-height:501px) or (pointer:fine) or (orientation:portrait)){
  #homeContent #shop #productsGrid.main-products-slider{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;grid-auto-flow:row!important;align-items:stretch;gap:17px!important;overflow:visible!important;padding:0!important;margin:0!important;scroll-behavior:auto!important;touch-action:auto!important}
  #homeContent #shop #productsGrid.main-products-slider>.product-card{flex:initial!important;width:auto!important;min-width:0!important;scroll-snap-align:none!important}
}
/* Refined product-count caption and View All Products action. */
#homeContent #shop #productsMore{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;margin:30px auto 0;padding:0;background:transparent;border:0; box-shadow:none}
#homeContent #shop #productsMore[hidden]{display:none!important}
#homeContent #shop #productsMore #productsMoreCount{display:flex;align-items:center;justify-content:center;gap:9px;width:auto;margin:0;color:#aab5a6;font-size:10px;font-weight:800;letter-spacing:1.35px;line-height:1.4;text-align:center;text-transform:uppercase}
#homeContent #shop #productsMore #productsMoreCount::before{content:"";width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:#00b8f4; box-shadow:none}
#homeContent #shop #productsMore #viewAllProductsButton{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-width:240px;min-height:52px;padding:0 24px;border:1px solid rgba(176, 232, 250,.58);border-radius:14px;background:linear-gradient(135deg,#2ecbff 0%,#31c2f2 54%,#0fb2e8 100%);color:#101010;font:900 11px/1.2 var(--font);letter-spacing:1px;text-align:center;text-decoration:none; box-shadow:inset 0 1px rgba(255, 255, 255,.42);transition:transform .22s ease,box-shadow .22s ease,filter .22s ease}#homeContent #shop #productsMore #viewAllProductsButton:hover{transform:translateY(-2px)}
#homeContent #shop #productsMore #viewAllProductsButton:active{transform:translateY(0) scale(.985)}
#homeContent #shop #productsMore #viewAllProductsButton .ui-icon{width:17px;height:17px;flex:0 0 17px;color:#161616;transition:transform .22s ease}
#homeContent #shop #productsMore #viewAllProductsButton:hover .ui-icon{transform:translateX(3px)}
html.store-language-ar #homeContent #shop #productsMore #productsMoreCount{letter-spacing:0}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){
  #homeContent #shop #productsMore{gap:10px;margin-top:23px}
  #homeContent #shop #productsMore #productsMoreCount{font-size:9px;letter-spacing:.9px}
  #homeContent #shop #productsMore #viewAllProductsButton{min-width:min(240px,82vw);min-height:48px;padding:0 20px;border-radius:13px;font-size:10px}
}
/* Bring the main product heading closer to the category cards above it. */
#homeContent #categories{padding-bottom:30px!important}
#homeContent #shop{padding-top:25px!important}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){#homeContent #categories{padding-bottom:20px!important}#homeContent #shop{padding-top:18px!important}}
/* View All: a compact, premium catalog link with a quiet product count. */
#homeContent #shop #productsMore{display:flex!important;flex-direction:row!important;align-items:center;justify-content:center;gap:22px;margin:20px auto 0!important;padding:0;background:transparent;border:0; box-shadow:none}
#homeContent #shop #productsMore[hidden]{display:none!important}
#homeContent #shop #productsMore #productsMoreCount{order:0;display:flex;align-items:center;justify-content:center;gap:8px;width:auto;margin:0;color:#aeb8aa;font-size:9px;font-weight:700;letter-spacing:.45px;line-height:1.45;text-align:center;text-transform:none}
#homeContent #shop #productsMore #productsMoreCount::before{content:"";width:5px;height:5px;flex:0 0 5px;border-radius:50%;background:#00b8f4; box-shadow:none}
#homeContent #shop #productsMore #viewAllProductsButton{order:1;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-width:220px;min-height:50px;padding:0 22px;border:1px solid rgba(0, 184, 244,.32);border-radius:13px;background:linear-gradient(145deg,rgba(24, 24, 24,.92),rgba(12, 12, 12,.96));color:#eaf2e8;font:800 10px/1.2 var(--font);letter-spacing:.75px;text-align:center;text-decoration:none; box-shadow:inset 0 1px rgba(255, 255, 255,.06),0 7px 20px rgba(0, 0, 0,.16);transition:border-color .22s ease,background .22s ease,box-shadow .22s ease,transform .22s ease}#homeContent #shop #productsMore #viewAllProductsButton:hover{transform:translateY(-2px);border-color:rgba(0, 184, 244,.68)}
#homeContent #shop #productsMore #viewAllProductsButton:active{transform:translateY(0) scale(.99)}
#homeContent #shop #productsMore #viewAllProductsButton .ui-icon{width:26px;height:26px;flex:0 0 26px;padding:5px;border:1px solid rgba(0, 184, 244,.28);border-radius:50%;background:rgba(0, 184, 244,.08);color:#00b8f4;transition:transform .22s ease,border-color .22s ease,background .22s ease}#homeContent #shop #productsMore #viewAllProductsButton:hover .ui-icon{transform:translateX(3px);border-color:rgba(0, 184, 244,.5)}
html.store-language-ar #homeContent #shop #productsMore #productsMoreCount{letter-spacing:0;font-size:9px}
html.store-language-ar #shop .section-heading h2{font-size:clamp(23px,3vw,36px)!important;line-height:1.42!important}
html.store-language-ar .product-card-title{font-size:clamp(10px,.9vw,12px)!important;line-height:1.45!important}
html.store-language-ar .product-detail-info h1{font-size:clamp(25px,3.6vw,40px)!important;line-height:1.42!important}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){
  #homeContent #categories{padding-bottom:10px!important}
  #homeContent #shop{padding-top:10px!important}
  #homeContent #shop #productsMore{flex-direction:column!important;gap:9px;margin-top:20px!important}
  #homeContent #shop #productsMore #viewAllProductsButton{order:0;min-width:min(220px,80vw);min-height:48px;padding:0 18px;border-radius:12px;font-size:9px;letter-spacing:.55px;white-space:normal}
  #homeContent #shop #productsMore #productsMoreCount{order:1;font-size:8.5px}
  html.store-language-ar #homeContent #shop #productsMore #productsMoreCount{font-size:8.5px}
  html.store-language-ar #shop .section-heading h2{font-size:clamp(21px,6vw,29px)!important;line-height:1.45!important}
  html.store-language-ar .product-card-title{font-size:10.5px!important;line-height:1.46!important}
  html.store-language-ar .product-detail-info h1{font-size:clamp(23px,6.3vw,30px)!important;line-height:1.45!important}
}
/* Shopify-inspired inline View All link, anchored to the product section heading. */
#homeContent #shop .products-section-heading{direction:ltr;align-items:flex-end;gap:28px;margin-bottom:28px}
#homeContent #shop .products-section-heading>div:first-child{min-width:0}
#homeContent #shop #productsMore.products-heading-actions{display:grid!important;flex:0 0 auto;justify-items:end;align-content:end;gap:7px;margin:0!important;padding:0;background:transparent;border:0; box-shadow:none}
#homeContent #shop #productsMore.products-heading-actions[hidden]{display:none!important}
#homeContent #shop #productsMore #productsMoreCount{width:auto;margin:0;color:#98a493;font-size:9px;font-weight:700;letter-spacing:.45px;line-height:1.35;text-align:right;text-transform:none}
#homeContent #shop #productsMore #productsMoreCount::before{display:none!important;content:none!important}
#homeContent #shop #productsMore #viewAllProductsButton.view-all-products-link{display:inline-flex;align-items:center;justify-content:flex-end;gap:12px;min-width:0;min-height:36px;padding:2px 0;border:0;border-radius:0;background:transparent;color:#edf4e9;font:800 11px/1.2 var(--font);letter-spacing:.65px;text-align:right;text-decoration:none; box-shadow:none;transition:color .2s ease}
#homeContent #shop #productsMore #viewAllProductsButton .reversed-link{position:relative;display:inline-block;padding:0 0 3px;background-image:linear-gradient(currentColor,currentColor);background-repeat:no-repeat;background-position:right bottom;background-size:0 1px;transition:background-size .28s ease,color .2s ease}
#homeContent #shop #productsMore #viewAllProductsButton:hover{transform:none;color:#36c5ff}
#homeContent #shop #productsMore #viewAllProductsButton:hover .reversed-link{background-size:100% 1px}
#homeContent #shop #productsMore #viewAllProductsButton .circle-chevron{box-sizing:border-box;display:grid;place-items:center;width:32px;height:32px;flex:0 0 32px;border:1px solid rgba(0, 184, 244,.32);border-radius:50%;background:rgba(0, 184, 244,.055);color:#36c5ff;transition:transform .24s ease,border-color .24s ease,background .24s ease,box-shadow .24s ease}
#homeContent #shop #productsMore #viewAllProductsButton .circle-chevron svg{display:block;width:5px;height:8px;flex:none}#homeContent #shop #productsMore #viewAllProductsButton:hover .circle-chevron{transform:translateX(3px);border-color:rgba(0, 184, 244,.68)}
html.store-language-ar #homeContent #shop .products-section-heading>div:first-child{direction:rtl;text-align:right}
html.store-language-ar #homeContent #shop #productsMore #productsMoreCount{font-size:9px;letter-spacing:0}
html.store-language-ar :is(.view-all-products-link,.products-more){direction:ltr}
html.store-language-ar .products-more #productsMoreCount{direction:rtl}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){
 #homeContent #shop .products-section-heading{display:block;margin-bottom:22px}
 #homeContent #shop #productsMore.products-heading-actions{justify-items:end;gap:5px;margin-top:12px!important}
 #homeContent #shop #productsMore #productsMoreCount{font-size:8.5px;text-align:right}
 #homeContent #shop #productsMore #viewAllProductsButton.view-all-products-link{min-height:34px;font-size:10px;letter-spacing:.4px}
 #homeContent #shop #productsMore #viewAllProductsButton .circle-chevron{width:29px;height:29px;flex-basis:29px}
}

/* Product section View All placement: heading on desktop; count then link below cards on mobile. */
#homeContent #shop .products-section-heading{direction:ltr;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}
#homeContent #shop .products-section-heading>div:first-child{min-width:0}
#homeContent #shop .view-all-products-link{display:inline-flex;align-items:center;justify-content:flex-end;gap:9px;flex:none;padding:0;border:0;background:none;color:#eef4ec;font:500 13px/1.3 var(--font);letter-spacing:0;text-decoration:none;white-space:nowrap}
#homeContent #shop .view-all-products-link[hidden]{display:none!important}
#homeContent #shop .view-all-products-link svg{display:block;width:5px;height:8px;flex:none;color:#eef4ec}
#homeContent #shop .view-all-products-link:hover{color:#eef4ec}
#homeContent #shop .view-all-products-link:hover svg{color:#eef4ec}
#homeContent #shop .view-all-mobile{display:none}
#homeContent #shop #productsMore{display:flex;flex-direction:column;align-items:center;gap:10px;margin:18px 0 0;padding:0;border:0;background:none; box-shadow:none}
#homeContent #shop #productsMore[hidden]{display:none!important}
#homeContent #shop #productsMore #productsMoreCount{order:0;width:auto;margin:0;color:#98a493;font-size:10px;font-weight:600;letter-spacing:.35px;line-height:1.45;text-align:center}
#homeContent #shop #productsMore #productsMoreCount::before{display:none!important;content:none!important}
@media(min-width:761px) and ((min-height:501px) or (pointer:fine) or (orientation:portrait)){
 html.store-language-ar #storeFooter .footer-column h3{font-size:8.5px!important;line-height:1.6!important;letter-spacing:0!important}
}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){
 #homeContent #shop .products-section-heading{display:block;margin-bottom:22px}
 #homeContent #shop .products-section-heading>div:first-child{width:100%}
 #homeContent #shop .view-all-desktop{display:none!important}
 #homeContent #shop #productsMore{gap:9px;margin-top:16px}
 #homeContent #shop #productsMore #productsMoreCount{font-size:9px;text-align:center}
 #homeContent #shop .view-all-mobile{display:inline-flex;min-height:34px;font-size:11px}
}

/* Preserve Latin-script typography while Arabic is selected. */
html.store-language-ar :lang(en),html.store-language-ar :lang(es){font-family:'Oxanium',sans-serif!important;direction:ltr;unicode-bidi:isolate}
html.store-language-ar :lang(en):is(h1,h2,h3,h4),html.store-language-ar :lang(es):is(h1,h2,h3,h4){font-family:'Oxanium',sans-serif!important}

/* Keep the featured product carousel's card order LTR in every store language. */
html.store-language-ar #homeContent #shop #productsGrid.main-products-slider{direction:ltr!important;flex-direction:row!important}
html.store-language-ar #homeContent #shop #productsGrid.main-products-slider>.product-card{direction:ltr!important}
html.store-language-ar #homeContent #shop .products-section-heading>div:first-child{direction:ltr!important;text-align:left!important}
html.store-language-ar #homeContent #shop .products-section-heading #loadoutHeading{direction:ltr!important;text-align:left!important;unicode-bidi:plaintext!important}
html.store-language-ar :is(h1,h2,h3,h4){direction:ltr!important;text-align:inherit!important;unicode-bidi:plaintext!important}

/* Refined View All button: quiet glass surface, fixed arrow, no underline or movement. */
#homeContent #shop .view-all-products-link{min-height:42px;padding:0 15px;border:1px solid rgba(0, 184, 244,.3);border-radius:11px;background:linear-gradient(135deg,rgba(0, 184, 244,.09),rgba(255, 255, 255,.035)); box-shadow:inset 0 1px rgba(255, 255, 255,.055);color:#edf4e9;font:800 11px/1.2 var(--font);letter-spacing:.65px;text-decoration:none;transition:border-color .18s ease,background-color .18s ease,color .18s ease,box-shadow .18s ease}
#homeContent #shop .view-all-products-link svg{width:6px;height:10px;color:#36c5ff}#homeContent #shop .view-all-products-link:hover{border-color:rgba(0, 184, 244,.58);color:#36c5ff}
#homeContent #shop .view-all-products-link:hover svg{color:#36c5ff}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){
 #homeContent #shop .view-all-mobile{min-height:42px;padding:0 17px;font-size:10px}
}

/* Keep storefront layout direction stable when Arabic is selected; Arabic text runs still shape naturally. */
html.store-language-ar body:not(.admin-body){direction:ltr!important}
html.store-language-ar body:not(.admin-body) *:not(.admin-body){direction:ltr!important}
html.store-language-ar body:not(.admin-body) :lang(ar){unicode-bidi:plaintext!important}
html.store-language-ar #homeContent #shop .section-heading h2{direction:ltr!important;text-align:left!important;unicode-bidi:plaintext!important}
html.store-language-ar #checkoutHeading{direction:ltr!important;text-align:initial!important;unicode-bidi:plaintext!important}

/* Arabic phrase order for headings, without moving the heading blocks. */
html.store-language-ar body:not(.admin-body) *:not(.admin-body):is(h1,h2,h3,h4){direction:rtl!important;text-align:inherit!important;unicode-bidi:plaintext!important}
html.store-language-ar #homeContent #shop .section-heading h2{direction:rtl!important;text-align:left!important;unicode-bidi:plaintext!important}
html.store-language-ar #homeContent #shop .products-section-heading #loadoutHeading{direction:rtl!important;text-align:left!important;unicode-bidi:plaintext!important}
html.store-language-ar #checkoutHeading{direction:rtl!important;text-align:left!important;unicode-bidi:plaintext!important}

/* Match the spacing between the category and featured-product sections. */
#homeContent #categories{padding-bottom:36px!important}
#homeContent #shop{padding-top:36px!important}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){
  #homeContent #categories{padding-bottom:28px!important}
  #homeContent #shop{padding-top:28px!important}
}

/* Keep 40px spacing from the upper slider to categories and from categories to products. */
#homeContent #categories{padding-top:40px!important;padding-bottom:20px!important}
#homeContent #shop{padding-top:20px!important}
#homeContent #categories{padding-bottom:25px!important}
#homeContent #shop{padding-top:25px!important}

/* Make View All share the saved-product button's dark neon glow and press response. */
#homeContent #shop .view-all-products-link{border-color:rgba(235, 240, 242,.19);background:linear-gradient(145deg,rgba(30, 32, 35,.96),rgba(17, 19, 22,.98));color:#e6eee3; box-shadow:none;transition:border-color .22s ease,background .22s ease,color .22s ease,box-shadow .22s ease,transform .22s ease,filter .22s ease}
#homeContent #shop .view-all-products-link svg{color:var(--green);transition:color .22s ease}#homeContent #shop .view-all-products-link:hover,#homeContent #shop .view-all-products-link:focus-visible{border-color:rgba(0, 184, 244,.56);color:var(--green);outline:0}
#homeContent #shop .view-all-products-link:hover svg,#homeContent #shop .view-all-products-link:focus-visible svg{color:var(--green)}
#homeContent #shop .view-all-products-link:active{transform:scale(.975); filter:brightness(.97); box-shadow:none}

/* Match product-card hover: preserve the button's surface and text color, add only a soft lime edge glow. */
#homeContent #shop .view-all-products-link{border-color:rgba(255, 255, 255,.09);background:linear-gradient(145deg,rgba(30, 32, 35,.96),rgba(17, 19, 22,.98));color:#edf4e9; box-shadow:none;transition:transform .22s cubic-bezier(.2,.8,.2,1),border-color .22s ease,box-shadow .22s ease}
#homeContent #shop .view-all-products-link svg{color:#36c5ff}#homeContent #shop .view-all-products-link:hover,#homeContent #shop .view-all-products-link:focus-visible{transform:translateY(-2px);border-color:rgba(0, 184, 244,.5);color:#edf4e9}
#homeContent #shop .view-all-products-link:hover svg,#homeContent #shop .view-all-products-link:focus-visible svg{color:#36c5ff}
#homeContent #shop .view-all-products-link:active{transform:translateY(0) scale(.99); filter:none}

/* Match the translucent header controls used throughout the store. */
#homeContent #shop .view-all-products-link{border-color:rgba(235, 240, 242,.22);background:linear-gradient(145deg,rgba(35, 37, 40,.84),rgba(21, 23, 26,.8));-webkit-backdrop-filter:blur(20px) saturate(135%);backdrop-filter:blur(20px) saturate(135%);color:#edf4e9}#homeContent #shop .view-all-products-link:hover,#homeContent #shop .view-all-products-link:focus-visible{border-color:rgba(0, 184, 244,.5);color:#edf4e9}
#homeContent #shop .view-all-products-link:active{background:linear-gradient(145deg,rgba(35, 37, 40,.84),rgba(21, 23, 26,.8));color:#edf4e9}

/* Let Arabic product names use the card width before wrapping; keep titles to two lines. */
html.store-language-ar .product-card-title{font-size:clamp(9px,.78vw,10.5px)!important;line-height:1.48!important;overflow-wrap:normal!important;word-break:normal!important;hyphens:manual!important;text-wrap:pretty}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){html.store-language-ar .product-card-title{font-size:9.5px!important;line-height:1.5!important}}

/* Keep detail-page product names readable without splitting into narrow, oversized lines. */
html:not(.store-language-ar) .product-detail-info h1{font-size:clamp(38px,4.2vw,56px)!important;line-height:1.08!important;text-wrap:pretty}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){html:not(.store-language-ar) .product-detail-info h1{font-size:clamp(29px,8vw,38px)!important;line-height:1.16!important;overflow-wrap:normal!important;word-break:normal!important;white-space:normal!important;text-wrap:pretty}}
html:not(.store-language-ar) .product-detail-info h1{font-size:clamp(32px,3.5vw,48px)!important;line-height:1.12!important}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){html:not(.store-language-ar) .product-detail-info h1{font-size:clamp(25px,6.6vw,32px)!important;line-height:1.2!important}}
html body:not(.admin-body) .product-card{cursor:pointer}

/* Keep Spanish words intact instead of leaving a single character on a new line. */
html.store-language-es body:not(.admin-body) :is(h1,h2,h3,h4,p,span,a,button,label,small,strong,li){overflow-wrap:normal!important;word-break:normal!important;hyphens:none!important}
html.store-language-es body:not(.admin-body) :is(.product-stock-badge,.detail-add-button:disabled,.add-mini:disabled .add-mini-label,.saved-add-button:disabled){white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important}
/* Keep the compact Spanish sold-out card action on a single line. */
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){html.store-language-es .product-card .product-bottom .product-card-actions>.add-mini:disabled .add-mini-label{display:block!important;flex:0 1 auto!important;width:auto!important;max-width:100%!important;padding-inline:0!important;font-size:clamp(6px,2.05vw,8px)!important;letter-spacing:0!important;line-height:1!important;white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important;overflow:visible!important;text-overflow:clip!important}}
/* Related products use the same home catalog slider layout, with every recommendation shown. */
#productPage .related-section{padding:0;overflow:visible;background:transparent;border:0; box-shadow:none}
#productPage .related-section>.section-heading{margin-bottom:24px}
#productPage #relatedProducts.main-products-slider{display:flex!important;flex-flow:row nowrap!important;align-items:stretch;gap:16px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:none!important;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;scrollbar-width:none;padding:12px 3px 16px;margin:-12px -3px -16px;touch-action:pan-x pan-y;background:transparent!important;border:0!important; box-shadow:none!important;outline:0!important}
#productPage #relatedProducts.main-products-slider::-webkit-scrollbar{display:none}
#productPage #relatedProducts.main-products-slider>.product-card{flex:0 0 42%!important;width:42%!important;min-width:0!important;scroll-snap-align:none!important;position:relative}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){#productPage .related-section{margin-top:100px}#productPage .related-section>.section-heading{margin-bottom:18px}#productPage #relatedProducts.main-products-slider{gap:10px!important;padding:10px 2px 15px;margin:-10px -2px -15px}#productPage #relatedProducts.main-products-slider>.product-card{flex-basis:40%!important;width:40%!important}#productPage #relatedProducts.main-products-slider .product-card-actions>.add-mini:not(:disabled) .add-mini-label{display:none!important}#productPage #relatedProducts.main-products-slider .product-card-actions>.add-mini:not(:disabled){width:100%!important;min-width:0!important;justify-self:stretch!important}}
@media(min-width:761px) and ((min-height:501px) or (pointer:fine) or (orientation:portrait)){#productPage #relatedProducts.main-products-slider{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;grid-auto-flow:row!important;align-items:stretch;gap:17px!important;overflow:visible!important;padding:0!important;margin:0!important;scroll-behavior:auto!important;touch-action:auto!important}#productPage #relatedProducts.main-products-slider>.product-card{flex:initial!important;width:auto!important;min-width:0!important;scroll-snap-align:none!important}}
/* Repaint backdrop-filter surfaces after the image or popup behind them changes, matching the zoom fix. */
body:not(.admin-body) .store-glass-refresh.backdrop-refresh{backdrop-filter:var(--store-glass-refresh-filter)!important;-webkit-backdrop-filter:var(--store-glass-refresh-filter)!important}
/* Product gallery magnifier matches the zoom viewer glass controls. */
.product-zoom-button{background:linear-gradient(145deg,rgba(35, 37, 40,.52),rgba(21, 23, 26,.46))!important;border-color:rgba(235, 240, 242,.2)!important;-webkit-backdrop-filter:blur(20px) saturate(135%)!important;backdrop-filter:blur(20px) saturate(135%)!important; box-shadow:inset 0 1px rgba(255, 255, 255,.07),0 5px 14px rgba(0, 0, 0,.16)!important;transition:background .22s ease,border-color .22s ease,color .22s ease,box-shadow .22s ease!important}.product-zoom-button:hover,.product-zoom-button:focus-visible{border-color:rgba(0, 184, 244,.5)!important;color:#68d9ff!important;outline:none}/* Category tabs: hovering changes label color only. */

body:not(.admin-body) :is(#productFilters .filter-tabs,#allProductsPage .filter-tabs) .filter-btn:hover:not(.active){border-color:transparent!important;color:var(--green)!important;transform:none!important}
body:not(.admin-body) :is(#productFilters .filter-tabs,#allProductsPage .filter-tabs) .all-products-tab:hover .all-products-icon{transform:none!important}

/* Cloned hero slides do not keep source IDs, so style their CTAs by class on desktop and touch screens. */
.top-hero-slide .hero-buttons > .btn-primary { box-shadow:none; }
.top-hero-slide .hero-buttons > .btn-outline { background: rgba(30, 32, 35,.88); border-color: rgba(0, 184, 244,.34); color: #e5eee2; }.top-hero-slide .hero-buttons > .btn-outline:hover{ border-color: var(--green); color: var(--green)}
.top-hero-slide .hero-buttons > a:active { transform: translateY(1px) scale(.98); filter:brightness(.92); }
@media (max-width: 1024px) {
  /* Hero artwork must sit behind the CTAs even when the uploaded image is large. */
  .top-hero-slide .hero-visual,
  .top-hero-slide .hero-media-slot,
  .top-hero-slide .hero-media-slot img { pointer-events: none; }
  .top-hero-slide .hero-content > .hero-buttons {
    position: relative;
    z-index: 6;
    isolation: isolate;
    pointer-events: auto;
  }
  .top-hero-slide .hero-buttons > a { position: relative; z-index: 1; pointer-events: auto; touch-action: manipulation; }
}
/* Mobile menu uses the header's translucent tint without the liquid-glass blur. */
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){
  html body:not(.admin-body) nav#navigation.navigation.show,
  html body:not(.admin-body) nav#navigation.navigation.show.store-glass-refresh.backdrop-refresh{
    background:linear-gradient(125deg,rgba(24, 24, 24,.76),rgba(20, 22, 24,.70))!important;
    background-color:rgba(12, 12, 12,.72)!important;
    border-color:rgba(235, 240, 242,.22)!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important; box-shadow:0 18px 44px rgba(0, 0, 0,.32),inset 0 1px rgba(255, 255, 255,.07)!important;
  }
}
/* Desktop custom product carousel: keep its existing View All button beside the heading. */
@media(min-width:761px) and ((min-height:501px) or (pointer:fine) or (orientation:portrait)){
  .product-carousel{display:grid!important;grid-template-columns:minmax(0,1fr) auto;column-gap:24px;align-items:end}
  .product-carousel>.product-carousel-heading{grid-column:1;grid-row:1;margin-bottom:24px}
  .product-carousel>:is(.product-carousel-track,.product-carousel-grid){grid-column:1/-1;grid-row:2}
  .product-carousel>.product-carousel-view-all{grid-column:2;grid-row:1;align-self:end;justify-content:flex-end;margin:0 0 24px auto}
}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){
  .product-carousel{display:block!important}
  .product-carousel>.product-carousel-view-all{margin:15px auto 0}
}
/* Shop by Category is a horizontal rail on desktop and four-card swipe pages on phones. */
#categories .category-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:22px}
#categories .category-view-all{display:inline-flex;align-items:center;justify-content:center;gap:10px;flex:none;min-height:44px;padding:0 16px;border:1px solid rgba(235, 240, 242,.2);border-radius:12px;background:linear-gradient(145deg,rgba(35, 37, 40,.84),rgba(21, 23, 26,.8));color:#edf4e9;font:800 10px/1.2 var(--font);letter-spacing:.65px;white-space:nowrap;cursor:pointer;transition:border-color .2s,box-shadow .2s,color .2s}
#categories .category-view-all[hidden]{display:none!important}
#categories .category-view-all .ui-icon{width:16px;height:16px;color:var(--green)}#categories .category-view-all:hover,#categories .category-view-all:focus-visible{border-color:rgba(0, 184, 244,.55);color:var(--green);outline:none}
#categoriesGrid.category-carousel-track{display:flex!important;flex-flow:row nowrap;align-items:stretch;gap:16px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;scrollbar-width:none;padding:4px 2px 14px;touch-action:pan-x pan-y}
#categoriesGrid.category-carousel-track::-webkit-scrollbar{display:none}
#categoriesGrid.category-carousel-track>.category-card{flex:0 0 calc((100% - 48px)/4);width:calc((100% - 48px)/4);min-width:185px;max-width:320px;height:280px;scroll-snap-align:start}
#categoriesGrid.category-carousel-track.is-free-dragging{cursor:grabbing;scroll-snap-type:none}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){
  #categories .category-section-heading{display:block;margin-bottom:20px}
  #categories .category-view-all{display:none!important}
  #categoriesGrid.category-carousel-track{gap:0;padding:2px 0 12px;margin:0;scroll-snap-type:x mandatory}
  #categoriesGrid.category-carousel-track>.category-carousel-page{flex:0 0 100%;width:100%;min-width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:11px;padding:0 2px;scroll-snap-align:start;scroll-snap-stop:always}
  #categoriesGrid.category-carousel-track .category-carousel-page>.category-card{width:100%;min-width:0;max-width:none;height:auto;aspect-ratio:3/2}
}
.all-categories-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){.all-categories-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}}

/* Category rail: four full cards on desktop; two stacked cards per phone swipe with a next-page peek. */
@media(min-width:761px) and ((min-height:501px) or (pointer:fine) or (orientation:portrait)){
  #categoriesGrid.category-carousel-track{justify-content:flex-start;overflow:visible;scroll-snap-type:none;}
  #categoriesGrid.category-carousel-track>.category-card{flex:0 0 calc((100% - 42px)/4);width:calc((100% - 42px)/4);min-width:0;max-width:none;}
}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){
  #categoriesGrid.category-carousel-track{gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;}
  #categoriesGrid.category-carousel-track>.category-carousel-page{flex:0 0 68%;width:68%;min-width:68%;max-width:68%;grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(2,minmax(0,1fr));gap:11px;padding:0 2px;}
  #categoriesGrid.category-carousel-track .category-carousel-page>.category-card{width:100%;min-width:0;max-width:none;height:auto;aspect-ratio:3/2;}
}
/* Keep normal hover feedback, but remove the radial/neon halo from product and category cards. */
@media(hover:hover) and (pointer:fine){.product-card:hover,#categoriesGrid .category-card:hover,.categories-grid .category-card:hover{}
}
/* Keep category names small and quiet over the lower-left of each image. */
body:not(.admin-body) :is(#categoriesGrid,#allCategoriesGrid,.category-subcategories) .category-name{display:block!important;left:10px!important;right:auto!important;bottom:9px!important;z-index:4!important;max-width:calc(100% - 20px)!important;margin:0!important;font-size:clamp(10px,.82vw,12px)!important;line-height:1.2!important;font-weight:700!important;letter-spacing:.15px!important;text-align:left!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important; text-shadow:0 1px 5px rgba(0, 0, 0,.9)!important;}
body:not(.admin-body) :is(#categoriesGrid,#allCategoriesGrid,.category-subcategories) .category-arrow{display:none!important;}
/* Match the category swipe to the product rail: natural touch scrolling without forced stops. */
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){
  #categoriesGrid.category-carousel-track{gap:10px;scroll-behavior:auto;scroll-snap-type:x mandatory;}
  #categoriesGrid.category-carousel-track>.category-carousel-page{flex-basis:66%;width:66%;min-width:66%;max-width:66%;scroll-snap-stop:normal;}
  #categoriesGrid.category-carousel-track .category-carousel-page>.category-card{aspect-ratio:1.62;}
}
@media(min-width:761px) and ((min-height:501px) or (pointer:fine) or (orientation:portrait)){#categoriesGrid.category-carousel-track>.category-card{height:260px;}}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){
  #categoriesGrid.category-carousel-track>.category-carousel-page{flex-basis:84%;width:84%;min-width:84%;max-width:84%;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(0,1fr);}
}

/* Categories follow the free horizontal product rail on phones. */
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){
  #categoriesGrid.category-carousel-track{display:flex!important;flex-flow:row nowrap!important;direction:ltr!important;gap:10px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:none!important;scroll-behavior:smooth!important;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;scrollbar-width:none;padding:10px 2px 15px;margin:-10px -2px -15px;touch-action:pan-x pan-y;}
  #categoriesGrid.category-carousel-track::-webkit-scrollbar{display:none}
  #categoriesGrid.category-carousel-track>.category-card{flex:0 0 40%!important;width:40%!important;min-width:0!important;max-width:none!important;height:auto!important;aspect-ratio:3/2;scroll-snap-align:none!important;}
}
@media(min-width:761px) and ((min-height:501px) or (pointer:fine) or (orientation:portrait)){
  #categoriesGrid.category-carousel-track{gap:12px!important;}
  #categoriesGrid.category-carousel-track>.category-card{flex:0 0 calc((100% - 48px)/5)!important;width:calc((100% - 48px)/5)!important;height:auto!important;aspect-ratio:3/2;}
  #homeContent #shop #productsGrid.main-products-slider{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important;}
  #homeContent #shop #productsGrid.main-products-slider .product-image-wrap{height:auto!important;aspect-ratio:1/1;}
}
/* Match the categories View All link to the product section's View All control. */
#categories .category-view-all.view-all-products-link{display:inline-flex;align-items:center;justify-content:flex-end;gap:9px;flex:none;padding:0;border:0;background:none;color:#eef4ec;font:500 13px/1.3 var(--font);letter-spacing:0;text-decoration:none;white-space:nowrap;}
#categories .category-view-all.view-all-products-link svg{display:block;width:5px;height:8px;flex:none;color:#eef4ec;}
#categories .category-view-all.view-all-products-link[hidden]{display:none!important;}#categories .category-view-all.view-all-products-link:hover{color:#eef4ec;border-color:transparent;transform:none}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){#categories .category-view-all.view-all-products-link{display:none!important;}}
/* Keep the gentle card lift and image interaction; remove only the neon halo. */
@media(hover:hover) and (pointer:fine){.product-card:hover,#categoriesGrid .category-card:hover,.categories-grid .category-card:hover,.category-subcategories .category-card:hover{
    transform:translateY(-3px)!important}.product-card:hover{}#categoriesGrid .category-card:hover,.categories-grid .category-card:hover,.category-subcategories .category-card:hover{}
}
/* The rails stay transparent and inset from the phone screen edges. */
#categoriesGrid.category-carousel-track{background:transparent!important;border:0!important; box-shadow:none!important;outline:0!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){
  #categoriesGrid.category-carousel-track{margin:0 6px!important;padding:10px 2px 15px!important;}
}/* Remove only the green hover halo on both pointer and touch browsers; keep the card lift. */
body:not(.admin-body) .product-card:hover{}body:not(.admin-body) :is(.categories-grid,.category-subcategories) .category-card:hover{}body:not(.admin-body) #categoriesGrid .category-card:hover{}

/* The category Explore All is the same glass link used beside the product section heading. */
#homeContent #categories #categoriesViewAllButton.view-all-products-link{appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:flex-end;gap:9px;flex:none;min-width:0;min-height:42px;padding:0 15px;border:1px solid rgba(235, 240, 242,.22);border-radius:11px;background:linear-gradient(145deg,rgba(35, 37, 40,.84),rgba(21, 23, 26,.8));-webkit-backdrop-filter:blur(20px) saturate(135%);backdrop-filter:blur(20px) saturate(135%);color:#edf4e9;font:800 11px/1.2 var(--font);letter-spacing:.65px;text-decoration:none;white-space:nowrap; box-shadow:none;transition:transform .22s cubic-bezier(.2,.8,.2,1),border-color .22s ease,box-shadow .22s ease;}
#homeContent #categories #categoriesViewAllButton.view-all-products-link svg{display:block;flex:none;width:6px;height:10px;color:#36c5ff;}#homeContent #categories #categoriesViewAllButton.view-all-products-link:hover,#homeContent #categories #categoriesViewAllButton.view-all-products-link:focus-visible{transform:translateY(-2px);border-color:rgba(0, 184, 244,.5);color:#edf4e9;outline:0}
#homeContent #categories #categoriesViewAllButton.view-all-products-link:active{transform:translateY(0) scale(.99);}

/* Give the Gear Up section's View All the exact glass treatment used by Explore All. */
#homeContent #shop #viewAllProductsButton.view-all-products-link,
#homeContent #shop #productsMore .view-all-mobile{
  appearance:none!important;-webkit-appearance:none!important;display:inline-flex!important;align-items:center!important;justify-content:flex-end!important;gap:9px!important;
  flex:none!important;min-width:0!important;min-height:42px!important;padding:0 15px!important;border:1px solid rgba(235, 240, 242,.22)!important;border-radius:11px!important;
  background:linear-gradient(145deg,rgba(35, 37, 40,.84),rgba(21, 23, 26,.8))!important;-webkit-backdrop-filter:blur(20px) saturate(135%)!important;backdrop-filter:blur(20px) saturate(135%)!important;
  color:#edf4e9!important;font:800 11px/1.2 var(--font)!important;letter-spacing:.65px!important;text-decoration:none!important;white-space:nowrap!important; box-shadow:none!important;
  transition:transform .22s cubic-bezier(.2,.8,.2,1),border-color .22s ease,box-shadow .22s ease!important;
}
#homeContent #shop #viewAllProductsButton.view-all-products-link svg,
#homeContent #shop #productsMore .view-all-mobile svg{display:block!important;flex:none!important;width:6px!important;height:10px!important;color:#36c5ff!important;transition:transform .22s ease!important;}#homeContent #shop #viewAllProductsButton.view-all-products-link:hover,#homeContent #shop #viewAllProductsButton.view-all-products-link:focus-visible,#homeContent #shop #productsMore .view-all-mobile:hover,#homeContent #shop #productsMore .view-all-mobile:focus-visible{
  transform:translateY(-2px)!important;border-color:rgba(0, 184, 244,.5)!important;
  color:#edf4e9!important;outline:0!important}
#homeContent #shop #viewAllProductsButton.view-all-products-link:active,
#homeContent #shop #productsMore .view-all-mobile:active{transform:translateY(0) scale(.99)!important;}
#homeContent #shop #viewAllProductsButton.view-all-products-link:hover svg,
#homeContent #shop #productsMore .view-all-mobile:hover svg{transform:translateX(2px)!important;}
@media(min-width:761px) and ((min-height:501px) or (pointer:fine) or (orientation:portrait)){#homeContent #shop #productsMore .view-all-mobile{display:none!important;}}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){#homeContent #shop #productsMore .view-all-mobile{display:inline-flex!important;}}

/* Keep the desktop filter strip compact and let extra categories scroll into view. */
@media(min-width:761px) and ((min-height:501px) or (pointer:fine) or (orientation:portrait)){
  body:not(.admin-body) :is(#homeContent #shop,#allProductsPage) .filter-tabs{
    width:max-content!important;max-width:none!important;overflow:visible!important;flex-wrap:nowrap!important;
    scrollbar-width:auto!important;overscroll-behavior-inline:auto!important;
  }
  body:not(.admin-body) :is(#homeContent #shop,#allProductsPage) .filter-tab-list{flex-wrap:nowrap!important;}
}

/* Mobile carousel rails span the viewport; the cards keep their existing sizing. */
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){
  #homeContent #shop #productsGrid.main-products-slider,
  #homeContent #categories #categoriesGrid.category-carousel-track{
    width:100vw!important;
    max-width:100vw!important;
    box-sizing:border-box!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
    padding-left:14px!important;
    padding-right:14px!important;
  }
  #homeContent #categories #categoriesGrid.category-carousel-track{margin-top:0!important;}
  #homeContent #shop #productsGrid.main-products-slider{margin-top:-10px!important;}
}

@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){#homeContent #categories #categoriesViewAllButton.view-all-products-link{display:none!important;}}

/* Keep the language picker panel and rows visually aligned with the navigation submenus. */
.language-menu{min-width:210px!important;gap:4px!important;padding:7px!important;border:1px solid rgba(0, 184, 244,.22)!important;border-radius:16px!important;background:linear-gradient(145deg,rgba(20, 20, 20,.98),rgba(10, 10, 10,.98))!important; box-shadow:0 18px 42px rgba(0, 0, 0,.48),0 8px 24px rgba(0, 0, 0,.2)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important}
.language-menu [role="option"]{display:flex!important;align-items:center!important;gap:9px!important;box-sizing:border-box!important;width:100%!important;min-height:40px!important;padding:0 11px!important;border:1px solid transparent!important;border-radius:8px!important;background:transparent!important;color:#c8d2c6!important;font-size:11px!important;text-align:start!important;transition:background .18s,color .18s,border-color .18s!important}.language-menu [role="option"]:hover,.language-menu [role="option"]:focus-visible{outline:0!important;border-color:rgba(0, 184, 244,.22)!important;color:var(--green)!important}
.language-menu [role="option"][aria-selected="true"]{border-color:rgba(0, 184, 244,.22)!important;background:rgba(0, 184, 244,.09)!important;color:var(--green)!important}
/* Store-wide stable initial paint: prevent reveal/fade effects from dimming pages on load. */
html body:not(.admin-body) [data-scroll-motion],
html body:not(.admin-body) [data-scroll-motion].is-scroll-visible,
html.scroll-reveal-ready body:not(.admin-body) [data-scroll-motion][data-scroll-motion][data-scroll-motion],
html.scroll-reveal-ready body:not(.admin-body) [data-scroll-motion][data-scroll-motion][data-scroll-motion].is-scroll-visible,
html body:not(.admin-body) .header,
html body:not(.admin-body) .header .header-inner,
html body:not(.admin-body) .header .logo,
html body:not(.admin-body) .header .navigation,
html body:not(.admin-body) .header .header-actions {
  opacity: 1 !important;
  translate: none !important;
  transform: none !important;
  animation: none !important;
  transition-delay: 0ms !important;
  will-change: auto !important;
}

/* Explicit mobile override: prevent reload/reveal dimming on phone layouts too. */
@media ((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))) {
  html body:not(.admin-body) [data-scroll-motion][data-scroll-motion][data-scroll-motion],
  html.scroll-reveal-ready body:not(.admin-body) [data-scroll-motion][data-scroll-motion][data-scroll-motion],
  html.scroll-reveal-ready body:not(.admin-body) [data-scroll-motion][data-scroll-motion][data-scroll-motion].is-scroll-visible,
  html body:not(.admin-body) .header,
  html body:not(.admin-body) .header .header-inner,
  html body:not(.admin-body) .header .logo,
  html body:not(.admin-body) .header .navigation,
  html body:not(.admin-body) .header .header-actions {
    opacity: 1 !important;
    translate: none !important;
    animation: none !important;
    animation-delay: 0ms !important;
    transition-delay: 0ms !important;
    will-change: auto !important;
  }
}

/* Keep the mobile drawer and its HOME row fixed in place, without entrance or exit motion. */
@media ((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))) {
  html body #navigation,
  html body #navigation.show,
  html body #navigation.popup-closing {
    transform: none !important;
    transition: none !important;
    animation: none !important;
  }
  html body #navigation:not(.show) {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
  html body #navigation.show {
    display: flex !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }
  html body #navigation .mobile-home-link {
    position: relative !important;
    inset: auto !important;
    transform: none !important;
    transition: none !important;
    animation: none !important;
  }
}

/* Information page breadcrumb layout; the back button uses the exact product control rules above. */
.store-info-page .info-page-breadcrumb{flex-wrap:nowrap;min-width:0;direction:ltr}
.store-info-page .info-page-breadcrumb>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.store-info-page .info-page-breadcrumb>span:nth-of-type(odd){flex:none}
.store-info-page .info-page-breadcrumb>span:nth-of-type(even){flex:0 1 auto}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){.store-info-page .info-page-breadcrumb{gap:5px;margin-bottom:24px}.store-info-page .info-page-breadcrumb>span:nth-of-type(even){max-width:20vw}}

/* Store back controls share one responsive size and the product back arrow. */
:is(.product-page .breadcrumb button.product-breadcrumb-back,.store-info-page .info-page-breadcrumb button.product-breadcrumb-back,.all-products-back,.all-products-back){box-sizing:border-box!important;width:94px!important;min-width:94px!important;max-width:94px!important;height:40px!important;min-height:40px!important;max-height:40px!important;flex:0 0 94px!important;justify-content:center!important;gap:8px!important;padding:0 8px!important;white-space:nowrap!important}
@media((max-width:760px) or ((orientation:landscape) and (max-height:500px) and (pointer:coarse))){:is(.product-page .breadcrumb button.product-breadcrumb-back,.store-info-page .info-page-breadcrumb button.product-breadcrumb-back,.all-products-back,.all-products-back){width:88px!important;min-width:88px!important;max-width:88px!important;height:38px!important;min-height:38px!important;max-height:38px!important;flex-basis:88px!important;padding:0 6px!important}}
/* Keep each back control in its existing location. */
.all-products-back{margin-left:0!important;margin-inline-start:0!important}