/* Scope all layout changes to Products; desktop keeps the approved panels. */
.product-index{display:flex;flex-direction:column}
.product-index>.page-intro{order:0}.product-index>.product-browser{order:2}.product-index>.size-section{order:1}
.product-index>.choice-section{order:3}.product-index>.comparison-section{order:4}.product-index>.contact-band{order:5}
.product-browser-dots{display:none}.product-browser-track{margin:0}
@media(max-width:1365px),(pointer:coarse){
 .product-index>.product-browser{order:1;min-width:0}.product-index>.size-section{order:2}
 .product-index>.page-intro{padding:35px var(--gutter) 24px;max-width:100%}
 .product-index>.page-intro h1{font-size:clamp(30px,4.5vw,54px);max-width:850px;line-height:1.08}
 .product-index>.page-intro>.lead{font-size:14px;max-width:660px;margin-top:18px}
 .product-browser{overflow:hidden;padding-bottom:28px}
 .product-browser-track{--browse-card:min(560px,calc(100vw - 96px));--browse-side:calc((100% - var(--browse-card))/2);display:flex;gap:22px;overflow-x:auto;overflow-y:hidden;padding:5px var(--browse-side) 10px;scroll-padding-inline:var(--browse-side);scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y;outline-offset:-4px}
 .product-browser-track::-webkit-scrollbar{display:none}
 .product-browser .product-panel,.product-browser .product-panel:nth-child(2){display:flex;flex-direction:column;flex:0 0 var(--browse-card);min-width:0;min-height:665px;margin:0;padding:25px 24px 28px;border:1px solid #dfe9f1;border-radius:22px;background:linear-gradient(145deg,#fcfdfe,#f2f7fb);scroll-snap-align:center;scroll-snap-stop:always;gap:0}
 .product-browser .product-panel .panel-photo{order:0;width:100%;height:345px;min-height:0;background:transparent;padding:0;display:flex;align-items:flex-end;justify-content:center;pointer-events:none}
 .product-browser .panel-photo .product-photo{width:auto;max-width:100%;height:auto;max-height:320px;object-fit:contain}
 .product-browser .product-panel:nth-child(2) .product-photo{max-height:280px}
 .product-browser .product-panel:nth-child(3) .product-photo{max-height:235px}
 .product-browser .product-panel-copy{order:1;display:flex;flex:1;flex-direction:column;align-items:center;text-align:center;padding:0;min-width:0;width:100%}
 .product-browser .product-panel-copy>.eyebrow{display:none}
 .product-browser .product-panel-copy>.brand{width:280px;max-width:100%;height:36px;object-fit:contain;object-position:center;margin:24px 0 0}
 .product-browser .product-panel-copy h2{font-size:25px;line-height:1.18;min-height:60px;max-width:440px;margin:20px 0 0}
 .product-browser .product-panel-copy>p:not(.eyebrow){font-size:13px;line-height:1.7;max-width:420px;margin:16px 0 20px;min-height:66px}
 .product-browser .product-panel-copy>.text-link{font-size:12px;margin:auto 0 0;padding-bottom:8px;gap:16px}
 .product-browser-ready .product-browser-dots{display:flex;justify-content:center;margin:8px auto 0}
 .browse-dot{width:44px;height:44px;padding:0;display:grid;place-items:center;background:none;border:0;border-radius:50%;cursor:pointer}
 .browse-dot span{display:block;width:6px;height:6px;border-radius:8px;background:#c6d8e5}
 .browse-dot[aria-current=true] span{width:25px;height:5px;background:var(--blue)}
 .browse-dot:focus-visible{outline:2px solid var(--blue);outline-offset:-3px}
 .supports-product-drag .product-browser-track{touch-action:pan-y;cursor:grab}
 .product-browser-track.is-dragging,.product-browser-track.is-settling{scroll-snap-type:none;scroll-behavior:auto}
 .product-browser-track.is-dragging{cursor:grabbing}
 .product-browser-track img,.product-browser-track .product-panel-copy{user-select:none;-webkit-user-select:none;-webkit-user-drag:none}
}
@media(max-width:767px){
 .product-index>.page-intro{padding:26px 24px 22px}
 .product-index>.page-intro>.eyebrow{margin-bottom:15px}
 .product-index>.page-intro h1{font-size:32px;line-height:1.06;letter-spacing:-.045em}
 .product-index>.page-intro>.lead{font-size:12px;line-height:1.7;margin-top:15px}
 .product-browser-track{--browse-card:calc(100vw - 72px);gap:14px}
 .product-browser .product-panel,.product-browser .product-panel:nth-child(2){min-height:575px;padding:18px 16px 24px;border-radius:22px}
 .product-browser .product-panel .panel-photo{height:282px}
 .product-browser .panel-photo .product-photo{max-height:270px}
 .product-browser .product-panel:nth-child(2) .product-photo{max-height:235px}
 .product-browser .product-panel:nth-child(3) .product-photo{max-height:207px}
 .product-browser .product-panel-copy>.brand{height:30px;width:260px;margin-top:22px}
 .product-browser .product-panel-copy h2{font-size:21px;min-height:76px;max-width:310px;margin-top:19px}
 .product-browser .product-panel-copy>p:not(.eyebrow){font-size:11px;line-height:1.65;min-height:73px;margin:10px 0 17px}
 .product-browser .product-panel-copy>.text-link{font-size:11px}
}
@media(max-width:360px){
 .product-index>.page-intro h1{font-size:29px}.product-browser-track{--browse-card:calc(100vw - 56px);gap:12px}
 .product-browser .product-panel,.product-browser .product-panel:nth-child(2){padding:14px 12px 22px;min-height:550px}
 .product-browser .product-panel .panel-photo{height:250px}.product-browser .panel-photo .product-photo{max-height:240px}
 .product-browser .product-panel:nth-child(2) .product-photo{max-height:211px}.product-browser .product-panel:nth-child(3) .product-photo{max-height:185px}
 .product-browser .product-panel-copy h2{font-size:20px}.product-browser .product-panel-copy>.brand{height:27px}
}
@media(prefers-reduced-motion:reduce){.product-browser-track{scroll-behavior:auto}}
@media(max-width:767px){.product-browser .product-panel-copy>p:not(.eyebrow){min-height:60px}.product-browser .product-panel-copy>.text-link{margin-top:18px}}