/* Digital Store Front Child 1.6.1 — precision-plus micro-polish.
 * Presentation-only overrides. No markup, ordering, API, WooCommerce or panel
 * behavior is changed here. This layer intentionally loads last.
 */
:root{
  --nt-p-border:rgba(255,255,255,.085);
  --nt-p-border-strong:rgba(111,166,255,.30);
  --nt-p-surface:rgba(255,255,255,.022);
  --nt-p-surface-hover:rgba(255,255,255,.036);
  --nt-p-blue:#4f8ef7;
  --nt-p-blue-soft:#8bb8ff;
  --nt-p-shadow:0 20px 54px rgba(0,0,0,.24);
}

/* A slightly calmer page canvas: enough depth to feel designed without
   competing with the catalog. */
body.nt-v6{
  background:
    radial-gradient(780px 420px at 8% 7%,rgba(52,120,246,.075),transparent 70%),
    radial-gradient(700px 420px at 92% 18%,rgba(32,184,167,.035),transparent 72%),
    #0d0f13!important;
}
body.nt-v6::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  opacity:.18;
  background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:52px 52px;
  -webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.65),transparent 46%);
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.65),transparent 46%);
}

/* Header: same controls and order, just cleaner alignment and separation. */
body.nt-v6 .nt-floating-header{
  border-color:rgba(255,255,255,.095)!important;
  background:rgba(13,15,20,.90)!important;
  box-shadow:0 16px 48px rgba(0,0,0,.26)!important;
}
body.nt-v6 .nt-floating-header__inner{
  min-height:66px!important;
  padding-block:7px!important;
}
body.nt-v6 .nt-desktop-nav a{
  letter-spacing:-.01em;
}
body.nt-v6 .nt-header-login-cta,
body.nt-v6 .nt-header-shop-cta{
  font-weight:730!important;
}
body.nt-v6 .nt-header-shop-cta{
  background:linear-gradient(180deg,#4284fb 0%,#2f6fe8 100%)!important;
  box-shadow:0 9px 22px rgba(52,120,246,.22)!important;
}
body.nt-v6 .nt-header-shop-cta:hover{
  box-shadow:0 12px 28px rgba(52,120,246,.29)!important;
}

/* Hero: preserve the two-column composition, but improve vertical rhythm and
   give the main message a stronger premium hierarchy. */
body.nt-v6 .bm-hero--child{
  padding-bottom:clamp(58px,6vw,82px)!important;
}
body.nt-v6 .bm-hero--child .bm-hero__grid{
  gap:clamp(48px,5.6vw,82px)!important;
}
body.nt-v6 .bm-hero--child .bm-display{
  max-width:13.2ch!important;
  font-weight:790!important;
  text-shadow:0 1px 0 rgba(255,255,255,.02);
}
body.nt-v6 .bm-hero--child .bm-display__accent{
  background:linear-gradient(110deg,#79adff 0%,#4f8ef7 52%,#6ba0fa 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  color:#5c97f8!important;
}
body.nt-v6 .bm-hero--child .bm-hero__lead{
  max-width:58ch!important;
  color:#9aa2b0!important;
}
body.nt-v6 .bm-hero--child .bm-hero-search{
  border-color:rgba(255,255,255,.105)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.018))!important;
  box-shadow:0 14px 36px rgba(0,0,0,.14)!important;
}
body.nt-v6 .bm-hero--child .bm-hero-search__submit{
  background:linear-gradient(180deg,#4386fb,#306fe8)!important;
  box-shadow:0 7px 18px rgba(52,120,246,.22)!important;
}

/* Currency control should read as a compact utility, not a second hero card. */
body.nt-v6 .nt-currency-switcher{
  border-color:rgba(255,255,255,.07)!important;
  background:rgba(255,255,255,.014)!important;
}
body.nt-v6 .nt-currency-switcher button{
  transition:border-color .15s ease,background-color .15s ease,color .15s ease,box-shadow .15s ease!important;
}
body.nt-v6 .nt-currency-switcher button.is-active{
  background:linear-gradient(180deg,#3f80f6,#2f6fe8)!important;
  box-shadow:0 6px 16px rgba(52,120,246,.20)!important;
}

/* Hero service panel: visually anchor the right column and make the first
   useful path obvious without adding any new content. */
body.nt-v6 .bm-hero--child .bm-showcase-card{
  border-color:rgba(255,255,255,.095)!important;
  background:
    radial-gradient(420px 180px at 50% 0%,rgba(76,141,241,.075),transparent 72%),
    linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.011)),
    #14171d!important;
  box-shadow:0 26px 68px rgba(0,0,0,.30)!important;
}
body.nt-v6 .bm-showcase-card__head{
  border-bottom-color:rgba(255,255,255,.065)!important;
}
body.nt-v6 .bm-showcase-item{
  transition:transform .16s ease,border-color .16s ease,background-color .16s ease,box-shadow .16s ease!important;
}
body.nt-v6 .bm-showcase-item:first-child{
  border-color:rgba(79,142,247,.30)!important;
  background:linear-gradient(90deg,rgba(52,120,246,.08),rgba(255,255,255,.018))!important;
}
body.nt-v6 .bm-showcase-item:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 10px 26px rgba(0,0,0,.16)!important;
}
body.nt-v6 .bm-showcase-card__foot a{
  color:#77a9fb!important;
  font-weight:720!important;
}

