.featured-products{padding:var(--section-padding-v-mobile) var(--container-padding);background-color:var(--color-surface)}@media screen and (min-width:768px){.featured-products{padding:var(--section-padding-v) var(--container-padding)}}.featured-products__header{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}@media screen and (min-width:768px){.featured-products__header{flex-direction:row;justify-content:space-between;align-items:flex-end;margin-bottom:48px}}.featured-products__title-group{display:flex;flex-direction:column;gap:8px}.featured-products__title{margin:0;font-family:var(--font-heading, "Bricolage Grotesque", sans-serif);font-weight:700;font-size:32px;line-height:1.2;letter-spacing:.03em;color:#000206}@media screen and (min-width:768px){.featured-products__title{font-size:44px}}.featured-products__text{margin:0;font-family:var(--font-body, "Bricolage Grotesque", sans-serif);font-weight:500;font-size:18px;line-height:1.5;color:#000206}product-slider{display:block}.featured-products__slider-wrapper{position:relative;display:flex;align-items:center}.featured-products__slider{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;padding:0;margin:0;list-style:none;width:100%}.featured-products__slider::-webkit-scrollbar{display:none}.featured-products__slide{flex:0 0 calc(75% - 16px);scroll-snap-align:start}@media screen and (min-width:768px){.featured-products__slide{flex:0 0 calc(33.333% - 16px)}}@media screen and (min-width:1024px){.featured-products__slide{flex:0 0 calc(25% - 16px)}}.slider-arrow{display:flex;align-items:center;justify-content:center;position:absolute;top:25%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background-color:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;z-index:2;box-shadow:0 4px 12px #0000000d;transition:all .2s ease}.slider-arrow:hover{background-color:var(--color-surface-alt);border-color:var(--color-text)}.slider-arrow--left{left:4px}.slider-arrow--right{right:4px}@media screen and (min-width:768px){.slider-arrow{top:50%;width:48px;height:48px}.slider-arrow--left{left:-24px}.slider-arrow--right{right:-24px}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/product-slider.css.map */