/* FORTIX NEXUS — screenshot-matched, responsive commercial storefront v2 */
:root{--nx-bg:#030817;--nx-deep:#061022;--nx-card:#081228;--nx-line:#1b3b6d;--nx-cyan:#12d8ff;--nx-pink:#f82dde;--nx-purple:#7e3efa}
body{background:#030817;color:#f7f9ff;font-family:Inter,'Segoe UI',Arial,sans-serif}
body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:url('/assets/img/nexus-pro/city-edges.webp') center top/cover no-repeat,linear-gradient(120deg,#08071f,#021223 55%,#10082a)}
body.nexus-home:before{opacity:1}
.announcement{height:26px;font-size:10px;background:#03091bde}
.announcement b:first-child{color:#f1f9ff}.announcement .container{width:min(1100px,94%)}
.site-header{background:#02091df2;border-color:#11335e;box-shadow:0 14px 44px #0004}
.site-header .container{width:min(1100px,94%)}
.head-main{height:58px;gap:18px}.brand .logo{width:42px;height:42px;border-radius:12px;background:linear-gradient(140deg,#0ab5ff,#7652ff 64%,#f72fd7);font-size:23px}
.brand b{font-size:20px;font-weight:950}.brand em{background:linear-gradient(100deg,#14dfff,#b743ff);-webkit-background-clip:text;color:transparent}
.search{max-width:565px;height:41px}.search input{font-size:12px;padding:9px 12px;min-width:0}.search button{width:77px;background:linear-gradient(95deg,#356bff,#c92be9)}
.head-actions>a{display:flex;flex-direction:column;justify-content:center;min-width:50px}.head-actions{gap:14px}.head-actions strong{font-size:10px}
.head-actions .cart-link i{right:4px;top:-2px}.nav-row{border-color:#18395c}.nav-row .container{height:41px;gap:21px}
.nav-row a{font-size:10px;white-space:nowrap}.nav-row .all{padding:10px 13px;background:linear-gradient(130deg,#14285c,#181149);border-color:#3454ae}
.nav-row .campaign{padding:8px 11px;border-color:#9a288d}
.nexus-home .container{width:min(1384px,92%)}
.nexus-home .site-header .container,.nexus-home .announcement .container{width:min(1100px,94%)}
/* Single real carousel, admin editable. Copy remains text, art is independent. */
.nexus-home .nexus-hero{padding-top:8px;grid-template-columns:minmax(0,1fr) 359px;gap:14px}
.nexus-home .nexus-hero .nexus-slider{height:217px;min-height:217px;border-radius:15px;border-color:#1464bc;background:#07142e;box-shadow:0 12px 33px #0006}
.nexus-home .nexus-slider-slides,.nexus-home .nexus-slide{height:100%}
.nexus-home .nexus-slide{background:linear-gradient(95deg,#070d22 0,#082449 57%,#1a0641)}
.nexus-home .nexus-slide-media{inset:0;background:radial-gradient(circle at 63% 43%,#2544ab63,transparent 50%)}
.nexus-home .nexus-slide-media img.nexus-full-art{display:block;position:absolute;top:0;right:0;width:67%;height:100%;object-fit:cover;object-position:center;filter:saturate(1.15) contrast(1.04)}
.nexus-home .nexus-slide-media:after{background:linear-gradient(90deg,#081026 0,rgba(6,13,30,.97) 24%,rgba(6,13,30,.48) 49%,rgba(6,13,30,.0) 80%)}
.nexus-home .nexus-slide-copy{position:relative;z-index:3;padding:16px 23px 8px;max-width:535px;min-height:217px;display:flex;align-items:flex-start;flex-direction:column;justify-content:center}
.nexus-home .nexus-overline{display:block;font-size:9px;color:#cad6fa;letter-spacing:3px;font-weight:900;margin-bottom:5px}
.nexus-home .nexus-slide h1{font-weight:1000;letter-spacing:-1px;text-transform:uppercase;font-size:31px;line-height:1.04;max-width:540px;margin:0 0 4px;color:#fff;text-shadow:0 3px 14px #0008}
.nexus-home .nexus-slide h1 em{font-style:normal;color:#0ce8ff;text-shadow:0 0 13px #16d5ff75}
.nexus-home .nexus-slide h1 strong{font-weight:1000;color:#fc42cf}
.nexus-home .nexus-slide p{font-size:10.5px;line-height:1.35;max-width:440px;margin:4px 0 10px;color:#e1e9ff;text-shadow:0 2px 12px #000}
.nexus-home .nexus-slide-actions{display:flex;gap:8px;margin:0}.nexus-home .nexus-slide-actions a{font-size:12px;padding:10px 20px;min-height:32px;border-radius:8px}
.nexus-home .nexus-slide-actions .primary{box-shadow:0 0 13px #d742ff,0 0 23px #12d8ff7a;background:linear-gradient(95deg,#ff2cdd,#3964ff 68%,#1ce8ff)}
.nexus-home .nexus-slide-actions .secondary{display:none}
.nexus-home .nexus-slide-perks{position:absolute;left:23px;bottom:11px;display:flex;gap:23px;flex-wrap:wrap;color:#b7cbfa;font-size:8px;font-weight:800}
.nexus-home .nexus-slider-controls{position:absolute;bottom:7px;right:11px;z-index:8;display:flex;align-items:center;gap:8px;padding:4px 6px;border-radius:8px;background:#040b1cc9;border:1px solid #21436f;font-size:9px}
.nexus-home .nexus-slider-buttons{display:flex;gap:3px}
.nexus-home .nexus-slider-buttons button{width:19px;height:19px;font-size:13px;line-height:1;padding:0;border:1px solid #2e5592;background:#101b37;color:#fff;border-radius:5px}
.nexus-home .nexus-slide-position{font-size:9px;color:#ddeeff;white-space:nowrap}
.nexus-home .nexus-slider-dot{width:13px;height:4px;min-width:13px;border-radius:8px}
.nexus-home .nexus-art-collage{background:linear-gradient(130deg,#090c2c,#38116c)}
.nexus-home .nexus-art-image{height:80%;width:32%;top:13%;right:7%}
.nexus-home .nexus-art-image.secondary-art{height:64%;width:28%;right:35%;top:20%}
.nexus-home .nexus-hero>aside{height:217px;grid-template-rows:1fr 1fr;gap:9px}
.nexus-home .promo-card{height:104px;min-height:0;position:relative;overflow:hidden;border-radius:15px;border-color:#1255a7;padding:14px 18px;background:linear-gradient(90deg,#091227,#180c36)}
.nexus-home .promo-card.pink{background:linear-gradient(90deg,#10112e 0%,#17092c 70%,#250a3a)}
.nexus-home .promo-card.pink:before{content:"";position:absolute;inset:0 0 0 auto;width:52%;background:url('/assets/img/nexus-pro/gift.webp') right center/cover no-repeat;mask-image:linear-gradient(90deg,transparent,#000 52%)}
.nexus-home .promo-card.cyan{background:linear-gradient(90deg,#09162d 0%,#041e38 65%,#041130)}
.nexus-home .promo-card.cyan:before{content:"";position:absolute;inset:0 0 0 auto;width:50%;background:url('/assets/img/nexus-pro/speed.webp') right center/cover no-repeat;mask-image:linear-gradient(90deg,transparent,#000 52%)}
.nexus-home .promo-card:after{display:none}
.nexus-home .promo-card small{position:relative;font-size:8px;letter-spacing:1.2px}.nexus-home .promo-card h2{position:relative;margin:4px 0 0;font-size:26px}.nexus-home .promo-card b{position:relative;font-size:13px;line-height:1.05}.nexus-home .promo-card a,.nexus-home .promo-card p{position:relative;margin:5px 0 0;font-size:9px;color:#d0e7fa;max-width:175px}
.nexus-home .premium-trust{margin-top:10px;min-height:47px;border-radius:8px}
.nexus-home .premium-trust>div{padding:6px 13px;min-height:46px;display:flex;align-items:center;gap:10px}
.nexus-home .premium-trust i{display:inline-flex;align-items:center;justify-content:center;width:36px;margin:0;color:#16eaff;font-size:25px;filter:drop-shadow(0 0 7px #10ddfa)}
.nexus-home .premium-trust span{min-width:0}.nexus-home .premium-trust b{font-size:10px}.nexus-home .premium-trust small{font-size:8px;margin:2px 0 0;color:#96acd1}
/* Full artwork category thumbnails, links and content stay real HTML. */
.nexus-home .category-ribbon-wrap{margin-top:6px}
.nexus-home .category-ribbon{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:7px}
.nexus-home .category-tile{min-height:63px;height:63px;border:1px solid #2866aa;border-radius:9px;position:relative;overflow:hidden;background-image:var(--cat-image);background-repeat:no-repeat;background-position:center;background-size:100% 100%;box-shadow:0 0 0 1px #04081a99 inset}
.nexus-home .category-tile:before,.nexus-home .category-tile:after,.nexus-home .category-shine{display:none!important}
.nexus-home .category-tile.reference-tile b,.nexus-home .category-tile.reference-tile small{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}
.nexus-home .category-tile:not(.reference-tile) b{display:block;background:#041329bd;padding:8px;font-size:11px}
.nexus-home .category-tile:not(.reference-tile) small{display:block;padding:0 8px;font-size:8px}
.nexus-home .category-tile:hover{transform:translateY(-3px);border-color:#fe3ecb;box-shadow:0 0 18px #fa35c045}
/* Screenshot flash campaign ribbon */
.nexus-home .flash-banner{height:64px;min-height:64px;margin-top:8px;display:grid;grid-template-columns:1.2fr .6fr .8fr;gap:14px;align-items:center;padding:8px 19px;border:1px solid #9e33ed;border-radius:12px;background:linear-gradient(90deg,#310c57,#200a4b80 55%,#0814388c),url('/assets/img/nexus-pro/flash-art.webp') 64% center/auto 100% no-repeat,#0c0830;box-shadow:0 0 16px #8528db2b}
.nexus-home .flash-banner>div:first-child{display:flex;align-items:center;gap:14px;min-width:0}
.nexus-home .flash-banner .fire{color:#ff39c5;font-size:33px;filter:drop-shadow(0 0 12px #ff31c5)}
.nexus-home .flash-banner b{color:#ff4dd7;font-size:21px}.nexus-home .flash-banner small{display:block;color:#f1a2eb;font-size:10px}
.nexus-home .flash-count{display:flex;justify-content:center;gap:5px}
.nexus-home .flash-count>span{width:43px;background:#1a0632aa;border:1px solid #7a2393;border-radius:7px;padding:3px 4px;text-align:center}
.nexus-home .flash-count b{font-size:15px;color:#ed48ed}.nexus-home .flash-count small{font-size:6px;color:#e2c0ed}
.nexus-home .flash-banner>a{justify-self:end;padding:10px 17px;border-radius:7px;background:linear-gradient(100deg,#385cff,#a529e7);font-size:10px;font-weight:900;color:white}
/* Dense 5-column cards with image crop matching the approved concept. */
.nexus-home .section{padding:8px 0 3px}
.nexus-home .section-head.premium-heading{margin:0 0 8px}.nexus-home .section-head h2{font-size:17px;font-weight:900}.nexus-home .section-head p{margin:0;font-size:8px}
.nexus-home .premium-heading>div{display:flex;gap:9px;align-items:center}.nexus-home .premium-heading>div>span{font-size:18px;color:#f9cb46}
.nexus-home .premium-heading>a{font-size:9px;color:#21e0ff}
.nexus-home .product-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.product-card{display:flex;flex-direction:column;min-width:0;min-height:205px;background:#071326;border-color:#20426b;border-radius:11px;position:relative;overflow:hidden}
.product-visual{height:auto;aspect-ratio:2.72/1;min-height:0;flex:0 0 auto;position:relative;overflow:hidden;background:#07152d}
.product-img{width:100%;height:100%;object-fit:cover;object-position:center;transform:none!important;filter:none!important;display:block}
.product-card .badge{top:8px;left:9px;min-width:84px;height:23px;padding:6px 9px;display:inline-flex;align-items:center;justify-content:center;font-size:8px;background:linear-gradient(90deg,#ff26aa,#fb36dc);border-radius:18px;white-space:nowrap;box-shadow:0 0 11px #f524c34d}
.product-fav{right:8px;top:7px;z-index:8}.product-fav button,.product-fav a{width:28px;height:27px;background:#071329e8;border:1px solid #37587c;border-radius:8px;color:#e8f7ff}
.product-body{padding:8px 11px 9px;display:flex;flex-direction:column;flex:1}
.product-body>small{font-size:8px;color:#76c8e8;line-height:1.2}.product-body h3{font-size:12px;min-height:17px;line-height:1.24;margin:3px 0 2px;color:#fff}
.product-card .rating{font-size:9px;line-height:1.1;margin:2px 0}.product-card .delivery{font-size:9px;margin:3px 0;color:#38e8b1}
.product-card .product-bottom{margin-top:auto;display:flex;align-items:center;gap:5px}
.product-card .product-bottom strong{font-size:20px;white-space:nowrap;font-weight:900;color:#69edff}
.product-card .product-bottom del{display:inline-block;margin-left:8px;font-size:9px;white-space:nowrap;color:#7c94ba}
.product-card .product-bottom form{margin-left:auto}
.product-card .product-bottom button{width:40px;height:37px;border-radius:9px;font-size:20px;background:linear-gradient(140deg,#315fff,#a72fff);box-shadow:0 0 12px #7c34f355;display:grid;place-items:center}
.nexus-home .combo-banner-row{display:grid;grid-template-columns:1.05fr .95fr;gap:12px;margin-top:9px}
.nexus-home .combo-banner{border:1px solid #8353f6;border-radius:10px;height:82px;min-height:82px;padding:10px 17px;position:relative;overflow:hidden;background:linear-gradient(90deg,#281050,#2b165b44 68%,#07163200),url('/assets/img/nexus-pro/bundle-art.webp') right center/auto 100% no-repeat,#100939}
.nexus-home .combo-banner.combo-popular{border-color:#16adf3;background:linear-gradient(90deg,#071830,#122253b0 70%,#04152f3b),url('/assets/img/nexus-pro/popular-art.webp') right center/auto 100% no-repeat,#0a193a}
.nexus-home .combo-banner span{font-size:12px;font-weight:950;color:#5ef0ff}.nexus-home .combo-banner h3{font-size:17px;text-transform:uppercase;margin:3px 0;color:#fff}.nexus-home .combo-banner p{font-size:9px;margin:3px 0;color:#adcbdf}
.nexus-home .combo-banner a{display:inline-flex;position:absolute;bottom:10px;right:14px;padding:8px 12px;border-radius:7px;background:linear-gradient(90deg,#227bff,#b52ae5);font-size:9px;color:#fff;font-weight:800}
.nexus-home .latest-section{margin-top:4px}.nexus-home .premium-showcase{padding-top:28px}
.nexus-home .brand-show,.nexus-home .bundle{min-height:240px}
/* The screenshot has a dense layout on desktop, but mobile stays readable. */
@media(max-width:1220px){.nexus-home .nexus-hero{grid-template-columns:minmax(0,1fr) 260px}.nexus-home .nexus-slide h1{font-size:27px}.nexus-home .promo-card h2{font-size:22px}.nav-row .container{gap:11px}.head-actions{gap:7px}}
@media(max-width:980px){.nexus-home .nexus-hero{grid-template-columns:1fr}.nexus-home .nexus-hero>aside{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto;height:auto}.nexus-home .category-ribbon{grid-template-columns:repeat(4,1fr)}.nexus-home .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.nexus-home .flash-banner{grid-template-columns:1fr auto}.nexus-home .flash-banner>a{display:none}.nexus-home .combo-banner-row{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.nexus-home .container{width:94%}.nexus-home .site-header .container{width:94%}.head-main{height:62px}.head-actions>a:first-child{display:none}.head-actions strong{font-size:9px}.nexus-home .nexus-slider{height:277px!important;min-height:277px!important}.nexus-home .nexus-slide-copy{padding:16px 16px 12px;min-height:277px;justify-content:start;max-width:100%}.nexus-home .nexus-slide h1{font-size:27px;max-width:360px}.nexus-home .nexus-slide p{font-size:10px;max-width:310px}.nexus-home .nexus-slide-media img.nexus-full-art{height:100%;width:110%;object-position:right center;opacity:.52}.nexus-home .nexus-slide-media:after{background:linear-gradient(90deg,#071026d9,rgba(7,16,38,.67))}.nexus-home .nexus-slide-perks{font-size:7px;bottom:10px;gap:7px}.nexus-home .nexus-slider-controls{right:8px;bottom:9px}.nexus-home .category-ribbon{grid-template-columns:repeat(2,minmax(0,1fr))}.nexus-home .flash-banner{min-height:84px;height:auto;padding:11px;gap:5px}.nexus-home .flash-banner b{font-size:16px}.nexus-home .flash-count>span{width:36px}.nexus-home .flash-count b{font-size:12px}.nexus-home .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nexus-home .product-card{min-height:220px}.nexus-home .combo-banner-row{grid-template-columns:1fr}.nexus-home .promo-card{height:108px;min-width:0;padding:12px}.nexus-home .promo-card h2{font-size:20px}.nexus-home .promo-card b{font-size:11px}.nexus-home .premium-trust>div{padding:8px}.nexus-home .premium-trust i{width:18px;font-size:18px}}
@media(max-width:460px){.nexus-home .nexus-hero>aside{grid-template-columns:1fr}.nexus-home .promo-card{height:100px}.nexus-home .product-grid{gap:8px}.product-card .product-bottom strong{font-size:16px}.product-card .product-bottom button{width:32px;height:32px}.product-body h3{font-size:11px}.product-card .product-bottom del{font-size:8px;margin-left:3px}.nexus-home .nexus-slider-controls{right:5px}.nexus-home .nexus-slide-perks{display:none}}
/* Pixel geometry verified at 1672px against reference. */
.nexus-home .nexus-hero{padding-top:2px}
.nexus-home .nexus-slide-copy{padding-left:92px}
.nexus-home .category-ribbon-wrap{margin-top:6px;padding-top:0}
.nexus-home .premium-products .product-card .product-visual{height:95px!important;min-height:95px!important;aspect-ratio:auto!important;flex:0 0 95px!important}
.nexus-home .premium-products .product-card{height:205px;min-height:205px}
.nexus-home .premium-products .product-card .product-img{height:100%;object-fit:cover}
@media(max-width:760px){.nexus-home .nexus-slide-copy{padding-left:19px}.nexus-home .premium-products .product-card{height:auto;min-height:214px}.nexus-home .premium-products .product-card .product-visual{height:auto!important;min-height:75px!important;aspect-ratio:2.72/1!important;flex:initial!important}}
.nexus-home .nexus-slide-copy{justify-content:flex-start;padding-top:15px}
.nexus-home .nexus-slide p{margin-bottom:21px}
.nexus-home .nexus-slide-media img.nexus-full-art{width:54%}
.mobile-app-nav{display:none}
@media(max-width:760px){body{padding-bottom:60px}.mobile-app-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;bottom:0;left:0;right:0;z-index:120;height:61px;background:#040b1bea;border-top:1px solid #23558e;backdrop-filter:blur(14px)}.mobile-app-nav a{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;font-size:9px;font-weight:750;color:#b9cbed}.mobile-app-nav a b{font-size:20px;font-weight:800;color:#23dfff}.nexus-home .nexus-slide-media img.nexus-full-art{width:100%!important;opacity:.45}}

/* FORTIX NEXUS v2.0 — final layout unification */
.nexus-home .nexus-slide-media img.nexus-full-art {width:54%;height:100%;object-fit:cover;object-position:center;}
.nexus-home .nexus-slide-copy {max-width:min(55%,570px);}
.nexus-home .nexus-slide h1{font-size:clamp(25px,2.05vw,35px);line-height:1.01;letter-spacing:-.75px;max-width:480px;overflow-wrap:break-word;}
.nexus-home .nexus-slide h1 em{display:inline;}
.nexus-home .nexus-slide-perks{z-index:5;}
.nexus-home .category-ribbon{overflow:visible;}
.nexus-home .premium-products .product-card .product-visual{height:auto!important;min-height:0!important;flex:initial!important;aspect-ratio:2.72/1!important;}
.nexus-home .premium-products .product-card{height:auto;min-height:220px;}
.nexus-home .premium-products .product-card .product-visual img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center;}
.nexus-home .premium-products .product-body h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:30px;line-height:1.27;}
.nexus-home .premium-products .product-body{padding:8px 11px 10px;}
.nexus-home .premium-products .product-bottom{min-height:36px;}
.nexus-home .premium-products .product-card .badge{min-width:0;padding:4px 10px;height:21px;}
@media(max-width:980px){.nexus-home .nexus-slide-copy{max-width:66%;}}
@media(max-width:760px){.nexus-home .nexus-slide-copy{max-width:100%;}.nexus-home .nexus-slide h1{font-size:clamp(23px,6vw,30px);max-width:96%;}.nexus-home .premium-products .product-card{min-height:230px;}.nexus-home .premium-products .product-card .product-visual{min-height:0!important;}}
@media(max-width:460px){.nexus-home .premium-products .product-card .product-visual{aspect-ratio:2.4/1!important;}.nexus-home .premium-products .product-body h3{font-size:11px;min-height:28px;}.nexus-home .premium-products .product-bottom strong{font-size:16px;}}