:root {
  --bg:#070c16;
  --bg2:#0b1322;
  --panel:#101a2b;
  --panel2:#121f32;
  --blue:#1699ff;
  --cyan:#58dbfa;
  --white:#f4f8ff;
  --muted:#8e9cb3;
  --hair:rgba(148,177,215,.15);
  --max:1320px;
  --radius:16px;
  color-scheme:dark
}
* {
  box-sizing:border-box
}
html {
  scroll-behavior:smooth
}
body {
  margin:0;
  background:var(--bg);
  color:var(--white);
  font-family:Inter,Manrope,'Segoe UI',Arial,sans-serif;
  -webkit-font-smoothing:antialiased
}
body.no-scroll {
  overflow:hidden
}
a {
  color:inherit;
  text-decoration:none
}
button,input {
  font:inherit
}
button {
  cursor:pointer
}
button:disabled {
  cursor:not-allowed;
  opacity:.56
}
a:focus-visible,button:focus-visible,input:focus-visible {
  outline:2px solid var(--cyan);
  outline-offset:4px
}
button,input {
  color:inherit
}
.container {
  width:min(calc(100% - 76px),var(--max));
  margin-inline:auto
}
.announcement {
  height:34px;
  display:flex;
  gap:12px;
  align-items:center;
  justify-content:center;
  background:linear-gradient(90deg,#0c2444,#0f3f64 50%,#0c2444);
  border-bottom:1px solid #1d5682;
  font-size:10px;
  font-weight:800;
  letter-spacing:.21em;
  color:#cbddf3
}
.announcement-separator {
  opacity:.4
}
.live-dot {
  width:6px;
  height:6px;
  background:#48cfff;
  border-radius:50%;
  box-shadow:0 0 15px #48cfff
}
.site-header {
  position:relative;
  z-index:20;
  background:rgba(7,12,22,.93);
  border-bottom:1px solid var(--hair);
  backdrop-filter:blur(18px)
}
.nav-wrap {
  height:84px;
  display:flex;
  align-items:center;
  gap:34px
}
.brand {
  display:inline-flex;
  align-items:center;
  gap:11px;
  flex-shrink:0;
  font-weight:900;
  letter-spacing:-.045em;
  font-size:25px;
  line-height:1
}
.brand .accent {
  color:#42bdff
}
.brand small {
  display:block;
  color:#8096ad;
  letter-spacing:.21em;
  font-size:8px;
  font-weight:800;
  margin-top:7px
}
.brand-icon {
  height:40px;
  width:40px;
  position:relative;
  display:inline-block;
  border:2px solid #45c7ff;
  transform:skew(-11deg);
  border-radius:7px;
  box-shadow:0 0 20px #158ae72b,inset 0 0 12px #207ab044
}
.brand-icon i {
  position:absolute;
  display:block;
  height:5px;
  background:linear-gradient(90deg,#5ce4ff,#117bfa);
  transform:rotate(-39deg);
  border-radius:4px
}
.brand-icon i:first-child {
  width:27px;
  top:15px;
  left:3px
}
.brand-icon i:last-child {
  width:19px;
  top:23px;
  left:12px
}
.main-nav {
  display:flex;
  align-items:center;
  gap:31px;
  margin:auto
}
.main-nav a {
  font-size:13px;
  font-weight:650;
  color:#a2b0c7;
  transition:color .2s
}
.main-nav a:hover,.main-nav a.active {
  color:var(--white)
}
.main-nav a.active::after {
  content:'';
  display:block;
  background:#38bcff;
  height:2px;
  margin-top:8px
}
.nav-actions {
  display:flex;
  align-items:center;
  gap:18px
}
.account-action {
  background:transparent;
  border:none;
  white-space:nowrap;
  display:flex;
  gap:10px;
  align-items:center;
  font-size:12px;
  font-weight:750;
  color:#c3d0e0
}
.account-indicator {
  height:8px;
  width:8px;
  border-radius:50%;
  background:#6b7689;
  box-shadow:0 0 12px #6b768978
}
.account-indicator.connected {
  background:#43c4ff;
  box-shadow:0 0 12px #43c4ff
}
.cart-action {
  height:43px;
  min-width:64px;
  display:flex;
  gap:9px;
  justify-content:center;
  align-items:center;
  border:1px solid #2c4c6f;
  background:#142338;
  border-radius:8px
}
.cart-action svg {
  height:19px;
  width:19px;
  fill:none;
  stroke:#d6eeff;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round
}
.cart-count {
  font-size:12px;
  font-weight:800;
  color:#52d5ff
}
.mobile-toggle {
  display:none
}
.hero {
  height:660px;
  min-height:620px;
  position:relative;
  display:grid;
  grid-template-columns:1.04fr .96fr;
  align-items:center
}
.hero::before {
  content:'';
  position:absolute;
  pointer-events:none;
  background:radial-gradient(ellipse,#174b8644 0%,transparent 63%);
  width:88%;
  height:80%;
  right:-34%;
  top:-14%
}
.hero-copy {
  position:relative;
  z-index:2;
  padding-bottom:26px
}
.eyebrow,.section-kicker {
  font-size:11px;
  font-weight:850;
  letter-spacing:.19em;
  color:#55c1fc
}
.eyebrow {
  display:flex;
  gap:12px;
  align-items:center
}
.eyebrow-line {
  height:1px;
  width:27px;
  background:#47bdff
}
.hero h1 {
  font-family:'Arial Narrow',Impact,'Segoe UI',sans-serif;
  font-stretch:condensed;
  letter-spacing:-.067em;
  font-size:clamp(72px,7.1vw,116px);
  line-height:.97;
  margin:28px 0 28px;
  font-weight:950
}
.hero-stroke {
  color:transparent;
  -webkit-text-stroke:1.5px #aebccf
}
.hero-gradient {
  background:linear-gradient(95deg,#f1faff 0%,#5acdfa 48%,#087aff 100%);
  background-clip:text;
  -webkit-text-fill-color:transparent
}
.period {
  color:#53dafa;
  -webkit-text-fill-color:#53dafa
}
.hero-copy>p {
  max-width:510px;
  font-size:16px;
  line-height:1.8;
  color:#9baabe;
  margin:0 0 33px
}
.hero-cta {
  display:flex;
  gap:12px;
  align-items:center
}
.btn {
  min-height:52px;
  padding:0 22px;
  border-radius:7px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:20px;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.075em;
  font-weight:850;
  transition:background .18s,border-color .18s,transform .18s
}
.btn:hover {
  transform:translateY(-2px)
}
.btn-primary {
  border:1px solid #41b9ff;
  background:linear-gradient(120deg,#208ee7,#0867cb);
  color:white;
  box-shadow:0 9px 28px #067fe72b
}
.btn-primary:hover {
  background:linear-gradient(120deg,#36a7ff,#157ae2)
}
.btn-outline {
  border:1px solid #37536f;
  background:#11203699;
  color:#e7f3ff
}
.btn-outline:hover {
  border-color:#53c5ff;
  background:#182b41
}
.hero-caption {
  display:flex;
  align-items:center;
  gap:20px;
  margin-top:68px;
  color:#92a3b9;
  font-size:10px;
  font-weight:850;
  letter-spacing:.16em
}
.hero-caption b {
  color:#2ca4f2;
  margin:0 9px
}
.caption-line {
  background:#3b6283;
  width:46px;
  height:1px
}
.hero-art {
  height:565px;
  position:relative;
  isolation:isolate
}
.art-grid {
  position:absolute;
  inset:0;
  opacity:.47;
  background-image:linear-gradient(#1643662e 1px,transparent 1px),linear-gradient(90deg,#1643662e 1px,transparent 1px);
  background-size:52px 52px;
  mask-image:radial-gradient(circle,black 10%,transparent 70%)
}
.art-halo {
  position:absolute;
  inset:3%;
  border-radius:50%;
  background:radial-gradient(circle,#0a70c82d 0,#1546a023 25%,transparent 67%);
  filter:blur(8px)
}
.orbit {
  position:absolute;
  top:50%;
  left:50%;
  border-radius:50%;
  transform:translate(-50%,-50%);
  border:1px solid #1d73bf5c
}
.orbit-outer {
  height:490px;
  width:490px;
  box-shadow:inset 0 0 65px #0d73e026,0 0 45px #0d73e01b;
  border-style:dashed;
  animation:spin 75s linear infinite
}
.orbit-middle {
  width:396px;
  height:396px;
  border:2px solid #148ce5ad;
  box-shadow:0 0 22px #087cdb45,inset 0 0 45px #087cdb2b
}
.orbit-inner {
  width:310px;
  height:310px;
  border:1px solid #65d6ff5e;
  box-shadow:inset 0 0 38px #114c8b35
}
.orbit-cross {
  position:absolute;
  left:50%;
  top:50%;
  width:520px;
  height:115px;
  border:7px solid #44cfff;
  border-left-color:#157fe0;
  border-bottom-color:#0961b5;
  border-radius:50%;
  transform:translate(-50%,-50%) rotate(-29deg);
  box-shadow:0 0 28px #128dfba1,inset 0 0 20px #128dfb4d;
  animation:orb 9s ease-in-out infinite
}
.hero-n {
  position:absolute;
  left:50%;
  top:48%;
  transform:translate(-50%,-50%) skew(-8deg);
  font-size:300px;
  letter-spacing:-.16em;
  font-family:Impact,'Arial Black',sans-serif;
  color:#d9edff;
  text-shadow:5px 5px 0 #0c55bb,13px 13px 0 #123c71,0 0 35px #167bd8,0 0 80px #0862c5;
  z-index:1
}
.art-mini {
  position:absolute;
  font-size:10px;
  font-weight:800;
  letter-spacing:.12em;
  color:#65b9f1;
  z-index:3
}
.mini-top {
  top:45px;
  right:15px;
  padding:12px 15px;
  border:1px solid #23639a5b;
  background:#0d2033
}
.mini-top span {
  margin-left:20px;
  color:#c7edff
}
.mini-bottom {
  bottom:45px;
  left:5px;
  border-left:2px solid #25baff;
  padding-left:15px;
  line-height:1.8
}
.art-coordinate {
  position:absolute;
  bottom:43px;
  right:5px;
  font-size:9px;
  color:#547d9d;
  letter-spacing:.07em;
  line-height:1.7;
  text-align:right
}
.hero-index {
  position:absolute;
  bottom:33px;
  right:8px;
  color:#92a8c0;
  font-weight:850;
  font-size:10px;
  letter-spacing:.14em
}
.hero-index span {
  color:#296195;
  margin:0 9px
}
.section {
  padding-block:110px
}
.section-heading {
  display:flex;
  justify-content:space-between;
  gap:25px;
  align-items:flex-end;
  margin-bottom:36px
}
.section-heading h2,.statement-section h2 {
  font-size:clamp(36px,4vw,56px);
  letter-spacing:-.055em;
  line-height:1.14;
  margin:14px 0;
  font-weight:850
}
.section-heading h2 em,.statement-section em,.support-section em {
  font-style:normal;
  background:linear-gradient(90deg,#8be9ff,#168eeb);
  background-clip:text;
  -webkit-text-fill-color:transparent
}
.section-heading p {
  color:var(--muted);
  font-size:14px;
  line-height:1.8;
  margin:0
}
.subtle-link {
  font-size:12px;
  font-weight:800;
  color:#acdffc;
  border-bottom:1px solid #3d6c92;
  padding-bottom:7px
}
.catalog-toolbar {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  margin:35px 0 24px
}
.categories {
  display:flex;
  gap:8px;
  flex-wrap:wrap
}
.categories button {
  border:1px solid #26394e;
  padding:11px 17px;
  border-radius:7px;
  background:#101b2b;
  color:#8e9bb0;
  font-size:12px;
  font-weight:800
}
.categories button:hover,.categories button.selected {
  color:#dff4ff;
  border-color:#258dd1;
  background:#113452
}
.search-field {
  height:43px;
  border:1px solid #233b53;
  background:#0d1829;
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 14px;
  border-radius:7px;
  min-width:220px
}
.search-field svg {
  stroke:#829bb2;
  fill:none;
  stroke-width:1.7;
  width:17px;
  height:17px
}
.search-field input {
  background:none;
  border:none;
  outline:none;
  font-size:12px;
  width:100%;
  min-width:0
}
.catalog-status {
  padding:28px;
  border:1px solid #224461;
  background:#101d30;
  color:#adc1d6;
  font-size:14px;
  line-height:1.7;
  border-radius:10px;
  margin:18px 0
}
.catalog-status[hidden] {
  display:none
}
.product-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px
}
.product-card {
  background:#0d1726;
  border:1px solid #223147;
  border-radius:12px;
  overflow:hidden;
  position:relative;
  transition:border .2s,transform .2s,box-shadow .2s
}
.product-card:hover {
  transform:translateY(-4px);
  border-color:#30679c;
  box-shadow:0 16px 45px #0007
}
.product-media {
  aspect-ratio:16/10;
  background:radial-gradient(circle at 55% 48%,#0c3d7d 0,#09192d 55%,#0b1525 100%);
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  position:relative
}
.product-media::before {
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(transparent 97%,#19548124 98%),linear-gradient(90deg,transparent 97%,#19548124 98%);
  background-size:30px 30px
}
.product-media img {
  width:100%;
  height:100%;
  object-fit:cover;
  position:relative
}
.no-image-symbol {
  font-weight:950;
  letter-spacing:-.08em;
  font-size:66px;
  color:#37baff;
  text-shadow:0 0 35px #0783f985;
  position:relative
}
.product-badge {
  position:absolute;
  top:15px;
  left:15px;
  background:#103c60d9;
  border:1px solid #327cb2;
  color:#b9e9ff;
  padding:7px 9px;
  font-size:9px;
  letter-spacing:.13em;
  font-weight:800;
  border-radius:4px
}
.product-content {
  padding:23px
}
.product-topline {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  color:#5eafdf;
  letter-spacing:.13em;
  font-size:9px;
  text-transform:uppercase;
  font-weight:900
}
.product-content h3 {
  font-size:21px;
  letter-spacing:-.035em;
  margin:14px 0 9px
}
.product-content p {
  color:#91a1b5;
  font-size:13px;
  line-height:1.7;
  min-height:44px;
  margin:0 0 24px
}
.product-bottom {
  border-top:1px solid #24374e;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding-top:17px
}
.product-price small {
  display:block;
  color:#7187a1;
  font-size:9px;
  letter-spacing:.14em;
  margin-bottom:4px
}
.product-price strong {
  font-size:19px
}
.product-view {
  background:#143a58;
  border:1px solid #2d709c;
  border-radius:6px;
  color:#b7ebff;
  padding:11px 14px;
  font-size:11px;
  font-weight:850
}
.solutions-section {
  background:radial-gradient(ellipse at 75% 0%,#0e315342,transparent 38%),#0a1220;
  border-block:1px solid var(--hair)
}
.heading-side {
  max-width:320px
}
.solution-grid {
  display:grid;
  grid-template-columns:1.2fr 1fr 1fr;
  gap:17px
}
.solution-card {
  background:linear-gradient(145deg,#132139,#0d1627);
  border:1px solid #27405a;
  border-radius:12px;
  min-height:415px;
  position:relative;
  padding:26px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  justify-content:space-between
}
.solution-large {
  background:linear-gradient(135deg,#102c4f,#0b192b)
}
.solution-num {
  font-size:10px;
  letter-spacing:.16em;
  font-weight:850;
  color:#70bded;
  position:relative;
  z-index:2
}
.solution-body {
  position:relative;
  z-index:2
}
.solution-body h3 {
  font-size:25px;
  margin:13px 0 10px;
  letter-spacing:-.045em
}
.solution-body p {
  max-width:300px;
  color:#99adc0;
  line-height:1.7;
  font-size:13px;
  margin:0
}
.pill {
  background:#164c72;
  border:1px solid #2f83bb;
  color:#9cdefd;
  padding:6px 10px;
  border-radius:4px;
  font-size:10px;
  font-weight:850;
  letter-spacing:.1em
}
.solution-arrow {
  position:absolute;
  right:23px;
  bottom:26px;
  font-size:25px;
  color:#4caded
}
.solution-graphic {
  height:180px;
  position:relative
}
.radar-ring {
  position:absolute;
  border-radius:50%;
  border:1px solid #2c9dd98c;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%)
}
.r1 {
  width:110px;
  height:110px
}
.r2 {
  width:195px;
  height:195px
}
.r3 {
  width:290px;
  height:290px;
  border-style:dashed;
  opacity:.55
}
.crosshair {
  position:absolute;
  top:50%;
  left:50%;
  width:110px;
  height:1px;
  background:#54d8ff;
  transform:translate(-50%,-50%) rotate(-35deg);
  box-shadow:0 0 18px #1cafff
}
.code-glyph {
  position:absolute;
  top:43%;
  left:50%;
  transform:translate(-50%,-50%) skew(-8deg);
  font-family:monospace;
  font-size:90px;
  color:#399de7;
  text-shadow:0 0 35px #2185f0
}
.cube {
  position:absolute;
  top:35%;
  left:50%;
  width:105px;
  height:105px;
  border:2px solid #35b3ff;
  transform:translate(-50%,-50%) rotate(45deg);
  box-shadow:0 0 25px #1189eb55
}
.cube-b {
  width:67px;
  height:67px;
  opacity:.6;
  top:55%;
  left:60%
}
.statement-section {
  padding:145px 0
}
.statement-row {
  display:flex;
  align-items:center;
  gap:55px
}
.statement-icon {
  font-family:Impact,Arial,sans-serif;
  font-size:150px;
  font-style:italic;
  line-height:1;
  color:#1c83dd;
  text-shadow:0 0 70px #2082cd38
}
.statement-icon span {
  color:#69ddfb
}
.statement-section>p {
  max-width:600px;
  margin:5px 0 27px;
  color:#9fafc0;
  font-size:15px;
  line-height:1.9
}
.support-section {
  background:linear-gradient(120deg,#0e2844 0%,#0a1830 45%,#0b1323 100%);
  border-block:1px solid #1b5076;
  padding:75px 0
}
.support-wrap {
  display:grid;
  grid-template-columns:1fr 350px;
  gap:70px;
  align-items:center
}
.support-wrap h2 {
  font-family:Impact,'Arial Narrow',sans-serif;
  font-size:67px;
  letter-spacing:-.035em;
  line-height:1.07;
  margin:18px 0
}
.support-wrap p {
  max-width:570px;
  color:#a5b7cb;
  font-size:14px;
  line-height:1.8
}
.support-panel {
  position:relative;
  border:1px solid #2b658c;
  background:#12345380;
  border-radius:12px;
  padding:28px
}
.support-label {
  font-size:11px;
  color:#8fd8ff;
  font-weight:850;
  letter-spacing:.15em
}
.support-mark {
  font-size:35px;
  position:absolute;
  right:25px;
  top:18px;
  color:#8fd8ff
}
.support-panel p {
  font-size:13px;
  margin:28px 0 18px
}
.support-panel .btn {
  min-height:44px
}
.site-footer {
  background:#070c16;
  padding-top:70px
}
.footer-main {
  display:flex;
  justify-content:space-between;
  padding-bottom:68px
}
.footer-main p {
  color:#7d91aa;
  margin:17px 0 0;
  font-size:13px
}
.footer-right {
  display:grid;
  gap:12px;
  min-width:180px
}
.footer-right span {
  font-size:10px;
  letter-spacing:.14em;
  font-weight:850;
  color:#4ab8f5
}
.footer-right a {
  font-size:13px;
  color:#a7b5c7
}
.footer-bottom {
  border-top:1px solid #203144;
  display:flex;
  justify-content:space-between;
  gap:20px;
  align-items:center;
  padding:25px 0;
  color:#7890aa;
  font-size:11px
}
.footer-bottom a {
  color:#83cfff
}
.overlay {
  position:fixed;
  inset:0;
  background:#03070dba;
  z-index:39;
  backdrop-filter:blur(4px)
}
.overlay[hidden] {
  display:none
}
.cart-drawer {
  position:fixed;
  right:0;
  top:0;
  height:100dvh;
  width:min(460px,100vw);
  background:#0e192a;
  z-index:40;
  box-shadow:-20px 0 55px #0008;
  transform:translateX(101%);
  transition:transform .3s ease;
  display:flex;
  flex-direction:column;
  border-left:1px solid #254059
}
.cart-drawer.open {
  transform:translateX(0)
}
.drawer-head {
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:30px;
  border-bottom:1px solid #29425d
}
.drawer-head h2 {
  font-size:30px;
  letter-spacing:-.05em;
  margin:7px 0 0
}
.drawer-head h2 span {
  color:#4aa9df
}
.icon-close {
  font-size:29px;
  color:#bdccda;
  border:1px solid #34506b;
  background:#15263a;
  width:40px;
  height:40px;
  border-radius:7px
}
.cart-items {
  overflow:auto;
  padding:22px 30px;
  flex:1
}
.cart-empty {
  color:#9eafbf;
  line-height:1.75;
  padding:35px 0
}
.cart-item {
  display:flex;
  gap:14px;
  padding:15px 0;
  border-bottom:1px solid #22374a
}
.cart-item-media {
  width:78px;
  height:65px;
  flex-shrink:0;
  background:#123350;
  border-radius:6px;
  overflow:hidden;
  display:grid;
  place-items:center;
  color:#45bafb;
  font-size:28px;
  font-weight:950
}
.cart-item-media img {
  width:100%;
  height:100%;
  object-fit:cover
}
.cart-item-body {
  flex:1;
  min-width:0
}
.cart-item-title {
  font-size:13px;
  font-weight:850;
  margin:4px 0 6px
}
.cart-item-price {
  color:#73c2f4;
  font-size:13px
}
.cart-item-remove {
  background:transparent;
  border:none;
  color:#9cb3c6;
  font-size:12px;
  text-decoration:underline;
  align-self:flex-start
}
.cart-bottom {
  border-top:1px solid #25415d;
  padding:27px 30px
}
.cart-total {
  display:flex;
  align-items:center;
  justify-content:space-between
}
.cart-total span {
  color:#9ab0c2;
  font-size:13px
}
.cart-total strong {
  font-size:23px
}
.cart-bottom p {
  color:#7c92a7;
  font-size:11px;
  line-height:1.5;
  margin:13px 0 23px
}
.btn-wide {
  width:100%;
  margin-top:9px
}
.toast {
  position:fixed;
  bottom:22px;
  left:50%;
  transform:translate(-50%,30px);
  background:#153b59;
  border:1px solid #327fb4;
  padding:14px 22px;
  border-radius:8px;
  color:#e1f6ff;
  font-size:13px;
  z-index:60;
  opacity:0;
  pointer-events:none;
  transition:opacity .2s,transform .2s;
  max-width:min(92vw,600px);
  text-align:center
}
.toast.show {
  opacity:1;
  transform:translate(-50%,0)
}
.detail-page {
  min-height:65vh;
  padding-block:75px 115px
}
.back-link {
  font-size:12px;
  color:#7cc4f5;
  font-weight:850
}
.detail-grid {
  display:grid;
  grid-template-columns:1.03fr .97fr;
  gap:54px;
  margin-top:35px
}
.detail-media {
  aspect-ratio:4/3;
  max-height:520px;
  border:1px solid #2b4f73;
  border-radius:13px;
  background:radial-gradient(circle,#135193,#0b172a 65%);
  display:grid;
  place-items:center;
  overflow:hidden
}
.detail-media img {
  width:100%;
  height:100%;
  object-fit:contain
}
.detail-media .no-image-symbol {
  font-size:150px
}
.detail-info {
  padding:10px 0
}
.detail-info h1 {
  font-size:clamp(40px,4vw,65px);
  line-height:1.1;
  letter-spacing:-.055em;
  margin:21px 0
}
.detail-description {
  font-size:15px;
  line-height:1.85;
  color:#a4b3c5;
  white-space:pre-line;
  max-height:320px;
  overflow:auto
}
.detail-price {
  border-top:1px solid #29435d;
  padding-top:22px;
  margin-top:30px;
  color:#d7e6f5
}
.detail-price strong {
  font-size:31px
}
.detail-actions {
  display:flex;
  gap:10px;
  margin-top:23px;
  flex-wrap:wrap
}
.detail-notes {
  font-size:12px;
  color:#8498ad;
  margin-top:20px;
  line-height:1.6
}
.detail-error {
  color:#b6cadb;
  padding:25px;
  border:1px solid #284463;
  background:#0e1c2e;
  border-radius:10px
}
.footer-main .brand {
  font-size:23px
}
@keyframes spin {
  from {
  transform:translate(-50%,-50%) rotate(0)
}
to {
  transform:translate(-50%,-50%) rotate(360deg)
}

}
@keyframes orb {
  50% {
  transform:translate(-50%,-50%) rotate(-26deg)
}

}
@media(max-width:1100px) {
  .main-nav {
  gap:19px
}
.nav-wrap {
  gap:20px
}
.account-action {
  font-size:0
}
.account-indicator {
  width:11px;
  height:11px
}
.hero h1 {
  font-size:84px
}
.hero-art {
  transform:scale(.86);
  transform-origin:center
}
.solution-grid {
  grid-template-columns:repeat(3,1fr)
}

}
@media(max-width:780px) {
  .container {
  width:min(calc(100% - 36px),var(--max))
}
.nav-wrap {
  height:70px;
  gap:14px
}
.brand {
  font-size:22px
}
.brand-icon {
  height:34px;
  width:34px
}
.nav-actions {
  margin-left:auto
}
.mobile-toggle {
  border:none;
  background:transparent;
  display:grid;
  gap:5px;
  padding:7px;
  order:3
}
.mobile-toggle span {
  height:2px;
  width:24px;
  background:#bde4ff;
  display:block
}
.main-nav {
  display:none;
  position:absolute;
  top:70px;
  left:0;
  right:0;
  z-index:30;
  margin:0;
  padding:20px;
  background:#0c1729;
  border-bottom:1px solid #2c4f70;
  flex-direction:column;
  align-items:stretch;
  gap:16px
}
.main-nav.open {
  display:flex
}
.main-nav a.active::after {
  display:none
}
.hero {
  height:auto;
  min-height:0;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  padding-top:70px;
  padding-bottom:65px
}
.hero-copy {
  padding:0
}
.hero h1 {
  font-size:clamp(66px,11vw,92px)
}
.hero-art {
  height:395px;
  transform:scale(.76);
  margin:-5px -25px -40px
}
.hero-index {
  right:10px;
  bottom:13px
}
.hero-caption {
  margin-top:43px
}
.section {
  padding-block:75px
}
.section-heading {
  align-items:flex-start;
  flex-direction:column
}
.product-grid {
  grid-template-columns:repeat(2,1fr)
}
.solution-grid {
  grid-template-columns:1fr 1fr
}
.solution-large {
  grid-column:1/-1
}
.solution-card {
  min-height:320px
}
.support-wrap {
  grid-template-columns:1fr;
  gap:30px
}
.statement-row {
  gap:20px
}
.statement-icon {
  font-size:110px
}
.footer-bottom {
  flex-wrap:wrap
}
.detail-grid {
  grid-template-columns:1fr;
  gap:25px
}
.detail-info h1 {
  font-size:45px
}

}
@media(max-width:530px) {
  .announcement {
  font-size:8px;
  letter-spacing:.13em
}
.hero {
  padding-top:55px
}
.hero h1 {
  font-size:66px
}
.hero-copy>p {
  font-size:14px
}
.hero-cta {
  flex-direction:column;
  align-items:stretch
}
.hero-art {
  height:285px;
  transform:scale(.58);
  transform-origin:center;
  margin:-46px -110px -83px
}
.hero-index {
  display:none
}
.hero-caption {
  font-size:8px
}
.section-heading h2,.statement-section h2 {
  font-size:37px
}
.catalog-toolbar {
  flex-direction:column;
  align-items:stretch
}
.search-field {
  min-width:0
}
.product-grid {
  grid-template-columns:1fr
}
.solution-grid {
  grid-template-columns:1fr
}
.solution-large {
  grid-column:auto
}
.solution-card {
  min-height:345px
}
.statement-row {
  align-items:flex-start;
  gap:10px
}
.statement-icon {
  font-size:70px;
  margin-top:14px
}
.support-wrap h2 {
  font-size:54px
}
.footer-main {
  flex-wrap:wrap;
  gap:40px
}
.footer-bottom {
  flex-direction:column;
  align-items:flex-start
}
.cart-items,.cart-bottom,.drawer-head {
  padding-inline:20px
}
.detail-page {
  padding-block:45px 80px
}

}
@media(prefers-reduced-motion:reduce) {
  *,*::before,*::after {
  animation:none!important;
  transition:none!important;
  scroll-behavior:auto!important
}

}


/* FiveMNext v0.2 — commercial catalog and product detail pages */
.product-grid { gap:24px; }
.product-card { border-color:#28394d; background:#0c1422; border-radius:15px; box-shadow:0 14px 32px rgba(0,0,0,.16); }
.product-card:hover { border-color:rgba(77,177,244,.6); box-shadow:0 18px 52px rgba(0,19,40,.56); }
.product-cover { display:block; }
.product-media { aspect-ratio:16 / 10; background:radial-gradient(circle at 55% 30%,#123352 0,#0b192b 45%,#090f1b 100%); }
.product-media img { object-fit:contain; padding:8px; transition:transform .32s ease; }
.product-card:hover .product-media img { transform:scale(1.035); }
.product-badge { background:rgba(7,19,34,.85); backdrop-filter:blur(8px); color:#b5dbf8; border:1px solid #345779; letter-spacing:.1em; border-radius:5px; }
.product-content { padding:24px 24px 22px; }
.product-heading-link { display:block; }
.product-heading-link:hover h3 { color:#77d4ff; }
.product-content h3 { font-size:22px; font-weight:800; letter-spacing:-.04em; line-height:1.25; margin:13px 0 10px; transition:color .15s; }
.product-content p { color:#9eafc4; font-size:13px; line-height:1.75; min-height:68px; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.product-price small { font-size:9px; letter-spacing:.12em; }
.product-price strong { display:block; font-size:21px; letter-spacing:-.03em; }
.product-view { display:inline-flex; align-items:center; gap:12px; justify-content:center; border:1px solid #3284bd; color:#e4f5ff; background:linear-gradient(110deg,#155185,#103c63); border-radius:8px; padding:13px 15px; white-space:nowrap; }
.product-view:hover { background:#166ca5; }
.product-view span { font-size:17px; }
.product-bottom { border-color:#293b50; }
.catalog-toolbar { align-items:center; }
.categories { gap:8px; }
.categories button, .categories a { display:inline-flex; align-items:center; justify-content:center; min-height:43px; padding:11px 16px; border:1px solid #2c4359; border-radius:8px; background:#101c2b; color:#a4b5c9; font-size:12px; font-weight:750; transition:border .15s,background .15s; }
.categories button:hover, .categories button.selected, .categories a:hover, .categories a.selected { color:#e6f8ff; border-color:#3f9ddc; background:#123959; }

.listing-page { min-height:70vh; padding-bottom:84px; background:radial-gradient(ellipse at 80% 4%,rgba(21,102,176,.11),transparent 50%); }
.site-breadcrumb { display:flex; flex-wrap:wrap; align-items:center; gap:12px; padding-top:38px; color:#7e91a9; font-size:12px; }
.site-breadcrumb a { color:#b4c5d6; }
.site-breadcrumb a:hover { color:#60c7fb; }
.site-breadcrumb span[aria-current="page"] { color:#e6f4ff; }
.site-breadcrumb > span:not([aria-current]) { color:#3b5065; }
.listing-intro { margin:30px 0 38px; min-height:240px; padding:40px 44px; border:1px solid #274663; border-radius:17px; display:grid; grid-template-columns:minmax(0,1fr) 270px; align-items:center; gap:35px; background:radial-gradient(circle at 84% 45%,rgba(10,122,229,.2),transparent 40%),linear-gradient(140deg,#0e2035,#0c1728 68%,#0b1320); overflow:hidden; }
.listing-intro h1 { margin:15px 0 14px; font-size:clamp(35px,4.7vw,65px); line-height:1.1; font-weight:850; letter-spacing:-.055em; }
.listing-intro p { color:#afbed0; font-size:15px; line-height:1.7; max-width:710px; margin:0; }
.listing-ornament { position:relative; width:210px; height:210px; margin:auto; display:grid; place-items:center; }
.listing-orbit { position:absolute; inset:15px; border-radius:50%; border:1px solid #307dae; box-shadow:0 0 25px #128fff25,inset 0 0 35px #1689ff22; }
.listing-orbit::before { content:""; position:absolute; inset:-24px 12px; border:5px solid #2398ea; border-left-color:transparent; border-bottom-color:#083e7c; border-radius:50%; transform:rotate(-36deg) scaleY(.46); box-shadow:0 0 25px #128fff35; }
.listing-ornament strong { font-family:Impact,'Arial Black',sans-serif; color:#dfedfa; font-size:125px; letter-spacing:-.11em; line-height:1; text-shadow:4px 5px #0d62a1,0 0 35px #168dca90; transform:translateX(-6px); }
.listing-ornament strong span { color:#54d6ff; }
.listing-panel { border-radius:16px; }
.listing-panel-title { display:flex; justify-content:space-between; align-items:end; gap:20px; margin-bottom:23px; }
.listing-panel-title h2 { margin:10px 0 0; font-size:30px; line-height:1.16; letter-spacing:-.045em; }
.results-count { font-size:12px; color:#91afcb; border:1px solid #2b445e; padding:9px 12px; border-radius:7px; white-space:nowrap; }
.listing-panel .catalog-toolbar { display:flex; flex-wrap:wrap; justify-content:space-between; border-block:1px solid #25384d; padding:22px 0; margin:0 0 27px; }
.listing-panel .categories { flex:1; }
.catalog-tools { display:flex; align-items:center; gap:12px; }
.listing-panel .search-field { min-width:230px; }
.sort-field { min-height:43px; display:flex; align-items:center; gap:7px; padding:0 12px; border:1px solid #2c4359; border-radius:8px; background:#101c2b; }
.sort-field span { color:#778ba3; font-size:11px; white-space:nowrap; }
.sort-field select { color:#dceefc; background:#101c2b; border:0; outline:0; min-width:140px; font-size:12px; cursor:pointer; }
.sort-field select:focus-visible { outline:2px solid #5dccf8; }
.listing-outro { margin-top:85px; padding:37px 42px; border:1px solid #29465e; border-radius:15px; display:flex; justify-content:space-between; align-items:center; gap:30px; background:linear-gradient(100deg,#101f32,#0b1626); }
.listing-outro h2 { margin:9px 0 10px; font-size:28px; letter-spacing:-.04em; }
.listing-outro p { margin:0; font-size:13px; color:#9aafc2; line-height:1.7; max-width:600px; }
.listing-outro .btn { flex-shrink:0; }

.detail-page { min-height:65vh; padding-top:0; padding-bottom:105px; }
.detail-page > .site-breadcrumb { margin-bottom:32px; }
.product-hero { display:grid; grid-template-columns:minmax(0,1.17fr) minmax(360px,.83fr); gap:28px; align-items:start; }
.product-showcase { min-width:0; }
.gallery-panel { display:flex; flex-direction:column; gap:15px; }
.gallery-stage { border:1px solid #2d455e; background:radial-gradient(circle at 52% 35%,#12395e,#091624 54%,#080f1c 100%); border-radius:15px; aspect-ratio:1.3 / 1; position:relative; overflow:hidden; display:grid; place-items:center; }
.gallery-stage::before { content:""; pointer-events:none; position:absolute; inset:0; background:linear-gradient(transparent 97%,rgba(25,89,140,.06) 98%),linear-gradient(90deg,transparent 97%,rgba(25,89,140,.06) 98%); background-size:38px 38px; }
.gallery-stage img { max-width:100%; width:100%; height:100%; object-fit:contain; padding:20px; position:relative; z-index:1; }
.gallery-stage .no-image-symbol { font-size:145px; }
.gallery-watermark { position:absolute; z-index:2; top:20px; left:20px; color:#7badd0; background:#0a1924af; border:1px solid #3a5870; padding:9px 11px; border-radius:5px; font-size:10px; letter-spacing:.14em; font-weight:800; }
.gallery-expand { position:absolute; z-index:3; bottom:17px; right:18px; background:rgba(8,21,36,.85); border:1px solid #456685; border-radius:7px; padding:8px 12px; font-size:12px; color:#d3e8f7; }
.gallery-expand:hover { background:#19476c; }
.gallery-expand span { margin-left:8px; }
.gallery-counter { position:absolute; bottom:20px; left:20px; z-index:3; font-size:10px; letter-spacing:.13em; color:#93acc4; }
.gallery-thumbnails { display:flex; align-items:center; gap:10px; overflow-x:auto; padding-bottom:5px; }
.gallery-thumb { flex:0 0 92px; height:76px; padding:5px; border:1px solid #2a4057; background:#0d1b2d; border-radius:8px; overflow:hidden; }
.gallery-thumb img { width:100%; height:100%; object-fit:contain; }
.gallery-thumb:hover, .gallery-thumb.is-active { border-color:#57c4fa; box-shadow:0 0 0 1px #57c4fa66; }
.purchase-panel { border:1px solid #2a4059; border-radius:15px; padding:34px; background:linear-gradient(135deg,#111e30,#0b1524 70%); box-shadow:0 18px 50px #0002; }
.product-category { display:inline-flex; color:#8bc8ef; font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.11em; background:#113250; border:1px solid #295d80; border-radius:5px; padding:7px 10px; margin-top:20px; }
.purchase-panel h1 { margin:17px 0 16px; font-size:clamp(35px,3.5vw,52px); letter-spacing:-.05em; line-height:1.12; overflow-wrap:anywhere; }
.product-lead { font-size:14px; line-height:1.85; color:#afc0d2; margin:0; }
.purchase-divider { border-top:1px solid #2b4056; margin:28px 0 23px; }
.purchase-label { letter-spacing:.15em; font-size:10px; font-weight:850; color:#7795ae; }
.purchase-amount { font-size:40px; letter-spacing:-.05em; font-weight:900; margin:5px 0 21px; }
.purchase-actions { display:flex; flex-direction:column; gap:10px; }
.purchase-actions .btn { width:100%; justify-content:center; display:inline-flex; align-items:center; gap:10px; text-align:center; }
.purchase-actions .btn-primary { font-size:14px; padding:18px 20px; }
.purchase-actions .btn-outline { font-size:12px; padding:14px 16px; }
.purchase-disclaimer { font-size:11px; color:#859eb3; line-height:1.65; margin:18px 0; }
.purchase-assurance { margin-top:20px; padding-top:17px; border-top:1px solid #273d52; display:flex; flex-wrap:wrap; gap:12px 24px; color:#adcadc; font-size:11px; }
.purchase-assurance > div { display:flex; gap:8px; align-items:center; }
.assurance-icon { color:#5acaf6; font-weight:900; }
.product-body-layout { display:grid; grid-template-columns:minmax(0,1fr) 315px; gap:30px; margin-top:40px; align-items:start; }
.product-editorial, .product-specs { border:1px solid #293d54; background:#0d1726; border-radius:14px; padding:37px; }
.product-editorial h2 { font-size:31px; margin:15px 0 25px; letter-spacing:-.045em; }
.editorial-prose { color:#acbed1; font-size:14px; line-height:1.95; white-space:normal; overflow-wrap:anywhere; }
.editorial-prose p { margin:0 0 17px; }
.editorial-prose h3 { color:#edf6ff; font-size:20px; margin:28px 0 12px; line-height:1.35; }
.editorial-prose li { padding:7px 0 7px 18px; list-style:none; position:relative; }
.editorial-prose li::before { content:'•'; position:absolute; left:2px; color:#58d1fb; }
.product-specs { padding:27px; }
.product-specs h3 { margin:11px 0 23px; letter-spacing:-.03em; font-size:20px; }
.product-specs dl { margin:0; }
.product-specs dl > div { border-top:1px solid #253b50; display:flex; flex-direction:column; gap:5px; padding:14px 0; }
.product-specs dt { color:#8099b0; font-size:11px; }
.product-specs dd { margin:0; font-size:13px; font-weight:750; overflow-wrap:anywhere; }
.product-specs p { margin:17px 0 0; font-size:12px; color:#90a6bb; line-height:1.7; }
.related-products { margin-top:94px; }
.related-products .section-heading h2 { font-size:37px; }
.blue-period { color:#29b7f8; }
.image-lightbox { position:fixed; inset:0; z-index:1000; display:flex; align-items:center; justify-content:center; padding:60px 30px 30px; background:rgba(3,8,15,.96); cursor:zoom-out; }
.image-lightbox img { max-width:95vw; max-height:87vh; object-fit:contain; }
.lightbox-close { position:absolute; top:16px; right:23px; font-size:35px; background:transparent; color:white; border:0; }
@media(max-width:1120px) {
  .product-hero { grid-template-columns:minmax(0,1fr) minmax(320px,.85fr); gap:20px; }
  .purchase-panel { padding:27px; }
  .listing-panel .catalog-toolbar { align-items:stretch; flex-direction:column; }
  .catalog-tools { justify-content:flex-start; }
}
@media(max-width:850px) {
  .listing-intro { grid-template-columns:minmax(0,1fr) 160px; padding:30px; }
  .listing-ornament { transform:scale(.7); transform-origin:center; margin:-25px; }
  .product-hero { grid-template-columns:1fr; }
  .gallery-stage { aspect-ratio:16/10; }
  .product-body-layout { grid-template-columns:1fr; }
  .product-specs { max-width:none; }
}
@media(max-width:650px) {
  .listing-intro { display:block; padding:28px 24px; min-height:0; }
  .listing-ornament { display:none; }
  .listing-intro h1 { font-size:38px; }
  .listing-panel-title { flex-wrap:wrap; }
  .listing-panel-title h2 { font-size:26px; }
  .catalog-tools { flex-direction:column; align-items:stretch; width:100%; }
  .catalog-tools .search-field { min-width:0; }
  .sort-field { justify-content:space-between; }
  .listing-outro { flex-direction:column; align-items:stretch; padding:27px; }
  .listing-outro h2 { font-size:24px; }
  .product-content { padding:20px; }
  .product-content p { min-height:0; }
  .product-bottom { gap:10px; }
  .product-view { padding:11px 12px; font-size:11px; }
  .gallery-stage { aspect-ratio:4/3; }
  .gallery-watermark { font-size:8px; }
  .purchase-panel { padding:24px; }
  .purchase-panel h1 { font-size:36px; }
  .purchase-amount { font-size:33px; }
  .product-editorial, .product-specs { padding:24px; }
  .related-products { margin-top:64px; }
  .related-products .section-heading h2 { font-size:30px; }
}

/* Rich product descriptions retain Tebex-authored images and feature lists. */
.editorial-prose h2 { color:#edf6ff; font-size:24px; line-height:1.3; margin:34px 0 13px; }
.editorial-prose h4 { color:#d8eaff; font-size:16px; margin:21px 0 11px; }
.editorial-prose ul, .editorial-prose ol { margin:12px 0 22px; padding-left:20px; }
.editorial-prose li { list-style:inherit; padding:4px 0; }
.editorial-prose li::before { content:none; }
.editorial-prose strong { color:#e5f3ff; }
.editorial-prose a { color:#64cfff; text-decoration:underline; text-underline-offset:3px; overflow-wrap:anywhere; }
.editorial-prose .editorial-image { display:block; width:auto; max-width:100%; height:auto; margin:22px auto; border:1px solid #2d465c; border-radius:10px; }
.editorial-prose blockquote { border-left:3px solid #34b6ef; padding:12px 20px; margin:22px 0; background:#11253b; }
.editorial-prose pre { overflow:auto; padding:17px; background:#07111d; border:1px solid #25384b; border-radius:7px; font-size:12px; }

/* FiveMNext v0.3 — Product/Catalog visual language.
   Deliberately scoped: no cart, login, checkout, or API styling changes. */
@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,400;0,500;0,600;0,700;0,800;1,700&family=Barlow+Condensed:ital,wght@0,500;0,600;0,700;0,800;0,900;1,700;1,800;1,900&family=IBM+Plex+Mono:wght@400;500;600;700&display=swap');

:root {
  --bg:#060a10;
  --bg2:#0b111a;
  --panel:#0d141e;
  --panel2:#101b26;
  --blue:#168ddd;
  --cyan:#25c7ef;
  --white:#f7fbff;
  --muted:#a4b0c0;
  --hair:rgba(161,197,219,.18);
  --max:1400px;
  --premium-display:'Barlow Condensed','Arial Narrow',Impact,sans-serif;
  --premium-mono:'IBM Plex Mono',Consolas,monospace;
}
body {font-family:'Barlow','Segoe UI',Arial,sans-serif;background:#060a10;color:#f4f7fa;font-size:16px}
body::before {content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.15;background:radial-gradient(circle at 80% 10%,rgba(20,127,194,.22),transparent 35%),repeating-linear-gradient(115deg,transparent 0 97px,rgba(32,132,184,.035) 98px,transparent 99px)}
/* The content pages are intentionally wider than the original landing page. */
.listing-page>.container,.detail-page.container {width:min(calc(100% - 96px),1690px);max-width:none}
.listing-page,.detail-page {background:transparent}
.listing-page {background:radial-gradient(ellipse at 65% -20%,rgba(27,130,190,.10),transparent 65%)}
.listing-page .section-kicker,.detail-page .section-kicker,.listing-page .results-count,.detail-page .purchase-label,.product-badge,.product-price small,.product-topline,.product-card-actions,.site-breadcrumb,.product-summary-strip,.product-gallery-metadata {font-family:var(--premium-mono);font-weight:600;letter-spacing:.09em}
.listing-page .section-kicker,.detail-page .section-kicker {font-size:11px;color:#32d2f6;line-height:1.5}
.kicker-diamond {display:inline-block;color:#d5eefa;margin:0 8px;font-size:9px}
.site-breadcrumb {font-size:10px;padding-top:27px;gap:12px;color:#82909d;text-transform:uppercase}
.site-breadcrumb a:hover {color:#25c7ef}
.site-breadcrumb span[aria-current='page'] {color:#e7f5fc}

/* Category header reads like a premium product collection instead of a form. */
.listing-intro {min-height:185px;margin:28px 0 38px;padding:34px 42px;grid-template-columns:minmax(0,1fr) 185px;gap:20px;border-radius:0;border:1px solid rgba(72,133,169,.27);background:radial-gradient(circle at 87% 40%,rgba(28,152,219,.13),transparent 29%),repeating-linear-gradient(-22deg,transparent 0 72px,rgba(35,151,212,.035) 73px,transparent 74px),linear-gradient(125deg,#0c131c,#0a1018);position:relative;isolation:isolate}
.listing-intro::before {content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(3,7,12,.1),rgba(2,8,15,.55));pointer-events:none}
.listing-intro::after {content:'';position:absolute;top:0;left:0;width:85px;height:3px;background:#21cff5;box-shadow:0 0 20px #19bff67a}
.listing-intro h1 {font-family:var(--premium-display);font-style:italic;font-weight:900;font-size:clamp(46px,5.3vw,92px);letter-spacing:.005em;line-height:.95;text-transform:uppercase;max-width:1050px;margin:17px 0 13px;text-wrap:balance}
.listing-intro p {font-size:16px;line-height:1.65;color:#aeb9c6;max-width:760px}
.listing-ornament {width:150px;height:150px;opacity:.72}
.listing-orbit {inset:8px;border-color:rgba(38,195,239,.55)}
.listing-ornament strong {font-family:var(--premium-display);font-size:96px;text-shadow:3px 4px #094269,0 0 30px rgba(20,179,240,.38)}
.listing-panel-title {margin-bottom:20px;align-items:end}
.listing-panel-title h2 {font-family:var(--premium-display);font-style:italic;font-size:clamp(27px,3vw,43px);line-height:1;letter-spacing:0;text-transform:uppercase;font-weight:900;margin:8px 0 0}
.results-count {border:0;background:#131f2c;padding:9px 14px;color:#b1c2ce;font-size:10px;border-left:2px solid #24c2e9}
.listing-panel .catalog-toolbar {border-top:1px solid rgba(73,106,126,.5);border-bottom:1px solid rgba(73,106,126,.5);padding:15px 0;margin-bottom:25px;gap:15px}
.listing-panel .categories,.products-section .categories {gap:8px}
.listing-panel .categories a,.categories button {border-radius:2px;background:#0e1824;border-color:#293c4d;color:#b7c7d3;font-family:var(--premium-mono);letter-spacing:.025em;font-size:10px;font-weight:700;min-height:43px;padding:12px 16px}
.listing-panel .categories a.selected,.listing-panel .categories a:hover,.categories button.selected,.categories button:hover {color:#051018;background:#2bc5ec;border-color:#2bc5ec}
.listing-panel .search-field,.listing-panel .sort-field {background:#0c1722;border:1px solid #2c4154;border-radius:2px;min-height:43px}
.sort-field select,.sort-field span {font-family:var(--premium-mono);font-size:11px}
.listing-panel .search-field input {font-family:'Barlow','Segoe UI',sans-serif;font-size:13px}

/* Store cards: expansive imagery, denser commercial information, deliberate actions. */
.listing-panel .product-grid,.related-products .product-grid {grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.products-section .product-grid {grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.product-card {display:flex;flex-direction:column;background:#0b1017;border:1px solid #273541;border-radius:0;box-shadow:none;isolation:isolate;transition:border-color .22s,transform .22s,box-shadow .22s}
.product-card::after {content:'';position:absolute;right:0;bottom:0;width:25px;height:2px;background:#23c7ef;pointer-events:none;transform-origin:right;transform:scaleX(0);transition:transform .22s}
.product-card:hover {transform:translateY(-3px);border-color:rgba(42,203,239,.64);box-shadow:0 22px 65px rgba(0,0,0,.45)}
.product-card:hover::after {transform:scaleX(1)}
.product-media {aspect-ratio:1.48/1;background:#0b1822;border-bottom:1px solid #273641}
.product-media::before {z-index:2;inset:0;background:linear-gradient(180deg,rgba(3,10,17,.55),transparent 35%,transparent 70%,rgba(5,10,14,.45)),linear-gradient(90deg,rgba(23,177,233,.09) 1px,transparent 1px),linear-gradient(rgba(23,177,233,.07) 1px,transparent 1px);background-size:auto,54px 54px,54px 54px;pointer-events:none}
.product-media .product-media-ambient {position:absolute;inset:-16px;width:calc(100% + 32px);height:calc(100% + 32px);object-fit:cover;filter:blur(21px) brightness(.38) saturate(1.15);opacity:.88;transform:scale(1.12)}
.product-media .product-media-main {position:relative;z-index:1;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(0,0,0,.28));transition:transform .4s ease}
.product-card:hover .product-media-main {transform:scale(1.045)}
.product-badge {top:12px;left:12px;z-index:3;background:#071118de;color:#d2f5ff;border:1px solid rgba(29,188,230,.55);font-size:9px;padding:7px 9px;border-radius:0;letter-spacing:.045em}
.media-corner {position:absolute;z-index:4;top:0;left:0;width:22px;height:22px;border-left:2px solid #25c7ef;border-top:2px solid #25c7ef;pointer-events:none}
.product-content {padding:19px 18px 17px;display:flex;flex-direction:column;flex:1;min-height:237px}
.product-topline {font-size:9px;color:#32c9ed;gap:6px;letter-spacing:.095em}
.product-topline span:first-child {overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.product-ref {color:#8396a3;flex-shrink:0;font-size:9px}
.product-heading-link {display:block}
.product-content h3 {font-family:var(--premium-display);font-style:italic;font-weight:900;text-transform:uppercase;letter-spacing:.003em;line-height:1.05;font-size:clamp(23px,1.65vw,31px);margin:12px 0 8px;min-height:52px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.product-content p {font-size:13px;color:#afbac6;line-height:1.55;min-height:42px;max-height:44px;overflow:hidden;margin:0 0 13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.product-bottom {margin-top:auto;border-top:1px solid #22303d;padding:12px 0 14px}
.product-price small {color:#7d8a95;font-size:9px;line-height:1.5;margin-bottom:3px}
.product-price strong {display:block;font-family:var(--premium-display);font-weight:800;letter-spacing:.025em;font-size:30px;color:#21cbf3;line-height:1.07}
.product-card-actions {display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:10px;letter-spacing:0}
.product-card-actions a,.product-card-actions button {font:700 10px var(--premium-mono);letter-spacing:.01em;min-height:40px;padding:9px 6px;display:flex;align-items:center;justify-content:center;gap:5px;border-radius:0;white-space:nowrap;transition:background .15s,border-color .15s,color .15s;text-align:center}
.product-quick-add {color:#e2f1f9;background:#111b24;border:1px solid #33414e}
.product-quick-add:hover {background:#213544;border-color:#4c7990}
.product-card-actions .product-view {color:#061218;background:#26c9f1;border:1px solid #26c9f1}
.product-card-actions .product-view:hover {background:#7ee6ff;border-color:#7ee6ff}
.product-card-actions .product-view span {font-size:16px}

/* The product is a landing page: media-led first impression and a clearly separated sales column. */
.detail-page {padding-bottom:130px}
.detail-page>.site-breadcrumb {margin-bottom:33px}
.product-hero {grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:stretch;gap:38px}
.gallery-panel {gap:10px;height:100%}
.gallery-stage {aspect-ratio:1.48/1;border:1px solid #253743;border-radius:0;background:radial-gradient(circle at center,rgba(21,106,150,.15),transparent 60%),#081018;min-height:370px}
.gallery-stage::before {z-index:2;background:linear-gradient(180deg,rgba(4,9,14,.10),transparent 63%,rgba(4,9,14,.55)),linear-gradient(90deg,rgba(39,121,162,.05) 1px,transparent 1px),linear-gradient(rgba(39,121,162,.05) 1px,transparent 1px);background-size:auto,65px 65px,65px 65px}
.gallery-stage .gallery-ambient {position:absolute;inset:-30px;width:calc(100% + 60px);height:calc(100% + 60px);object-fit:cover;padding:0;filter:blur(35px) brightness(.30) saturate(1.25);opacity:.9;transform:scale(1.1);z-index:0}
.gallery-stage #galleryMain {z-index:1;padding:15px;max-width:100%;object-fit:contain;filter:drop-shadow(0 12px 30px rgba(0,0,0,.48))}
.gallery-watermark {z-index:4;top:16px;left:18px;padding:9px 10px;background:#071119dd;color:#d6eef8;border:1px solid #2d809f;border-radius:0;font:600 10px var(--premium-mono);letter-spacing:.075em}
.gallery-counter {font:600 10px var(--premium-mono);color:#d6e7f2;bottom:20px;left:20px;z-index:4}
.gallery-expand {z-index:4;font:600 10px var(--premium-mono);border-radius:0;background:#0a1821df;border-color:#39849f;color:#c7f5ff}
.gallery-thumbnails {gap:8px;overflow-x:auto;padding-bottom:6px}
.gallery-thumb {flex-basis:115px;height:75px;border-radius:0;padding:0;background:#0a1119;border:1px solid #2b3947}
.gallery-thumb img {object-fit:contain;padding:3px}
.gallery-thumb.is-active {border-color:#28c9ee;box-shadow:inset 0 -2px #28c9ee}
.purchase-panel {border:0;border-left:1px solid #2f4351;border-radius:0;padding:12px 0 16px 36px;background:none;box-shadow:none;display:flex;flex-direction:column;align-items:flex-start}
.product-category {background:#0d2532;border:1px solid #26617b;color:#83dff6;border-radius:0;margin-top:18px;padding:7px 10px;font:700 10px var(--premium-mono);letter-spacing:.035em}
.purchase-panel h1 {font-family:var(--premium-display);font-size:clamp(48px,4.4vw,83px);font-style:italic;font-weight:900;letter-spacing:.006em;line-height:.92;text-transform:uppercase;margin:22px 0 21px;text-wrap:balance}
.product-lead {font-size:16px;line-height:1.7;color:#b8c5d0;max-width:660px}
.purchase-divider {width:100%;border-color:#293a46;margin:auto 0 18px;padding-top:16px}
.purchase-label {color:#91a3b0;font-size:10px}
.purchase-amount {font-family:var(--premium-display);font-size:clamp(42px,4vw,63px);font-weight:800;color:#25c9ef;letter-spacing:.015em;margin:5px 0 14px;line-height:1.03}
.purchase-actions {width:100%;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.purchase-actions .btn {border-radius:0;white-space:normal;min-height:53px;font:700 11px var(--premium-mono);letter-spacing:0;padding:12px 10px}
.purchase-actions .btn-primary {background:#20c5ec;color:#07131a;border-color:#20c5ec}
.purchase-actions .btn-primary:hover {background:#6fe0fa}
.purchase-actions .btn-outline {border-color:#395a6d;color:#a9dced;background:#0d1d28}
.purchase-disclaimer {font-size:12px;color:#8598a8;margin:16px 0 0;line-height:1.55}
.purchase-assurance {width:100%;margin-top:18px;padding-top:14px;gap:12px 25px;border-top:1px solid #263746;color:#a8c1d0;font-size:12px}
.assurance-icon {color:#23c9ef}
.product-summary-strip {margin-top:34px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-block:1px solid #2b3b48;background:#0a121a}
.product-summary-strip>div {padding:21px 25px;display:flex;flex-direction:column;gap:9px;border-right:1px solid #2b3b48;min-width:0}
.product-summary-strip>div:last-child {border-right:0}
.product-summary-strip span {color:#6e97a7;font-size:9px;line-height:1.4}
.product-summary-strip strong {font:700 13px var(--premium-mono);color:#e4eff4;letter-spacing:.015em;overflow-wrap:anywhere}
.product-overview {margin:92px 0 65px;padding:30px 4px 57px;display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:60px;align-items:center;border-bottom:1px solid #293944;position:relative}
.product-overview::before {content:'01';font:900 clamp(130px,20vw,300px)/1 var(--premium-display);color:rgba(52,121,151,.045);position:absolute;right:3%;bottom:0;pointer-events:none}
.overview-title h2,.editorial-heading h2,.related-products h2 {font-family:var(--premium-display);font-style:italic;text-transform:uppercase;font-weight:900;letter-spacing:.005em;line-height:.94}
.overview-title h2 {font-size:clamp(51px,5.6vw,94px);margin:20px 0 18px}
.overview-title h2 em,.editorial-heading h2 em,.related-products h2 em {font-style:italic;color:#28c9ed}
.overview-title p {color:#7f97a6;font:500 12px var(--premium-mono)}
.overview-copy {font-size:clamp(17px,1.35vw,21px);line-height:1.75;color:#d0d9e1;max-width:910px;position:relative}
.product-body-layout {grid-template-columns:minmax(0,1fr) 300px;gap:55px;margin-top:0;align-items:start}
.product-editorial {border:0;border-radius:0;background:transparent;padding:0}
.editorial-heading {padding:0 0 22px;border-bottom:1px solid #283947;margin-bottom:26px}
.product-editorial .editorial-heading h2 {font:italic 900 clamp(39px,4vw,64px)/1 var(--premium-display);letter-spacing:0;margin:16px 0 0}
.editorial-prose {font-size:17px;line-height:1.8;color:#becbd5;overflow-wrap:anywhere}
.editorial-prose p {margin:0 0 22px;max-width:940px}
.editorial-prose h2 {font:italic 900 clamp(31px,3vw,50px)/1.08 var(--premium-display);margin:48px 0 21px;color:#f3f8fc;text-transform:uppercase}
.editorial-prose h3 {font:italic 800 clamp(24px,2.2vw,36px)/1.12 var(--premium-display);margin:38px 0 15px;color:#f2f8fd;text-transform:uppercase}
.editorial-prose h4 {font:700 18px/1.25 'Barlow',sans-serif;color:#e9f4fa;margin:30px 0 13px}
.editorial-prose ul,.editorial-prose ol {padding:18px 18px 18px 45px;background:#0a141c;border:1px solid #263b47;border-left:3px solid #28c7ec;margin:22px 0 30px;max-width:1100px}
.editorial-prose li {padding:5px 0;line-height:1.55}
.editorial-prose li::marker {color:#27c7ec}
.editorial-prose strong {color:#fff}
.editorial-prose img.editorial-image {margin:28px 0;max-width:100%;border-radius:0;border:1px solid #384952;box-shadow:0 22px 65px rgba(0,0,0,.35)}
.editorial-prose blockquote {margin:25px 0;padding:24px 28px;border-left:3px solid #27c7ee;background:#0c1a23}
.product-specs {border:1px solid #293f4d;border-radius:0;background:#0b151e;padding:28px;position:sticky;top:20px}
.product-specs h3 {font:italic 900 33px/1 var(--premium-display);text-transform:uppercase;margin:15px 0 26px}
.product-specs dl>div {gap:8px;border-color:#2a3946}
.product-specs dt {color:#899fb0;font:600 10px var(--premium-mono);text-transform:uppercase}
.product-specs dd {color:#e8f4f9;font-size:14px;font-weight:700}
.product-specs p {color:#a8b4c0;font-size:13px}
.related-products {margin-top:110px;border-top:1px solid #293945;padding-top:58px}
.related-products .section-heading h2 {font-size:clamp(42px,4.4vw,72px)}
.listing-outro {margin-top:100px;border-radius:0;padding:38px 44px;background:linear-gradient(110deg,#0c1c26,#081018);border:1px solid #274756}
.listing-outro h2 {font:italic 900 45px/1 var(--premium-display);letter-spacing:.005em}
.listing-outro p {font-size:15px}
.listing-outro .btn {border-radius:0}

@media(min-width:1500px) {
  .listing-page>.container,.detail-page.container {width:min(calc(100% - 112px),1710px)}
}
@media(max-width:1450px) {
  .listing-panel .product-grid,.related-products .product-grid {grid-template-columns:repeat(3,minmax(0,1fr))}
  .product-content h3 {font-size:29px}
}
@media(max-width:1100px) {
  .listing-panel .product-grid,.related-products .product-grid,.products-section .product-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
  .product-hero {grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:23px}
  .purchase-panel {padding-left:22px}
  .purchase-panel h1 {font-size:clamp(43px,5vw,62px)}
  .product-body-layout {grid-template-columns:minmax(0,1fr) 260px;gap:25px}
  .purchase-actions {grid-template-columns:1fr}
  .listing-panel .catalog-toolbar {flex-direction:column;align-items:stretch}
}
@media(max-width:850px) {
  .listing-page>.container,.detail-page.container {width:min(calc(100% - 36px),720px)}
  .listing-intro {grid-template-columns:minmax(0,1fr);padding:28px;min-height:0}
  .listing-ornament {display:none}
  .listing-intro h1 {font-size:clamp(45px,8vw,72px)}
  .product-hero {grid-template-columns:1fr;gap:24px}
  .purchase-panel {padding:8px 0 0;border-left:0}
  .purchase-divider {margin:26px 0 17px}
  .purchase-actions {grid-template-columns:1fr 1fr}
  .gallery-stage {aspect-ratio:16/10;min-height:290px}
  .product-body-layout {grid-template-columns:1fr}
  .product-specs {position:static}
  .product-overview {grid-template-columns:1fr;gap:15px;margin:55px 0}
}
@media(max-width:580px) {
  .listing-panel .product-grid,.related-products .product-grid,.products-section .product-grid {grid-template-columns:1fr}
  .listing-intro {margin:17px 0 26px;padding:24px 20px}
  .listing-intro h1 {font-size:clamp(41px,12vw,58px)}
  .listing-intro p {font-size:14px}
  .listing-panel-title {align-items:flex-start}
  .listing-panel-title h2 {font-size:31px}
  .results-count {font-size:9px}
  .catalog-tools {width:100%;align-items:stretch}
  .listing-panel .search-field {min-width:0}
  .product-media {aspect-ratio:1.58/1}
  .product-content {padding:19px}
  .product-content h3 {font-size:30px;min-height:auto}
  .gallery-stage {min-height:260px;aspect-ratio:1.25/1}
  .purchase-panel h1 {font-size:clamp(43px,11vw,68px)}
  .purchase-actions {grid-template-columns:1fr}
  .product-summary-strip {grid-template-columns:1fr}
  .product-summary-strip>div {border-right:0;border-bottom:1px solid #273946;padding:14px 16px}
  .product-summary-strip>div:last-child {border-bottom:0}
  .overview-title h2 {font-size:58px}
  .editorial-prose {font-size:15px}
  .listing-outro {margin-top:65px;padding:28px 24px}
  .listing-outro h2 {font-size:36px}
  .product-overview {padding-top:5px}
}
@media(prefers-reduced-motion:reduce) {
  .product-card,.product-media .product-media-main {transition:none}
}

/* ===== FiveMNext v0.3 premium redesign overrides ===== */
:root {
  --bg:#04070d;
  --bg2:#07111d;
  --panel:#0a111b;
  --panel2:#0d1623;
  --blue:#18c2ff;
  --cyan:#4de4ff;
  --white:#f5fbff;
  --muted:#98a7ba;
  --hair:rgba(120,155,195,.18);
}
body {
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  background:
    radial-gradient(circle at 20% -10%, rgba(14,86,146,.26), transparent 28%),
    radial-gradient(circle at 90% 5%, rgba(0,190,255,.12), transparent 20%),
    linear-gradient(180deg,#03060a 0%,#050a12 18%,#04070d 100%);
  color:var(--white);
}
.announcement { display:none; }
.site-header {
  position:sticky; top:0; z-index:30;
  background:rgba(3,7,10,.93);
  border-bottom:1px solid rgba(103,134,170,.12);
  backdrop-filter:blur(14px);
}
.nav-wrap { height:62px; gap:28px; }
.brand { gap:12px; }
.brand-logo {
  width:46px; height:46px; object-fit:contain; display:block;
  filter: drop-shadow(0 0 16px rgba(24,194,255,.16));
}
.brand-wording { display:flex; flex-direction:column; line-height:1; }
.brand-wording strong {
  font-family:'Barlow Condensed',Impact,sans-serif;
  text-transform:none;
  letter-spacing:-.02em;
  font-size:26px;
}
.brand .accent { color:#56ccff; }
.brand small {
  margin-top:4px;
  color:#879cb5;
  font-size:8px;
  letter-spacing:.32em;
}
.main-nav { gap:28px; }
.main-nav a {
  font-family:'Barlow Condensed',Impact,sans-serif;
  font-size:14px;
  letter-spacing:.08em;
  font-weight:700;
  color:#d8e4f3;
  text-transform:uppercase;
}
.main-nav a:hover,.main-nav a.active { color:#fff; }
.main-nav a.active::after { background:var(--blue); margin-top:9px; }
.nav-actions { gap:12px; }
.account-action--quasar {
  border:1px solid rgba(33,197,255,.6);
  background:transparent;
  min-height:42px;
  padding:0 18px;
  color:#c6f4ff;
  font-family:'Barlow Condensed',Impact,sans-serif;
  font-size:14px;
  letter-spacing:.12em;
  text-transform:uppercase;
  position:relative;
  clip-path:polygon(0 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%);
}
.account-action--quasar .account-indicator { width:7px; height:7px; background:#5f6b7e; }
.account-action--quasar .account-indicator.connected { background:#40dcff; box-shadow:0 0 12px #40dcff; }
.cart-action {
  height:42px; min-width:58px; border-radius:0; background:#0f1722;
  border:1px solid rgba(79,127,175,.45);
  clip-path:polygon(0 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%);
}
.cart-count { font-family:'Barlow Condensed',Impact,sans-serif; font-size:15px; color:#59d8ff; }
.promo-marquee {
  overflow:hidden; white-space:nowrap; height:36px;
  background:linear-gradient(90deg,#0a2b37,#10343d 50%,#0a2b37);
  border-top:1px solid rgba(18,220,255,.12);
  border-bottom:1px solid rgba(18,220,255,.12);
}
.promo-track {
  display:inline-flex; gap:46px; align-items:center; min-width:max-content; height:100%;
  font-family:'Barlow Condensed',Impact,sans-serif; font-size:14px; font-weight:700;
  letter-spacing:.18em; text-transform:uppercase; color:#ddf6ff;
  animation: promoMove 28s linear infinite;
}
@keyframes promoMove { from { transform:translateX(0);} to { transform:translateX(-50%);} }
.hero {
  min-height:700px;
  grid-template-columns:1fr 1.03fr;
  padding-top:64px;
}
.hero h1,.section-heading h2,.statement-row h2,.listing-intro h1,.purchase-panel h1,.overview-title h2,.editorial-heading h2,.support-wrap h2,.footer-cta h2 {
  font-family:'Barlow Condensed',Impact,sans-serif;
  text-transform:uppercase;
  font-style:italic;
  letter-spacing:-.04em;
}
.hero h1 { font-size: clamp(68px, 7vw, 116px); line-height:.86; margin:18px 0 22px; }
.hero p { max-width:610px; font-size:18px; line-height:1.72; color:#bdd0e2; }
.hero-stroke { -webkit-text-stroke:1px rgba(130,174,219,.5); color:transparent; }
.hero-gradient { color:#fff; }
.hero-gradient .period { color:#5de6ff; }
.hero-cta { display:flex; gap:16px; flex-wrap:wrap; margin-top:30px; }
.btn {
  border-radius:0;
  min-height:52px;
  padding:0 22px;
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  font-family:'Barlow Condensed',Impact,sans-serif;
  font-size:16px; font-weight:700; letter-spacing:.12em; text-transform:uppercase;
  clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%);
}
.btn-primary { background:#24c2e8; color:#041018; border:1px solid #2bdcff; box-shadow:none; }
.btn-outline { background:transparent; border:1px solid rgba(51,212,255,.48); color:#dcf7ff; }
.hero-caption { margin-top:26px; font-size:12px; font-weight:700; letter-spacing:.24em; color:#88a5c2; text-transform:uppercase; }
.caption-line { background:#2bbcff; }
.hero-art {
  height:620px; border:1px solid rgba(55,115,175,.24); overflow:hidden;
  background:linear-gradient(180deg,#061022,#02060d 85%);
}
.hero-logo-emblem {
  position:absolute; inset:110px 0 0 0; margin:auto; width:74%; max-width:620px;
  filter: drop-shadow(0 0 26px rgba(28,178,255,.28));
  z-index:2;
}
.art-halo { width:560px; height:560px; top:50px; right:20px; background:radial-gradient(circle,rgba(36,193,255,.16) 0%, transparent 68%); }
.orbit { border-color:rgba(65,155,246,.42); }
.section { padding:96px 0; }
.section-heading h2 { font-size:clamp(42px,5vw,76px); line-height:.88; margin:14px 0; }
.section-heading p,.heading-side { color:#9db3ca; line-height:1.7; }
.section-kicker, .eyebrow { font-family:'Barlow Condensed',Impact,sans-serif; font-size:13px; letter-spacing:.22em; text-transform:uppercase; color:#7ddbff; }
.catalog-toolbar, .listing-panel, .product-card, .purchase-panel, .product-editorial, .product-specs, .support-panel, .solution-card, .footer-cta, .gallery-panel { background:linear-gradient(180deg,rgba(10,17,27,.96),rgba(7,11,18,.98)); }
.catalog-toolbar { border:1px solid rgba(70,104,146,.22); }
.categories button, .categories a {
  border-radius:0;
  min-height:42px;
  border:1px solid rgba(69,117,164,.32);
  font-family:'Barlow Condensed',Impact,sans-serif; font-size:15px; letter-spacing:.08em; text-transform:uppercase;
  color:#d7eaff; background:#0c1625;
  clip-path:polygon(0 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%);
}
.categories .selected { background:#143b63; border-color:#38c7ff; color:#fff; }
.search-field, .sort-field { background:#0c1521; border-radius:0; border:1px solid rgba(69,117,164,.32); clip-path:polygon(0 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%); }
.product-grid { gap:24px; }
.product-card {
  border-radius:0; border:1px solid rgba(69,113,156,.24);
  clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%);
  box-shadow:0 20px 40px rgba(0,0,0,.24);
}
.product-card:hover { transform:translateY(-6px); box-shadow:0 28px 50px rgba(0,0,0,.35); border-color:rgba(61,190,255,.4); }
.product-media { height:260px; background:linear-gradient(180deg,#0d1623,#09121d); }
.product-media-main { object-fit:cover; }
.product-badge {
  top:14px; left:14px; background:rgba(7,18,28,.94); border-radius:0; border:1px solid rgba(87,151,206,.36);
  font-family:'Barlow Condensed',Impact,sans-serif; font-size:12px; letter-spacing:.12em; text-transform:uppercase;
}
.product-topline { font-family:'Barlow Condensed',Impact,sans-serif; font-size:12px; letter-spacing:.12em; text-transform:uppercase; color:#79cdff; }
.product-heading-link h3 { font-family:'Barlow Condensed',Impact,sans-serif; font-style:italic; text-transform:uppercase; font-size:38px; line-height:.93; letter-spacing:-.03em; }
.product-content p { color:#b2c3d5; line-height:1.72; min-height:74px; }
.product-price small { font-family:'Barlow Condensed',Impact,sans-serif; font-size:12px; letter-spacing:.18em; }
.product-price strong { font-family:'Barlow Condensed',Impact,sans-serif; font-size:42px; letter-spacing:-.03em; color:#fff; }
.product-card-actions { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.product-quick-add, .product-view {
  min-height:50px; display:flex; align-items:center; justify-content:center;
  font-family:'Barlow Condensed',Impact,sans-serif; font-size:15px; letter-spacing:.1em; text-transform:uppercase;
  border-radius:0; clip-path:polygon(0 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%);
}
.product-quick-add { border:1px solid rgba(93,128,171,.34); background:#0b1521; color:#edfaff; }
.product-view { border:1px solid #2ad2ff; background:#24c2e8; color:#061118; font-weight:800; }
.logo-fallback { display:flex; align-items:center; justify-content:center; width:100%; height:100%; }
.logo-fallback img { width:68%; max-width:260px; object-fit:contain; filter:drop-shadow(0 0 16px rgba(32,189,255,.24)); }
.logo-fallback--small img { width:48px; }
.logo-fallback--rail img { width:120px; }
.showcase-section {
  padding:92px 0 88px;
  background:linear-gradient(180deg,rgba(4,7,13,.4),rgba(4,7,13,0) 12%), radial-gradient(circle at 50% 0%, rgba(17,156,255,.12), transparent 32%);
  overflow:hidden;
}
.showcase-rail-wrap { overflow:hidden; padding:10px 0 0; }
.showcase-rail {
  display:flex; gap:18px; width:max-content; padding:0 38px;
  animation: railMove 34s linear infinite;
}
@keyframes railMove { from { transform:translateX(0); } to { transform:translateX(-50%); } }
.featured-rail-card {
  width:320px; flex:0 0 320px; background:rgba(7,14,22,.95); border:1px solid rgba(72,125,178,.28);
  clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%);
  overflow:hidden;
}
.featured-rail-image { display:block; height:182px; background:#09111b; }
.featured-rail-image img { width:100%; height:100%; object-fit:cover; display:block; }
.featured-rail-body { padding:18px 18px 20px; }
.featured-rail-body span { display:block; font-family:'Barlow Condensed',Impact,sans-serif; font-size:12px; letter-spacing:.16em; text-transform:uppercase; color:#7ccfff; }
.featured-rail-body h3 { font-family:'Barlow Condensed',Impact,sans-serif; font-size:32px; line-height:.9; font-style:italic; text-transform:uppercase; margin:10px 0 12px; }
.featured-rail-meta { display:flex; justify-content:space-between; align-items:center; gap:12px; }
.featured-rail-meta strong { font-family:'Barlow Condensed',Impact,sans-serif; font-size:30px; color:#fff; }
.featured-rail-meta a { font-family:'Barlow Condensed',Impact,sans-serif; font-size:14px; letter-spacing:.12em; color:#63d7ff; }
.featured-rail-empty { color:#a7bdd5; padding:0 40px; }
.section-heading--showcase { margin-bottom:24px; }
.solution-card { border-radius:0; clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%); border:1px solid rgba(74,113,151,.24); }
.statement-section { border-radius:0; border:1px solid rgba(75,111,145,.24); background:linear-gradient(180deg,#09111c,#070d15); }
.statement-icon { width:92px; height:92px; border-radius:0; background:#08111a; border:1px solid rgba(51,134,199,.25); display:grid; place-items:center; }
.statement-icon img { width:86%; object-fit:contain; }
.statement-actions { display:flex; gap:14px; flex-wrap:wrap; margin-top:28px; }
.support-section { background:linear-gradient(180deg,transparent,rgba(5,10,16,.8)); }
.support-wrap { align-items:stretch; }
.support-panel { border-radius:0; clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%); border:1px solid rgba(74,117,155,.24); }
.site-footer {
  position:relative; overflow:hidden; padding:56px 0 0;
  background:linear-gradient(180deg,#04080d 0%,#020508 100%); border-top:1px solid rgba(76,118,160,.2);
}
.footer-cta {
  display:flex; justify-content:space-between; gap:28px; align-items:center;
  padding:34px 36px; border:1px solid rgba(77,118,158,.22); border-radius:0;
  clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%);
}
.footer-cta h2 { font-size:58px; line-height:.9; margin:10px 0 12px; }
.footer-cta p { color:#a9bfd7; max-width:660px; }
.footer-cta-actions { display:flex; gap:14px; flex-wrap:wrap; }
.footer-main-grid { display:grid; grid-template-columns:1.2fr .7fr .7fr; gap:56px; padding:62px 0 38px; }
.footer-brand-column p { color:#a7bed6; line-height:1.75; max-width:420px; }
.brand-footer { margin-bottom:22px; }
.footer-socials { display:flex; gap:10px; margin:28px 0 36px; }
.footer-socials a {
  width:42px; height:42px; display:grid; place-items:center; border:1px solid rgba(93,126,157,.3); color:#dff8ff;
  font-family:'Barlow Condensed',Impact,sans-serif; letter-spacing:.08em; background:#0b131d;
}
.payment-stack { display:grid; gap:14px; }
.payment-label, .footer-col-title {
  font-family:'Barlow Condensed',Impact,sans-serif; font-size:12px; font-weight:700; letter-spacing:.24em; text-transform:uppercase; color:#d8ecff;
}
.payment-methods { display:flex; gap:10px; flex-wrap:wrap; }
.payment-methods span {
  min-height:34px; padding:0 12px; display:inline-flex; align-items:center; border:1px solid rgba(85,123,158,.28); background:#09111a;
  font-family:'Barlow Condensed',Impact,sans-serif; font-size:14px; letter-spacing:.08em; color:#bddcff;
}
.footer-links-column { display:flex; flex-direction:column; gap:14px; }
.footer-links-column a { color:#b3c7dd; }
.footer-links-column a:hover { color:#fff; }
.footer-legal-panels {
  display:grid; grid-template-columns:1fr 1fr; gap:32px; padding:28px 0; margin-top:10px;
  border-top:1px solid rgba(78,110,142,.18); border-bottom:1px solid rgba(78,110,142,.18);
}
.footer-legal-panels p { margin:0; color:#89a2bb; line-height:1.8; }
.footer-bottom { display:flex; gap:20px; justify-content:space-between; flex-wrap:wrap; padding:26px 0 78px; color:#9eb5cd; font-size:14px; }
.footer-watermark {
  position:absolute; left:24px; right:24px; bottom:-28px; text-align:center;
  font-family:'Barlow Condensed',Impact,sans-serif; font-size:min(16vw,240px); font-weight:800; font-style:italic; letter-spacing:-.06em;
  color:transparent; -webkit-text-stroke:2px rgba(255,255,255,.08); opacity:.9; user-select:none;
}
.footer-watermark::first-letter { color:transparent; text-shadow:0 0 28px rgba(39,201,255,.46); -webkit-text-stroke:2px rgba(61,216,255,.58); }
.listing-intro, .listing-outro, .product-hero, .product-summary-strip, .product-overview, .product-body-layout, .related-products, .listing-panel { position:relative; }
.listing-intro, .listing-outro, .product-overview, .product-body-layout, .related-products { border-radius:0; }
.listing-intro h1 { font-size:72px; line-height:.88; margin:12px 0 18px; }
.listing-intro p { max-width:620px; color:#b2c6dc; line-height:1.75; }
.listing-ornament { width:180px; height:180px; }
.listing-ornament img { width:100%; object-fit:contain; filter:drop-shadow(0 0 18px rgba(26,190,255,.24)); }
.purchase-panel { border:1px solid rgba(74,113,151,.24); clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%); border-radius:0; }
.purchase-panel h1 { font-size:74px; line-height:.88; margin:14px 0 18px; }
.product-category, .purchase-label { font-family:'Barlow Condensed',Impact,sans-serif; letter-spacing:.18em; text-transform:uppercase; }
.product-lead { color:#bfd0e2; line-height:1.7; font-size:18px; }
.purchase-tags { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:16px; }
.purchase-tags span { padding:7px 10px; border:1px solid rgba(92,129,167,.28); background:#0a141e; font-family:'Barlow Condensed',Impact,sans-serif; font-size:12px; letter-spacing:.12em; text-transform:uppercase; color:#dff7ff; }
.purchase-amount { font-family:'Barlow Condensed',Impact,sans-serif; font-size:66px; line-height:1; color:#fff; }
.purchase-actions { grid-template-columns:1fr 1fr; }
.purchase-assurance { display:grid; gap:12px; margin-top:20px; }
.purchase-assurance div { display:flex; gap:10px; align-items:flex-start; color:#c6dbef; }
.assurance-icon { color:#57d5ff; }
.product-summary-strip { border:1px solid rgba(74,113,151,.16); background:#06101a; }
.product-summary-strip span { font-family:'Barlow Condensed',Impact,sans-serif; font-size:12px; letter-spacing:.18em; text-transform:uppercase; }
.product-summary-strip strong { font-family:'Barlow Condensed',Impact,sans-serif; font-size:20px; }
.product-overview { padding:40px 0 22px; display:grid; grid-template-columns:.9fr 1.1fr; gap:40px; }
.overview-copy { font-size:22px; line-height:1.65; color:#cfdeef; }
.product-editorial, .product-specs { border-radius:0; border:1px solid rgba(74,113,151,.18); clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%); }
.editorial-heading h2 { font-size:62px; line-height:.9; }
.editorial-prose, .product-specs p, .product-specs dd { color:#c0d0e1; line-height:1.8; }
.editorial-prose h2, .editorial-prose h3, .editorial-prose h4 { font-family:'Barlow Condensed',Impact,sans-serif; font-style:italic; text-transform:uppercase; letter-spacing:-.02em; }
.editorial-image { border-radius:0; border:1px solid rgba(74,113,151,.18); }
.gallery-panel { border:1px solid rgba(74,113,151,.22); border-radius:0; clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%); }
.gallery-stage { border-radius:0; }
.gallery-thumbnails { gap:10px; }
.gallery-thumb { border-radius:0; border-color:rgba(77,112,149,.28); }
.site-breadcrumb { font-family:'Barlow Condensed',Impact,sans-serif; font-size:12px; letter-spacing:.16em; text-transform:uppercase; color:#8fb0cd; }
.cart-drawer { background:#060d15; }
.drawer-head h2, .cart-total strong { font-family:'Barlow Condensed',Impact,sans-serif; }
@media (max-width: 1100px) {
  .hero { grid-template-columns:1fr; gap:30px; min-height:auto; }
  .hero-art { order:-1; height:520px; }
  .footer-main-grid, .footer-legal-panels, .product-overview { grid-template-columns:1fr; }
  .footer-cta { flex-direction:column; align-items:flex-start; }
}
@media (max-width: 860px) {
  .container { width:min(calc(100% - 36px),var(--max)); }
  .nav-wrap { height:68px; }
  .main-nav { background:#050a12; top:68px; }
  .brand-wording strong { font-size:22px; }
  .account-action--quasar { display:none; }
  .promo-marquee { height:32px; }
  .promo-track { font-size:12px; gap:28px; }
  .hero { padding-top:34px; }
  .hero h1 { font-size:60px; }
  .product-heading-link h3 { font-size:30px; }
  .purchase-panel h1 { font-size:52px; }
  .product-overview, .purchase-actions, .product-card-actions { grid-template-columns:1fr; }
  .footer-watermark { font-size:88px; bottom:0; }
}

/* ===== FiveMNext v0.3.1 corrective overrides ===== */
.hero {
  grid-template-columns: .96fr 1.04fr;
  gap: 34px;
  padding-top: 46px;
  min-height: 620px;
  align-items: center;
}
.hero-copy {
  max-width: 620px;
}
.hero h1 {
  font-size: clamp(58px, 6.1vw, 92px);
  line-height: .92;
  letter-spacing: -.022em;
  margin: 16px 0 24px;
}
.hero p {
  max-width: 560px;
  font-size: 16px;
  line-height: 1.8;
  color: #d4deea;
}
.hero-stroke {
  color: rgba(109, 154, 214, .85);
  -webkit-text-stroke: 1px rgba(75, 124, 191, .92);
}
.hero-gradient {
  background: linear-gradient(90deg, #ecf6ff 0%, #8fdaff 54%, #2896ff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.hero-art {
  position: relative;
  height: auto;
  min-height: 510px;
  border: none;
  background: transparent;
  overflow: visible;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hero-art::before {
  content: '';
  position: absolute;
  inset: 8% 10%;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(31, 161, 255, .14) 0%, rgba(5, 10, 18, 0) 66%);
  filter: blur(12px);
}
.hero-logo-wrap {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 500px;
}
.hero-logo-emblem {
  position: relative;
  inset: auto;
  width: min(90%, 620px);
  max-width: 620px;
  margin: 0 auto;
  display: block;
  filter: drop-shadow(0 0 22px rgba(34, 179, 255, .18));
}
.art-grid,
.art-halo,
.orbit,
.orbit-cross,
.art-mini,
.art-coordinate,
.hero-index {
  display: none !important;
}
.section-heading h2 {
  font-size: clamp(34px, 4.2vw, 62px);
  line-height: .94;
}
.product-heading-link h3 {
  font-size: 30px;
  line-height: 1;
}
.statement-section {
  padding: 70px 44px;
}
.statement-row {
  align-items: center;
  gap: 22px;
}
.statement-row h2 {
  font-size: clamp(40px, 4.3vw, 70px);
  line-height: .98;
  letter-spacing: -.022em;
  max-width: 760px;
}
.statement-section p {
  max-width: 760px;
  color: #ccd8e6;
  line-height: 1.8;
}
.footer-cta h2 {
  font-size: clamp(36px, 4vw, 52px);
  line-height: .96;
}
.support-wrap h2 {
  font-size: clamp(38px, 4.6vw, 64px);
  line-height: .95;
}
.payment-methods {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  align-items: center;
}
.payment-methods img {
  display: block;
  height: 36px;
  width: auto;
  padding: 6px 10px;
  background: #09111a;
  border: 1px solid rgba(85, 123, 158, .28);
}
@media (max-width: 980px) {
  .hero {
    grid-template-columns: 1fr;
    min-height: auto;
    gap: 22px;
  }
  .hero-copy {
    max-width: none;
  }
  .hero h1 {
    font-size: clamp(50px, 11vw, 74px);
  }
  .hero-art {
    min-height: 380px;
  }
  .hero-logo-wrap {
    min-height: 360px;
  }
  .statement-row h2 {
    font-size: clamp(34px, 9vw, 52px);
  }
}
@media (max-width: 680px) {
  .statement-section {
    padding: 42px 22px;
  }
  .payment-methods img {
    height: 32px;
    padding: 5px 8px;
  }
}

/* ===== FiveMNext v0.3.3 hero banner + payment cleanup ===== */
.hero.hero-banner {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: 0.88fr 1.12fr;
  align-items: stretch;
  min-height: 660px;
  margin-top: 8px;
  padding: 0;
  border: 1px solid rgba(59, 104, 148, .22);
  background:
    linear-gradient(90deg, rgba(2, 7, 15, .96) 0%, rgba(2, 7, 15, .9) 24%, rgba(2, 7, 15, .55) 42%, rgba(2, 7, 15, .15) 58%, rgba(2, 7, 15, 0) 72%),
    linear-gradient(180deg, rgba(4, 9, 16, .15), rgba(4, 9, 16, .45)),
    url('/assets/hero-banner-fivemnext.png') center right / cover no-repeat;
}
.hero.hero-banner::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(2,7,15,.72) 0%, rgba(2,7,15,.48) 24%, rgba(2,7,15,.12) 50%, rgba(2,7,15,0) 68%),
    linear-gradient(180deg, rgba(22, 111, 196, .08), transparent 32%);
}
.hero.hero-banner .hero-copy {
  position: relative;
  z-index: 2;
  max-width: 610px;
  padding: 72px 52px 56px 52px;
  align-self: center;
}
.hero.hero-banner .hero-art {
  display: block;
  min-height: 100%;
}
.hero.hero-banner .hero-logo-wrap,
.hero.hero-banner .hero-logo-emblem,
.hero.hero-banner .art-grid,
.hero.hero-banner .art-halo,
.hero.hero-banner .orbit,
.hero.hero-banner .orbit-cross,
.hero.hero-banner .art-mini,
.hero.hero-banner .art-coordinate,
.hero.hero-banner .hero-index {
  display: none !important;
}
.hero.hero-banner .eyebrow {
  color: #9fddff;
  text-shadow: 0 0 14px rgba(41, 176, 255, .18);
}
.hero.hero-banner h1 {
  font-size: clamp(66px, 6.4vw, 104px);
  line-height: .89;
  margin: 18px 0 24px;
  text-shadow: 0 3px 24px rgba(0, 0, 0, .28);
}
.hero.hero-banner .hero-stroke {
  color: rgba(70, 136, 234, .16);
  -webkit-text-stroke: 1.6px rgba(101, 164, 255, .96);
}
.hero.hero-banner .hero-gradient {
  background: linear-gradient(90deg, #eef8ff 0%, #9edfff 48%, #299bff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.hero.hero-banner p {
  max-width: 560px;
  color: #d7e6f2;
  font-size: 16px;
  line-height: 1.78;
  text-shadow: 0 2px 14px rgba(0, 0, 0, .35);
}
.hero.hero-banner .hero-cta {
  margin-top: 30px;
}
.hero.hero-banner .hero-caption {
  margin-top: 30px;
  color: #c7e6ff;
}
.payment-stack {
  margin-top: 10px;
}
.payment-label {
  display: block;
  margin-bottom: 14px;
}
.payment-methods {
  display: flex;
  flex-wrap: wrap;
  gap: 18px 24px;
  align-items: center;
}
.payment-methods img {
  display: block;
  height: 28px;
  width: auto;
  max-width: 118px;
  padding: 0;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  object-fit: contain;
  opacity: .98;
}
.payment-methods img[alt="American Express"] { height: 26px; max-width: 126px; }
.payment-methods img[alt="Mastercard"] { height: 24px; max-width: 116px; }
.payment-methods img[alt="PayPal"] { height: 26px; max-width: 104px; }
.payment-methods img[alt="Scalapay"] { height: 24px; max-width: 110px; }
@media (max-width: 1100px) {
  .hero.hero-banner {
    grid-template-columns: 1fr;
    min-height: 620px;
    background-position: 62% center;
  }
  .hero.hero-banner::before {
    background:
      linear-gradient(180deg, rgba(2,7,15,.78) 0%, rgba(2,7,15,.52) 46%, rgba(2,7,15,.28) 100%),
      linear-gradient(90deg, rgba(2,7,15,.72) 0%, rgba(2,7,15,.38) 38%, rgba(2,7,15,.08) 64%, rgba(2,7,15,0) 100%);
  }
  .hero.hero-banner .hero-copy {
    padding: 58px 34px 42px;
    max-width: 680px;
  }
  .hero.hero-banner .hero-art {
    display: none;
  }
}
@media (max-width: 760px) {
  .hero.hero-banner {
    min-height: 560px;
    background-position: 68% center;
  }
  .hero.hero-banner .hero-copy {
    padding: 42px 24px 34px;
  }
  .hero.hero-banner h1 {
    font-size: clamp(48px, 14vw, 72px);
  }
  .payment-methods {
    gap: 14px 18px;
  }
  .payment-methods img {
    height: 24px;
    max-width: 100px;
  }
}

/* ===== FiveMNext v0.3.5 full-width hero without horizontal overflow ===== */
.hero.hero-banner {
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  border-left: 0;
  border-right: 0;
  border-top: 1px solid rgba(59, 104, 148, .22);
  border-bottom: 1px solid rgba(59, 104, 148, .22);
  background-position: center center;
}
.hero.hero-banner .hero-copy {
  padding-left: clamp(28px, 8vw, 250px);
  padding-right: 32px;
}
@media (max-width: 1100px) {
  .hero.hero-banner {
    margin-top: 0;
    background-position: 64% center;
  }
  .hero.hero-banner .hero-copy {
    padding-left: clamp(20px, 4vw, 34px);
    padding-right: clamp(20px, 4vw, 34px);
  }
}
@media (max-width: 760px) {
  .hero.hero-banner {
    background-position: 70% center;
  }
}

/* Compact mobile header: prevent navigation controls from exceeding the viewport. */
@media (max-width: 860px) {
  .nav-wrap { gap: 10px; }
  .nav-wrap .brand { min-width: 0; gap: 8px; }
  .nav-wrap .brand-logo { width: 36px; height: 36px; }
  .nav-wrap .brand-wording strong { font-size: 20px; }
  .nav-wrap .brand-wording small { font-size: 6px; letter-spacing: .12em; }
  .nav-wrap .nav-actions { margin-left: auto; gap: 8px; }
  .nav-wrap .cart-action { min-width: 46px; }
  .nav-wrap .mobile-toggle { flex: 0 0 36px; }
}

/* v0.3.6 – readable storefront typography. The hero artwork and headline remain unchanged. */
.brand-wording strong {
  font-family: Inter, 'Segoe UI', Arial, sans-serif;
  font-size: 23px;
  line-height: 1.15;
  font-weight: 800;
  font-style: normal;
  letter-spacing: -.04em;
}
.brand-wording small {
  font-family: Inter, 'Segoe UI', Arial, sans-serif;
  font-size: 9px;
  font-weight: 650;
  line-height: 1.5;
  letter-spacing: .08em;
  color: #b1c9dd;
}
.main-nav a,
.account-action--quasar,
.cart-count {
  font-family: Inter, 'Segoe UI', Arial, sans-serif;
  font-size: 12px;
  font-weight: 750;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: .025em;
  text-shadow: none;
}
.main-nav a { color: #d5e4f2; }
.account-action--quasar { color: #e2f5ff; }
.cart-count { font-size: 13px; letter-spacing: 0; font-variant-numeric: tabular-nums; }
.promo-track {
  font-family: Inter, 'Segoe UI', Arial, sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .055em;
  color: #d7eff9;
}
.btn,
.product-card-actions a,
.product-card-actions button,
.featured-rail-meta a {
  font-family: Inter, 'Segoe UI', Arial, sans-serif;
  font-size: 12px;
  font-weight: 750;
  font-style: normal;
  line-height: 1.4;
  letter-spacing: .02em;
  text-shadow: none;
}
.categories button,
.categories a,
.listing-panel .categories a,
.sort-field select,
.sort-field span {
  font-family: Inter, 'Segoe UI', Arial, sans-serif;
  font-size: 12px;
  font-weight: 650;
  letter-spacing: .015em;
}
.product-badge,
.product-topline,
.product-ref,
.product-price small,
.featured-rail-body > span,
.product-category,
.purchase-label {
  font-family: Inter, 'Segoe UI', Arial, sans-serif;
  font-size: 11px;
  font-weight: 700;
  font-style: normal;
  letter-spacing: .045em;
  line-height: 1.45;
  text-shadow: none;
}
.product-topline { color: #8addff; }
.product-ref { color: #b7c7d9; }
.product-price small,
.purchase-label { color: #b6cada; }
.product-content h3,
.product-heading-link h3 {
  font-family: Inter, 'Segoe UI', Arial, sans-serif;
  font-size: clamp(19px, 1.55vw, 23px);
  font-style: normal;
  font-weight: 800;
  letter-spacing: -.02em;
  line-height: 1.24;
  text-transform: uppercase;
  min-height: 2.48em;
  margin: 12px 0 10px;
  text-shadow: none;
}
.product-content p {
  font-family: Inter, 'Segoe UI', Arial, sans-serif;
  font-size: 13px;
  line-height: 1.62;
  color: #c3d2df;
  min-height: 42px;
  max-height: 44px;
}
.product-price strong,
.featured-rail-meta strong,
.purchase-amount,
.cart-total strong,
.cart-item-price {
  font-family: Inter, 'Segoe UI', Arial, sans-serif;
  font-style: normal;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  letter-spacing: -.035em;
  line-height: 1.22;
  text-shadow: none;
}
.product-price strong { font-size: clamp(23px, 2vw, 28px); color: #f3faff; }
.product-card-actions a,
.product-card-actions button { font-size: 11px; letter-spacing: 0; padding-inline: 7px; }
.featured-rail-body > span { color: #8ddaff; }
.featured-rail-body h3 {
  font-family: Inter, 'Segoe UI', Arial, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 800;
  line-height: 1.26;
  letter-spacing: -.025em;
  min-height: 2.52em;
  margin: 11px 0 13px;
  text-transform: uppercase;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.featured-rail-meta strong { font-size: 21px; color: #f3faff; }
.featured-rail-meta a { font-size: 11px; white-space: nowrap; color: #64d5ff; }
.purchase-panel h1 {
  font-family: Inter, 'Segoe UI', Arial, sans-serif;
  font-size: clamp(34px, 3.8vw, 56px);
  font-style: normal;
  font-weight: 800;
  letter-spacing: -.045em;
  line-height: 1.12;
  text-transform: uppercase;
  overflow-wrap: anywhere;
}
.purchase-amount { font-size: clamp(34px, 3.5vw, 52px); color: #f3faff; }
.cart-item-price { font-size: 14px; font-weight: 700; }
.cart-total strong { font-size: 22px; }
@media (max-width: 860px) {
  .nav-wrap .brand-wording strong { font-size: 19px; }
  .nav-wrap .brand-wording small { font-size: 8px; letter-spacing: .025em; }
}
@media (max-width: 580px) {
  .product-content h3,
  .product-heading-link h3 { font-size: 21px; }
  .purchase-panel h1 { font-size: clamp(32px, 8vw, 46px); }
  .featured-rail-body h3 { font-size: 19px; }
}

/* FiveMNext v0.3.7 — subtle full-site atmosphere below the hero. */
/* No viewport-width hacks: preserve the v0.3.5 horizontal-overflow fix. */
#main {
  background-image:
    linear-gradient(180deg, rgba(3, 7, 13, .05), rgba(3, 7, 13, .12)),
    url('/assets/site-atmosphere.svg');
  background-position: center top, center 640px;
  background-size: auto, 1920px auto;
  background-repeat: no-repeat, repeat-y;
}
/* Existing section fills would otherwise cover the shared background texture. */
#main .solutions-section {
  background: radial-gradient(ellipse at 78% 10%, rgba(17, 73, 111, .25), rgba(5, 11, 19, .76) 66%);
}
#main .showcase-section {
  background: linear-gradient(180deg, rgba(2, 7, 14, .18), rgba(2, 7, 14, .25));
}
#main .support-section {
  background: linear-gradient(118deg, rgba(8, 30, 51, .8), rgba(6, 15, 27, .85));
}
/* The caption was removed from the markup because it clipped under the hero. */

/* v0.3.8 — Footer wordmark: unclipped outline and slow cyan light sweep. */
.footer-bottom {
  padding-bottom: 22px;
}
.footer-watermark {
  /* Keep the lettering in the document flow: negative bottom offsets clipped it. */
  position: relative;
  inset: auto;
  display: block;
  width: 100%;
  margin: 18px auto 0;
  padding: 12px 18px 19px;
  box-sizing: border-box;
  overflow: visible;
  text-align: center;
  white-space: nowrap;
  font-family: 'Barlow Condensed', Impact, 'Arial Narrow', sans-serif;
  font-weight: 800;
  font-style: italic;
  font-size: clamp(29px, 10.3vw, 183px);
  line-height: 1.15;
  letter-spacing: -.055em;
  color: transparent;
  -webkit-text-stroke: 1.6px rgba(140, 192, 215, .20);
  opacity: 1;
  pointer-events: none;
  user-select: none;
  isolation: isolate;
}
.footer-watermark::first-letter {
  color: transparent;
  -webkit-text-stroke: 1.6px rgba(140, 192, 215, .20);
  text-shadow: none;
}
.footer-watermark::after {
  content: attr(data-text);
  position: absolute;
  inset: 12px 18px 19px;
  white-space: nowrap;
  text-align: center;
  color: transparent;
  -webkit-text-stroke: 2px rgba(57, 217, 255, .98);
  text-shadow: 0 0 12px rgba(33, 197, 255, .25);
  filter: drop-shadow(0 0 12px rgba(17, 171, 255, .8));
  -webkit-mask-image: linear-gradient(90deg, transparent 44%, rgba(0,0,0,.5) 47%, #000 50%, rgba(0,0,0,.5) 53%, transparent 56%);
  mask-image: linear-gradient(90deg, transparent 44%, rgba(0,0,0,.5) 47%, #000 50%, rgba(0,0,0,.5) 53%, transparent 56%);
  -webkit-mask-size: 300% 100%;
  mask-size: 300% 100%;
  -webkit-mask-position: 76% 0;
  mask-position: 76% 0;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  animation: fmn-footer-light-sweep 14s linear infinite;
}
@keyframes fmn-footer-light-sweep {
  0%, 6% { -webkit-mask-position: 76% 0; mask-position: 76% 0; }
  86%, 100% { -webkit-mask-position: 24% 0; mask-position: 24% 0; }
}
@media (prefers-reduced-motion: reduce) {
  .footer-watermark::after {
    animation: none;
    -webkit-mask-position: 50% 0;
    mask-position: 50% 0;
  }
}

/* v0.3.9: headline fit and balanced display typography. */
.hero.hero-banner .hero-copy {
  max-width: none;
  min-width: 0;
}
.hero.hero-banner h1 {
  font-size: clamp(56px, 5.1vw, 92px);
  letter-spacing: -.012em;
}
.products-section .section-heading h2,
.showcase-section .section-heading h2,
.solutions-section .section-heading h2,
.statement-row h2 {
  letter-spacing: .008em;
  line-height: 1.08;
}
.footer-watermark {
  letter-spacing: -.04em;
}
@media (min-width: 761px) and (max-width: 1100px) {
  .hero.hero-banner h1 { font-size: clamp(58px, 6vw, 66px); }
}
@media (max-width: 760px) {
  .hero.hero-banner h1 {
    font-size: clamp(42px, 12.7vw, 67px);
  }
}

/* v0.4.0 — Fit the hero headline to its actual content column, not the viewport. */
.hero.hero-banner .hero-copy {
  container-type: inline-size;
}
.hero.hero-banner .hero-copy h1 {
  font-size: clamp(42px, 12cqw, 82px);
  line-height: 1.02;
  letter-spacing: -.012em;
  max-width: 100%;
}
/* Footer: actual positive tracking with size balanced to preserve all letters. */
.footer-watermark {
  font-size: clamp(27px, 9vw, 172px);
  letter-spacing: .012em;
}
/* Dark glossy editorial background, with white lettering from the local SVG. */
#main {
  background-color: #030405;
  background-image: url('/assets/site-atmosphere.svg');
  background-size: 1920px auto;
  background-position: center 640px;
  background-repeat: repeat-y;
}
#main .showcase-section {
  background: linear-gradient(180deg, rgba(0,0,0,.38), rgba(0,0,0,.25));
}
#main .solutions-section {
  background: linear-gradient(125deg, rgba(0,0,0,.30), rgba(0,0,0,.52));
}
#main .support-section {
  background: linear-gradient(115deg, rgba(0,0,0,.55), rgba(0,0,0,.68));
}

/* v0.4.2 — Prevent clipping of the italic final S without altering typography. */
.hero.hero-banner h1 .hero-gradient {
  display: inline-block;
  padding-right: .16em;
  margin-right: -.16em;
  white-space: nowrap;
}

/* Header-only enhancement. Base v0.4.2 styling remains unchanged elsewhere. */
.site-header {
  background: radial-gradient(circle at 78% 6%, rgba(29, 130, 155, .13), transparent 27%),
              linear-gradient(180deg, rgba(5, 9, 12, .97), rgba(4, 9, 13, .95));
  border-bottom: 1px solid rgba(82, 135, 158, .28);
  box-shadow: 0 9px 28px rgba(0, 0, 0, .18);
}
.site-header .nav-wrap.container {
  width: min(calc(100% - 48px), 1680px);
  height: 66px;
  gap: 24px;
}
.site-header .brand {
  min-width: 0;
  gap: 11px;
}
.site-header .brand-logo {
  width: 48px;
  height: 48px;
  filter: drop-shadow(0 0 12px rgba(42, 200, 255, .16));
}
.site-header .brand-wording strong {
  font-size: 23px;
  color: #f3f7fc;
}
.site-header .brand-wording small {
  font-size: 8px;
  letter-spacing: .08em;
  color: #b5cddd;
}
.site-header .main-nav {
  gap: 25px;
  margin-left: auto;
  margin-right: auto;
}
.site-header .main-nav a {
  position: relative;
  font-family: Inter, 'Segoe UI', Arial, sans-serif;
  font-size: 12px;
  font-weight: 750;
  letter-spacing: .035em;
  line-height: 1.5;
  color: #cfdae5;
}
.site-header .main-nav a:hover,
.site-header .main-nav a.active { color: #fff; }
.site-header .main-nav a.active::after {
  width: 100%;
  height: 2px;
  background: #22c7ed;
  box-shadow: 0 0 10px rgba(34, 199, 237, .35);
  margin-top: 8px;
}
.site-header .nav-actions {
  margin-left: 0;
  gap: 10px;
  flex-shrink: 0;
}
.site-header .social-actions[hidden] { display: none !important; }
.site-header .social-actions { display: flex; align-items: center; gap: 7px; }
.site-header .social-action,
.site-header .search-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  color: #d9e9f5;
  border: 1px solid rgba(104, 145, 173, .28);
  background: rgba(12, 19, 25, .9);
  transition: color .18s ease, border-color .18s ease;
}
.site-header .search-action:hover,
.site-header .social-action:hover {
  color: #fff;
  border-color: #22c7ed;
}
.site-header .search-action svg,
.site-header .social-action svg {
  width: 17px;
  height: 17px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.site-header .account-action--quasar {
  min-height: 38px;
  padding: 0 18px;
  color: #c6f2ff;
  font-family: Inter, 'Segoe UI', Arial, sans-serif;
  font-size: 11px;
  font-weight: 750;
  letter-spacing: .075em;
  line-height: 1.5;
  border-color: rgba(37, 201, 255, .65);
}
.site-header .cart-action {
  height: 38px;
  min-width: 48px;
  border-color: rgba(70, 115, 147, .45);
  background: #0a151e;
}
.site-header .promo-marquee { height: 34px; }
.site-header .promo-track {
  font-family: Inter, 'Segoe UI', Arial, sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .055em;
}
@media (max-width: 1130px) {
  .site-header .main-nav { gap: 17px; }
  .site-header .brand-logo { width: 42px; height: 42px; }
  .site-header .brand-wording strong { font-size: 20px; }
}
@media (max-width: 860px) {
  .site-header .nav-wrap.container { width: min(calc(100% - 32px), 1680px); height: 68px; gap: 9px; }
  .site-header .main-nav { margin: 0; gap: 16px; top: 68px; }
  .site-header .nav-actions { margin-left: auto; gap: 8px; }
  .site-header .mobile-toggle { flex: 0 0 36px; }
  .site-header .brand-wording strong { font-size: 19px; }
}
@media (max-width: 540px) {
  .site-header .search-action { display: none; }
}

/* ===== FiveMNext v0.4.5 header premium polish (safe merge on top of v0.4.4) ===== */
.site-header {
  background:
    radial-gradient(circle at 78% 10%, rgba(55, 221, 255, .16), transparent 21%),
    linear-gradient(180deg, rgba(5, 10, 14, .97), rgba(4, 9, 14, .95));
  border-bottom: 1px solid rgba(58, 108, 140, .26);
  box-shadow: 0 10px 26px rgba(0, 0, 0, .22);
}
.site-header .nav-wrap.container {
  width: min(calc(100% - 48px), 1720px);
  height: 66px;
  gap: 26px;
}
.site-header .brand {
  gap: 14px;
  min-width: max-content;
}
.site-header .brand-logo {
  width: 56px;
  height: 56px;
  filter: drop-shadow(0 0 14px rgba(42, 200, 255, .18));
}
.site-header .brand-wording strong {
  font-size: 24px;
  letter-spacing: -.015em;
  color: #f2f6fb;
}
.site-header .brand-wording small {
  margin-top: 5px;
  color: #d2dde8;
  font-size: 7px;
  letter-spacing: .34em;
  opacity: .92;
}
.site-header .main-nav {
  gap: 26px;
  margin-left: 18px;
  margin-right: auto;
}
.site-header .main-nav a {
  position: relative;
  font-family: Inter, 'Segoe UI', Arial, sans-serif;
  font-size: 12.5px;
  font-weight: 800;
  letter-spacing: .11em;
  line-height: 1.4;
  color: rgba(231, 238, 247, .86);
}
.site-header .main-nav a:hover,
.site-header .main-nav a.active { color: #fff; }
.site-header .main-nav a.active::after {
  width: 32px;
  height: 2px;
  border-radius: 999px;
  left: 0;
  transform: none;
  margin-top: 11px;
  background: linear-gradient(90deg, #24b8ff, #6ce9ff);
  box-shadow: 0 0 12px rgba(31, 193, 255, .45);
}
.site-header .nav-actions {
  margin-left: auto;
  gap: 10px;
  align-items: center;
}
.site-header .social-actions {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.site-header .social-action,
.site-header .search-action {
  width: 38px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(10, 14, 19, .82);
  border: 1px solid rgba(115, 131, 149, .26);
  color: rgba(241, 247, 255, .92);
  transition: border-color .18s ease, color .18s ease, transform .18s ease, background .18s ease;
}
.site-header .social-action:hover,
.site-header .search-action:hover {
  border-color: rgba(64, 214, 255, .5);
  color: #fff;
  background: rgba(10, 18, 26, .95);
  transform: translateY(-1px);
}
.site-header .social-action svg,
.site-header .search-action svg {
  width: 16px;
  height: 16px;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.site-header .social-action svg .filled { fill: currentColor; stroke: none; }
.site-header .account-action--quasar {
  min-height: 38px;
  padding: 0 22px;
  font-family: Inter, 'Segoe UI', Arial, sans-serif;
  font-size: 11.5px;
  font-weight: 800;
  letter-spacing: .19em;
  border-color: rgba(37, 201, 255, .72);
  color: #c8f6ff;
  box-shadow: inset 0 0 0 1px rgba(6, 18, 26, .6), 0 0 0 1px rgba(32, 213, 255, .04);
}
.site-header .account-action--quasar:hover {
  background: rgba(10, 28, 38, .78);
}
.site-header .account-action--quasar .account-indicator {
  width: 6px;
  height: 6px;
  background: #778494;
}
.site-header .cart-action {
  height: 38px;
  min-width: 46px;
  padding: 0 12px;
  background: rgba(10, 17, 24, .95);
  border-color: rgba(77, 121, 160, .4);
}
.site-header .cart-action svg {
  width: 16px;
  height: 16px;
}
.site-header .promo-marquee {
  height: 34px;
  background: linear-gradient(90deg, #0b2f38, #113943 50%, #0b2f38);
}
.site-header .promo-track {
  font-family: Inter, 'Segoe UI', Arial, sans-serif;
  font-size: 11.5px;
  font-weight: 800;
  letter-spacing: .22em;
  color: rgba(241, 249, 255, .96);
}
@media (max-width: 1180px) {
  .site-header .social-actions { display: none; }
  .site-header .main-nav { gap: 20px; margin-left: 8px; }
  .site-header .brand-logo { width: 50px; height: 50px; }
}
@media (max-width: 980px) {
  .site-header .search-action { display: none; }
  .site-header .brand small { display: none; }
  .site-header .account-action--quasar { padding: 0 16px; font-size: 11px; letter-spacing: .14em; }
}
@media (max-width: 860px) {
  .site-header .nav-wrap.container { width: min(calc(100% - 32px), 1720px); height: 68px; gap: 9px; }
  .site-header .main-nav { margin: 0; gap: 16px; top: 68px; }
  .site-header .nav-actions { margin-left: auto; gap: 8px; }
  .site-header .brand-wording strong { font-size: 19px; }
}
@media (max-width: 760px) {
  .site-header .brand-logo { width: 44px; height: 44px; }
  .site-header .brand-wording strong { font-size: 21px; }
  .site-header .account-action--quasar { min-height: 36px; padding: 0 12px; }
  .site-header .cart-action { min-width: 44px; height: 36px; }
}


/* Logo FiveMNext MN: integration only; preserve all approved site styles. */
.site-header .brand--mn-wordmark,
.site-footer .brand--mn-wordmark {
  gap: 0;
}
.site-header .brand--mn-wordmark .brand-logo--mn-wordmark {
  display: block;
  width: 200px;
  height: auto;
  max-width: 100%;
  object-fit: contain;
  filter: none;
}
.site-footer .brand--mn-wordmark .brand-logo--mn-wordmark {
  display: block;
  width: 288px;
  height: auto;
  max-width: 100%;
  object-fit: contain;
  filter: none;
}
@media (max-width: 1180px) {
  .site-header .brand--mn-wordmark .brand-logo--mn-wordmark { width: 180px; height: auto; }
}
@media (max-width: 860px) {
  .site-header .brand--mn-wordmark .brand-logo--mn-wordmark { width: 165px; height: auto; }
}
@media (max-width: 520px) {
  .site-header .brand--mn-wordmark .brand-logo--mn-wordmark { width: 145px; height: auto; }
  .site-footer .brand--mn-wordmark .brand-logo--mn-wordmark { width: 250px; height: auto; }
}

/* ===== FiveMNext v0.5.0 safe statement MN swap ===== */
.statement-icon--mn {
  width: 118px;
  height: 92px;
  min-width: 118px;
  padding: 8px;
  background: #08111a;
  border: 1px solid rgba(51,134,199,.25);
  display: grid;
  place-items: center;
}
.statement-icon--mn img {
  width: 100%;
  max-width: 92px;
  object-fit: contain;
}
@media (max-width: 900px) {
  .statement-icon--mn {
    width: 108px;
    height: 84px;
    min-width: 108px;
    padding: 7px;
  }
  .statement-icon--mn img { max-width: 84px; }
}
@media (max-width: 640px) {
  .statement-icon--mn {
    width: 96px;
    height: 76px;
    min-width: 96px;
    padding: 6px;
  }
  .statement-icon--mn img { max-width: 74px; }
}

/* ===== FiveMNext v0.5.1 footer payment cleanup ===== */
.footer-socials { display:none !important; }
.footer-brand-column .payment-stack { margin-top: 8px; }
.payment-label {
  color:#e6f5ff;
  font-size:13px;
  letter-spacing:.18em;
}
.payment-methods {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:18px 24px;
}
.payment-methods img {
  display:block;
  width:auto;
  height:24px;
  max-width:none;
  padding:0;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  object-fit:contain;
}
.payment-methods img[alt="Visa"] { height:22px; }
.payment-methods img[alt="Mastercard"] { height:24px; }
.payment-methods img[alt="Klarna"] { height:24px; }
.payment-methods img[alt="PayPal"] { height:24px; }
.payment-methods img[alt="Google Pay"] { height:24px; }
.payment-methods img[alt="Apple Pay"] { height:22px; }
.payment-methods img[alt="Scalapay"] { height:24px; }
@media (max-width: 680px) {
  .payment-methods {
    gap:14px 18px;
  }
  .payment-methods img {
    height:21px;
  }
  .payment-methods img[alt="Klarna"] { height:22px; }
}

/* ===== FiveMNext v0.5.6 payment scale + section kicker removal + background glow ===== */
/* remove the editorial labels like [ 02 / EXPLORE MORE ], [ 03 / THE ECOSYSTEM ], etc. */
.section-kicker {
  display: none !important;
}

/* keep payment area cleaner and larger */
.footer-brand-column .payment-stack {
  margin-top: 10px;
}
.payment-label {
  display: block;
  margin-bottom: 12px;
  color: #eef8ff;
}
.payment-methods {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px 26px;
}
.payment-methods img {
  display: block;
  width: auto;
  height: 28px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  object-fit: contain;
}
.payment-methods img[alt="Visa"] { height: 25px !important; max-width: 98px; }
.payment-methods img[alt="Mastercard"] { height: 30px !important; max-width: 110px; }
.payment-methods img[alt="Klarna"] { height: 22px !important; max-width: 110px; }
.payment-methods img[alt="PayPal"] { height: 28px !important; max-width: 112px; }
.payment-methods img[alt="Google Pay"] { height: 28px !important; max-width: 124px; }
.payment-methods img[alt="Apple Pay"] { height: 26px !important; max-width: 118px; }
.payment-methods img[alt="Scalapay"] { height: 26px !important; max-width: 118px; }

@media (max-width: 680px) {
  .payment-methods {
    gap: 12px 18px;
  }
  .payment-methods img {
    height: 23px !important;
  }
  .payment-methods img[alt="Mastercard"] { height: 25px !important; }
  .payment-methods img[alt="Google Pay"] { height: 24px !important; }
}


/* FiveMNext v0.5.9 — customer comments / testimonials marquee */
.community-proof-section {
  position: relative;
  padding: 48px 0 110px;
  overflow: hidden;
}
.community-proof-section::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 82% 18%, rgba(25, 190, 240, .08), transparent 24%),
    radial-gradient(circle at 16% 72%, rgba(14, 123, 212, .08), transparent 20%);
}
.section-heading--reviews {
  position: relative;
  z-index: 1;
  margin-bottom: 30px;
}
.section-heading--reviews h2 {
  text-transform: uppercase;
  font-family: var(--premium-display);
  font-style: italic;
  font-weight: 900;
  line-height: .92;
  letter-spacing: -.02em;
  margin: 12px 0 0;
}
.reviews-marquee {
  overflow: hidden;
  position: relative;
  mask-image: linear-gradient(90deg, transparent 0, black 5%, black 95%, transparent 100%);
  -webkit-mask-image: linear-gradient(90deg, transparent 0, black 5%, black 95%, transparent 100%);
}
.reviews-marquee::before,
.reviews-marquee::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 80px;
  z-index: 2;
  pointer-events: none;
}
.reviews-marquee::before {
  left: 0;
  background: linear-gradient(90deg, rgba(6,10,16,1), rgba(6,10,16,0));
}
.reviews-marquee::after {
  right: 0;
  background: linear-gradient(270deg, rgba(6,10,16,1), rgba(6,10,16,0));
}
.reviews-track {
  display: flex;
  gap: 24px;
  width: max-content;
  padding: 10px 38px 8px;
  animation: reviews-marquee 58s linear infinite;
  will-change: transform;
}
.review-card {
  width: min(460px, calc(100vw - 72px));
  min-height: 255px;
  padding: 28px 30px 26px;
  background:
    linear-gradient(180deg, rgba(14,23,35,.93), rgba(8,13,20,.97)),
    repeating-linear-gradient(-24deg, transparent 0 54px, rgba(32,170,225,.03) 55px, transparent 56px);
  border: 1px solid rgba(68, 103, 131, .62);
  border-radius: 0;
  box-shadow: inset 0 1px 0 rgba(140, 208, 255, .05);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
}
.review-card::after {
  content: "“";
  position: absolute;
  top: 16px;
  right: 22px;
  font-family: Georgia, serif;
  font-size: 74px;
  line-height: 1;
  color: rgba(33, 193, 240, .09);
}
.review-stars {
  color: #27c8ef;
  font-size: 15px;
  letter-spacing: .24em;
  font-family: var(--premium-mono);
  margin-bottom: 18px;
}
.review-card p {
  margin: 0;
  color: #eef5fb;
  font-size: 23px;
  line-height: 1.38;
  font-family: var(--premium-display);
  font-style: italic;
  font-weight: 800;
  letter-spacing: -.018em;
  text-wrap: balance;
  max-width: 100%;
}
.review-meta {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: 22px;
}
.review-avatar {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  flex-shrink: 0;
  border: 1px solid rgba(45, 193, 239, .7);
  background: linear-gradient(135deg, #1cc6ec, #1288df);
  color: #041019;
  font-family: var(--premium-mono);
  font-size: 14px;
  font-weight: 700;
}
.review-meta strong {
  display: block;
  font-size: 16px;
  color: #f4f9fd;
  line-height: 1.2;
}
.review-meta span:last-child {
  display: block;
  font-size: 12px;
  color: #91a6bb;
  margin-top: 3px;
}
@keyframes reviews-marquee {
  from { transform: translateX(0); }
  to { transform: translateX(calc(-50% - 12px)); }
}
@media (hover: hover) {
  .reviews-track:hover { animation-play-state: paused; }
}
@media (max-width: 900px) {
  .community-proof-section { padding: 28px 0 80px; }
  .review-card { min-height: 225px; padding: 24px 24px 22px; }
  .review-card p { font-size: 19px; }
}
@media (max-width: 640px) {
  .reviews-track { gap: 18px; padding-inline: 18px; animation-duration: 54s; }
  .review-card { width: min(340px, calc(100vw - 44px)); min-height: 210px; }
  .review-stars { font-size: 12px; }
  .review-card p { font-size: 16px; line-height: 1.45; }
  .review-meta strong { font-size: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  .reviews-track { animation: none; width: auto; overflow-x: auto; padding-bottom: 8px; }
}


/* ===== FiveMNext v0.6.0 promo bar black gloss + blue borders ===== */
.site-header .promo-marquee {
  position: relative;
  height: 34px;
  background:
    linear-gradient(180deg,
      rgba(255,255,255,.06) 0%,
      rgba(255,255,255,.018) 12%,
      rgba(6,10,15,.98) 13%,
      rgba(3,6,10,.99) 55%,
      rgba(5,8,13,.98) 100%);
  border-top: 1px solid rgba(42, 196, 255, .42);
  border-bottom: 1px solid rgba(42, 196, 255, .34);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    inset 0 -1px 0 rgba(18,132,190,.18),
    0 6px 18px rgba(0,0,0,.18);
}
.site-header .promo-marquee::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(34, 167, 225, .08), transparent 12%, transparent 88%, rgba(34, 167, 225, .08)),
    linear-gradient(180deg, rgba(255,255,255,.04), transparent 32%);
}
.site-header .promo-track {
  position: relative;
  z-index: 1;
  color: rgba(245, 250, 255, .95);
  text-shadow: 0 0 10px rgba(24, 157, 214, .08);
}
.site-header .promo-track span {
  position: relative;
}


/* v0.6.1 — footer payment logos only; approved visual layout unchanged elsewhere. */
.site-footer .payment-methods {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 16px 22px;
}
.site-footer .payment-methods img {
  display: block;
  width: auto !important;
  height: 32px !important;
  max-width: none !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  object-fit: contain;
  flex: 0 0 auto;
}
.site-footer .payment-methods img[alt="Mastercard"],
.site-footer .payment-methods img[alt="PayPal"],
.site-footer .payment-methods img[alt="Google Pay"],
.site-footer .payment-methods img[alt="Apple Pay"] {
  height: 34px !important;
}
.site-footer .payment-methods img[alt="Scalapay"] { height: 28px !important; }
@media (max-width: 680px) {
  .site-footer .payment-methods { gap: 13px 18px; }
  .site-footer .payment-methods img { height: 28px !important; }
  .site-footer .payment-methods img[alt="Mastercard"],
  .site-footer .payment-methods img[alt="PayPal"],
  .site-footer .payment-methods img[alt="Google Pay"],
  .site-footer .payment-methods img[alt="Apple Pay"] { height: 30px !important; }
  .site-footer .payment-methods img[alt="Scalapay"] { height: 25px !important; }
}


/* ===== FiveMNext v0.6.3 catalog branding, support CTA, unique product marquee ===== */
/* Catalog: the approved MN symbol, without the old orbit decoration. */
.listing-intro .listing-ornament { opacity: 1; }
.listing-intro .listing-ornament img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* Support: retain the left copy and use one right-aligned CTA, no box. */
.support-section .support-wrap {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
}
.support-section .support-action-area {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  min-width: 210px;
}
.support-section .support-action {
  min-width: 205px;
  min-height: 52px;
  padding: 0 25px;
  margin: 0;
  font-family: Inter, 'Segoe UI', Arial, sans-serif;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .07em;
  text-transform: uppercase;
  opacity: 1;
  cursor: default;
  transform: none;
}
.support-section .support-action:disabled {
  opacity: 1;
  cursor: default;
  color: #041018;
}
.support-section .support-action:disabled:hover { transform: none; background: #24c2e8; }

.showcase-rail.is-empty { width: 100%; animation: none; }
/* Only one DOM card per product; javascript wraps each original card. */
.showcase-rail.is-looping {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  animation: none;
}
.showcase-rail.is-looping > .featured-rail-card {
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
  will-change: transform;
}
.showcase-rail.is-static {
  width: 100%;
  padding: 0 24px 10px;
  animation: none;
  overflow-x: auto;
}
@media (max-width: 860px) {
  .support-section .support-wrap { grid-template-columns: 1fr; gap: 26px; }
  .support-section .support-action-area { justify-content: flex-start; min-width: 0; }
  .showcase-rail .featured-rail-card { width: min(320px, calc(100vw - 55px)); flex-basis: min(320px, calc(100vw - 55px)); }
}
@media (prefers-reduced-motion: reduce) {
  .showcase-rail.is-static { display: flex; }
}


/* ===== FiveMNext v0.6.6 header icons bigger + FiveM sign-in icon bigger ===== */
.site-header .social-action svg,
.site-header .search-action svg {
  width: 23px !important;
  height: 23px !important;
}
.site-header .social-action[aria-label="YouTube"] svg {
  width: 24px !important;
  height: 24px !important;
}
.site-header .social-action[aria-label="Discord"] svg,
.site-header .social-action[aria-label="TikTok"] svg,
.site-header .social-action[aria-label="Instagram"] svg {
  width: 22px !important;
  height: 22px !important;
}

.site-header .account-action--quasar .account-indicator,
.account-action--quasar .account-indicator {
  width: 13px !important;
  height: 17px !important;
  display: inline-block;
  flex: 0 0 13px;
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  position: relative;
}
.site-header .account-action--quasar .account-indicator::before,
.account-action--quasar .account-indicator::before {
  content: "";
  position: absolute;
  inset: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23c8f6ff' d='M12 2 2.8 22h3.9L12 10.8 17.3 22h3.9L12 2Z'/%3E%3Cpath fill='%230b1016' opacity='.45' d='M12 2v8.8L6.7 22H2.8L12 2Z'/%3E%3C/svg%3E");
  filter: drop-shadow(0 0 1px rgba(255,255,255,.35));
}
.site-header .account-action--quasar .account-indicator.connected::before,
.account-action--quasar .account-indicator.connected::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2340dcff' d='M12 2 2.8 22h3.9L12 10.8 17.3 22h3.9L12 2Z'/%3E%3Cpath fill='%23001219' opacity='.38' d='M12 2v8.8L6.7 22H2.8L12 2Z'/%3E%3C/svg%3E");
  filter: drop-shadow(0 0 4px rgba(64,220,255,.65));
}


/* ===== FiveMNext v0.6.7 | compact resource carousel and detail cleanup ===== */
.showcase-rail-wrap { overflow: hidden; padding-top: 10px; }
.showcase-rail .featured-rail-card {
  width: 320px;
  flex: 0 0 320px;
  background: #0a0f14;
  border: 1px solid rgba(83, 111, 133, .36);
  display: flex;
  flex-direction: column;
  height: 374px;
  clip-path: polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%);
}
.showcase-rail .featured-rail-image {
  position: relative;
  flex: none;
  height: 196px;
  overflow: hidden;
  background: #090f15;
}
.showcase-rail .featured-rail-image::after {
  content: '';
  position: absolute;
  inset: 55% 0 0;
  background: linear-gradient(transparent, rgba(0,0,0,.65));
  pointer-events: none;
}
.showcase-rail .featured-rail-image > img { width: 100%; height: 100%; display: block; object-fit: cover; }
.showcase-rail .featured-rail-tags {
  position: absolute;
  z-index: 2;
  bottom: 10px;
  left: 12px;
  right: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.showcase-rail .featured-rail-tags span {
  background: rgba(6, 10, 14, .88);
  border: 1px solid rgba(255,255,255,.17);
  color: #f2f9fd;
  padding: 3px 6px;
  font: 800 10px/1.2 Inter,'Segoe UI',Arial,sans-serif;
  letter-spacing: .03em;
}
.showcase-rail .featured-rail-body {
  flex: 1;
  min-height: 0;
  padding: 13px 15px 14px;
  display: flex;
  flex-direction: column;
  gap: 0;
}
.showcase-rail .featured-rail-title { color: #f6f9fc; }
.showcase-rail .featured-rail-title:hover { color: #48d5fa; }
.showcase-rail .featured-rail-body h3 {
  min-height: 0;
  margin: 0 0 5px;
  font: italic 900 19px/1.1 'Barlow Condensed',Impact,sans-serif;
  letter-spacing: .005em;
  text-transform: uppercase;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.showcase-rail .featured-rail-description {
  margin: 0 0 5px;
  min-height: 29px;
  max-height: 29px;
  color: #bac9d5;
  font: 400 11px/1.33 Inter,'Segoe UI',Arial,sans-serif;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.showcase-rail .featured-rail-meta {
  margin-top: auto;
  margin-bottom: 8px;
  justify-content: flex-end;
  min-height: 21px;
}
.showcase-rail .featured-rail-meta strong {
  color: #18c7ed;
  font: 800 17px/1.2 Inter,'Segoe UI',Arial,sans-serif;
  letter-spacing: -.025em;
  font-variant-numeric: tabular-nums;
}
.showcase-rail .featured-rail-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
.showcase-rail .featured-rail-actions button {
  border-radius: 0;
  min-width: 0;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 0 7px;
  font: 800 10px/1 Inter,'Segoe UI',Arial,sans-serif;
  letter-spacing: .025em;
  cursor: pointer;
  clip-path: polygon(0 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%);
}
.showcase-rail .featured-rail-add { background:#0b1118; border: 1px solid rgba(126, 148, 163, .45); color: #e7f0f6; }
.showcase-rail .featured-rail-add:hover { background:#172734; border-color:#50bfe9; }
.showcase-rail .featured-rail-buy { background:#20bee5; border: 1px solid #28cbed; color: #031018; }
.showcase-rail .featured-rail-buy:hover { background:#63e0ff; }
.showcase-rail .featured-rail-add svg {
  flex: none;
  width: 15px;
  height: 15px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.featured-progress {
  width: max-content;
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 11px 12px;
  margin: 24px auto 0;
  background: rgba(6, 11, 15, .9);
  border: 1px solid rgba(95, 111, 127, .25);
}
.featured-progress[hidden] { display: none; }
.featured-progress-track {
  position: relative;
  width: 270px;
  height: 9px;
  background: repeating-linear-gradient(90deg, rgba(154,169,180,.40) 0 8px, transparent 8px 13px);
}
.featured-progress-thumb {
  position: absolute;
  left: 0;
  top: 0;
  height: 9px;
  width: 27px;
  background: #20c8ee;
  box-shadow: 0 0 12px rgba(17,203,238,.72);
  will-change: transform;
}
.featured-progress-play { font: 15px/1 Inter,Arial,sans-serif; color: #b2bec9; }
/* The metadata sidebar was removed from the markup: expand genuine Tebex editorial content. */
.detail-page .product-body-layout { grid-template-columns: minmax(0, 1fr); }
@media (max-width: 860px) {
  .showcase-rail .featured-rail-card { width: min(320px, calc(100vw - 55px)); flex-basis: min(320px, calc(100vw - 55px)); }
  .featured-progress-track { width: min(270px, calc(100vw - 106px)); }
}
@media (prefers-reduced-motion: reduce) {
  .showcase-rail.is-static { display: flex; }
}


/* ===== FiveMNext v0.6.8: synchronized, right-to-left progress + pause control ===== */
.featured-progress-thumb {
  left: auto;
  right: 0;
}
.featured-progress-play {
  width: 24px;
  height: 26px;
  border: 0;
  background: transparent;
  color: #d8eaf5;
  padding: 0;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font: 700 19px/1 Inter, Arial, sans-serif;
  transition: color .2s;
}
.featured-progress-play:hover,
.featured-progress-play:focus-visible { color: #28d0ff; }
.featured-progress-play[aria-pressed="true"] { color: #35d5f5; }


/* v0.6.9 — Only the carousel transport control icons. */
.featured-progress-play svg {
  display: block;
  width: 18px;
  height: 18px;
  fill: currentColor;
}
.featured-progress-play svg[hidden] { display: none; }


/* ===== FiveMNext v0.7.1 | full-bleed product media and unified card typography ===== */
/* Scrolling showcase: keep the approved 320px footprint, but devote more space to actual imagery. */
.showcase-rail .featured-rail-card {
  height: 380px;
}
.showcase-rail .featured-rail-image {
  height: 214px;
  display: block;
  overflow: hidden;
  background: #071017;
}
.showcase-rail .featured-rail-image > img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center;
  padding: 0;
}
.showcase-rail .featured-rail-image::after {
  inset: 63% 0 0;
  background: linear-gradient(transparent, rgba(0, 0, 0, .7));
}
.showcase-rail .featured-rail-tags {
  left: 10px;
  right: 10px;
  bottom: 10px;
  gap: 4px;
}
.showcase-rail .featured-rail-tags span {
  font-size: 10px;
  padding: 3px 6px;
}
.showcase-rail .featured-rail-body {
  padding: 12px 14px 13px;
}
.showcase-rail .featured-rail-body h3 {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin: 0 0 5px;
  font-family: 'Barlow Condensed', Impact, sans-serif;
  font-style: italic;
  font-size: 21px;
  font-weight: 900;
  line-height: 1.08;
  letter-spacing: -.02em;
  color: #f8fbff;
}
.showcase-rail .featured-rail-description {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  min-height: 19px;
  max-height: 19px;
  margin: 0;
  font: 400 13px/19px Inter, 'Segoe UI', Arial, sans-serif;
  color: #b4c1cc;
}
.showcase-rail .featured-rail-meta {
  margin-top: auto;
  margin-bottom: 10px;
}

/* The same large-photo, bottom-left framework-tag treatment in catalog cards. */
.product-card .product-media {
  position: relative;
  overflow: hidden;
  aspect-ratio: 1.6 / 1;
  height: auto;
  background: #080e14;
}
.product-card .product-media .product-media-ambient { display: none; }
.product-card .product-media .product-media-main {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  padding: 0;
  object-fit: cover;
  object-position: center;
  filter: none;
}
.product-card .product-media::before {
  z-index: 2;
  background: linear-gradient(transparent 57%,rgba(0,0,0,.7));
}
.product-card .product-media-tags {
  position: absolute;
  z-index: 3;
  left: 10px;
  right: 8px;
  bottom: 10px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
  pointer-events: none;
}
.product-card .product-media-tags span {
  padding: 3px 6px;
  color: #f3f9fc;
  background: rgba(6, 10, 14, .88);
  border: 1px solid rgba(255,255,255,.2);
  font: 800 10px/1.2 Inter,'Segoe UI',Arial,sans-serif;
  letter-spacing: .03em;
}
.product-card .product-content { min-height: 224px; padding: 15px 15px 16px; }
.product-card .product-content h3 {
  display: block;
  min-height: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-family: 'Barlow Condensed',Impact,sans-serif;
  font-size: 22px;
  line-height: 1.1;
  font-style: italic;
  font-weight: 900;
  letter-spacing: -.02em;
  margin: 0 0 6px;
  color: #f8fbff;
}
.product-card .product-content p {
  display: block;
  min-height: 20px;
  max-height: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font: 400 13px/20px Inter,'Segoe UI',Arial,sans-serif;
  color: #b4c1cc;
  margin: 0 0 12px;
}
.product-card .product-bottom { display: flex; justify-content: flex-end; padding: 8px 0 12px; }
.product-card .product-price small { display: none; }
.product-card .product-price strong {
  font: 800 18px/1.25 Inter,'Segoe UI',Arial,sans-serif;
  color: #1cc7ee;
}
@media (max-width: 520px) {
  .showcase-rail .featured-rail-image { height: 205px; }
  .showcase-rail .featured-rail-card { height: 375px; }
}


/* ===== FiveMNext v0.7.2 | remove grid overlay from resource images ===== */
/* Preserve only the dark fade that makes framework tags readable. */
.product-media::before,
.product-card .product-media::before {
  background: linear-gradient(to bottom, transparent 57%, rgba(0, 0, 0, .70));
  background-size: auto;
}
/* The single-product media viewer must not paint a grid over its imagery. */
.gallery-stage::before {
  background: linear-gradient(to bottom, rgba(4, 9, 14, .10), transparent 63%, rgba(4, 9, 14, .55));
  background-size: auto;
}


/* ===== FiveMNext v0.7.3 — Android scroll performance (no visual redesign) ===== */
/* Do not allocate GPU compositing layers for rail products outside the viewport. */
.showcase-rail.is-looping > .featured-rail-card.fmn-offscreen-card {
  visibility: hidden;
  will-change: auto;
}
/* Keep the appearance, timing and direction of all marquees while on-screen. */
.promo-marquee.fmn-motion-offscreen .promo-track,
.reviews-marquee.fmn-motion-offscreen .reviews-track,
.footer-watermark.fmn-motion-offscreen::after {
  animation-play-state: paused;
}
.reviews-marquee.fmn-motion-offscreen .reviews-track {
  will-change: auto;
}


/* ===== FiveMNext v0.7.4 — Android rendering path =====
   GPU-intensive scrolling fixes limited to Android, no layout changes.
   The alternative SVG is a still frame of the approved blue/black texture. */
html.fmn-android #main {
  background-image: url('/assets/site-atmosphere-android.svg');
}
/* Avoid recompositing a blurred STICKY layer across the full viewport. */
html.fmn-android .site-header {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background: rgba(3, 7, 10, .97);
}
/* The two fade pseudo-elements already supply the same edge vignettes. */
html.fmn-android .reviews-marquee {
  -webkit-mask-image: none;
  mask-image: none;
}
/* The footer headline/glow stays in place; only mask-position work stops. */
html.fmn-android .footer-watermark::after {
  animation: none !important;
  -webkit-mask-position: 50% 0;
  mask-position: 50% 0;
}
/* Preserve the visual animations when stationary, pause during touch-scroll. */
html.fmn-android.fmn-android-scrolling .promo-track,
html.fmn-android.fmn-android-scrolling .reviews-track {
  animation-play-state: paused !important;
}

/* ===== FiveMNext v0.7.5 — Android catalog heading: prevent mobile clipping ===== */
@media (max-width: 650px) {
  /* Prevent Android's automatic text enlargement from overriding responsive sizing. */
  html.fmn-android {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
  }

  /* The earlier desktop rule (.listing-intro h1 { font-size: 72px })
     overrides the responsive rule; restore mobile sizing only on Android. */
  html.fmn-android .listing-page .listing-intro {
    min-width: 0;
  }
  html.fmn-android .listing-page .listing-intro > div:first-child {
    min-width: 0;
  }
  html.fmn-android .listing-page .listing-intro h1 {
    font-size: clamp(30px, 8.4vw, 40px);
    line-height: 1;
    letter-spacing: -.025em;
    max-width: 100%;
    overflow-wrap: anywhere;
    text-wrap: wrap;
  }
  html.fmn-android .listing-page .listing-intro p {
    font-size: 14px;
    line-height: 1.6;
    max-width: 100%;
  }
}