/* =========================================================
   ARC PLUG NFA RECOOK
   Matches the homepage black / orange-red / violet direction.
   ========================================================= */

.nfa-recook-page{
  background:
    radial-gradient(circle at 84% 8%,rgba(122,98,255,.12),transparent 28%),
    radial-gradient(circle at 12% 34%,rgba(255,93,67,.07),transparent 26%),
    #07070a;
}

.nfa-recook-page .cursor-glow{
  background:radial-gradient(circle,rgba(255,104,69,.12),transparent 70%);
}

/* Full-screen category selector */
.category-modal-backdrop.nfa-recook-modal{
  align-items:flex-start;
  overflow-y:auto;
  padding:34px 24px;
  background:
    radial-gradient(circle at 75% 10%,rgba(122,98,255,.14),transparent 28%),
    radial-gradient(circle at 14% 72%,rgba(255,93,67,.09),transparent 24%),
    rgba(4,4,7,.90);
  backdrop-filter:blur(20px);
}

.nfa-recook-modal .category-modal{
  width:min(100%,1480px);
  max-height:none;
  margin:auto;
  overflow:visible;
  border:1px solid rgba(255,255,255,.10);
  border-radius:28px;
  background:
    linear-gradient(145deg,rgba(255,255,255,.035),transparent 36%),
    #0d0d14;
  box-shadow:0 40px 130px rgba(0,0,0,.62);
}

.nfa-recook-modal .category-modal::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  border-radius:inherit;
  background:
    radial-gradient(circle at 92% 0%,rgba(122,98,255,.12),transparent 28%),
    radial-gradient(circle at 8% 100%,rgba(255,93,67,.08),transparent 24%);
}

.nfa-recook-modal .category-modal>*{
  position:relative;
  z-index:1;
}

.nfa-recook-modal .category-modal-head{
  padding:34px 36px 28px;
  display:grid;
  grid-template-columns:1fr auto;
  align-items:flex-start;
  gap:34px;
  border-bottom:1px solid rgba(255,255,255,.07);
}

.category-modal-copy h2{
  max-width:900px;
  margin:18px 0 12px;
  font-family:"Space Grotesk",sans-serif;
  font-size:clamp(36px,5vw,66px);
  line-height:.96;
  letter-spacing:-.055em;
}

.category-modal-copy p{
  max-width:760px;
  margin:0;
  color:#aaa6b4;
  line-height:1.75;
}

.category-modal-actions{
  display:flex;
  align-items:center;
  gap:12px;
}

.category-live-chip{
  min-height:42px;
  padding:0 14px;
  display:inline-flex;
  align-items:center;
  gap:9px;
  border:1px solid rgba(73,233,155,.19);
  border-radius:999px;
  color:#8df4c0;
  background:rgba(73,233,155,.055);
  font-size:10px;
  font-weight:900;
  letter-spacing:.09em;
  text-transform:uppercase;
}

.category-live-chip i{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#49e99b;
  box-shadow:0 0 13px rgba(73,233,155,.9);
}

.nfa-recook-modal .category-modal-close{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.10);
  border-radius:14px;
  color:#d0ccd7;
  background:rgba(255,255,255,.035);
  font-size:27px;
  cursor:pointer;
  transition:transform .2s ease,border-color .2s ease,background .2s ease;
}

.nfa-recook-modal .category-modal-close:hover{
  transform:rotate(5deg);
  border-color:rgba(255,103,69,.28);
  background:rgba(255,93,67,.07);
}

.category-modal-stats{
  padding:18px 36px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
  border-bottom:1px solid rgba(255,255,255,.07);
  background:rgba(255,255,255,.012);
}

.category-modal-stats div{
  min-height:76px;
  padding:15px 17px;
  border:1px solid rgba(255,255,255,.065);
  border-radius:15px;
  background:rgba(255,255,255,.02);
}

.category-modal-stats span,
.category-modal-stats strong{
  display:block;
}

.category-modal-stats span{
  color:#827e8b;
  font-size:9px;
  font-weight:900;
  letter-spacing:.12em;
}

