/* Product Experience V3 — material-led product system */

.product-experience {
  --product-paper:#f3f5f4;
  --product-fog:#e4e9e9;
  --product-ink:#071116;
  --product-blue:#07549b;
  --product-blue-deep:#07365f;
  --product-copper:#bd6c36;
  overflow-x:hidden;
}

.product-experience .eyebrow {
  color:var(--product-blue);
  font-weight:700;
}

/* Product index hero */
.product-index-hero {
  min-height:calc(100svh - 105px);
  position:relative;
  display:grid;
  grid-template-columns:minmax(500px,.92fr) minmax(540px,1.08fr);
  color:#fff;
  background:var(--product-ink);
}

.product-index-hero-copy {
  z-index:2;
  padding:clamp(48px,4vw,60px) clamp(42px,5vw,78px) 150px max(32px,calc((100vw - 1440px)/2));
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.product-index-hero .breadcrumb,
.product-index-hero .breadcrumb a { color:#9aabb4; }
.product-index-hero .breadcrumb { margin-bottom:38px; }
.product-index-hero .eyebrow { margin-bottom:24px; color:#8bc6f1; }
.product-index-hero h1 { max-width:710px; margin:0; font-size:clamp(60px,5.8vw,84px); line-height:.98; letter-spacing:-.075em; font-weight:610; }
.product-index-hero h1 span { display:block; color:#91c8ee; }
.product-index-hero-copy > p:last-of-type { max-width:620px; margin:32px 0 0; color:#bdc9ce; font-size:15px; line-height:1.9; }
.product-index-actions { margin-top:38px; display:flex; align-items:center; flex-wrap:wrap; gap:18px 30px; }
.product-index-actions .text-link { color:#fff; }

.product-index-hero-media { min-height:680px; position:relative; margin:0; display:grid; place-items:center; overflow:hidden; background:radial-gradient(circle at 48% 45%,#fdfefe 0,#dbe2e3 48%,#9aa8ad 100%); }
.product-index-hero-media::before { content:""; position:absolute; inset:0 auto 0 0; z-index:2; width:7px; background:linear-gradient(180deg,var(--product-copper) 0 22%,#fff 22% 22.5%,var(--product-blue) 22.5% 100%); }
.product-index-hero-media img { width:86%; height:75%; object-fit:contain; filter:drop-shadow(0 34px 34px rgba(7,17,22,.24)); transform:rotate(-3deg); transition:transform 1s cubic-bezier(.22,1,.36,1),filter .6s ease; }
.product-index-hero-media figcaption { position:absolute; right:30px; bottom:195px; left:34px; display:flex; justify-content:space-between; color:#445157; font-size:9px; letter-spacing:.08em; }

.product-family-rail { position:absolute; z-index:3; right:0; bottom:0; left:0; display:grid; grid-template-columns:repeat(4,1fr); background:rgba(5,13,17,.88); border-top:1px solid rgba(255,255,255,.25); backdrop-filter:blur(14px); }
.product-family-rail a { min-height:148px; padding:25px clamp(18px,2.2vw,34px); display:flex; flex-direction:column; justify-content:flex-end; color:#fff; border-right:1px solid rgba(255,255,255,.16); transition:background .3s ease,color .3s ease; }
.product-family-rail a:last-child { border-right:0; }
.product-family-rail span { font-size:20px; font-weight:620; }
.product-family-rail small { margin-top:12px; color:#91a2aa; font-size:11px; }
.product-family-rail a:hover,.product-family-rail a:focus-visible { color:var(--product-ink); background:#fff; outline:none; }
.product-family-rail a:hover small,.product-family-rail a:focus-visible small { color:#66767d; }

/* Four category stories */
.product-family-stories { padding:150px max(32px,calc((100vw - 1440px)/2)); background:#fff; }
.product-family-heading { margin-bottom:90px; display:grid; grid-template-columns:1.15fr .85fr; gap:8vw; align-items:end; }
.product-family-heading .eyebrow { grid-column:1/3; margin-bottom:-20px; }
.product-family-heading h2 { margin:0; font-size:clamp(48px,5.6vw,82px); line-height:1.04; letter-spacing:-.065em; font-weight:590; }
.product-family-heading > p:last-child { margin:0 0 8px; color:var(--muted); font-size:15px; line-height:1.9; }

.family-story { min-height:620px; display:grid; grid-template-columns:1.22fr .78fr; color:var(--product-ink); background:var(--product-paper); border-top:1px solid #c9d1d3; }
.family-story + .family-story { margin-top:56px; }
.family-story figure { min-height:620px; margin:0; display:grid; place-items:center; overflow:hidden; background:radial-gradient(circle at 50% 48%,#fff 0,#ebeeee 52%,#cfd7d8 100%); }
.family-story figure img { width:84%; height:500px; object-fit:contain; filter:drop-shadow(0 28px 22px rgba(7,17,22,.14)); transition:transform .8s cubic-bezier(.22,1,.36,1); }
.family-story > div { padding:clamp(46px,5vw,78px); display:flex; flex-direction:column; border-left:7px solid var(--product-blue); }
.family-story > div > span { color:var(--product-blue); font-size:11px; font-weight:700; }
.family-story h3 { margin:auto 0 22px; font-size:clamp(45px,4.6vw,69px); line-height:1.03; letter-spacing:-.055em; font-weight:590; }
.family-story p { max-width:440px; margin:0; color:var(--muted); font-size:14px; line-height:1.85; }
.family-story b { margin-top:45px; padding-top:18px; border-top:1px solid #9aa7ac; font-size:12px; }
.family-story.is-reverse { grid-template-columns:.78fr 1.22fr; }
.family-story.is-reverse figure { grid-column:2; grid-row:1; }
.family-story.is-reverse > div { grid-column:1; grid-row:1; border-right:7px solid var(--product-copper); border-left:0; }

/* Product archive */
.product-directory { padding:150px max(32px,calc((100vw - 1440px)/2)); background:var(--product-paper); }
.product-directory-head { margin-bottom:56px; display:grid; grid-template-columns:1.15fr .85fr; gap:8vw; align-items:end; }
.product-directory-head h2 { max-width:900px; margin:10px 0 0; font-size:clamp(48px,5vw,76px); line-height:1.05; letter-spacing:-.06em; font-weight:590; }
.product-directory-head > p { margin:0 0 6px; color:var(--muted); font-size:14px; line-height:1.85; }
.product-directory .catalog-filter { margin-bottom:28px; padding:0; border-top:1px solid var(--product-ink); border-bottom:1px solid #c7cfd1; gap:0; }
.product-directory .catalog-filter .filter-button { min-height:68px; padding:0 26px; color:#68767c; border:0; border-right:1px solid #c7cfd1; font-size:12px; font-weight:650; cursor:pointer; }
.product-directory .catalog-filter .filter-button.is-active { color:#fff; background:var(--product-blue-deep); }

.product-directory .catalog-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; background:#c9d0d2; }
.product-archive-card { min-height:690px; display:flex; flex-direction:column; color:var(--product-ink); background:#fff; }
.product-archive-card[hidden] { display:none; }
.product-archive-card figure { min-height:390px; margin:0; display:grid; place-items:center; overflow:hidden; background:radial-gradient(circle at 50% 45%,#fff 0,#eef1f0 60%,#d5dcdd 100%); }
.product-archive-card figure img { width:86%; height:340px; object-fit:contain; filter:drop-shadow(0 22px 18px rgba(7,17,22,.14)); transition:transform .75s cubic-bezier(.22,1,.36,1),filter .4s ease; }
.product-archive-card-copy { min-height:300px; padding:27px 30px 30px; display:flex; flex-direction:column; border-top:5px solid var(--product-blue); }
.product-archive-card-copy > p { margin:0; display:flex; justify-content:space-between; gap:20px; color:var(--product-blue); font-size:10px; font-weight:700; }
.product-archive-card-copy > p b { color:#78868c; font-size:9px; font-weight:600; }
.product-archive-card h3 { margin:22px 0 14px; font-size:30px; line-height:1.15; letter-spacing:-.035em; font-weight:610; }
.product-archive-card small { max-width:620px; color:var(--muted); font-size:12px; line-height:1.7; }
.product-archive-card dl { margin:28px 0 0; padding-top:15px; display:grid; grid-template-columns:1fr 1fr; gap:18px; border-top:1px solid var(--line); }
.product-archive-card dl div { display:grid; gap:7px; }
.product-archive-card dt { color:#7e8c91; font-size:8px; }
.product-archive-card dd { margin:0; font-size:12px; font-weight:620; }
.product-archive-card em { margin-top:auto; padding-top:25px; display:flex; justify-content:space-between; color:var(--product-blue); font-size:11px; font-style:normal; font-weight:700; }
.catalog-result-note { margin:24px 0 0; color:var(--muted); font-size:11px; }
.catalog-result-note strong { color:var(--product-ink); }

.product-selection-path { padding:135px max(32px,calc((100vw - 1440px)/2)); display:grid; grid-template-columns:.8fr 1.2fr; gap:8vw; color:#fff; background:var(--product-blue-deep); }
.product-selection-path h2 { margin:14px 0 0; font-size:clamp(45px,4.8vw,70px); line-height:1.08; letter-spacing:-.06em; font-weight:580; }
.product-selection-path .eyebrow { color:#91c8ee; }
.product-selection-path ol { margin:0; padding:0; list-style:none; border-top:1px solid rgba(255,255,255,.6); }
.product-selection-path li { min-height:115px; padding:22px 0; display:grid; grid-template-columns:60px 1fr 1.25fr; gap:25px; align-items:center; border-bottom:1px solid rgba(255,255,255,.18); }
.product-selection-path li span { color:#86bce5; font-size:10px; }
.product-selection-path li strong { font-size:18px; }
.product-selection-path li p { margin:0; color:#adc0c9; font-size:12px; line-height:1.7; }

/* Independent product category pages */
.category-hero { min-height:calc(100svh - 105px); display:grid; grid-template-columns:minmax(450px,.83fr) minmax(520px,1.17fr); color:#fff; background:var(--product-blue-deep); }
.category-hero-copy { padding:clamp(64px,7vw,110px) clamp(42px,6vw,96px) clamp(70px,7vw,110px) max(32px,calc((100vw - 1440px)/2)); display:flex; flex-direction:column; justify-content:center; }
.category-hero .breadcrumb,.category-hero .breadcrumb a { color:#b7c8d1; }
.category-hero .eyebrow { color:#91c8ee; }
.category-hero h1 { margin:20px 0 0; font-size:clamp(78px,8vw,126px); line-height:.84; letter-spacing:-.075em; font-weight:600; }
.category-hero-copy > p:last-of-type { max-width:600px; margin:38px 0 0; color:#c1d0d7; font-size:15px; line-height:1.9; }
.category-hero-actions { margin-top:42px; display:flex; flex-wrap:wrap; align-items:center; gap:18px 30px; }
.category-hero-actions .text-link { color:#fff; }
.category-hero-media { min-height:680px; position:relative; margin:0; display:grid; place-items:center; overflow:hidden; background:radial-gradient(circle at 50% 45%,#fff 0,#e5e9e8 56%,#bfc8ca 100%); border-left:7px solid var(--product-copper); }
.category-hero-media img { width:88%; height:78%; object-fit:contain; filter:drop-shadow(0 30px 26px rgba(7,17,22,.2)); transition:transform .9s cubic-bezier(.22,1,.36,1); }
.category-hero-media figcaption { position:absolute; right:28px; bottom:24px; left:28px; display:flex; justify-content:space-between; color:#536067; font-size:9px; }

.category-switcher { min-height:86px; padding:0 max(32px,calc((100vw - 1440px)/2)); display:grid; grid-template-columns:repeat(4,1fr); background:#fff; border-bottom:1px solid var(--line); }
.category-switcher a { padding:0 25px; display:flex; align-items:center; color:#69777d; border-right:1px solid var(--line); font-size:13px; font-weight:650; }
.category-switcher a:first-child { border-left:1px solid var(--line); }
.category-switcher a.is-active { color:#fff; background:var(--product-ink); }

.category-principles { padding:145px max(32px,calc((100vw - 1440px)/2)); background:#fff; }
.category-principles > header { margin-bottom:75px; display:grid; grid-template-columns:.82fr 1.18fr; gap:7vw; align-items:end; }
.category-principles > header .eyebrow { align-self:start; }
.category-principles h2 { margin:0; font-size:clamp(48px,5.2vw,78px); line-height:1.05; letter-spacing:-.06em; font-weight:590; }
.category-principle-grid { display:grid; grid-template-columns:repeat(4,1fr); border-top:4px solid var(--product-blue); }
.category-principle-grid article { min-height:330px; padding:28px; display:flex; flex-direction:column; border-right:1px solid var(--line); border-bottom:1px solid var(--line); }
.category-principle-grid article:first-child { border-left:1px solid var(--line); }
.category-principle-grid span { color:var(--product-blue); font-size:10px; font-weight:700; }
.category-principle-grid strong { margin-top:auto; font-size:24px; line-height:1.28; }
.category-principle-grid p { margin:17px 0 0; color:var(--muted); font-size:12px; line-height:1.75; }

.category-products { padding:145px max(32px,calc((100vw - 1440px)/2)); background:var(--product-paper); }
.category-products-head { margin-bottom:58px; display:grid; grid-template-columns:1.12fr .88fr; gap:8vw; align-items:end; }
.category-products-head h2 { margin:12px 0 0; font-size:clamp(48px,5vw,76px); line-height:1.05; letter-spacing:-.06em; font-weight:590; }
.category-products-head > p { margin:0 0 6px; color:var(--muted); font-size:14px; line-height:1.85; }
.category-product-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; background:#c9d0d2; }
.category-product-card { min-height:720px; display:flex; flex-direction:column; color:var(--product-ink); background:#fff; }
.category-product-card figure { min-height:400px; margin:0; display:grid; place-items:center; overflow:hidden; background:radial-gradient(circle at 50% 45%,#fff 0,#eef1f0 60%,#d5dcdd 100%); }
.category-product-card figure img { width:86%; height:350px; object-fit:contain; filter:drop-shadow(0 22px 18px rgba(7,17,22,.14)); transition:transform .75s cubic-bezier(.22,1,.36,1),filter .4s ease; }
.category-product-card > div { flex:1; min-height:320px; padding:28px 30px 30px; display:flex; flex-direction:column; border-top:5px solid var(--product-blue); }
.category-product-card p { margin:0; color:var(--product-blue); font-size:10px; font-weight:700; }
.category-product-card h3 { margin:21px 0 14px; font-size:30px; line-height:1.14; letter-spacing:-.035em; }
.category-product-card small { color:var(--muted); font-size:12px; line-height:1.72; }
.category-product-card dl { margin:27px 0 0; padding-top:15px; display:grid; grid-template-columns:repeat(3,1fr); gap:15px; border-top:1px solid var(--line); }
.category-product-card dt { color:#7a888d; font-size:8px; }
.category-product-card dd { margin:7px 0 0; font-size:11px; font-weight:620; }
.category-product-card b { margin-top:auto; padding-top:24px; display:flex; justify-content:space-between; color:var(--product-blue); font-size:11px; }

.category-data-band { padding:130px max(32px,calc((100vw - 1440px)/2)); display:grid; grid-template-columns:.82fr 1.18fr; gap:8vw; color:#fff; background:var(--product-ink); }
.category-data-band.is-light { background:var(--product-blue-deep); }
.category-data-band .eyebrow { color:#91c8ee; }
.category-data-band h2 { margin:14px 0 0; font-size:clamp(45px,4.8vw,70px); line-height:1.08; letter-spacing:-.06em; font-weight:580; }
.category-data-band > div > p:last-child { max-width:580px; margin:28px 0 0; color:#aebdc4; font-size:13px; line-height:1.8; }
.category-data-band dl { margin:0; border-top:1px solid rgba(255,255,255,.65); }
.category-data-band dl div { min-height:108px; padding:22px 0; display:grid; grid-template-columns:1fr 1fr; gap:25px; align-items:center; border-bottom:1px solid rgba(255,255,255,.18); }
.category-data-band dt { color:#91a5af; font-size:10px; }
.category-data-band dd { margin:0; font-size:20px; font-weight:620; }

/* Product detail visual refinement */
.page-product-detail.product-experience .catalog-detail-hero { min-height:calc(100svh - 105px); padding-top:72px; padding-bottom:72px; background:#fff; }
.page-product-detail.product-experience .catalog-detail-copy h1 { font-size:clamp(62px,6.4vw,98px); }
.page-product-detail.product-experience .catalog-detail-facts { grid-template-columns:repeat(4,1fr); }
.page-product-detail.product-experience .catalog-detail-media { min-height:620px; }
.page-product-detail.product-experience .catalog-detail-media img { height:550px; transition:transform .85s cubic-bezier(.22,1,.36,1); }
.detail-data-status { margin-top:24px; padding:13px 16px; display:inline-flex; align-items:center; gap:10px; color:var(--product-blue-deep); background:#eaf2f7; font-size:11px; font-weight:650; }
.detail-data-status::before { content:""; width:7px; height:7px; background:var(--product-blue); border-radius:50%; }
.product-variant-cards { display:none; }
.detail-category-link { color:var(--product-blue); }

/* Intentional image interaction */
@media (hover:hover) and (pointer:fine) {
  .product-index-hero-media:hover img { transform:rotate(-1deg) scale(1.08); filter:drop-shadow(0 40px 38px rgba(7,17,22,.3)); }
  .family-story:hover figure img,
  .product-archive-card:hover figure img,
  .category-hero-media:hover img,
  .category-product-card:hover figure img,
  .page-product-detail.product-experience .catalog-detail-media:hover img { transform:scale(1.09); filter:drop-shadow(0 30px 24px rgba(7,17,22,.2)); }
  .family-story,.product-archive-card,.category-product-card { transition:transform .35s ease,box-shadow .35s ease; }
  .family-story:hover,.product-archive-card:hover,.category-product-card:hover { transform:translateY(-6px); box-shadow:0 22px 44px rgba(7,17,22,.11); }
}

@media (max-width:1100px) {
  .product-index-hero,.category-hero { grid-template-columns:1fr 1fr; }
  .product-index-hero-copy,.category-hero-copy { padding-left:32px; }
  .product-family-heading,.product-directory-head,.category-products-head { grid-template-columns:1fr; gap:30px; }
  .product-family-heading .eyebrow { grid-column:1; margin-bottom:0; }
  .category-principle-grid { grid-template-columns:repeat(2,1fr); }
  .category-principle-grid article:nth-child(3) { border-left:1px solid var(--line); }
}

@media (max-width:960px) {
  .product-index-hero,.category-hero { min-height:0; grid-template-columns:1fr; }
  .product-index-hero-copy { min-height:600px; padding:72px 32px 185px; }
  .product-index-hero-media { min-height:560px; }
  .product-family-rail { grid-template-columns:1fr 1fr; }
  .product-family-rail a { min-height:95px; padding:18px 24px; }
  .product-family-rail a:nth-child(2) { border-right:0; }
  .product-family-rail a:nth-child(-n+2) { border-bottom:1px solid rgba(255,255,255,.16); }
  .product-index-hero-media figcaption { bottom:26px; }
  .family-story,.family-story.is-reverse { min-height:0; grid-template-columns:1fr; }
  .family-story figure,.family-story.is-reverse figure { min-height:500px; grid-column:1; grid-row:1; }
  .family-story > div,.family-story.is-reverse > div { min-height:400px; grid-column:1; grid-row:2; border-right:0; border-left:7px solid var(--product-blue); }
  .product-selection-path,.category-data-band { grid-template-columns:1fr; gap:55px; }
  .category-hero-copy { min-height:560px; padding:68px 32px; }
  .category-hero-media { min-height:540px; border-top:7px solid var(--product-copper); border-left:0; }
  .category-switcher { padding:0 32px; }
  .category-principles > header { grid-template-columns:1fr; gap:25px; }
}

@media (max-width:700px) {
  .product-index-hero { display:flex; flex-direction:column; }
  .product-index-hero-copy { min-height:0; padding:48px 16px 38px; order:1; }
  .product-index-hero .breadcrumb { margin-bottom:38px; }
  .product-index-hero .eyebrow { margin-bottom:18px; }
  .product-index-hero h1 { font-size:50px; line-height:1.02; }
  .product-index-hero-copy > p:last-of-type { margin-top:24px; font-size:14px; line-height:1.72; }
  .product-index-actions { margin-top:28px; }
  .product-index-hero-media { order:2; min-height:360px; margin:0 16px; border-top:5px solid var(--product-copper); }
  .product-index-hero-media::before { width:5px; }
  .product-index-hero-media img { width:92%; height:310px; }
  .product-index-hero-media figcaption { right:14px; bottom:14px; left:14px; }
  .product-family-rail { order:3; position:relative; grid-template-columns:1fr 1fr; backdrop-filter:none; background:var(--product-ink); }
  .product-family-rail a { min-height:104px; padding:17px 16px; }
  .product-family-rail span { font-size:15px; }
  .product-family-rail small { font-size:9px; line-height:1.5; }

  .product-family-stories,.product-directory,.category-principles,.category-products { padding:88px 16px; }
  .product-family-heading { margin-bottom:48px; }
  .product-family-heading h2,.product-directory-head h2,.category-products-head h2 { font-size:38px; }
  .product-family-heading > p:last-child,.product-directory-head > p,.category-products-head > p { font-size:13px; line-height:1.75; }
  .family-story + .family-story { margin-top:24px; }
  .family-story figure,.family-story.is-reverse figure { min-height:290px; }
  .family-story figure img { height:250px; }
  .family-story > div,.family-story.is-reverse > div { min-height:310px; padding:26px 22px 28px; border-left-width:5px; }
  .family-story h3 { margin:auto 0 16px; font-size:36px; }
  .family-story p { font-size:12px; line-height:1.75; }
  .family-story b { margin-top:28px; }

  .product-directory .catalog-filter { margin-right:-16px; overflow-x:auto; }
  .product-directory .catalog-filter .filter-button { flex:0 0 auto; min-height:58px; padding:0 19px; }
  .product-directory .catalog-grid,.category-product-grid { grid-template-columns:1fr; }
  .product-archive-card,.category-product-card { min-height:0; }
  .product-archive-card figure,.category-product-card figure { min-height:275px; }
  .product-archive-card figure img,.category-product-card figure img { height:245px; }
  .product-archive-card-copy,.category-product-card > div { min-height:315px; padding:22px 20px 24px; border-top-width:4px; }
  .product-archive-card h3,.category-product-card h3 { font-size:25px; }
  .product-archive-card dl { gap:12px; }
  .product-selection-path,.category-data-band { padding:88px 16px; }
  .product-selection-path h2,.category-data-band h2 { font-size:38px; }
  .product-selection-path li { grid-template-columns:34px 1fr; gap:9px 15px; }
  .product-selection-path li p { grid-column:2; }

  .category-hero { display:flex; flex-direction:column; }
  .category-hero-copy { min-height:0; padding:46px 16px 40px; order:1; }
  .category-hero .breadcrumb { margin-bottom:36px; }
  .category-hero h1 { margin-top:18px; font-size:64px; line-height:.9; }
  .category-hero-copy > p:last-of-type { margin-top:27px; font-size:14px; line-height:1.72; }
  .category-hero-actions { margin-top:30px; }
  .category-hero-media { order:2; min-height:340px; margin:0 16px 18px; }
  .category-hero-media img { width:94%; height:300px; }
  .category-hero-media figcaption { right:14px; bottom:12px; left:14px; }
  .category-switcher { min-height:0; padding:0 16px; grid-template-columns:1fr 1fr; background:var(--product-paper); }
  .category-switcher a { min-height:58px; padding:0 14px; border-bottom:1px solid var(--line); font-size:11px; }
  .category-principles > header { margin-bottom:45px; }
  .category-principles h2 { font-size:38px; }
  .category-principle-grid { grid-template-columns:1fr; }
  .category-principle-grid article,.category-principle-grid article:nth-child(3) { min-height:215px; padding:22px; border-left:1px solid var(--line); }
  .category-principle-grid strong { margin-top:60px; font-size:21px; }
  .category-products-head { margin-bottom:42px; }
  .category-product-card dl { grid-template-columns:1fr; gap:12px; }
  .category-product-card dl div { display:grid; grid-template-columns:110px 1fr; gap:12px; }
  .category-product-card dd { margin:0; }
  .category-data-band dl div { min-height:86px; }
  .category-data-band dd { font-size:16px; }

  .page-product-detail.product-experience .catalog-detail-hero { padding:42px 16px 34px; gap:28px; }
  .page-product-detail.product-experience .catalog-detail-copy h1 { font-size:47px; }
  .page-product-detail.product-experience .catalog-detail-media { min-height:330px; }
  .page-product-detail.product-experience .catalog-detail-media img { height:292px; }
  .page-product-detail.product-experience .catalog-detail-facts { grid-template-columns:1fr 1fr; }
  .page-product-detail.product-experience .catalog-detail-facts > div,.page-product-detail.product-experience .catalog-detail-facts > div + div { min-height:82px; padding:14px 10px 12px 0; border-right:0; }
  .product-variants-scroll { display:none; }
  .product-variant-cards { display:grid; gap:14px; }
  .product-variant-card { padding:20px 18px; background:#fff; border-top:4px solid var(--product-blue); box-shadow:0 8px 24px rgba(7,17,22,.06); }
  .product-variant-card h4 { margin:0 0 18px; font-size:17px; line-height:1.35; }
  .product-variant-card dl { margin:0; display:grid; grid-template-columns:1fr 1fr; gap:14px; }
  .product-variant-card dl div { min-width:0; }
  .product-variant-card dt { color:#7c898f; font-size:8px; }
  .product-variant-card dd { margin:6px 0 0; overflow-wrap:anywhere; font-size:11px; font-weight:620; }
}

@media (prefers-reduced-motion:reduce) {
  .product-experience *,.product-experience *::before,.product-experience *::after { transition:none!important; }
}