.product-grid-slider{padding:48px 0}.product-grid-slider__header .product-grid-slider__title{display:none}.product-grid-slider__container{padding:0 var(--spacing-8)}.product-grid-slider .hidden-pc{display:block}@media(min-width:1025px){.product-grid-slider__container{padding:0 var(--spacing-32, 32px)}.product-grid-slider .hidden-pc{display:none}.product-grid-slider__header .product-grid-slider__title{display:block}}.product-grid-slider__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-16);flex-wrap:wrap;gap:12px}.product-grid-slider__title{margin:0;color:var(--color-onbase-primary)}.product-grid-slider__header-right{display:flex;align-items:center;gap:12px}.product-grid-slider__tabs{display:flex;align-items:center;gap:8px}.product-grid-slider__tab{display:flex;height:48px;width:max-content;padding:var(--spacing-4);align-items:center;gap:var(--spacing-4);border-radius:var(--radius-full);border:1px solid transparent;cursor:pointer;transition:border .3s ease,padding .3s ease}.product-grid-slider__tab--active{padding:var(--spacing-4) var(--spacing-16) var(--spacing-4) var(--spacing-4);border:1px solid var(--color-border-highest)}.product-grid-slider__tab-label-wrap{display:grid;grid-template-columns:0fr;transition:grid-template-columns .35s ease}.product-grid-slider__tab--active .product-grid-slider__tab-label-wrap{grid-template-columns:1fr}.product-grid-slider__tab-label{overflow:hidden;white-space:nowrap;min-width:0;opacity:0;transition:opacity .25s ease;color:var(--color-onbase-primary)}.product-grid-slider__tab--active .product-grid-slider__tab-label{opacity:1;transition:opacity .25s .1s ease}.product-grid-slider__tab-icon{width:40px;align-self:stretch;aspect-ratio:1/1;border-radius:var(--radius-full)}.product-grid-slider__wrapper{display:flex;flex-direction:column;gap:16px}@media(min-width:1025px){.product-grid-slider__wrapper{display:grid;grid-template-columns:4fr 12fr}}.product-grid-slider__featured{display:flex;min-height:0}.product-grid-slider__banner{display:block;width:100%;height:100%;border-radius:var(--radius-xl, 12px);overflow:hidden;max-width:600px}.product-grid-slider__banner img{width:100%;height:100%;object-fit:cover;display:block}.product-grid-slider__banner--placeholder{min-height:300px;background:#e1e1e1;display:flex;align-items:center;justify-content:center;color:#666}.product-grid-slider__list{display:none;grid-template-rows:1fr 1fr;grid-auto-flow:column;grid-auto-columns:calc(40% - 8px);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:16px}.product-grid-slider__list>*{scroll-snap-align:center}.product-grid-slider__list::-webkit-scrollbar{display:none}.product-grid-slider__list--active{display:grid}@media(min-width:768px){.product-grid-slider__list--active{grid-template-columns:repeat(5,1fr);grid-template-rows:1fr 1fr;grid-auto-flow:row;grid-auto-columns:unset;overflow-x:visible;scroll-snap-type:none;height:100%;align-content:space-between}}@media screen and (max-width:1024px){.product-grid-slider__container{display:flex;flex-direction:column}.product-grid-slider__header{order:2;justify-content:center;margin-bottom:0}.product-grid-slider__wrapper{display:contents}.product-grid-slider__featured{order:1;width:100%;align-items:center}.product-grid-slider__list{order:3;margin-top:0;gap:var(--spacing-16) var(--spacing-8)}.product-grid-slider__banner,.product-grid-slider__title.hidden-pc{width:50%}.product-grid-slider__title{text-align:center}.product-grid-slider__header-right{width:100%;padding:var(--spacing-8);margin:var(--spacing-16) 0;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.product-grid-slider__header-right>:first-child{margin-inline-start:auto}.product-grid-slider__header-right>:last-child{margin-inline-end:auto}.product-grid-slider__header-right::-webkit-scrollbar{display:none}}@media(max-width:767px){.product-grid-slider__featured{flex-direction:column;align-items:center}.product-grid-slider__banner,.product-grid-slider__title.hidden-pc{width:100%}.product-grid-slider__title.hidden-pc{margin-top:var(--spacing-16)}.product-grid-slider__list--active{grid-auto-columns:calc(40% - 8px)}}
/*# sourceMappingURL=/cdn/shop/t/115/assets/product-grid-slider.css.map */