.category-modal-stats strong{
  margin-top:7px;
  font-family:"Space Grotesk",sans-serif;
  font-size:24px;
}

.nfa-recook-modal .category-grid{
  padding:26px 36px 30px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}

.nfa-recook-modal .category-card{
  min-height:390px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  border:1px solid rgba(255,255,255,.08);
  border-radius:21px;
  color:#fff;
  background:#101017;
  box-shadow:0 18px 44px rgba(0,0,0,.20);
  transition:
    transform .24s ease,
    border-color .24s ease,
    box-shadow .24s ease;
}

.nfa-recook-modal .category-card:hover{
  transform:translateY(-7px);
  border-color:rgba(255,119,76,.28);
  box-shadow:0 28px 65px rgba(0,0,0,.36);
}

.nfa-recook-modal .category-card.category-arc{
  border-color:rgba(255,108,69,.27);
  box-shadow:0 22px 60px rgba(255,85,54,.08);
}

.category-card-media{
  position:relative;
  min-height:245px;
  overflow:hidden;
  background:#09090e;
}

.category-card-image{
  position:absolute;
  inset:-2px;
  background-image:var(--game-image);
  background-size:cover;
  background-position:center;
  filter:saturate(1.05) contrast(1.04);
  transform:scale(1.01);
  transition:transform .55s ease,filter .55s ease;
}

.category-card:hover .category-card-image{
  transform:scale(1.075);
  filter:saturate(1.16) contrast(1.08);
}

.category-card-gradient{
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg,rgba(5,5,8,.32),transparent 34%,rgba(5,5,8,.20) 56%,rgba(5,5,8,.96) 100%),
    linear-gradient(90deg,rgba(5,5,8,.26),transparent 66%);
}

.category-card.category-arc .category-card-gradient{
  background:
    linear-gradient(180deg,rgba(5,5,8,.20),transparent 34%,rgba(5,5,8,.16) 58%,rgba(5,5,8,.96) 100%),
    linear-gradient(90deg,rgba(255,82,50,.12),transparent 58%);
}

.category-card-topline{
  position:absolute;
  top:16px;
  left:16px;
  right:16px;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.category-index{
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.14);
  border-radius:12px;
  background:rgba(9,9,14,.68);
  backdrop-filter:blur(10px);
  color:#dedbe4;
  font-family:"Space Grotesk",sans-serif;
  font-size:11px;
  font-weight:900;
}

.category-live-status{
  min-height:33px;
  padding:0 11px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  border:1px solid rgba(73,233,155,.20);
  border-radius:999px;
  color:#85f2bb;
  background:rgba(8,24,17,.68);
  backdrop-filter:blur(10px);
  font-size:9px;
  font-weight:900;
  letter-spacing:.10em;
}

.category-live-status i{
  width:6px;
  height:6px;
  border-radius:50%;
  background:#49e99b;
  box-shadow:0 0 11px rgba(73,233,155,.9);
}

.category-card-game{
  position:absolute;
  z-index:2;
  left:18px;
  right:18px;
  bottom:18px;
}

.category-card-game small{
  display:block;
  color:#ffad82;
  font-size:9px;
  font-weight:900;
  letter-spacing:.15em;
}

.category-card-game strong{
  display:block;
  margin-top:6px;
  max-width:88%;
  font-family:"Space Grotesk",sans-serif;
  font-size:clamp(27px,2.6vw,39px);
  line-height:.95;
  letter-spacing:-.045em;
  text-shadow:0 4px 24px rgba(0,0,0,.75);
}

.category-card-content{
  min-height:145px;
  padding:18px;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  background:
    linear-gradient(145deg,rgba(255,255,255,.025),transparent 56%),
    #101017;
}

.category-card-copy span{
  color:#a09ca9;
  font-size:9px;
  font-weight:900;
  letter-spacing:.11em;
  text-transform:uppercase;
}

.category-card-copy h3{
  margin:8px 0 4px;
  font-family:"Space Grotesk",sans-serif;
  font-size:20px;
}

.category-card-copy p{
  margin:0;
  color:#898592;
  font-size:11px;
}

