/* Product detail stabilization: final layer after legacy detail polish */

.pv-detail-hero {
  min-height: min(720px, 88vh) !important;
  padding-top: clamp(112px, 11vh, 142px) !important;
  padding-bottom: clamp(54px, 7vh, 78px) !important;
  background:
    radial-gradient(ellipse 52% 58% at 82% 52%, rgba(98, 116, 255, .12), transparent 68%),
    linear-gradient(180deg, #050608 0%, #090a0e 62%, #06070a 100%) !important;
  overflow: hidden !important;
}

.pv-detail-hero > div[style*="radial-gradient"],
.pv-detail-hero-media .glow-violet {
  opacity: 0 !important;
}

.pv-detail-hero-grid {
  grid-template-columns: minmax(0, .95fr) minmax(360px, 1.05fr) !important;
  gap: clamp(38px, 5vw, 76px) !important;
  align-items: center !important;
  min-height: clamp(460px, 58vh, 560px) !important;
}

.pv-detail-hero-copy {
  align-self: center !important;
}

.pv-detail-hero .h-eyebrow,
.pv-detail-hero-copy .h-eyebrow {
  color: rgba(255, 255, 255, .58) !important;
  letter-spacing: .14em !important;
}

.pv-detail-hero .h-eyebrow::before {
  background: rgba(255, 255, 255, .82) !important;
  box-shadow: none !important;
}

.pv-detail-hero h1 {
  max-width: 12.5ch !important;
  color: #fff !important;
  font-size: clamp(46px, 6.2vw, 96px) !important;
  line-height: .96 !important;
  letter-spacing: -.052em !important;
  text-wrap: balance !important;
}

.pv-detail-hero h1,
.pv-detail-hero h1 *,
.pv-detail-hero h1 .it,
.pv-detail-hero h1 em,
.pv-detail-hero h1 span {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  background: none !important;
  font-style: normal !important;
  font-family: var(--font-display) !important;
}

.pv-detail-hero h1 .it,
.pv-detail-hero h1 em,
.pv-light-head h2 .it,
.pv-light-head h2 em,
.product-copy-card .it,
.product-copy-card em,
.product-config-card .it,
.product-config-card em {
  color: inherit !important;
  font-family: inherit !important;
  font-style: normal !important;
  -webkit-text-fill-color: currentColor !important;
  background: none !important;
}

.pv-detail-hero .t-lead {
  max-width: 56ch !important;
  color: rgba(255, 255, 255, .66) !important;
  font-size: clamp(16px, 1.22vw, 19px) !important;
  line-height: 1.62 !important;
}

.pv-detail-hero .btn-primary {
  background: #fff !important;
  color: #07080b !important;
  box-shadow: none !important;
}

.pv-detail-hero .btn-ghost {
  background: rgba(255, 255, 255, .05) !important;
  border-color: rgba(255, 255, 255, .18) !important;
  color: rgba(255, 255, 255, .82) !important;
}

.pv-detail-hero-media {
  height: clamp(390px, 52vh, 560px) !important;
  display: grid !important;
  place-items: center !important;
  overflow: visible !important;
}

.pv-detail-hero-media::before {
  left: 16% !important;
  right: 16% !important;
  bottom: clamp(34px, 7vh, 70px) !important;
  height: 58px !important;
  background: radial-gradient(ellipse at center, rgba(255, 255, 255, .10), transparent 64%) !important;
  filter: blur(16px) !important;
  opacity: .9 !important;
}

.pv-detail-hero-media::after {
  display: none !important;
}

.pv-detail-hero-media img {
  max-width: min(100%, 620px) !important;
  max-height: min(100%, 520px) !important;
  object-fit: contain !important;
  object-position: center !important;
  filter: drop-shadow(0 34px 56px rgba(0, 0, 0, .58)) !important;
}

.pv-detail-hero-storage-detail .pv-detail-hero-media img,
.pv-detail-hero-mt-detail .pv-detail-hero-media img {
  max-width: min(108%, 690px) !important;
  max-height: min(100%, 510px) !important;
}

.pv-detail-hero + .container {
  margin-top: 0 !important;
  padding-top: clamp(42px, 6vw, 72px) !important;
  padding-bottom: clamp(44px, 6vw, 72px) !important;
}

.feature-row {
  grid-template-columns: repeat(auto-fit, minmax(188px, 1fr)) !important;
  gap: 1px !important;
  border: 1px solid rgba(0, 0, 0, .08) !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  background: rgba(0, 0, 0, .08) !important;
}

.pv-detail-hero + .container > .feature-row {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(188px, 1fr)) !important;
  gap: 1px !important;
  border: 1px solid rgba(0, 0, 0, .08) !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  background: rgba(0, 0, 0, .08) !important;
  box-shadow: none !important;
}

