/*!
 * DS Product steps
 *
 * sections/ds-product-steps.liquid. Mobile first:
 * - below 1024px the scroller of Figma node 1598:18839 — the cards run past the
 *   right edge of the viewport, about 1.3 in view (2.3 from 768px);
 * - from 1024px the row of Figma node 1598:17734 — all cards side by side.
 */@media screen and (max-width:767px){.ds-product-steps-section .section--padding{padding-block-start:calc(var(--section-padding-top) * 5 / 12);padding-block-end:calc(var(--section-padding-bottom) / 2)}}.ds-product-steps__heading{margin:0 0 var(--sp-6);line-height:1.155}.ds-product-steps__heading>*{margin:0}.ds-product-steps{--ds-steps-gap: var(--sp-4);--ds-steps-visible: 1.3;display:flex;gap:var(--ds-steps-gap);margin:0 calc(var(--page-padding) * -1);padding:0 var(--page-padding);list-style:none;scroll-snap-type:x mandatory;scroll-padding-inline:var(--page-padding);scrollbar-width:none}.ds-product-steps::-webkit-scrollbar{display:none}.ds-product-step{flex:0 0 calc((100% + var(--page-padding) - var(--ds-steps-gap)) / var(--ds-steps-visible));display:flex;flex-direction:column;gap:.875rem;min-width:0;padding:1.25rem;border-radius:.875rem;background:#dbe1fb;scroll-snap-align:start}.ds-product-step:nth-child(3n+2){background:#fdf7ca}.ds-product-step:nth-child(3n+3){background:#ffdfe5}.ds-product-step__media{position:relative;aspect-ratio:352 / 241;overflow:hidden;border-radius:.5rem;background:rgb(var(--color-foreground) / .06)}.ds-product-step__media img{display:block;width:100%;height:100%;object-fit:cover}.ds-product-step__badge{position:absolute;inset-block-start:.75rem;inset-inline-start:.75rem;padding:.4375rem .625rem;border-radius:999px;background:#0100fb;color:#fff;font-size:.75rem;font-weight:700;line-height:1;text-transform:uppercase;white-space:nowrap}.ds-product-step__content{display:grid;gap:.375rem}.ds-product-step__title{margin:0;font-size:1.375rem;line-height:1.18;text-transform:uppercase}.ds-product-step__text{margin:0;font-size:var(--text-base);line-height:1.625;color:rgb(var(--color-foreground) / .85)}@media screen and (min-width:768px){.ds-product-steps{--ds-steps-visible: 2.3}}@media screen and (min-width:1024px){.ds-product-steps__heading{margin-block-end:var(--sp-12)}.ds-product-steps{--ds-steps-gap: 2.0625rem;margin:0;padding:0;overflow:visible}.ds-product-step{flex:1 1 0;gap:1.375rem;padding:1.75rem;border-radius:1rem}.ds-product-step__media{border-radius:.75rem}.ds-product-step__badge{inset-block-start:1rem;inset-inline-start:1rem;padding:.5rem .75rem;font-size:var(--text-sm)}.ds-product-step__content{gap:.625rem}.ds-product-step__title{font-size:1.75rem;line-height:1.215}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/ds-product-steps.css.map */