.category-card-arrow{
  width:46px;
  height:46px;
  flex:0 0 46px;
  display:grid;
  place-items:center;
  border-radius:14px;
  color:#09090d;
  background:#fff;
  font-size:22px;
  font-weight:900;
  transition:transform .2s ease,background .2s ease;
}

.category-card:hover .category-card-arrow{
  transform:translate(3px,-3px);
  background:linear-gradient(135deg,#ff6546,#ff9a42);
}

.category-modal-footer{
  min-height:58px;
  padding:0 36px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  border-top:1px solid rgba(255,255,255,.07);
  color:#7f7b88;
  font-size:10px;
  font-weight:700;
  letter-spacing:.04em;
}

.category-loading-card{
  grid-column:1/-1;
  min-height:260px;
  display:grid;
  place-items:center;
  border:1px dashed rgba(255,255,255,.10);
  border-radius:20px;
  color:#aaa6b3;
  background:rgba(255,255,255,.016);
}

/* NFA detail page */
.nfa-recook-page .nfa-product-section{
  padding:54px 0 115px;
}

.nfa-recook-page .nfa-breadcrumb-row{
  margin-bottom:18px;
  color:#77727f;
}

.nfa-recook-page .nfa-breadcrumb-row a,
.nfa-recook-page .nfa-breadcrumb-row button{
  color:#b0acb8;
}

.nfa-recook-page .nfa-product-shell{
  padding:20px;
  gap:26px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:27px;
  background:
    radial-gradient(circle at 100% 0%,rgba(122,98,255,.09),transparent 30%),
    linear-gradient(145deg,rgba(255,255,255,.03),transparent 44%),
    rgba(13,13,20,.92);
  box-shadow:0 34px 105px rgba(0,0,0,.48);
}

.nfa-recook-page .nfa-category-art{
  min-height:355px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:21px;
  box-shadow:0 24px 56px rgba(0,0,0,.28);
}

.nfa-recook-page .nfa-category-art.category-photo-detail{
  background-image:
    linear-gradient(180deg,rgba(4,4,8,.20),transparent 38%,rgba(4,4,8,.84) 100%),
    linear-gradient(90deg,rgba(255,92,61,.10),transparent 62%),
    var(--game-image)!important;
}

.nfa-recook-page .nfa-category-art.category-photo-detail .category-art-copy{
  align-self:flex-end;
  width:100%;
  margin:0;
  padding:0 26px 56px;
  text-align:left;
}

.nfa-recook-page .category-art-copy small{
  color:#ffac82;
  font-size:12px;
  font-weight:900;
  letter-spacing:.15em;
}

.nfa-recook-page .category-art-copy strong{
  margin-top:8px;
  font-size:clamp(44px,5vw,68px);
  line-height:.88;
}

.nfa-recook-page .category-art-copy span{
  margin-top:6px;
  font-size:24px;
}

.nfa-recook-page .category-art-brand{
  left:26px;
  bottom:20px;
  transform:none;
  color:#d2ced7;
}

.nfa-recook-page .nfa-feature-grid article{
  min-height:105px;
  border:1px solid rgba(255,255,255,.075);
  background:rgba(255,255,255,.022);
}

.nfa-recook-page .feature-mini-icon{
  border-color:rgba(255,111,72,.20);
  color:#ff9c74;
  background:rgba(255,93,67,.06);
}

.nfa-recook-page .nfa-title-row h1{
  font-size:clamp(46px,5vw,72px);
}

.nfa-recook-page .category-stock-banner{
  border-color:rgba(73,233,155,.15);
  background:rgba(73,233,155,.035);
}

.nfa-recook-page .variant-heading{
  margin-top:28px;
}

.nfa-recook-page .variant-heading h2{
  font-size:25px;
}

.nfa-recook-page .variant-card{
  width:205px;
  min-width:205px;
  min-height:230px;
  border-color:rgba(255,255,255,.085);
  background:
    linear-gradient(145deg,rgba(255,255,255,.028),transparent 52%),
    #101017;
}

.nfa-recook-page .variant-card:hover:not(:disabled),
.nfa-recook-page .variant-card.selected{
  border-color:rgba(255,111,72,.40);
  box-shadow:0 18px 45px rgba(255,83,55,.09);
}

.nfa-recook-page .variant-card.selected{
  background:
    radial-gradient(circle at 100% 0%,rgba(255,95,63,.13),transparent 40%),
    #111118;
}

.nfa-recook-page .variant-card em{
  background:linear-gradient(135deg,#ff6546,#ff9a42);
  color:#fff;
}

.nfa-recook-page .selected-variant-summary{
  border-color:rgba(255,255,255,.085);
  background:rgba(255,255,255,.02);
}

.nfa-recook-page .quantity-control{
  border-color:rgba(255,255,255,.10);
}

.nfa-recook-page .product-order-actions .primary-button{
  background:linear-gradient(135deg,#f65240,#ff9841);
  box-shadow:0 18px 45px rgba(255,90,63,.14);
}

.nfa-recook-page .manual-order-note{
  color:#9994a1;
}

.nfa-recook-page .account-description{
  margin-top:22px;
}

.nfa-recook-page .description-panel{
  border-color:rgba(255,255,255,.08);
  background:
    linear-gradient(145deg,rgba(255,255,255,.025),transparent 54%),
    #0f1016;
}

@media(max-width:1120px){
  .nfa-recook-modal .category-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .nfa-recook-page .nfa-product-shell{
    grid-template-columns:1fr;
  }
}

@media(max-width:760px){
  .category-modal-backdrop.nfa-recook-modal{
    padding:14px 10px;
  }

  .nfa-recook-modal .category-modal{
    border-radius:21px;
  }

  .nfa-recook-modal .category-modal-head{
    padding:24px 20px 20px;
    grid-template-columns:1fr;
  }

  .category-modal-actions{
    justify-content:space-between;
  }

  .category-modal-stats{
    padding:14px 20px;
    grid-template-columns:repeat(2,1fr);
  }

  .nfa-recook-modal .category-grid{
    padding:20px;
    grid-template-columns:1fr;
  }

  .category-modal-footer{
    padding:14px 20px;
    align-items:flex-start;
    flex-direction:column;
  }

  .category-card-media{
    min-height:230px;
  }
}

@media(max-width:520px){
  .category-modal-copy h2{
    font-size:38px;
  }

  .category-live-chip{
    display:none;
  }

  .category-modal-stats div{
    min-height:68px;
  }

  .nfa-recook-page .nfa-product-section{
    padding-top:34px;
  }

  .nfa-recook-page .nfa-product-shell{
    padding:13px;
  }

  .nfa-recook-page .nfa-title-row{
    flex-direction:column;
  }

  .nfa-recook-page .nfa-title-row .button{
    width:100%;
  }
}


/* Clean direct NFA category-picker flow */
html.nfa-category-picker,
html.nfa-category-picker body{
  min-height:100%;
  background:#07070a;
}

html.nfa-category-picker .nfa-product-section,
html.nfa-category-picker .site-footer,
html.nfa-category-picker .mobile-sticky-bar{
  display:none!important;
}

html.nfa-category-picker .category-modal-backdrop.nfa-recook-modal{
  display:flex!important;
  opacity:1;
  visibility:visible;
}

html.nfa-category-picker body{
  overflow:hidden;
}

html.nfa-category-picker .nfa-recook-modal .category-modal{
  animation:nfaPickerEnter .34s ease both;
}

@keyframes nfaPickerEnter{
  from{
    opacity:0;
    transform:translateY(18px) scale(.985);
  }
  to{
    opacity:1;
    transform:translateY(0) scale(1);
  }
}


/* Uploaded NFA category artwork + no-flash detail loading */
html.nfa-category-preload .nfa-category-art{
  background-image:
    linear-gradient(180deg,rgba(4,4,8,.04),transparent 58%,rgba(4,4,8,.20) 100%),
    var(--nfa-preload-image)!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}

html.nfa-category-preload .nfa-category-art .category-art-lines,
html.nfa-category-preload .nfa-category-art .account-person-icon,
html.nfa-category-preload .nfa-category-art .category-art-copy,
html.nfa-category-preload .nfa-category-art .category-art-brand,
.nfa-recook-page .nfa-category-art.category-image-ready .category-art-lines,
.nfa-recook-page .nfa-category-art.category-image-ready .account-person-icon,
.nfa-recook-page .nfa-category-art.category-image-ready .category-art-copy,
.nfa-recook-page .nfa-category-art.category-image-ready .category-art-brand{
  display:none!important;
}

.nfa-recook-page .nfa-category-art.category-photo-detail{
  min-height:430px;
  background-image:
    linear-gradient(180deg,rgba(4,4,8,.03),transparent 62%,rgba(4,4,8,.18) 100%),
    var(--game-image)!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}

.nfa-recook-modal .category-card-media{
  min-height:275px;
}

.nfa-recook-modal .category-card-image{
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}

.nfa-recook-modal .category-card-game{
  display:none!important;
}

.nfa-recook-modal .category-card-gradient{
  background:
    linear-gradient(180deg,rgba(5,5,8,.10),transparent 58%,rgba(5,5,8,.50) 100%)!important;
}

@media(max-width:760px){
  .nfa-recook-page .nfa-category-art.category-photo-detail{
    min-height:340px;
  }

  .nfa-recook-modal .category-card-media{
    min-height:245px;
  }
}

@media(max-width:520px){
  .nfa-recook-page .nfa-category-art.category-photo-detail{
    min-height:285px;
  }
}


/* NFA category image visibility fix: real JPEG <img> elements */
.nfa-category-art{
  position:relative;
  overflow:hidden;
  background:#08080d!important;
}

.nfa-category-main-image{
  position:absolute;
  inset:0;
  z-index:1;
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center;
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
}

.nfa-category-art > *:not(.nfa-category-main-image){
  position:relative;
  z-index:2;
}

.nfa-recook-page .nfa-category-art.category-photo-detail{
  min-height:430px;
  background:#08080d!important;
  background-image:none!important;
}

.nfa-recook-page .nfa-category-art.category-image-ready .category-art-lines,
.nfa-recook-page .nfa-category-art.category-image-ready .account-person-icon,
.nfa-recook-page .nfa-category-art.category-image-ready .category-art-copy,
.nfa-recook-page .nfa-category-art.category-image-ready .category-art-brand{
  display:none!important;
}

.category-card-media{
  position:relative;
  overflow:hidden;
  background:#08080d!important;
}

.category-card-image-element{
  position:absolute;
  inset:0;
  z-index:0;
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center;
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
  transform:scale(1.001);
  transition:transform .45s ease;
}

.category-card:hover .category-card-image-element{
  transform:scale(1.035);
}

.category-card-gradient{
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(5,5,8,.02),transparent 66%,rgba(5,5,8,.34) 100%)!important;
}

.category-card-topline{
  z-index:3;
}

.nfa-recook-modal .category-card-game{
  display:none!important;
}

@media(max-width:760px){
  .nfa-recook-page .nfa-category-art.category-photo-detail{
    min-height:340px;
  }
}

@media(max-width:520px){
  .nfa-recook-page .nfa-category-art.category-photo-detail{
    min-height:285px;
  }
}


/* NFA category-card text readability upgrade */
.category-card{
  overflow:hidden;
}

.category-card-body{
  position:relative;
  padding:20px 20px 22px !important;
  background:
    linear-gradient(180deg, rgba(12,12,18,.96) 0%, rgba(10,10,16,.985) 100%) !important;
  border-top:1px solid rgba(255,255,255,.06);
}

.category-card-body::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg, rgba(255,255,255,.02), transparent 28%),
    radial-gradient(circle at 85% 0%, rgba(140,114,255,.07), transparent 30%);
}

