.listProduct .productWrap{display:grid;gap:62px 32px;grid-template-columns:1fr}@media (min-width:960px){.listProduct.vertical .productWrap{grid-template-columns:repeat(2,1fr)}}.listProduct.scroll{display:flex;flex-direction:column;height:90svh}.listProduct.scroll>header{display:grid;gap:30px;margin-bottom:30px}.listProduct.scroll>header .heading{color:var(--colorHeading);font-size:32px}@media (min-width:768px){.listProduct.scroll>header .heading{font-size:40px}}.listProduct.scroll>.main{display:flex;flex-direction:column;flex-grow:1}.listProduct.scroll .productWrap{display:flex;flex-grow:1;flex-wrap:nowrap;gap:20px;overflow-y:hidden}.listProduct.scroll .productWrap:before{margin-right:-20px}.listProduct.scroll .productWrap:after{margin-left:-20px}.listProduct.scroll .productWrap>*{flex-shrink:0;height:100%;transition:width .3s linear,max-width .3s linear;width:60vw}.listProduct.scroll .productWrap>:has(:focus-visible),.listProduct.scroll .productWrap>:is(.expanded){width:80vw}@media (min-width:960px){.listProduct.scroll{height:100svh}.listProduct.scroll>header{grid-template-areas:"heading heading" "text cta";grid-template-columns:1fr max-content;grid-template-rows:min-content}.listProduct.scroll>header>.heading{grid-area:heading}.listProduct.scroll>header>.textblock{grid-area:text}.listProduct.scroll>header>.lnkCTA{align-self:end;grid-area:cta}.listProduct.scroll .productWrap>*{width:30vw}.listProduct.scroll .productWrap>:has(:focus-visible),.listProduct.scroll .productWrap>:is(.expanded){width:60vw}}@media (min-width:1240px){.listProduct.scroll .productWrap>*{max-width:500px;width:20vw}.listProduct.scroll .productWrap>:has(:focus-visible),.listProduct.scroll .productWrap>:is(.expanded){max-width:800px;width:40vw}}