/* Product detail page */
.product-detail-page { --brand-blue: #567fbf; --brand-blue-deep: #244875; --brand-blue-soft: #edf3fb; --pdp-line: #d9e1eb; --pdp-muted: #6d7a8a; padding-bottom: 82px; }
.product-detail-page .site-header { background: rgba(255,255,255,.94); }
.product-detail-page .store-link { color: #496faa; text-decoration: none; font-size: 11px; font-weight: 700; }
.product-detail-page .cart-button { text-decoration: none; }
.secondary-page .product-detail-root { padding: 28px var(--home-content-gutter) 0; overflow: hidden; }
.pdp-breadcrumb { max-width: 1320px; margin: 0 auto 25px; display: flex; align-items: center; gap: 10px; color: #8691a0; font: 9px var(--mono); letter-spacing: .07em; text-transform: uppercase; }
.pdp-breadcrumb a { text-decoration: none; }
.pdp-breadcrumb a:hover { color: var(--brand-blue); }
.pdp-breadcrumb b { color: #405067; font-weight: 500; }

.pdp-hero { max-width: 1320px; margin: 0 auto 104px; display: grid; grid-template-columns: minmax(0, 1.13fr) minmax(380px, .87fr); gap: clamp(34px, 4vw, 64px); align-items: start; }
.pdp-gallery { display: grid; grid-template-columns: 86px minmax(0, 1fr); gap: 14px; min-width: 0; }
.pdp-thumbs { display: flex; flex-direction: column; gap: 11px; }
.pdp-main-column { min-width: 0; }
.pdp-thumb { border: 1px solid transparent; background: transparent; padding: 4px; color: #8792a0; font: 8px var(--mono); transition: .2s; }
.pdp-thumb:hover { border-color: var(--brand-blue); color: var(--brand-blue); }
.pdp-thumb.active { border-color: #f1f3f6; color: var(--brand-blue); }
.pdp-thumb-stage { position: relative; width: 100%; height: auto; aspect-ratio: 1 / 1; display: grid; place-items: center; overflow: hidden; background: #f2f5f9; margin-bottom: 5px; }
.pdp-thumb-stage.blue { background: #e8f0fa; }.pdp-thumb-stage.cream { background: #f4f3f0; }.pdp-thumb-stage.black { background: #e9ebef; }.pdp-thumb-stage.orange { background: #f5eae2; }
.pdp-thumb-stage .series-device { transform: scale(.29) !important; box-shadow: -8px 10px 12px rgba(26,39,53,.15); }
.pdp-main-visual { position: relative; min-height: 0; aspect-ratio: 1 / 1; display: grid; place-items: center; overflow: hidden; isolation: isolate; background: #eef3f9; transition: background .3s; }
.pdp-main-visual.blue, .pdp-main-visual.cream, .pdp-main-visual.black, .pdp-main-visual.orange { background: #f1f3f6; }
.pdp-grid-lines { position: absolute; inset: 0; z-index: -1; opacity: .44; background-image: linear-gradient(rgba(78,113,160,.11) 1px, transparent 1px), linear-gradient(90deg,rgba(78,113,160,.11) 1px, transparent 1px); background-size: 62px 62px; mask-image: linear-gradient(to bottom right,#000,transparent 70%); }
.pdp-visual-badge { position: absolute; left: 23px; top: 23px; padding: 8px 12px; border-radius: 100px; background: var(--brand-blue); color: #fff; font-size: 9px; font-weight: 800; letter-spacing: .03em; }
.pdp-visual-code { position: absolute; left: 23px; bottom: 22px; color: #607994; font: 8px/1.6 var(--mono); letter-spacing: .12em; }
.pdp-device-wrap { transform: scale(1.74); transition: transform .4s cubic-bezier(.2,.8,.2,1); }
.pdp-main-visual.zoomed .pdp-device-wrap { transform: scale(2.25); }
.pdp-device-wrap .series-device { filter: drop-shadow(-16px 24px 20px rgba(29,49,72,.24)); }
.pdp-device-wrap.has-gallery-image { width: 100%; height: 100%; display: grid; place-items: center; transform: none; }
.pdp-device-wrap.has-gallery-image .pdp-gallery-image { width: 100%; height: 100%; padding: 18px; object-fit: contain; }
.pdp-thumb-stage .pdp-gallery-image { width: 100%; height: 100%; object-fit: contain; }
.pdp-main-visual.zoomed .pdp-device-wrap.has-gallery-image { transform: scale(1.2); }
.pdp-image-story { padding: 0; background: #fff; }
.pdp-image-story-list { max-width: 710px; margin: 0 auto; display: flex; flex-direction: column; }
.pdp-story-image { margin: 0; padding: 0; line-height: 0; background: #fff; }
.pdp-story-image img { display: block; width: 100%; height: auto; }
.product-detail-page .pdp-device-wrap .series-device.bank.upright { transform: rotate(-4deg) !important; }
.product-detail-page .pdp-device-wrap .series-device.bank.tilt-left { transform: rotate(-21deg) !important; }
.product-detail-page .pdp-device-wrap .series-device.bank.wide { transform: rotate(-12deg) !important; }
.product-detail-page .pdp-device-wrap .series-device.charger.upright { transform: rotate(-4deg) !important; }
.product-detail-page .pdp-device-wrap .series-device.charger.tilt-left { transform: rotate(-20deg) !important; }
.product-detail-page .pdp-device-wrap .series-device.charger.wide { transform: rotate(-13deg) !important; }
.product-detail-page .pdp-device-wrap .series-device.dock.upright { transform: rotate(-4deg) !important; }
.product-detail-page .pdp-device-wrap .series-device.dock.tilt-left { transform: rotate(-17deg) !important; }
.product-detail-page .pdp-device-wrap .series-device.dock.wide { transform: rotate(-9deg) !important; }
.product-detail-page .pdp-device-wrap .series-device.cable.upright { transform: rotate(2deg) !important; }
.product-detail-page .pdp-device-wrap .series-device.cable.tilt-left { transform: rotate(-28deg) !important; }
.product-detail-page .pdp-device-wrap .series-device.cable.wide { width: 212px; height: 130px; transform: rotate(-13deg) !important; }

.pdp-buybox { padding-top: 10px; }
.pdp-title-meta { display: flex; justify-content: space-between; gap: 15px; align-items: center; }
.pdp-title-meta .eyebrow { color: var(--brand-blue); margin: 0; font-size: 10px; }
.pdp-title-meta > span { padding: 6px 9px; border-radius: 100px; background: #e6eef9; color: var(--brand-blue-deep); font: 8px var(--mono); }
.pdp-buybox h1 { max-width: 610px; margin: 16px 0 14px; font-size: clamp(38px, 3.3vw, 52px); line-height: 1.02; letter-spacing: -.065em; }
.pdp-summary { max-width: 565px; margin: 25px 0 20px; color: #647285; font-size: 15px; line-height: 1.7; }
.pdp-key-features { max-width: 565px; margin: 0 0 21px; padding: 17px 0 18px; border-top: 1px solid var(--pdp-line); border-bottom: 1px solid var(--pdp-line); }
.pdp-key-features h2 { margin: 0 0 13px; color: #33485f; font-size: 12px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; }
.pdp-key-features ul { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px 22px; margin: 0; padding: 0; list-style: none; }
.pdp-key-features li { position: relative; padding-left: 15px; color: #5d6e82; font-size: 12px; line-height: 1.45; }
.pdp-key-features li::before { content: ""; position: absolute; top: .52em; left: 0; width: 6px; height: 6px; border-radius: 50%; background: var(--brand-blue); }
.pdp-price-line { display: flex; align-items: center; gap: 12px; min-height: 33px; }
.pdp-price-line strong { font-size: 28px; letter-spacing: -.05em; }.pdp-price-line s { color: #96a0ad; font-size: 12px; }.pdp-price-line > .pdp-save-badge { padding: 5px 8px; background: linear-gradient(135deg,#ff9b47,#e94f3d); color: #fff; font-size: 10px; font-weight: 700; }
.pdp-payment-note { margin: 6px 0 24px; color: #929ca7; font-size: 11px; }
.pdp-option-group { padding: 17px 0; border-top: 1px solid var(--pdp-line); }
.pdp-option-label { display: flex; justify-content: space-between; align-items: center; margin-bottom: 13px; font-size: 10px; }
.pdp-option-label span { color: #7c8796; }.pdp-option-label b { color: #35475e; font-weight: 700; }
.pdp-color-options { display: flex; gap: 10px; }
.pdp-color-options button { width: 29px; height: 29px; border: 4px solid #fff; border-radius: 50%; background: var(--swatch); box-shadow: 0 0 0 1px #cad2dc; }
.pdp-color-options button.active { box-shadow: 0 0 0 2px var(--brand-blue); }
.pdp-variant-options { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.pdp-variant-options button { min-height: 47px; display: flex; justify-content: space-between; align-items: center; border: 1px solid #cbd4df; background: #fff; color: #394a5f; padding: 0 14px; font-size: 10px; font-weight: 700; }
.pdp-variant-options button.active { border-color: var(--brand-blue); background: #f0f5fb; box-shadow: inset 0 0 0 1px var(--brand-blue); }.pdp-variant-options small { color: #8190a3; font: 8px var(--mono); }
.pdp-purchase-row { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; margin-top: 24px; padding-top: 21px; border-top: 1px solid var(--pdp-line); }
.pdp-buy-link { height: 53px; display: flex; justify-content: space-between; align-items: center; background: var(--brand-blue); color: #fff; padding: 0 21px; font-size: 13px; font-weight: 700; text-decoration: none; transition: .2s; }
.pdp-buy-link:hover { background: var(--brand-blue-deep); transform: translateY(-1px); }.pdp-buy-link span { font-size: 18px; }
.pdp-quote { min-height: 53px; display: flex; justify-content: space-between; align-items: center; margin: 0; border: 1px solid #9fb2c9; background: #fff; color: #304b6a; padding: 0 17px; text-decoration: none; font-size: 11px; font-weight: 700; }
.pdp-quote:hover { border-color: var(--brand-blue); color: var(--brand-blue); }

.pdp-floating-bar { position: fixed; z-index: 80; right: 0; bottom: 0; left: 0; min-height: 78px; display: grid; grid-template-columns: minmax(0,1fr) auto minmax(190px,220px) minmax(190px,220px); gap: 16px; align-items: center; padding: 12px var(--home-content-gutter); border-top: 1px solid rgba(72,95,124,.18); background: rgba(255,255,255,.94); box-shadow: 0 -12px 36px rgba(26,40,58,.1); opacity: 0; visibility: hidden; transform: translateY(calc(100% + 14px)); pointer-events: none; transition: opacity .42s ease, transform .52s cubic-bezier(.2,.75,.2,1), visibility .42s; backdrop-filter: blur(18px) saturate(145%); }
.pdp-floating-bar.is-visible { opacity: 1; visibility: visible; transform: translateY(0); pointer-events: auto; }
.pdp-floating-product { display: flex; flex-direction: column; gap: 4px; min-width: 0; }.pdp-floating-product small { color: #718198; font: 8px var(--mono); letter-spacing: .1em; }.pdp-floating-product strong { overflow: hidden; color: #26374b; font-size: 14px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.pdp-floating-price-group { display: flex; align-items: center; gap: 9px; white-space: nowrap; }
.pdp-floating-price { color: #1f2c3d; font-size: 25px; letter-spacing: -.05em; }
.pdp-floating-save { padding: 5px 8px; background: linear-gradient(135deg,#ff9b47,#e94f3d); color: #fff; font-size: 10px; font-weight: 700; }
.pdp-floating-buy { height: 52px; display: flex; justify-content: space-between; align-items: center; background: var(--brand-blue); color: #fff; padding: 0 20px; font-size: 12px; font-weight: 700; text-decoration: none; }.pdp-floating-buy:hover { background: var(--brand-blue-deep); }.pdp-floating-buy span { font-size: 18px; }
.pdp-floating-inquiry { height: 52px; display: flex; justify-content: space-between; align-items: center; border: 1px solid #bfcbd9; background: #fff; color: #304860; padding: 0 18px; font-size: 11px; font-weight: 600; text-decoration: none; }.pdp-floating-inquiry:hover { border-color: var(--brand-blue); color: var(--brand-blue); }.pdp-floating-inquiry span { font-size: 17px; }

.pdp-intelligence { max-width: 1380px; min-height: 590px; margin: 0 auto 118px; display: grid; grid-template-columns: .9fr 1.1fr; grid-template-rows: 1fr auto; position: relative; overflow: hidden; background: #14243a; color: #fff; }
.pdp-intelligence-copy { padding: clamp(60px,7vw,100px); align-self: center; z-index: 2; }.pdp-intelligence-copy .eyebrow { color: #7fa3d6; }
.pdp-intelligence-copy h2 { margin: 0 0 28px; font-size: clamp(40px,4vw,62px); line-height: 1; letter-spacing: -.07em; }.pdp-intelligence-copy h2 em { color: #7fa3d6; font-style: normal; }
.pdp-intelligence-copy > p:not(.eyebrow) { max-width: 475px; color: #a8b8cc; font-size: 12px; line-height: 1.8; }.pdp-intelligence-copy a { display: inline-flex; gap: 12px; margin-top: 18px; padding-bottom: 5px; border-bottom: 1px solid #7fa3d6; color: #fff; text-decoration: none; font-size: 10px; }
.pdp-intelligence-visual { position: relative; min-height: 455px; display: grid; place-items: center; background: radial-gradient(circle at center,rgba(95,140,200,.27),transparent 58%); }
.pdp-core { width: 184px; height: 184px; display: grid; place-items: center; position: relative; z-index: 2; border: 1px solid rgba(130,171,225,.52); border-radius: 37px; background: linear-gradient(145deg,#27466e,#101d30); box-shadow: 0 28px 80px #07101d, inset 0 0 42px rgba(104,154,221,.22); transform: rotate(9deg); }
.pdp-core::before { content:""; position: absolute; inset: 14px; border: 1px solid rgba(143,182,234,.22); border-radius: 27px; }.pdp-core span { position: absolute; top: 41px; color: #90b6e7; font-size: 42px; font-weight: 800; letter-spacing: -.09em; }.pdp-core b { position: absolute; bottom: 32px; color: #dce9f8; font: 8px/1.4 var(--mono); letter-spacing: .15em; text-align: center; }
.pdp-orbit { position: absolute; border: 1px solid rgba(125,165,218,.23); border-radius: 50%; }.orbit-one-detail { width: 410px; height: 270px; transform: rotate(24deg); }.orbit-two-detail { width: 510px; height: 205px; transform: rotate(-18deg); }
.pdp-signal { position: absolute; color: #7194c3; font: 7px/1.5 var(--mono); letter-spacing: .13em; }.signal-a { top: 25%; left: 13%; }.signal-b { right: 12%; bottom: 23%; text-align: right; }
.pdp-metrics { grid-column: 1/-1; display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid rgba(135,168,210,.24); }
.pdp-metrics div { min-height: 112px; display: flex; flex-direction: column; justify-content: center; padding: 20px clamp(35px,6vw,88px); border-left: 1px solid rgba(135,168,210,.24); }.pdp-metrics div:first-child { border-left: 0; }.pdp-metrics strong { color: #a8c6ed; font-size: 28px; letter-spacing: -.06em; }.pdp-metrics span { color: #8196b2; font: 8px var(--mono); letter-spacing: .1em; text-transform: uppercase; margin-top: 5px; }

.pdp-section { max-width: 1380px; margin: 0 auto 125px; }
.pdp-section-heading { display: grid; grid-template-columns: .65fr 1.25fr 1fr; gap: 45px; align-items: end; margin-bottom: 50px; padding-bottom: 30px; border-bottom: 1px solid var(--pdp-line); }.pdp-section-heading .eyebrow { color: var(--brand-blue); align-self: start; }.pdp-section-heading h2 { margin: 0; font-size: clamp(38px,4vw,58px); line-height: 1; letter-spacing: -.07em; }.pdp-section-heading > p:last-child { max-width: 390px; margin: 0; color: #6d7b8c; font-size: 11px; line-height: 1.8; }
.pdp-feature-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 13px; }.pdp-feature-card { min-height: 320px; position: relative; padding: 25px; overflow: hidden; background: #eef3f9; border-top: 3px solid var(--brand-blue); }.pdp-feature-card::after { content:""; position: absolute; width: 190px; height: 190px; right: -85px; bottom: -86px; border: 1px solid #c6d6e9; border-radius: 50%; box-shadow: 0 0 0 28px rgba(198,214,233,.25),0 0 0 58px rgba(198,214,233,.13); }.pdp-feature-card > span { color: var(--brand-blue); font: 9px var(--mono); }.pdp-feature-card h3 { max-width: 260px; margin: 112px 0 14px; font-size: 24px; letter-spacing: -.05em; }.pdp-feature-card p { max-width: 290px; margin: 0; color: #6c7b8e; font-size: 10px; line-height: 1.7; }
.pdp-specifications { display: grid; grid-template-columns: .72fr 1.28fr; gap: clamp(50px,9vw,145px); align-items: start; }.pdp-specifications .pdp-section-heading { display: block; border: 0; margin: 0; padding: 0; position: sticky; top: 120px; }.pdp-specifications .pdp-section-heading h2 { margin-top: 20px; }.pdp-spec-list { border-top: 1px solid #aebdce; }.pdp-spec-row { min-height: 72px; display: grid; grid-template-columns: .8fr 1.2fr; gap: 25px; align-items: center; border-bottom: 1px solid var(--pdp-line); }.pdp-spec-row span { color: #7e8b9b; font-size: 10px; }.pdp-spec-row strong { color: #33485f; font-size: 11px; font-weight: 700; }
.pdp-support-panel { max-width: 1380px; margin: 0 auto 125px; display: grid; grid-template-columns: .9fr 1.1fr; gap: 80px; padding: clamp(45px,6vw,78px); background: #f0f4f9; }.pdp-support-panel h2 { margin: 16px 0; font-size: 41px; letter-spacing: -.07em; }.pdp-support-panel > div:first-child > p:last-child { max-width: 400px; color: #6f7e90; font-size: 11px; line-height: 1.7; }.pdp-downloads { border-top: 1px solid #bdcad9; }.pdp-downloads a { min-height: 74px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #cbd5e1; text-decoration: none; }.pdp-downloads a > span { display: flex; align-items: center; gap: 14px; }.pdp-downloads i { width: 36px; height: 36px; display: grid; place-items: center; background: #fff; color: var(--brand-blue); font: normal 8px var(--mono); }.pdp-downloads b { font-size: 10px; }.pdp-downloads em { color: #708198; font: normal 8px var(--mono); }
.pdp-oem-cta { max-width: 1380px; min-height: 365px; margin: 0 auto 125px; display: grid; grid-template-columns: 1.1fr .9fr; align-items: end; gap: 70px; padding: clamp(48px,6vw,85px); background: linear-gradient(135deg,#537ebc,#315b96); color: #fff; }.pdp-oem-cta .eyebrow { color: #c6dbf7; }.pdp-oem-cta h2 { margin: 20px 0 0; font-size: clamp(46px,5vw,72px); line-height: .96; letter-spacing: -.075em; }.pdp-oem-cta > div:last-child p { max-width: 450px; color: #d3e1f3; font-size: 11px; line-height: 1.8; }.pdp-oem-cta .button { margin-top: 18px; background: #fff; color: #315b96; }
.pdp-related-heading { display: flex; justify-content: space-between; align-items: end; margin-bottom: 37px; }.pdp-related-heading h2 { margin: 13px 0 0; font-size: 43px; letter-spacing: -.07em; }.pdp-related-heading > a { color: var(--brand-blue); font-size: 10px; text-decoration: none; border-bottom: 1px solid var(--brand-blue); padding-bottom: 4px; }.pdp-related-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }.pdp-related-grid .series-product-image { height: 350px; }.pdp-related-grid .series-image-link { position: absolute; inset: 0; display: grid; place-items: center; text-decoration: none; }.pdp-related-grid .series-product-info a { color: inherit; text-decoration: none; }

.series-image-link { display: grid; place-items: center; text-decoration: none; }
.series-product-info h3 a { color: inherit; text-decoration: none; }.series-product-info h3 a:hover { color: var(--brand-blue); }

@media (max-width: 1000px) {
  .pdp-hero { grid-template-columns: 1fr; }.pdp-gallery { max-width: 850px; }.pdp-buybox { max-width: 760px; }
  .pdp-intelligence { grid-template-columns: 1fr 1fr; }.pdp-intelligence-copy { padding: 55px; }
  .pdp-section-heading { grid-template-columns: .55fr 1.1fr 1fr; gap: 25px; }
}

@media (max-width: 800px) {
  .product-detail-page .store-link { display: none; }.secondary-page .product-detail-root { padding: 20px 16px 0; }
  .pdp-breadcrumb { margin-bottom: 17px; }.pdp-hero { margin-bottom: 70px; gap: 35px; }.pdp-gallery { display: flex; flex-direction: column-reverse; }.pdp-thumbs { flex-direction: row; }.pdp-thumb { flex: 1; }.pdp-thumb-stage { width: 100%; height: auto; aspect-ratio: 1 / 1; }.pdp-main-visual { min-height: 0; aspect-ratio: 1 / 1; }.pdp-device-wrap { transform: scale(1.25); }.pdp-main-visual.zoomed .pdp-device-wrap { transform: scale(1.6); }
  .product-detail-page { padding-bottom: 72px; }.pdp-buybox { padding-top: 0; }.pdp-buybox h1 { font-size: 38px; }.pdp-key-features ul { grid-template-columns: 1fr; gap: 7px; }.pdp-purchase-row { gap: 7px; }.pdp-buy-link, .pdp-quote { padding: 0 12px; font-size: 10px; }
  .pdp-floating-bar { min-height: 68px; grid-template-columns: 1fr 1fr; gap: 8px; padding: 9px 16px; }.pdp-floating-product, .pdp-floating-price-group { display: none; }.pdp-floating-buy, .pdp-floating-inquiry { height: 48px; padding: 0 13px; font-size: 10px; }
  .pdp-intelligence { display: block; margin-bottom: 78px; }.pdp-intelligence-copy { padding: 55px 27px 25px; }.pdp-intelligence-visual { min-height: 350px; }.pdp-core { transform: scale(.8) rotate(9deg); }.pdp-metrics div { min-height: 90px; padding: 16px; }.pdp-metrics strong { font-size: 22px; }
  .pdp-section { margin-bottom: 78px; }.pdp-section-heading { display: block; margin-bottom: 30px; }.pdp-section-heading h2 { margin: 14px 0 20px; }.pdp-feature-grid { grid-template-columns: 1fr; }.pdp-feature-card { min-height: 225px; }.pdp-feature-card h3 { margin-top: 58px; }
  .pdp-specifications { display: block; }.pdp-specifications .pdp-section-heading { position: static; margin-bottom: 32px; }.pdp-spec-row { grid-template-columns: .8fr 1.2fr; }
  .pdp-support-panel { display: block; margin-bottom: 78px; padding: 45px 25px; }.pdp-downloads { margin-top: 35px; }
  .pdp-oem-cta { display: block; margin-bottom: 78px; padding: 50px 27px; }.pdp-oem-cta > div:last-child { margin-top: 35px; }
  .pdp-related-heading h2 { font-size: 36px; }.pdp-related-grid { grid-template-columns: repeat(2,1fr); gap: 12px; }.pdp-related-grid article:last-child { display: none; }.pdp-related-grid .series-product-image { height: 250px; }
}

@media (max-width: 430px) {
  .pdp-main-visual { min-height: 0; aspect-ratio: 1 / 1; }.pdp-visual-code { display: none; }.pdp-device-wrap { transform: scale(1.05); }
  .pdp-buybox h1 { font-size: 35px; }.pdp-buy-link, .pdp-quote { padding: 0 9px; font-size: 9px; }
  .pdp-intelligence-copy h2 { font-size: 39px; }.pdp-intelligence-visual { min-height: 300px; }.pdp-orbit { transform: scale(.7); }
  .pdp-oem-cta h2 { font-size: 44px; }.pdp-related-heading { display: block; }.pdp-related-heading > a { display: inline-block; margin-top: 16px; }.pdp-related-grid .series-product-image { height: 210px; }
}

/* Marketplace-style vertical product story */
.pdp-hero { max-width: 1320px; margin-bottom: 62px; }
.pdp-long-detail { width: 100vw; margin-left: calc(50% - 50vw); padding: 42px clamp(18px,5vw,76px) 94px; background: #f1f3f6; }
.pdp-detail-nav { position: sticky; top: 82px; z-index: 18; max-width: 860px; height: 62px; display: grid; grid-template-columns: repeat(4,1fr); align-items: stretch; margin: 0 auto 14px; border: 1px solid #dbe2eb; background: rgba(255,255,255,.96); box-shadow: 0 12px 32px rgba(31,53,80,.08); backdrop-filter: blur(14px); }
.pdp-detail-nav a { position: relative; display: grid; place-items: center; color: #768496; text-decoration: none; font-size: 10px; font-weight: 700; }
.pdp-detail-nav a + a { border-left: 1px solid #e3e8ef; }.pdp-detail-nav a:hover, .pdp-detail-nav a.active { color: var(--brand-blue); }.pdp-detail-nav a.active::after { content:""; position: absolute; height: 2px; left: 28%; right: 28%; bottom: -1px; background: var(--brand-blue); }
.pdp-long-cover, .pdp-long-detail > section { scroll-margin-top: 158px; }
.pdp-long-cover { max-width: 860px; min-height: 940px; position: relative; display: grid; grid-template-rows: auto 1fr; margin: 0 auto 14px; padding: 76px 70px 54px; overflow: hidden; background: #fff; }
.pdp-long-cover::before { content:""; position: absolute; width: 560px; height: 560px; right: -270px; top: -300px; border: 1px solid #dce6f2; border-radius: 50%; box-shadow: 0 0 0 46px rgba(220,230,242,.28),0 0 0 94px rgba(220,230,242,.14); }
.pdp-long-cover-copy { position: relative; z-index: 2; }.pdp-long-cover-copy .eyebrow { color: var(--brand-blue); }
.pdp-long-cover h2 { max-width: 690px; margin: 24px 0 24px; font-size: clamp(52px,6vw,78px); line-height: .95; letter-spacing: -.075em; }.pdp-long-cover h2 em { color: var(--brand-blue); font-style: normal; }
.pdp-long-cover-copy > p:last-child { max-width: 510px; color: #69788b; font-size: 12px; line-height: 1.8; }
.pdp-long-cover-product { min-height: 480px; display: grid; place-items: center; align-self: end; position: relative; overflow: hidden; margin: 46px 0 0; background: linear-gradient(145deg,#e3ecf8,#f7f9fc); }
.pdp-long-cover-product::before { content:""; position: absolute; inset: 0; background-image: linear-gradient(rgba(79,116,165,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(79,116,165,.10) 1px,transparent 1px); background-size: 58px 58px; }
.pdp-long-cover-product.cream { background: linear-gradient(145deg,#ecebe7,#f8fafc); }.pdp-long-cover-product.black { background: linear-gradient(145deg,#dce2e9,#f6f8fa); }.pdp-long-cover-product.orange { background: linear-gradient(145deg,#f0e1d6,#faf8f5); }
.pdp-long-cover-product .series-device { filter: drop-shadow(-18px 26px 19px rgba(27,45,67,.26)); transform: scale(2.05) rotate(-18deg) !important; }.pdp-long-cover-product .series-device.cable { transform: scale(1.75) rotate(-24deg) !important; }
.pdp-scroll-label { position: absolute; left: 70px; bottom: 27px; color: #8390a0; font: 8px var(--mono); letter-spacing: .12em; }

.pdp-long-detail .pdp-intelligence { max-width: 860px; min-height: 0; grid-template-columns: 1fr; grid-template-rows: auto auto auto; margin: 0 auto 14px; }
.pdp-long-detail .pdp-intelligence-copy { padding: 82px 70px 28px; }
.pdp-long-detail .pdp-intelligence-copy h2 { max-width: 650px; font-size: clamp(48px,6vw,74px); }
.pdp-long-detail .pdp-intelligence-copy > p:not(.eyebrow) { max-width: 570px; font-size: 13px; }
.pdp-long-detail .pdp-intelligence-visual { min-height: 530px; }
.pdp-long-detail .pdp-core { width: 220px; height: 220px; }.pdp-long-detail .pdp-core span { top: 50px; font-size: 52px; }.pdp-long-detail .pdp-core b { bottom: 40px; }
.pdp-long-detail .orbit-one-detail { width: 520px; height: 340px; }.pdp-long-detail .orbit-two-detail { width: 650px; height: 260px; }
.pdp-long-detail .pdp-metrics div { min-height: 126px; padding: 24px 62px; }

.pdp-long-detail .pdp-section { max-width: 860px; margin: 0 auto 14px; background: #fff; }
.pdp-long-detail .pdp-features { padding: 82px 70px 70px; }
.pdp-long-detail .pdp-section-heading { display: block; margin-bottom: 48px; padding-bottom: 34px; }.pdp-long-detail .pdp-section-heading h2 { max-width: 650px; margin: 20px 0 24px; font-size: clamp(48px,6vw,70px); }.pdp-long-detail .pdp-section-heading > p:last-child { max-width: 530px; }
.pdp-long-detail .pdp-feature-grid { grid-template-columns: 1fr; gap: 12px; }
.pdp-long-detail .pdp-feature-card { min-height: 470px; display: flex; flex-direction: column; justify-content: flex-end; padding: 48px; border: 0; background: #eaf1fa; }
.pdp-long-detail .pdp-feature-card::before { position: absolute; right: 43px; top: 18px; color: rgba(79,118,171,.12); font-size: 160px; line-height: 1; font-weight: 800; letter-spacing: -.09em; }.pdp-long-detail .pdp-feature-card:nth-child(1)::before { content:"01"; }.pdp-long-detail .pdp-feature-card:nth-child(2)::before { content:"02"; }.pdp-long-detail .pdp-feature-card:nth-child(3)::before { content:"03"; }
.pdp-long-detail .pdp-feature-card > span { position: absolute; left: 48px; top: 46px; }.pdp-long-detail .pdp-feature-card h3 { position: relative; z-index: 2; max-width: 530px; margin: 0 0 18px; font-size: 40px; }.pdp-long-detail .pdp-feature-card p { position: relative; z-index: 2; max-width: 490px; font-size: 12px; }
.pdp-long-detail .pdp-feature-card:nth-child(2) { background: #17283f; color: #fff; }.pdp-long-detail .pdp-feature-card:nth-child(2) > span { color: #8badd8; }.pdp-long-detail .pdp-feature-card:nth-child(2) p { color: #aebdd0; }.pdp-long-detail .pdp-feature-card:nth-child(2)::before { color: rgba(134,174,225,.10); }
.pdp-long-detail .pdp-feature-card:nth-child(3) { background: linear-gradient(145deg,#6389c3,#3b659f); color: #fff; }.pdp-long-detail .pdp-feature-card:nth-child(3) > span { color: #d4e3f7; }.pdp-long-detail .pdp-feature-card:nth-child(3) p { color: #e3ebf6; }.pdp-long-detail .pdp-feature-card:nth-child(3)::before { color: rgba(255,255,255,.10); }

.pdp-long-detail .pdp-specifications { display: block; padding: 82px 70px; }.pdp-long-detail .pdp-specifications .pdp-section-heading { position: static; margin-bottom: 40px; border-bottom: 1px solid var(--pdp-line); }.pdp-long-detail .pdp-spec-row { min-height: 80px; }
.pdp-long-detail .pdp-support-panel { max-width: 860px; display: block; margin: 0 auto 14px; padding: 82px 70px; background: #fff; }.pdp-long-detail .pdp-support-panel h2 { font-size: 54px; }.pdp-long-detail .pdp-support-panel > div:first-child > p:last-child { max-width: 520px; }.pdp-long-detail .pdp-downloads { margin-top: 48px; }.pdp-long-detail .pdp-downloads a { min-height: 86px; }
.pdp-long-detail .pdp-oem-cta { max-width: 860px; min-height: 620px; display: flex; flex-direction: column; justify-content: space-between; margin: 0 auto; padding: 82px 70px; }.pdp-long-detail .pdp-oem-cta h2 { font-size: clamp(56px,7vw,82px); }.pdp-long-detail .pdp-oem-cta > div:last-child { align-self: flex-end; max-width: 480px; }
.pdp-related { margin-top: 96px; }

@media (max-width: 800px) {
  .pdp-hero { margin-bottom: 46px; }
  .pdp-long-detail { padding: 18px 10px 58px; }
  .pdp-detail-nav { top: 67px; height: 54px; margin-bottom: 10px; overflow-x: auto; grid-template-columns: repeat(4,minmax(116px,1fr)); }.pdp-detail-nav a { font-size: 9px; }
  .pdp-long-cover { min-height: 720px; margin-bottom: 10px; padding: 48px 25px 38px; }.pdp-long-cover h2 { font-size: 44px; }.pdp-long-cover-product { min-height: 315px; margin-top: 30px; }.pdp-long-cover-product .series-device { transform: scale(1.28) rotate(-18deg) !important; }.pdp-long-cover-product .series-device.cable { transform: scale(1.08) rotate(-24deg) !important; }.pdp-scroll-label { left: 25px; bottom: 19px; }
  .pdp-long-detail .pdp-intelligence { margin-bottom: 10px; }.pdp-long-detail .pdp-intelligence-copy { padding: 56px 26px 20px; }.pdp-long-detail .pdp-intelligence-copy h2 { font-size: 43px; }.pdp-long-detail .pdp-intelligence-visual { min-height: 360px; }.pdp-long-detail .pdp-core { width: 180px; height: 180px; transform: scale(.8) rotate(9deg); }.pdp-long-detail .pdp-metrics div { min-height: 90px; padding: 14px; }
  .pdp-long-detail .pdp-section { margin-bottom: 10px; }.pdp-long-detail .pdp-features { padding: 54px 24px 24px; }.pdp-long-detail .pdp-section-heading h2 { font-size: 43px; }.pdp-long-detail .pdp-feature-card { min-height: 380px; padding: 30px; }.pdp-long-detail .pdp-feature-card > span { left: 30px; top: 29px; }.pdp-long-detail .pdp-feature-card::before { right: 24px; top: 25px; font-size: 105px; }.pdp-long-detail .pdp-feature-card h3 { font-size: 32px; }
  .pdp-long-detail .pdp-specifications { padding: 54px 25px; }.pdp-long-detail .pdp-spec-row { min-height: 70px; gap: 15px; }
  .pdp-long-detail .pdp-support-panel { margin-bottom: 10px; padding: 54px 25px; }.pdp-long-detail .pdp-support-panel h2 { font-size: 42px; }.pdp-long-detail .pdp-downloads { margin-top: 32px; }
  .pdp-long-detail .pdp-oem-cta { min-height: 560px; padding: 55px 26px; }.pdp-long-detail .pdp-oem-cta h2 { font-size: 48px; }.pdp-long-detail .pdp-oem-cta > div:last-child { align-self: stretch; }
  .pdp-related { margin-top: 70px; }
}