.category-card-title,
.category-card-body h3,
.category-card-body strong{
  color:#ffffff !important;
  font-size:16px !important;
  font-weight:800 !important;
  line-height:1.15 !important;
  letter-spacing:-.02em;
  text-shadow:0 1px 0 rgba(0,0,0,.4);
}

.category-card-meta,
.category-card-body p,
.category-card-body small,
.category-card-body .muted{
  color:#c6c1d2 !important;
  font-size:13px !important;
  line-height:1.5 !important;
}

.category-card-body .category-card-stats,
.category-card-body .category-card-count{
  color:#b7b1c8 !important;
}

.category-card-body .category-card-count strong,
.category-card-body .category-card-stats strong{
  color:#ffffff !important;
}

.category-card-body .category-card-link,
.category-card-body .category-card-action,
.category-card .category-open,
.category-card .category-arrow{
  box-shadow:0 10px 24px rgba(0,0,0,.24);
}

.category-card-body .category-card-subtitle,
.category-card-body .category-card-availability{
  color:#9f99ad !important;
  font-size:12px !important;
}

.category-card-body .category-card-note{
  color:#d3cfdd !important;
}

.category-card-body .category-card-live{
  color:#83f1b8 !important;
}

@media (max-width: 700px){
  .category-card-body{
    padding:18px 16px 20px !important;
  }

  .category-card-title,
  .category-card-body h3,
  .category-card-body strong{
    font-size:15px !important;
  }

  .category-card-meta,
  .category-card-body p,
  .category-card-body small{
    font-size:12px !important;
  }
}


