.section-product-benefits .page-width{max-width:1320px;padding-inline:80px}@media (max-width: 768px){.section-product-benefits .page-width{padding-inline:20px}}.product-benefits{--f-columns-mobile: 1;--f-columns-md: 2;border-radius:1.8rem;padding:var(--section-padding-top, 2rem) var(--section-padding-left, 2rem) var(--section-padding-bottom, 2rem) var(--section-padding-right, 2rem);margin:0 auto;position:relative}@media screen and (max-width: 767px){.product-benefits{padding:var(--section-padding-top-mobile, 50px) var(--section-padding-left-mobile, 1rem) var(--section-padding-bottom-mobile, 50px) var(--section-padding-right-mobile, 1rem)}}.product-benefits__grid{--f-columns-mobile: 1;--f-columns-md: 2;--f-column-gap: 16px;--f-row-gap: 16px;max-width:824px;margin:0 auto}.product-benefits .section__header{position:relative;z-index:2;padding-bottom:6rem}.product-benefits .section__heading{max-width:472px;text-align:center;margin:0 auto 24px;font-weight:325;font-size:36px;line-height:40px;letter-spacing:0%}.product-benefits .section__subheading{font-family:var(--font-body-family)}@media screen and (min-width: 768px){.product-benefits__grid{--f-column-gap: 18px;--f-row-gap: 18px}}.product-benefits .section__container{max-width:1200px;margin:0 auto}.product-benefits:before{content:"";position:absolute;top:0;right:0;width:240px;height:240px;background-image:var(--before-background-image);background-repeat:no-repeat;background-size:contain;opacity:1;z-index:0;pointer-events:none;transform:rotate(180deg);border-radius:18px}.product-benefits:after{content:"";position:absolute;bottom:0;left:0;width:240px;height:240px;background-image:var(--after-background-image);background-repeat:no-repeat;background-size:contain;opacity:1;z-index:0;pointer-events:none;border-radius:18px}.product-benefits .section__subheading p{margin-bottom:0;font-weight:400;font-size:18px;line-height:28px;letter-spacing:0%}@media screen and (min-width: 768px){.product-benefits:before{width:410px;height:auto;aspect-ratio:.78 / 1}.product-benefits:after{width:410px;height:auto;aspect-ratio:.78 / 1}}.product-benefits .section__content{background:var(--color-background, #ffffff);border-radius:18px;max-width:100%;overflow:hidden;position:relative;z-index:1}.product-benefits__card{background:#fff;border-radius:12px;padding:32px;text-align:center;position:relative;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 4px 12px #00000014;display:flex;flex-direction:column;height:100%}.product-benefits__card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.product-benefits__card-content{display:flex;flex-direction:column;align-items:center;height:100%;flex:1}@media screen and (min-width: 768px){.product-benefits__card-content{flex-direction:column;align-items:center;gap:0}}.product-benefits__header{display:flex;align-items:center;justify-content:center;gap:1rem;padding:12px;margin-bottom:0}.product-benefits__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.product-benefits__icon svg{width:51px;height:51px;flex-shrink:0}.product-benefits__icon img{width:51px;height:51px;flex-shrink:0;object-fit:contain}.product-benefits__icon--increase img{transform:rotate(180deg)}.product-benefits__divider{width:100%;height:1px;background-color:#e5e5e5;margin:16px 0}.product-benefits__content{padding:0;flex:1;display:flex;align-items:center;justify-content:center}@media screen and (max-width: 767px){.product-benefits__card-content{display:grid;grid-template-columns:4fr .5fr 6fr;gap:0}.product-benefits__header{margin-bottom:0;flex:1;flex-direction:column;align-items:center;gap:.5rem;padding:0}.product-benefits__divider{width:1px;height:100%;margin:0 16px;flex-shrink:0}.product-benefits__content{flex:1;text-align:left}.product-benefits__title{text-align:left}}.product-benefits__percentage{font-size:42px;line-height:1.1;color:#333;margin:0;font-family:var(--font-body-family)}.product-benefits__title{font-weight:400;line-height:1.4;color:#333;margin:0;text-align:center;font-family:var(--font-body-family);font-size:20px}.product-benefits__title p{margin:0}@media screen and (min-width: 768px){.product-benefits__title{font-size:18px;margin-bottom:42px}}@media screen and (max-width: 767px){.product-benefits.swipe-mobile .product-benefits__grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.product-benefits.swipe-mobile .product-benefits__grid::-webkit-scrollbar{display:none}.product-benefits.swipe-mobile .product-benefits__card{flex:0 0 auto;width:100%;scroll-snap-align:start}}.product-benefits__card.text-left .product-benefits__card-content{align-items:flex-start}.product-benefits__card.text-right .product-benefits__card-content{align-items:flex-end}.product-benefits__card.text-left .product-benefits__title,.product-benefits__card.text-right .product-benefits__title{text-align:inherit}.product-benefits.color-scheme-1{--color-background: var(--color-scheme-1-background);--color-foreground: var(--color-scheme-1-foreground)}.product-benefits.color-scheme-2{--color-background: var(--color-scheme-2-background);--color-foreground: var(--color-scheme-2-foreground)}.product-benefits.color-scheme-3{--color-background: var(--color-scheme-3-background);--color-foreground: var(--color-scheme-3-foreground)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.product-benefits__card{animation:fadeInUp .6s ease-out}.product-benefits__card:nth-child(1){animation-delay:.1s}.product-benefits__card:nth-child(2){animation-delay:.2s}.product-benefits__card:nth-child(3){animation-delay:.3s}.product-benefits__card:nth-child(4){animation-delay:.4s}.product-benefits__card:focus-within{outline:2px solid var(--color-foreground);outline-offset:2px}@media (prefers-contrast: high){.product-benefits__card{border:1px solid var(--color-foreground)}}@media (prefers-reduced-motion: reduce){.product-benefits__card{animation:none;transition:none}.product-benefits__card:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/653/assets/section-product-benefits.css.map */