.before-after-section{background-color:var(--ba-bg, #FFFFFF);padding-top:var(--ba-padding-top, 48px);padding-bottom:var(--ba-padding-bottom, 48px);padding-left:20px;padding-right:20px;width:100%;box-sizing:border-box}.before-after-section__inner{display:grid;gap:2.4rem;align-items:center;width:min(100%,var(--ba-max-width, 1440px));margin-inline:auto;padding-inline:0;box-sizing:border-box}.before-after-section__content{text-align:left}.before-after-section__heading{margin:0 0 1rem;color:var(--ba-heading-color, #111);font-size:var(--ba-heading-size-mobile, 28px);font-weight:700;line-height:1.05;letter-spacing:-.02em}.before-after-section__subheading{margin:0;max-width:34rem;color:var(--ba-text-color, #333);font-size:var(--ba-subheading-size-mobile, 16px);line-height:1.5}.before-after-comparison{width:100%;user-select:none;-webkit-user-select:none;touch-action:none}.before-after-comparison__viewport{position:relative;overflow:hidden;border-radius:var(--ba-radius, 16px);aspect-ratio:var(--ba-aspect-ratio, 16 / 9);background:#d9d9d9}.before-after-comparison__layer{position:absolute;top:0;right:0;bottom:0;left:0}.before-after-comparison__layer--after{clip-path:inset(0 0 0 var(--ba-position, var(--ba-initial-position, 50%)));will-change:clip-path}.before-after-comparison__image,.before-after-comparison__placeholder{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-drag:none}.before-after-comparison__placeholder{display:flex;align-items:center;justify-content:center}.before-after-comparison__placeholder--before{background:#8f8f8f}.before-after-comparison__placeholder--after{background:#111}.before-after-comparison__placeholder-svg{width:40%;height:auto;opacity:.35}.before-after-comparison__label{position:absolute;top:1.6rem;z-index:2;color:var(--ba-label-color, #fff);font-size:var(--ba-label-size-mobile, 16px);font-weight:700;line-height:1;text-shadow:0 1px 8px rgba(0,0,0,.25);pointer-events:none}.before-after-comparison__label--before{left:1.6rem}.before-after-comparison__label--after{right:1.6rem}.before-after-comparison__divider{position:absolute;top:0;bottom:0;left:var(--ba-position, var(--ba-initial-position, 50%));z-index:3;width:0;transform:translate(-50%);pointer-events:none}.before-after-comparison__line{position:absolute;top:0;bottom:0;left:50%;width:2px;background:#fff;transform:translate(-50%);box-shadow:0 0 0 1px #0000000f}.before-after-comparison__handle{position:absolute;top:50%;left:50%;display:flex;align-items:center;justify-content:center;width:var(--ba-handle-size-mobile, 44px);height:var(--ba-handle-size-mobile, 44px);padding:0;border:0;border-radius:999px;background:#fff;box-shadow:0 4px 18px #0000002e;transform:translate(-50%,-50%);cursor:ew-resize;pointer-events:auto;touch-action:none}.before-after-comparison__handle:focus-visible{outline:2px solid #111;outline-offset:3px}.before-after-comparison__grip{display:flex;align-items:center;justify-content:center;gap:.35rem}.before-after-comparison__grip span{display:block;width:2px;height:calc(var(--ba-handle-size-mobile, 44px) * .36);border-radius:999px;background:#666}.before-after-comparison.is-dragging .before-after-comparison__handle{cursor:grabbing}@media screen and (min-width:990px){.before-after-section__inner{grid-template-columns:minmax(0,.95fr) minmax(0,1.35fr);gap:4rem}.before-after-section__heading{font-size:var(--ba-heading-size-desktop, 48px)}.before-after-section__subheading{max-width:38rem;font-size:var(--ba-subheading-size-desktop, 18px)}.before-after-comparison__label{font-size:var(--ba-label-size-desktop, 16px)}.before-after-comparison__handle{width:var(--ba-handle-size-desktop, 44px);height:var(--ba-handle-size-desktop, 44px)}.before-after-comparison__grip span{height:calc(var(--ba-handle-size-desktop, 44px) * .36)}}@media screen and (max-width:989px){.before-after-section{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding-left:0;padding-right:0;box-sizing:border-box}.before-after-section__inner{grid-template-columns:1fr;width:100%;max-width:none;margin-inline:0;padding-inline:0;gap:1.6rem}.before-after-section__content{order:1;text-align:center;padding-inline:1.6rem;box-sizing:border-box}.before-after-section__subheading{max-width:none;margin-inline:auto}.before-after-comparison{order:2;width:100%}.before-after-comparison__viewport{width:100%;border-radius:0}.before-after-comparison__label{top:1.2rem}.before-after-comparison__label--before{left:1.2rem}.before-after-comparison__label--after{right:1.2rem}}.product-bnpl{display:grid;gap:.75rem}.product-bnpl__heading{margin:0}.product-bnpl__compact{display:none}.product-bnpl__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem}.product-bnpl__item{display:flex;align-items:center;gap:.625rem;min-width:0;padding:.5rem .625rem;border:1px solid rgb(var(--color-border));border-radius:.375rem;background:#fff}.product-bnpl__logo{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:3.25rem;aspect-ratio:7 / 4;height:auto;border-radius:.25rem;overflow:hidden;font-weight:700;line-height:1}.product-bnpl__logo-img,.product-bnpl__logo-svg{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.product-bnpl__logo--builtin{background:transparent;padding:0}.product-bnpl__logo--has-image,.product-bnpl__logo--builtin{background:transparent;color:inherit}.product-bnpl__copy{display:grid;gap:.125rem;min-width:0}.product-bnpl__amount{font-size:.8125rem;font-weight:600;line-height:1.2;color:rgb(var(--color-foreground))}.product-bnpl__subtext{font-size:.6875rem;line-height:1.2;color:rgb(var(--color-foreground) / .55)}.product-bnpl__compact-text{margin:0;font-size:.8125rem;line-height:1.35;color:rgb(var(--color-foreground))}.product-bnpl__compact-text .product-bnpl__amount{font-size:inherit}.product-bnpl__compact-text .product-bnpl__subtext{font-size:inherit;color:rgb(var(--color-foreground) / .65)}.product-bnpl__logos{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.product-bnpl__logos .product-bnpl__logo{width:2.75rem;padding:.2rem .3rem;border:1px solid rgb(var(--color-foreground) / .12);border-radius:.375rem;background:#fff;box-sizing:content-box}@media screen and (max-width:749px){.product-bnpl__grid{display:none}.product-bnpl__compact{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem}}.product-delivery-methods{display:grid;gap:.875rem}.product-delivery-methods__header{display:flex;align-items:center;gap:.5rem}.product-delivery-methods__icon{display:inline-flex;color:rgb(var(--color-foreground))}.product-delivery-methods__icon .icon{width:1.125rem;height:1.125rem}.product-delivery-methods__heading{margin:0;font-size:.9375rem;font-weight:600;line-height:1.2}.product-delivery-methods__list{display:flex;flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none}.product-delivery-methods__badge{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:3.5rem;height:2rem;padding:.25rem;flex-shrink:0;border:1px solid rgb(var(--color-border));border-radius:.375rem;background:#fff;overflow:hidden}.product-delivery-methods__img{display:block;width:100%;height:100%;object-fit:contain}@media screen and (max-width:749px){.product-delivery-methods{gap:.625rem}.product-delivery-methods__heading{font-size:.8125rem}.product-delivery-methods__list{gap:.3125rem}.product-delivery-methods__badge{width:2.75rem;height:1.625rem;padding:.1rem;border-radius:.25rem}}.product-payment-methods{display:grid;gap:.875rem}.product-payment-methods__header{display:flex;align-items:center;gap:.5rem}.product-payment-methods__icon{display:inline-flex;color:rgb(var(--color-foreground))}.product-payment-methods__heading{margin:0;font-size:.9375rem;font-weight:600;line-height:1.2}.product-payment-methods__list{display:flex;flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none}.product-payment-methods__badge{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:3.5rem;height:2rem;padding:.25rem;flex-shrink:0;border:1px solid rgb(var(--color-border));border-radius:.375rem;background:#fff;overflow:hidden}.product-payment-methods__badge svg{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}@media screen and (max-width:749px){.product-payment-methods{gap:.625rem}.product-payment-methods__heading{font-size:.8125rem}.product-payment-methods__list{gap:.3125rem}.product-payment-methods__badge{width:2.75rem;height:1.625rem;padding:.1rem;border-radius:.25rem}}
/*# sourceMappingURL=/cdn/shop/t/103/compiled_assets/styles.css.map */