/* Section rhythm: clearer section separation while retaining the exact same
   content and order. */
body.nt-v6 .bm-section--band{
  background:
    radial-gradient(680px 220px at 20% 0%,rgba(52,120,246,.035),transparent 74%),
    rgba(255,255,255,.014)!important;
}
body.nt-v6 .bm-section__head{
  position:relative;
}
body.nt-v6 .bm-section__head .bm-display--sm{
  text-wrap:balance;
}
body.nt-v6 .bm-section__lead{
  max-width:62ch;
}

/* Categories: same cards, slightly more refined surfaces and stronger scan. */
body.nt-v6 .bm-cat{
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg,rgba(255,255,255,.021),rgba(255,255,255,.009))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
body.nt-v6 .bm-cat::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:2px;
  background:linear-gradient(to bottom,transparent,rgba(79,142,247,.52),transparent);
  opacity:0;
  transition:opacity .16s ease;
}
body.nt-v6 .bm-cat:hover::before{opacity:1}
body.nt-v6 .bm-cat:hover{
  border-color:rgba(79,142,247,.36)!important;
  box-shadow:0 16px 34px rgba(0,0,0,.14)!important;
}
body.nt-v6 .bm-cat__icon{
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.015),0 8px 18px rgba(0,0,0,.10);
}
body.nt-v6 .bm-cat__go i{
  transition:transform .16s ease;
}
body.nt-v6 .bm-cat:hover .bm-cat__go i{transform:translateX(3px)}

/* Product cards: subtle premium elevation; no dimensions or actions changed. */
body.nt-v6 .nt-product-card-v6{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02)!important;
}
body.nt-v6 .nt-product-card-v6::before{
  content:"";
  position:absolute;
  left:14px;
  right:14px;
  top:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(111,166,255,.58),transparent);
  opacity:0;
  transition:opacity .16s ease;
}
body.nt-v6 .nt-product-card-v6:hover::before{opacity:.78}
body.nt-v6 .nt-product-card-v6:hover{
  border-color:rgba(79,142,247,.34)!important;
  box-shadow:0 18px 40px rgba(0,0,0,.21)!important;
}
body.nt-v6 .nt-product-card-v6__price strong{
  font-variant-numeric:tabular-nums;
}
body.nt-v6 .nt-product-card-v6__actions--commerce .bm-btn--primary{
  background:linear-gradient(180deg,#3e80f5,#2f6fe8)!important;
}

/* Utility controls. */
body.nt-v6 .nt-service-picker__summary,
body.nt-v6 .nt-toolfilter__chip,
body.nt-v6 .bm-btn--ghost{
  transition:border-color .16s ease,background-color .16s ease,color .16s ease,box-shadow .16s ease!important;
}
body.nt-v6 .bm-btn--ghost:hover{
  border-color:rgba(111,166,255,.30)!important;
  background:rgba(52,120,246,.055)!important;
}

/* FAQ and checkout guidance should feel like part of the same system. */
body.nt-v6 .bm-checklist,
body.nt-v6 .bm-step,
body.nt-v6 .bm-faq-item,
body.nt-v6 details.bm-faq{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018)!important;
}
body.nt-v6 details.bm-faq[open]{
  border-color:rgba(79,142,247,.22)!important;
  background:rgba(52,120,246,.025)!important;
}

/* Mobile: keep the functional drawer controller untouched; only tighten
   presentation and prevent decorative effects from stealing space. */
@media(max-width:900px){
  body.nt-v6::before{opacity:.10;background-size:44px 44px}
  body.nt-v6 .bm-hero--child .bm-hero__grid{gap:32px!important}
  body.nt-v6 .bm-hero--child .bm-hero__media{max-width:720px!important}
  body.nt-v6 .bm-showcase-item:first-child{background:rgba(52,120,246,.055)!important}
}
@media(max-width:720px){
  body.nt-v6 .bm-hero--child{padding-bottom:46px!important}
  body.nt-v6 .bm-hero--child .bm-display{max-width:14ch!important}
  body.nt-v6 .bm-hero--child .bm-hero-search{box-shadow:none!important}
  body.nt-v6 .bm-cat:hover,
  body.nt-v6 .nt-product-card-v6:hover,
  body.nt-v6 .bm-showcase-item:hover{transform:none!important;box-shadow:none!important}
}
@media(max-width:520px){
  body.nt-v6 .nt-floating-header{box-shadow:0 10px 30px rgba(0,0,0,.24)!important}
  body.nt-v6 .bm-hero--child .bm-hero__lead{max-width:none!important}
}
@media(prefers-reduced-motion:reduce){
  body.nt-v6 .bm-cat::before,
  body.nt-v6 .nt-product-card-v6::before,
  body.nt-v6 .bm-cat__go i{transition:none!important}
}