/* v2: user category image crop fix */
.nfa-category-main-image,
.category-card-image-element{
  object-fit:contain !important;
  object-position:top center !important;
  transform:none !important;
  background:#07070d;
}

.nfa-recook-page .nfa-category-art.category-photo-detail{
  min-height:470px;
}

.category-card-media{
  min-height:240px;
}

.category-card:hover .category-card-image-element{
  transform:none !important;
}

@media(max-width:760px){
  .nfa-recook-page .nfa-category-art.category-photo-detail{
    min-height:360px;
  }
  .category-card-media{
    min-height:220px;
  }
}

@media(max-width:520px){
  .nfa-recook-page .nfa-category-art.category-photo-detail{
    min-height:305px;
  }
  .category-card-media{
    min-height:190px;
  }
}


/* v3: full image card layout fix */
.category-card-media{
  aspect-ratio: 3 / 2 !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 8px !important;
  display: block !important;
  background: #05060b !important;
}

.category-card-image-element{
  inset: 8px !important;
  width: calc(100% - 16px) !important;
  height: calc(100% - 16px) !important;
  object-fit: contain !important;
  object-position: top center !important;
  transform: none !important;
}

.category-card:hover .category-card-image-element{
  transform: none !important;
}

.category-card-gradient{
  background: linear-gradient(180deg, rgba(5,5,8,0) 45%, rgba(5,5,8,.24) 100%) !important;
}

