/* Shared product storytelling, scoped to the detail template. */
[data-page="product"] .product-detail{padding-bottom:0}
[data-page="product"] .product-detail-media img{object-fit:contain}
[data-page="product"] .gallery-spec-link{display:inline-flex;margin:12px 0 0;color:var(--blue);font-size:14px;font-weight:600}
[data-product-story] h2{font-size:38px;line-height:1.2;margin:0 0 18px}
[data-product-story] h3{font-size:21px;line-height:1.3;margin:0 0 14px}
[data-product-story] p{line-height:1.8}
[data-product-story] .eyebrow{font-size:12px;line-height:1.6;letter-spacing:.08em;color:var(--blue);margin-bottom:14px}
[data-product-story] a{transition:color .18s,background-color .18s}
[data-product-story] a:not(.button):hover{color:var(--orange)}
.detail-section-nav{display:flex;align-items:center;justify-content:center;gap:48px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:48px;padding-block:20px;font-size:14px;font-weight:600}
.product-story-intro{padding-top:64px}
.story-title{max-width:730px;text-align:center;margin:0 auto 36px}
.story-title>p:last-child{max-width:650px;margin:0 auto;color:var(--muted);font-size:16px}
.product-showcase{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:30px;padding:38px 48px;background:linear-gradient(120deg,#edf3fa,#f7f9fc);border-radius:18px;overflow:hidden}
.showcase-copy h3{font-size:clamp(28px,3vw,44px);line-height:1.15;letter-spacing:-.045em}
.showcase-copy>p:not(.eyebrow){color:var(--muted);font-size:15px}
.showcase-copy a{font-size:14px;font-weight:600;color:var(--blue)}
.product-showcase>img{width:100%;height:300px;object-fit:cover;mix-blend-mode:multiply}
.product-showcase.is-portable>img{height:340px;object-fit:contain}
.product-highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding-block:30px;border-bottom:1px solid var(--line)}
.product-highlights>div{text-align:center;padding:0 20px;border-right:1px solid var(--line)}
.product-highlights>div:last-child{border:0}
.product-highlights span{display:block;color:var(--muted);font-size:13px;margin-bottom:6px}
.product-highlights strong{font:600 20px/1.4 Manrope,Arial,sans-serif;overflow-wrap:anywhere}
.detail-features{padding-block:64px}
.detail-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.feature-drawing{background:#edf3fa;border-radius:12px;position:relative;display:grid;place-items:center;height:180px;color:var(--blue);margin-bottom:22px}
.detail-feature-card:nth-child(2) .feature-drawing{background:#f7f0e9;color:#af5739}
.detail-feature-card:nth-child(3) .feature-drawing{background:#eaf2ef;color:#317060}
.feature-drawing>span{position:absolute;top:16px;left:20px;font-size:12px;font-weight:600;opacity:.8}
.feature-drawing svg{width:170px;height:145px}
.detail-feature-card p{font-size:15px;color:var(--muted);margin:0}
.detail-lifestyle{display:grid;grid-template-columns:1.08fr 1fr;gap:64px;align-items:center;padding-bottom:64px}
.detail-lifestyle figure{margin:0;position:relative;overflow:hidden;border-radius:16px}
.detail-lifestyle img{width:100%;height:380px;object-fit:cover}
.detail-lifestyle figcaption{position:absolute;bottom:16px;left:16px;padding:5px 10px;border-radius:4px;background:#ffffffec;color:var(--navy);font-size:12px}
.detail-lifestyle>div>p:not(.eyebrow){font-size:16px;color:var(--muted);margin-bottom:22px}
.detail-spec-section{padding:64px 0;background:#f4f7fb;border-block:1px solid var(--line)}
.detail-spec-heading{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:30px}
.detail-spec-heading p:last-child{margin:0;color:var(--muted);font-size:15px}
.detail-spec-heading .button{flex-shrink:0;background:#fff}
.detail-spec-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
.detail-spec-group{padding:24px;background:#fff;border:1px solid var(--line);border-radius:12px;min-width:0}
.detail-spec-group h3{font-size:18px;color:var(--navy);letter-spacing:-.02em;margin-bottom:18px}
.detail-spec-group dl{margin:0}
.detail-spec-group dl>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:20px;padding:12px 0;border-top:1px solid #e7edf3;font-size:14px;line-height:1.6}
.detail-spec-group dt{color:var(--muted)}
.detail-spec-group dd{margin:0;font-weight:500;overflow-wrap:anywhere}
.spec-explainer{display:grid;grid-template-columns:180px 1fr;gap:24px;padding:24px 0 0;margin-top:8px}
.spec-explainer h3{font-size:17px;margin:0}
.spec-explainer p{font-size:14px;color:var(--muted);margin:0}
.spec-source{color:var(--muted);font-size:12px;margin:20px 0 0}
.spec-source a{text-decoration:underline;text-underline-offset:3px}
.detail-installation{padding-block:64px}
.installation-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.installation-steps article{border-top:1px solid var(--line);padding-top:22px}
.installation-steps article>span{display:block;font:500 26px/1.4 Manrope,Arial,sans-serif;color:var(--blue);margin-bottom:16px}
.installation-steps h3{font-size:19px}
.installation-steps p{font-size:15px;color:var(--muted);margin:0}
.detail-faq{max-width:850px;margin:48px auto 0}
.detail-faq h3{font-size:25px}
.detail-faq summary{font-size:15px;padding-block:3px}
.detail-faq details p{font-size:15px;padding-right:22px}
.detail-return{border-top:1px solid var(--line);padding-block:36px 48px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.detail-return h2{font-size:28px;margin-bottom:8px}
.detail-return p:last-child{font-size:14px;color:var(--muted);margin:0}
.detail-return .eyebrow{margin-bottom:8px}
@media(max-width:1000px){
  .product-showcase{padding:30px;gap:16px}
  .detail-lifestyle{gap:32px}
  .detail-spec-grid{gap:18px}
  .detail-spec-group{padding:20px}
  .detail-feature-grid{gap:20px}
  [data-product-story] h2{font-size:32px}
}
@media(max-width:800px){
  .detail-section-nav{gap:28px}
  .detail-spec-heading{align-items:start;flex-direction:column;gap:18px}
  .detail-spec-grid{grid-template-columns:1fr}
  .product-highlights strong{font-size:17px}
  .detail-lifestyle img{height:330px}
  .detail-feature-card h3{font-size:19px}
}
@media(max-width:600px){
  [data-page="product"] .gallery-spec-link{order:2;margin:0 0 8px}
  .detail-section-nav{justify-content:space-between;flex-wrap:wrap;gap:14px 24px;margin-top:34px;padding-block:18px;font-size:13px}
  .product-story-intro{padding-top:40px}
  [data-product-story] h2{font-size:29px}
  .story-title{margin-bottom:26px;text-align:left}
  .story-title>p:last-child{font-size:15px}
  .product-showcase{grid-template-columns:1fr;padding:26px 22px;gap:10px}
  .showcase-copy h3{font-size:32px}
  .product-showcase>img{height:220px}
  .product-showcase.is-portable>img{height:270px}
  .product-highlights{grid-template-columns:1fr;padding-block:12px}
  .product-highlights>div{padding:14px 0;border-right:0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:14px;text-align:left}
  .product-highlights span{margin:0;flex-shrink:0}
  .product-highlights strong{font-size:16px;text-align:right}
  .detail-features,.detail-installation{padding-block:42px}
  .detail-feature-grid,.installation-steps{grid-template-columns:1fr;gap:28px}
  .feature-drawing{height:155px;margin-bottom:18px}
  .feature-drawing svg{width:150px;height:135px}
  .detail-feature-card h3{font-size:21px}
  .detail-lifestyle{grid-template-columns:1fr;gap:26px;padding-bottom:42px}
  .detail-lifestyle img{height:280px}
  .detail-lifestyle>div>p:not(.eyebrow){font-size:15px}
  .detail-spec-section{padding-block:42px}
  .detail-spec-group{padding:20px 16px}
  .detail-spec-group dl>div{gap:14px;font-size:14px;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr)}
  .spec-explainer{grid-template-columns:1fr;gap:10px}
  .installation-steps article>span{margin-bottom:10px}
  .detail-faq{margin-top:36px}
  .detail-return{flex-direction:column;align-items:start;gap:20px;padding-block:28px 40px}
  .detail-return .button{width:100%}
}