.product-benefits{padding-top:var(--spacing-12);padding-bottom:var(--spacing-12);background-color:rgb(var(--color-accent-primary-lighter))}.product-benefits__header{text-align:center;margin-bottom:var(--spacing-10)}.product-benefits__header h2{max-width:32ch;margin-inline:auto}.product-benefits__container{--columns: 3;display:grid;grid-template-columns:repeat(var(--columns),1fr);column-gap:var(--spacing-08)}@media screen and (max-width: 749px){.product-benefits__container{display:block}product-benefit+product-benefit{display:block;margin-top:var(--spacing-06)}}.product-benefit__wrapper{width:100%;position:relative;background-color:rgb(var(--color-background-primary));border-radius:var(--radius-md);overflow:hidden;transition:background-color var(--duration-fast) ease}product-benefit[data-state=open] .product-benefit__wrapper{background-color:rgb(var(--color-accent-primary-stronger))}.product-benefit__toggle{display:flex;width:100%;border:0;background-color:transparent;align-items:center;padding:1.6rem 2rem;column-gap:1.2rem;cursor:pointer;transition:color var(--duration-fast) ease}product-benefit[data-state=open] .product-benefit__toggle{color:#fff}.product-benefit__title{font-family:var(--font-heading-family);font-size:2.4rem;font-weight:300;font-variation-settings:"opsz" 20;flex-grow:1;line-height:1.2;text-align:left}.product-benefit__image img,.product-benefit__image svg{width:2.4rem}.product-benefit__icon .icon{width:2.4rem;transition:transform var(--duration-fast) ease}product-benefit[data-state=open] .product-benefit__icon .icon{transform:rotate(45deg)}.product-benefit__content-wrapper{position:absolute;width:100%;top:calc(100% - var(--radius-md));height:0px;overflow:hidden;will-change:height;transition:height var(--duration-mid) ease,background-color var(--duration-fast) ease;background-color:rgb(var(--color-background-primary));border-bottom-left-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}product-benefit[data-state=open] .product-benefit__content-wrapper{background-color:rgb(var(--color-accent-primary-stronger))}.product-benefit__content{display:block;position:absolute;padding:2.4rem 2rem 2rem;box-sizing:content-box;transition:color var(--duration-fast) ease}product-benefit[data-state=open] .product-benefit__content{color:#fff}@media screen and (max-width: 749px){.product-benefit__content-wrapper{position:relative;top:unset}.product-benefit__content{top:0;left:0}}
/*# sourceMappingURL=/cdn/shop/t/76/assets/section-product-benefits.css.map */