@media(max-width:760px){
  .category-card-media{
    aspect-ratio: 3 / 2 !important;
    padding: 7px !important;
  }
  .category-card-image-element{
    inset: 7px !important;
    width: calc(100% - 14px) !important;
    height: calc(100% - 14px) !important;
  }
}

/* ARC Raiders fixed sale-pricing display */
.nfa-recook-page .selected-variant-summary{
  grid-template-columns:minmax(0,1.5fr) minmax(130px,.75fr) minmax(150px,.8fr);
}

.nfa-recook-page #selectedVariantPrice{
  color:#ffb083;
  font-family:"Space Grotesk",sans-serif;
  font-size:18px;
}

.nfa-recook-page .variant-price{
  margin-top:12px;
  color:#ffb083;
  font-family:"Space Grotesk",sans-serif;
  font-size:20px;
  font-weight:800;
}

.nfa-recook-page .variant-card em{
  margin-top:12px;
}

.order-price-grid{
  margin-top:16px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}

.order-price-grid label + label{
  margin-top:0;
}

.order-price-grid input{
  color:#ffb083;
  font-family:"Space Grotesk",sans-serif;
  font-size:16px;
  font-weight:800;
}

.stock-price{
  text-align:right;
}

.stock-price strong{
  color:#ffb083;
}

@media(max-width:650px){
  .nfa-recook-page .selected-variant-summary,
  .order-price-grid{
    grid-template-columns:1fr;
  }

  .nfa-recook-page .selected-variant-summary div+div{
    border-left:0;
    border-top:1px solid var(--line);
    padding-left:0;
    padding-top:12px;
  }
}