.rel-transformation{--rel-cards-per-view: 3;background:var(--rel-background);color:inherit;padding-block:var(--rel-padding-top) var(--rel-padding-bottom)}.rel-transformation *,.rel-transformation *:before,.rel-transformation *:after{box-sizing:border-box}.rel-transformation__container{width:100%;max-width:var(--rel-max-width);margin-inline:auto;padding-inline:clamp(1rem,3vw,2.5rem)}.rel-transformation__heading-area{margin-bottom:var(--rel-heading-slider-gap)}.rel-transformation__heading,.rel-transformation__how-heading,.rel-transformation__step-title{color:inherit;font-family:inherit}.rel-transformation__heading{margin:0;text-align:center;font-size:30px;font-weight:500;line-height:1.15;color:#000;letter-spacing:-.01em}.rel-transformation__slider{width:80%;margin-inline:auto;display:grid;grid-template-columns:minmax(0,1fr);row-gap:3rem}.rel-transformation__controls{display:flex;grid-column:1;grid-row:2;justify-content:center;gap:.625rem}.rel-transformation__controls[hidden]{display:none}.rel-transformation__arrow{display:inline-grid;width:36px;height:36px;padding:0;place-items:center;border:1px solid rgb(0 0 0 / 18%);border-radius:50%;background:#fff;color:#171717;cursor:pointer;transition:background-color .18s ease,color .18s ease,opacity .18s ease}.rel-transformation__arrow svg{width:1.25rem;height:1.25rem}.rel-transformation__arrow:hover:not(:disabled){background:#171717;color:#fff}.rel-transformation__arrow:disabled{cursor:default;opacity:.35}.rel-transformation__arrow:focus-visible,.rel-transformation__track:focus-visible,.rel-transformation__cta:focus-visible{outline:2px solid currentColor;outline-offset:3px}.rel-transformation__track{display:flex;grid-column:1;grid-row:1;justify-content:center;justify-content:safe center;gap:var(--rel-card-gap);width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.rel-transformation__track::-webkit-scrollbar{display:none}.rel-transformation__slide{flex:0 0 calc((100% - (var(--rel-card-gap) * (var(--rel-cards-per-view) - 1))) / var(--rel-cards-per-view));min-width:0;overflow:hidden;border-radius:clamp(.875rem,1.6vw,1.25rem);background:#fff;scroll-snap-align:start;scroll-snap-stop:always}.rel-transformation__image,.rel-transformation__placeholder{display:block;width:100%;height:auto}.rel-transformation__image{object-fit:contain}.rel-transformation__placeholder{aspect-ratio:4 / 5;background:#e9e8e4;color:#b8b6af}.rel-transformation__how{width:100%;margin-top:var(--rel-slider-how-gap);padding:clamp(10px,5vw,32px);border-radius:clamp(1.25rem,2.5vw,2rem);background:#fff}.rel-transformation__how-heading{margin:0 0 clamp(10px,4vw,26px);font-size:24px;font-weight:500;line-height:1.15;letter-spacing:-.02em;color:#000}.rel-transformation__steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(2rem,5vw,5rem)}.rel-transformation__step{min-width:0}.rel-transformation__badge{display:inline-flex;align-items:center;min-height:1.875rem;margin-bottom:1.125rem;padding:8px 14px;border-radius:999px;background:#a9ddaf;color:#000;font-size:14px;line-height:1}.rel-transformation__step-title{margin:0 0 .75rem;font-size:16px;font-weight:500;line-height:1.3;letter-spacing:.02em}.rel-transformation__step-description{color:#000000ad;line-height:1.65;font-size:14px;letter-spacing:.02em}.rel-transformation__step-description>:first-child{margin-top:0}.rel-transformation__step-description>:last-child{margin-bottom:0}.rel-transformation__cta-row{display:flex;justify-content:center;margin-top:clamp(2.25rem,5vw,4rem)}.rel-transformation__cta{display:inline-flex;min-height:3.25rem;align-items:center;justify-content:center;padding:12px 16px;border:1px solid #151515;border-radius:6px;background:#151515;color:#fff;font-family:inherit;font-size:inherit;line-height:1.2;text-align:center;text-decoration:none;transition:background-color .18s ease,color .18s ease}.rel-transformation__cta:hover{background:transparent;color:#171717}.rel-transformation__cta--disabled{cursor:default}@media screen and (max-width:989px){.rel-transformation{--rel-cards-per-view: 2}.rel-transformation__steps{gap:clamp(1.5rem,3vw,2.5rem)}}@media screen and (max-width:749px){.rel-transformation{--rel-card-gap: var(--rel-card-gap-mobile);--rel-cards-per-view: 1;padding-block:var(--rel-padding-top-mobile) var(--rel-padding-bottom-mobile)}.rel-transformation__container{padding-inline:1rem}.rel-transformation__heading-area{margin-bottom:var(--rel-heading-slider-gap-mobile)}.rel-transformation__heading{font-size:clamp(1.65rem,7vw,2.1rem)}.rel-transformation__slider{display:block}.rel-transformation__controls,.rel-transformation__controls:not([hidden]){display:none}.rel-transformation__slide{flex-basis:92%}.rel-transformation__how{margin-top:var(--rel-slider-how-gap-mobile);padding:30px 16px;text-align:center}.rel-transformation__how-heading{margin-bottom:2rem;font-size:clamp(1.65rem,7vw,2.1rem)}.rel-transformation__steps{grid-template-columns:1fr;gap:2rem}.rel-transformation__cta-row{margin-top:2.5rem}.rel-transformation__cta{width:min(100%,27rem)}}@media(prefers-reduced-motion:reduce){.rel-transformation__track{scroll-behavior:auto}.rel-transformation__arrow,.rel-transformation__cta{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/relatable-transformation.css.map */