/* NEXUS V6 polish: public red/black storefront + aligned purchase rows */

/* =========================
   PUBLIC STORE — FULL RED/BLACK
   ========================= */
body:not(.nx-red-dashboard){
  background:
    radial-gradient(circle at 78% 8%,rgba(220,12,35,.12),transparent 24%),
    radial-gradient(circle at 10% 72%,rgba(110,0,16,.13),transparent 26%),
    linear-gradient(180deg,#030304 0%,#070405 48%,#030203 100%) !important;
  color:#fff;
  background-attachment:fixed !important;
}
body:not(.nx-red-dashboard)::before{
  content:"";position:fixed;inset:-18%;z-index:-2;pointer-events:none;
  background:
    radial-gradient(circle at 22% 25%,rgba(239,25,49,.12),transparent 19%),
    radial-gradient(circle at 82% 65%,rgba(122,0,16,.13),transparent 24%),
    repeating-linear-gradient(128deg,transparent 0 68px,rgba(255,45,64,.018) 69px 70px);
  animation:nxPublicDrift 18s ease-in-out infinite alternate;
}
body:not(.nx-red-dashboard)::after{
  content:"";position:fixed;inset:-45% -25%;z-index:-1;pointer-events:none;opacity:.16;
  background:conic-gradient(from 30deg,transparent 0 18%,rgba(239,25,49,.11) 25%,transparent 32% 58%,rgba(133,4,22,.10) 66%,transparent 74%);
  animation:nxPublicOrbit 34s linear infinite;
}
@keyframes nxPublicDrift{from{transform:translate3d(-2%,-1%,0) scale(1)}to{transform:translate3d(3%,2%,0) scale(1.04)}}
@keyframes nxPublicOrbit{to{transform:rotate(360deg)}}

body:not(.nx-red-dashboard) .store-shell{background:transparent!important}
body:not(.nx-red-dashboard) .store-top{
  background:rgba(4,2,3,.91)!important;
  border-bottom:1px solid rgba(239,35,60,.20)!important;
  box-shadow:0 10px 35px rgba(0,0,0,.24)!important;
}
body:not(.nx-red-dashboard) .brand-mark{
  background:linear-gradient(145deg,#ee1d36,#8b0717)!important;
  box-shadow:0 0 25px rgba(239,35,60,.24)!important;
}
body:not(.nx-red-dashboard) .brand small{color:#ff4157!important}
body:not(.nx-red-dashboard) .top-search input,
body:not(.nx-red-dashboard) .mobile-search input{
  background:#090607!important;border-color:rgba(239,35,60,.25)!important;color:#fff!important;
}
body:not(.nx-red-dashboard) .top-search input:focus,
body:not(.nx-red-dashboard) .mobile-search input:focus{
  border-color:#ed2039!important;box-shadow:0 0 0 3px rgba(239,35,60,.10)!important;
}
body:not(.nx-red-dashboard) .top-search i{color:#a58d92!important}
body:not(.nx-red-dashboard) .top-btn{
  background:linear-gradient(180deg,#12090b,#090607)!important;
  border-color:rgba(239,35,60,.22)!important;color:#f7edef!important;
}
body:not(.nx-red-dashboard) .top-btn.primary{
  background:linear-gradient(135deg,#e91d36,#9e081b)!important;border-color:rgba(255,70,91,.42)!important;color:#fff!important;
  box-shadow:0 7px 22px rgba(175,5,27,.23)!important;
}
body:not(.nx-red-dashboard) .side{
  background:linear-gradient(180deg,rgba(9,4,6,.96),rgba(4,3,4,.98))!important;
  border-right-color:rgba(239,35,60,.13)!important;overflow:hidden;
}
body:not(.nx-red-dashboard) .side:before{
  content:"";position:absolute;inset:-25%;pointer-events:none;
  background:radial-gradient(circle at 30% 20%,rgba(239,35,60,.13),transparent 22%),radial-gradient(circle at 65% 75%,rgba(115,0,15,.17),transparent 26%);
  animation:nxPublicSide 11s ease-in-out infinite alternate;
}
@keyframes nxPublicSide{from{transform:translate(-5%,-3%) scale(1)}to{transform:translate(8%,5%) scale(1.1)}}
body:not(.nx-red-dashboard) .side a{position:relative;z-index:1;color:#8e7f83!important}
body:not(.nx-red-dashboard) .side a.active,
body:not(.nx-red-dashboard) .side a:hover{
  color:#fff!important;background:linear-gradient(135deg,rgba(222,15,41,.26),rgba(94,3,15,.22))!important;
  box-shadow:inset 3px 0 #ef233c,0 0 22px rgba(239,35,60,.09)!important;
}

body:not(.nx-red-dashboard) .hero-banner{
  background:linear-gradient(135deg,#100608,#050304)!important;
  border-color:rgba(239,35,60,.34)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.34),0 0 35px rgba(166,4,22,.10)!important;
}
body:not(.nx-red-dashboard) .hero-banner:before{
  content:"";position:absolute;inset:-55% -20%;z-index:1;pointer-events:none;opacity:.28;
  background:conic-gradient(from 0deg,transparent 0 30%,rgba(255,37,58,.14) 37%,transparent 45% 72%,rgba(133,3,20,.13) 79%,transparent 88%);
  animation:nxHeroEnergy 24s linear infinite;
}
@keyframes nxHeroEnergy{to{transform:rotate(360deg)}}
body:not(.nx-red-dashboard) .hero-copy{z-index:3!important}
body:not(.nx-red-dashboard) .hero-copy .badge{
  background:rgba(210,13,35,.10)!important;border-color:rgba(239,35,60,.32)!important;color:#ff5367!important;
}
body:not(.nx-red-dashboard) .hero-copy h1 span{
  background:linear-gradient(90deg,#ff445a,#ed1b36,#a20a20)!important;-webkit-background-clip:text!important;color:transparent!important;
}
body:not(.nx-red-dashboard) .hero-copy p{color:#b7a9ad!important}
body:not(.nx-red-dashboard) .nx-action{
  background:linear-gradient(135deg,#f0243e,#b90b23 55%,#820716)!important;border:1px solid rgba(255,80,99,.45)!important;color:#fff!important;
  box-shadow:0 9px 26px rgba(181,6,27,.26),inset 0 1px rgba(255,255,255,.13)!important;
}

body:not(.nx-red-dashboard) .mini-product{
  background:linear-gradient(145deg,#10090b,#080506)!important;border-color:rgba(239,35,60,.20)!important;
}
body:not(.nx-red-dashboard) .mini-product small{color:#9b888d!important}
body:not(.nx-red-dashboard) .best{color:#ff5a6d!important;border-color:rgba(239,35,60,.28)!important;background:rgba(239,35,60,.08)!important}
body:not(.nx-red-dashboard) .chip{
  background:#0a0607!important;border-color:rgba(239,35,60,.20)!important;color:#beaeb2!important;
}
body:not(.nx-red-dashboard) .chip.active,
body:not(.nx-red-dashboard) .chip:hover{
  color:#fff!important;background:linear-gradient(135deg,#e51a34,#9c081b)!important;border-color:#ef233c!important;
  box-shadow:0 8px 25px rgba(190,7,29,.20)!important;
}
body:not(.nx-red-dashboard) .section-title h2 i{color:#ff3048!important}
body:not(.nx-red-dashboard) .section-title span{color:#8d777d!important}

body:not(.nx-red-dashboard) .store-card{
  position:relative;background:linear-gradient(180deg,#10090b,#070506)!important;border-color:rgba(239,35,60,.24)!important;
  box-shadow:0 12px 32px rgba(0,0,0,.24)!important;
}
body:not(.nx-red-dashboard) .store-card:before{
  content:"";position:absolute;inset:-60%;pointer-events:none;opacity:.18;z-index:0;
  background:conic-gradient(from 0deg,transparent 0 33%,rgba(239,35,60,.12) 40%,transparent 48% 74%,rgba(112,0,15,.10) 80%,transparent 88%);
  animation:nxStoreCardEnergy 22s linear infinite;
}
@keyframes nxStoreCardEnergy{to{transform:rotate(360deg)}}
body:not(.nx-red-dashboard) .store-card>*{position:relative;z-index:1}
body:not(.nx-red-dashboard) .store-card:hover{
  border-color:rgba(255,62,83,.56)!important;box-shadow:0 17px 42px rgba(88,0,12,.28),0 0 24px rgba(239,35,60,.08)!important;
}
body:not(.nx-red-dashboard) .store-img{background:radial-gradient(circle at 50% 30%,rgba(124,5,17,.13),#080506 67%)!important}
body:not(.nx-red-dashboard) .stock-pill{background:rgba(18,6,8,.88)!important;color:#e0cdd1!important;border:1px solid rgba(239,35,60,.16)!important}
body:not(.nx-red-dashboard) .store-price{color:#ff4057!important}
body:not(.nx-red-dashboard) .store-meta{color:#8e777d!important}

/* =========================
   AUTH PRODUCT PRICE ALIGNMENT
   ========================= */
body.nx-red-dashboard .variant-list{
  display:flex!important;flex-direction:column!important;gap:8px!important;
}
body.nx-red-dashboard .variant-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 68px 38px!important;
  align-items:center!important;
  column-gap:8px!important;
  width:100%!important;
  min-height:48px!important;
  padding:6px 6px 6px 12px!important;
}
body.nx-red-dashboard .variant-name{
  min-width:0!important;max-width:100%!important;text-align:left!important;
  line-height:1.15!important;overflow-wrap:anywhere!important;
}
body.nx-red-dashboard .variant-price{
  width:68px!important;min-width:68px!important;text-align:right!important;
  justify-self:end!important;font-variant-numeric:tabular-nums!important;white-space:nowrap!important;
}
body.nx-red-dashboard .variant-cart{
  width:36px!important;min-width:36px!important;height:36px!important;justify-self:end!important;
}
body.nx-red-dashboard .soldout-note{grid-column:2/4!important;justify-self:end!important;white-space:nowrap!important}

@media(max-width:760px){
  body:not(.nx-red-dashboard)::after{opacity:.08}
  body:not(.nx-red-dashboard) .hero-banner:before{opacity:.16}
  body:not(.nx-red-dashboard) .store-card:before{opacity:.10}
  body.nx-red-dashboard .variant-row{grid-template-columns:minmax(0,1fr) 58px 36px!important;gap:6px!important;padding-left:10px!important}
  body.nx-red-dashboard .variant-price{width:58px!important;min-width:58px!important;font-size:12.5px!important}
  body.nx-red-dashboard .variant-name{font-size:12px!important}
}
@media(max-width:420px){
  body.nx-red-dashboard .variant-row{grid-template-columns:minmax(0,1fr) 52px 34px!important;gap:5px!important}
  body.nx-red-dashboard .variant-price{width:52px!important;min-width:52px!important;font-size:12px!important}
  body.nx-red-dashboard .variant-cart{width:34px!important;min-width:34px!important;height:34px!important}
}
@media(prefers-reduced-motion:reduce){
  body:not(.nx-red-dashboard)::before,body:not(.nx-red-dashboard)::after,body:not(.nx-red-dashboard) .side:before,body:not(.nx-red-dashboard) .hero-banner:before,body:not(.nx-red-dashboard) .store-card:before{animation:none!important}
}