/* Copy approved against the 2026-10 packaging. Keep the established MiSans layout. */
.home-hero-brand { margin: 0 0 14px; font-size: 18px; letter-spacing: .06em; }
.hero--video > .hero-copy { max-width: 62%; bottom: 9%; }
.hero--video h1 { font-size: clamp(28px, 3.3vw, 48px); white-space: pre-line; }
.hero--video .hero-sub { max-width: 34em; line-height: 1.75; }
.home-video-page:lang(en) .hero--video h1 { font-size: clamp(26px, 2.8vw, 41px); max-width: 21em; }
.brand-story-description { white-space: normal; text-wrap: pretty; }
.bag-entry-actions { display: flex; justify-content: center; margin-top: 28px; }
.bag-entry-actions .btn { height: auto; min-height: 44px; white-space: normal; text-align: center; }
.detail-page .spec-row dd { overflow-wrap: anywhere; }
.bag-usage-visual { aspect-ratio: 925 / 813; position: relative; overflow: hidden; background: #f9f9fb; width: 100%; }
.bag-usage-visual > img { position: absolute; max-width: none; width: 108.108108%; height: auto; left: -3.243243%; top: -86.838868%; }
.product--bag .product-media { display: flex; align-items: center; }
.product--bag .product-media .bag-usage-visual { height: auto; aspect-ratio: 925 / 813; }
.product--bag .product-media .bag-usage-visual > img { width: 108.108108%; height: auto; object-fit: initial; transform: none; top: -86.838868%; }
.bag-hero-figure .bag-usage-visual { border-radius: 2px; }
.bag-variant-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.bag-variant { display: flex; flex-direction: column; padding: 32px 28px; border-top: 3px solid #4b7fa0; background: #fff; min-width: 0; }
.bag-variant--eco { border-color: #32664b; }
.bag-variant--heavy { border-color: #3b4141; }
.bag-variant-name { font-size: 15px; color: #5e645e; }
.bag-variant-length { margin: 22px 0 26px; font-size: clamp(28px, 3.4vw, 46px); line-height: 1.2; letter-spacing: -.03em; }
.bag-variant h3 { font-size: 20px; line-height: 1.65; text-wrap: balance; }
.bag-variant-copy { margin: 16px 0 28px; color: var(--ink-2); font-size: 15px; line-height: 1.9; }
.bag-variant-detail { margin-top: auto; padding-top: 18px; border-top: 1px solid var(--line); font-size: 13px; line-height: 1.8; color: #747773; }
.bag-operation-pair { max-width: 720px; }
.bag-operation-pair > figure { background: white; padding: 20px; }
.bag-operation-pair figcaption { line-height: 1.8; }
.lid-compat { font-size: 13px; line-height: 1.7; margin-top: 12px; color: var(--ink-3); }
.lid-color { cursor: pointer; font: inherit; font-size: 14px; background: transparent; border: 0; border-bottom: 1px solid transparent; }
.lid-color:focus-visible { outline: 2px solid #337a40; outline-offset: 4px; }
.lid-swatch--grey { background: #b2b6ba; }
.lid-spec-images { grid-template-columns: repeat(2, minmax(0, 280px)); }
.lid-hero-inner { grid-template-columns: 1fr 1.1fr; }
.lid-subtitle { font-size: clamp(18px, 1.5vw, 22px); }
.lid-hero-copy { padding-block: 24px; }
@media (max-width: 760px) {
  .hero--video > .hero-copy { max-width: none; bottom: auto; }
  .home-hero-brand { font-size: 14px; margin-bottom: 12px; }
  .hero--video h1 { font-size: clamp(24px, 6.2vw, 32px); line-height: 1.35; }
  .home-video-page:lang(en) .hero--video h1 { font-size: clamp(24px, 6.2vw, 32px); }
  .hero--video .hero-sub { font-size: 14px; max-width: 30em; }
  .bag-variant-grid { grid-template-columns: 1fr; gap: 20px; }
  .bag-variant { padding: 26px 24px; }
  .bag-variant-length { margin: 16px 0 20px; font-size: 36px; }
  .bag-variant h3 { text-wrap: initial; }
  .bag-hero-figure { margin: 0 0 32px; }
  .bag-operation-pair { gap: 16px; }
  .bag-operation-pair > figure { padding: 10px; }
  .bag-operation-pair figcaption { font-size: 13px; }
  .lid-hero-inner { grid-template-columns: 1fr; }
  .lid-hero-copy { padding-block: 0; }
  .lid-subtitle { font-size: 19px; }
  .lid-spec-images { gap: 14px; }
}

.hero--video .hero-sub { white-space: pre-line; }

/* Refill compatibility replaces the unsupported material-benefit section. */
.bag-compatible-models { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.bag-compatible-models a { display:flex; flex-direction:column; align-items:center; gap:16px; color:inherit; text-decoration:none; min-width:0; }
.bag-compatible-models img { display:block; width:100%; aspect-ratio:880/902; object-fit:contain; background:#f8f8f8; }
.bag-compatible-models span { font-size:18px; }
@media(max-width:600px){.bag-compatible-models{gap:10px}.bag-compatible-models a{gap:10px}.bag-compatible-models span{font-size:14px}}

/* Match visible product height and floor line without distorting source photos. */
.bag-compatible-models { gap:28px; align-items:start; }
.bag-compatible-models a { gap:18px; }
.bag-compatible-models .bag-model-image { position:relative; width:100%; aspect-ratio:1; overflow:hidden; background:#c5c5c5; }
.bag-compatible-models .bag-model-image img { position:absolute; display:block; max-width:none; width:100%; height:auto; aspect-ratio:auto; object-fit:initial; left:0; top:0; }
.bag-compatible-models .bag-model-image--pro img { width:105.6%; left:-2.8%; top:-4.1%; }
.bag-compatible-models .bag-model-image--pro-h img { width:160%; left:-27.4%; top:-13.3%; }
#bag-compatibility .bag-section-head { margin-bottom:40px; }
@media(max-width:600px){.bag-compatible-models{gap:12px}.bag-compatible-models a{gap:12px}#bag-compatibility .bag-section-head{margin-bottom:26px}}