.feature-row-item {
  border-right: 0 !important;
  min-height: 132px !important;
  padding: 22px !important;
  display: grid !important;
  grid-template-columns: 38px minmax(0, 1fr) !important;
  gap: 16px !important;
  align-items: start !important;
  background: #fff !important;
}

.pv-detail-hero + .container > .feature-row .feature-row-item {
  border-right: 0 !important;
}

.feature-row-icon {
  width: 38px !important;
  height: 38px !important;
  display: grid !important;
  place-items: center !important;
  color: rgba(90, 75, 180, .92) !important;
  background: rgba(90, 75, 180, .075) !important;
  border-radius: 999px !important;
}

.feature-row-icon svg {
  width: 20px !important;
  height: 20px !important;
}

.feature-row-item > div:last-child div:first-child {
  color: #111217 !important;
  font-size: 14px !important;
  line-height: 1.25 !important;
}

.feature-row-item > div:last-child div:last-child {
  color: rgba(17, 18, 23, .58) !important;
}

.pv-light-panel {
  padding-top: clamp(72px, 9vw, 112px) !important;
  padding-bottom: clamp(72px, 9vw, 112px) !important;
  background: linear-gradient(180deg, #f8f8fb, #fff) !important;
}

.pv-light-head {
  align-items: end !important;
  margin-bottom: clamp(28px, 4vw, 46px) !important;
}

.pv-light-head .h-section {
  max-width: 16ch !important;
  color: #111217 !important;
  font-style: normal !important;
}

.pv-light-head .t-lead,
.pv-light-head p {
  color: rgba(17, 18, 23, .56) !important;
}

.pv-light-grid {
  gap: 12px !important;
  border: 0 !important;
  background: transparent !important;
  overflow: visible !important;
}

.pv-light-card {
  border: 1px solid rgba(0, 0, 0, .075) !important;
  border-radius: 14px !important;
  background: #fff !important;
  min-height: 150px !important;
  padding: 24px !important;
  box-shadow: 0 16px 44px rgba(0, 0, 0, .045) !important;
}

.pv-light-card h3 {
  color: #111217 !important;
  font-size: clamp(18px, 1.8vw, 25px) !important;
  line-height: 1.14 !important;
  letter-spacing: -.025em !important;
}

.pv-light-k,
.product-copy-card > .h-eyebrow,
.product-config-card > .h-eyebrow,
.section.container > .h-eyebrow,
.section-title-row .h-eyebrow {
  color: rgba(17, 18, 23, .52) !important;
  letter-spacing: .13em !important;
}

.pv-detail-hero ~ .section.container {
  padding-top: clamp(64px, 8vw, 104px) !important;
  padding-bottom: clamp(64px, 8vw, 104px) !important;
}

.pv-detail-hero ~ .section.container[style*="paddingTop: 0"],
.pv-detail-hero ~ .section.container[style*="padding-top: 0"] {
  padding-top: clamp(56px, 7vw, 88px) !important;
}

.product-detail-split,
.storage-detail-grid {
  gap: 18px !important;
  align-items: stretch !important;
}

.product-copy-card,
.product-config-card {
  border: 1px solid rgba(0, 0, 0, .075) !important;
  border-radius: 18px !important;
  background: #fff !important;
  box-shadow: 0 18px 54px rgba(0, 0, 0, .055) !important;
  overflow: hidden !important;
}

.product-copy-card::after,
.product-config-card::after {
  display: none !important;
}

.product-copy-card p {
  color: rgba(17, 18, 23, .64) !important;
}

.product-copy-pill {
  border-color: rgba(0, 0, 0, .08) !important;
  background: #f5f5f8 !important;
  color: rgba(17, 18, 23, .68) !important;
}

.detail-list {
  gap: 10px !important;
  border: 0 !important;
  border-radius: 0 !important;
  overflow: visible !important;
}

.detail-list-item {
  border: 1px solid rgba(0, 0, 0, .07) !important;
  border-radius: 12px !important;
  background: #f8f8fb !important;
  padding: 16px !important;
}

.detail-list-item span {
  color: rgba(90, 75, 180, .9) !important;
}

.product-variant-grid,
.application-grid,
.other-models-grid,
.specs-grid {
  gap: 12px !important;
  border: 0 !important;
  background: transparent !important;
  overflow: visible !important;
}

.product-variant-item,
.application-card,
.other-models-grid .tile,
.spec-card {
  border: 1px solid rgba(0, 0, 0, .075) !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: 0 14px 40px rgba(0, 0, 0, .042) !important;
}

.product-variant-item:hover,
.application-card:hover,
.other-models-grid .tile:hover {
  background: #111217 !important;
  color: #fff !important;
}

.spec-card-title {
  color: rgba(17, 18, 23, .52) !important;
}

.spec-row {
  min-height: 44px !important;
}

.spec-key {
  color: rgba(17, 18, 23, .52) !important;
}

.spec-value {
  color: rgba(17, 18, 23, .86) !important;
}

html[data-theme="dark"] .feature-row,
body[data-theme="dark"] .feature-row {
  border-color: rgba(255, 255, 255, .09) !important;
  background: rgba(255, 255, 255, .09) !important;
}

html[data-theme="dark"] .feature-row-item,
body[data-theme="dark"] .feature-row-item,
html[data-theme="dark"] .pv-light-card,
body[data-theme="dark"] .pv-light-card,
html[data-theme="dark"] .product-copy-card,
body[data-theme="dark"] .product-copy-card,
html[data-theme="dark"] .product-config-card,
body[data-theme="dark"] .product-config-card,
html[data-theme="dark"] .product-variant-item,
body[data-theme="dark"] .product-variant-item,
html[data-theme="dark"] .application-card,
body[data-theme="dark"] .application-card,
html[data-theme="dark"] .other-models-grid .tile,
body[data-theme="dark"] .other-models-grid .tile,
html[data-theme="dark"] .spec-card,
body[data-theme="dark"] .spec-card {
  background: #111217 !important;
  border-color: rgba(255, 255, 255, .09) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .pv-light-panel,
body[data-theme="dark"] .pv-light-panel {
  background: linear-gradient(180deg, #0b0c10, #101114) !important;
}

html[data-theme="dark"] .feature-row-item > div:last-child div:first-child,
body[data-theme="dark"] .feature-row-item > div:last-child div:first-child,
html[data-theme="dark"] .pv-light-head .h-section,
body[data-theme="dark"] .pv-light-head .h-section,
html[data-theme="dark"] .pv-light-card h3,
body[data-theme="dark"] .pv-light-card h3,
html[data-theme="dark"] .spec-value,
body[data-theme="dark"] .spec-value {
  color: rgba(255, 255, 255, .9) !important;
}

html[data-theme="dark"] .feature-row-item > div:last-child div:last-child,
body[data-theme="dark"] .feature-row-item > div:last-child div:last-child,
html[data-theme="dark"] .pv-light-head .t-lead,
body[data-theme="dark"] .pv-light-head .t-lead,
html[data-theme="dark"] .pv-light-head p,
body[data-theme="dark"] .pv-light-head p,
html[data-theme="dark"] .product-copy-card p,
body[data-theme="dark"] .product-copy-card p,
html[data-theme="dark"] .spec-key,
body[data-theme="dark"] .spec-key {
  color: rgba(255, 255, 255, .58) !important;
}

html[data-theme="dark"] .product-copy-pill,
body[data-theme="dark"] .product-copy-pill,
html[data-theme="dark"] .detail-list-item,
body[data-theme="dark"] .detail-list-item {
  background: rgba(255, 255, 255, .055) !important;
  border-color: rgba(255, 255, 255, .09) !important;
  color: rgba(255, 255, 255, .66) !important;
}

@media (max-width: 980px) {
  .pv-detail-hero-grid {
    grid-template-columns: 1fr !important;
    min-height: auto !important;
  }

  .pv-detail-hero h1 {
    max-width: 13ch !important;
  }

  .pv-detail-hero-media {
    height: clamp(320px, 48vw, 430px) !important;
  }

  .feature-row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .storage-detail-grid,
  .product-detail-split {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 620px) {
  .feature-row {
    grid-template-columns: 1fr !important;
  }

  .feature-row-item {
    min-height: auto !important;
  }
}