/* desktop_mode: sidebar-layout; tablet_mode: priority-content-grid; mobile_mode: editorial-flow; mobile_reflow: priority-content-only */
@media (max-width: 980px){
body{padding-left:0!important;padding-right:0!important}.site-header{position:sticky!important;left:auto!important;right:auto!important;top:0!important;bottom:auto!important;width:auto!important;height:auto!important;margin:0!important;border-radius:0!important}
.internal-grid,.internal-split{grid-template-columns:1fr}.internal-aside{position:relative;top:auto}.main-nav{display:none}.menu-button{display:inline-flex}.main-nav.is-open{display:flex;position:absolute;left:0;right:0;top:100%;padding:1rem;background:var(--surface-color);border-bottom:1px solid var(--border-color);flex-direction:column;align-items:stretch}
.section-components{grid-template-columns:repeat(2,minmax(0,1fr))!important}.section-inner{transform:none!important}
}
@media (max-width: 640px){
:root{--section-space:2rem}.site-header{min-height:48px}.brand-link img{height:min(34px,var(--logo-height))}h1{font-size:clamp(1.8rem,8vw,2.75rem)}
.section-components,.rating-review-list,.variant-rating-strip,.variant-sidebar-rating{grid-template-columns:1fr!important}.section-components{display:grid!important}.home-section .section-inner{min-height:0!important;padding-left:1rem;padding-right:1rem}.component{transform:none!important;margin-left:0!important}
.section-s1 .section-components{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.5rem}
.section-s2 .section-components{display:grid!important;grid-auto-flow:column;grid-auto-columns:78vw;grid-template-columns:none!important;overflow-x:auto}
.section-s3 .section-components{display:grid!important;grid-template-columns:1fr!important}
.section-s4 .component:nth-child(n+2) .hero-visual{display:none}
.section-s5 .section-components{display:grid!important;grid-template-columns:1fr!important}
.section-s6 .section-components{display:grid!important;grid-template-columns:1fr!important}
.section-s7 .section-components{display:grid!important;grid-template-columns:1fr!important}
.section-s8 .section-components{display:grid!important;grid-template-columns:1fr!important}
.section-s9 .section-components{display:flex!important;flex-direction:column-reverse!important}
.hero-copy{display:flex;flex-direction:column}
.hero-copy h1{order:2}
.hero-actions{order:5}
}