/* Functional additions only. Module dimensions, colors and typography come from the source CSS. */
[data-toffee-product-sections] .toffee-detail-sheet{margin:20px 0 32px;max-width:100%}
[data-toffee-product-sections] .toffee-detail-sheet a{display:block}
[data-toffee-product-sections] .toffee-detail-sheet img{display:block;position:static;width:100%;height:auto;max-width:100%;max-height:none;object-fit:contain}
[data-toffee-product-sections] .toffee-detail-sheet figcaption{margin-top:8px}
[data-toffee-product-sections] .toffee-media-file-list{display:flex;flex-wrap:wrap;gap:12px 24px;padding-left:20px}
[data-toffee-product-sections] .toffee-media-file-list a{text-decoration:underline}
[data-toffee-product-sections] .toffee-section-video-fallback{display:block;width:100%;height:100%;object-fit:contain}
[data-toffee-product-sections] [data-toffee-spec-accordion]{scroll-margin-top:90px}
[data-toffee-carousel] .slick-track{transition:transform .35s ease}
[data-toffee-carousel] .slick-list{touch-action:pan-y}
[data-toffee-product-sections] a:focus-visible,[data-toffee-product-sections] button:focus-visible,[data-toffee-supporting-nav] [role=button]:focus-visible{outline:2px solid currentColor;outline-offset:4px}
@media(max-width:1023px){[data-toffee-supporting-nav] .nav-links-btn-wrapper>li{display:none}[data-toffee-supporting-nav] .toffee-supporting-toggle{cursor:pointer;padding-right:24px}[data-toffee-supporting-nav] .toffee-supporting-toggle::after{content:'';position:absolute;right:4px;top:50%;width:7px;height:7px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:translateY(-70%) rotate(45deg)}[data-toffee-supporting-nav] .toffee-supporting-toggle[aria-expanded=true]::after{transform:translateY(-30%) rotate(225deg)}}
@media(min-width:1024px){[data-toffee-supporting-nav] .sub-navigation-wrapper-mobile{display:none!important}}
@media(prefers-reduced-motion:reduce){[data-toffee-carousel] .slick-track{transition:none}}

[data-toffee-supporting-nav]{transition:top .4s ease-in-out}
@media(prefers-reduced-motion:reduce){[data-toffee-supporting-nav]{transition:none}}
/* Keep the original comparison columns scrollable within their existing container. */
#comparisonSection .productComparison>.row>.col-xs-12{min-width:0}
#comparisonSection .tContainer.teaserContainer{min-width:0;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}

/* Keep source grid gutters inside the viewport around the scrollable comparison. */
#comparisonSection{overflow-x:clip}