.benefit-cards-section{padding-top:var(--section-padding-top, 50px);padding-bottom:var(--section-padding-bottom, 50px)}.benefit-cards__header{text-align:center;max-width:70rem;margin:0 auto 4rem}.benefit-cards__heading{margin:0 0 1rem}.benefit-cards__desc{margin:0 auto}.benefit-cards__grid{display:grid;grid-template-columns:repeat(var(--bc-cols, 4),minmax(0,1fr));gap:var(--bc-gap, 20px)}.benefit-card{display:flex;flex-direction:column;height:100%;background:var(--bc-card-bg, #f4f4f1);border-radius:var(--bc-card-radius, 24px);padding:3.6rem 3.2rem 3.2rem;text-align:var(--bc-align, left);transition:background-color .3s ease,transform .3s ease,box-shadow .3s ease}.benefit-card__title{margin:0;color:var(--bc-heading-color, #111);font-size:clamp(2.1rem,1.4rem + .9vw,3rem);line-height:1.12;font-weight:700;letter-spacing:-.01em}.benefit-card__media{flex:1 1 auto;display:flex;align-items:center;justify-content:var(--bc-media-justify, center);min-height:17rem;margin:2.4rem 0}.benefit-card__icon{display:flex;align-items:center;justify-content:center}.benefit-icon-svg{width:8rem;height:8rem;color:var(--bc-icon-color, #809166);stroke-width:var(--bc-icon-stroke, 2.3);transition:color .3s ease}.benefit-card__img{display:block;width:auto;max-width:100%;height:auto;max-height:22rem;object-fit:contain}.benefit-card__img--placeholder{width:60%;max-width:22rem;opacity:.35}.benefit-card__img--placeholder .placeholder-svg{width:100%;height:auto}.benefit-card__text{margin:0;color:var(--bc-text-color, #4a4a4a);font-size:1.6rem;line-height:1.45}.benefit-card--highlight{background:var(--bc-accent, #809166)}.benefit-card--highlight .benefit-card__title,.benefit-card--highlight .benefit-card__text,.benefit-card--highlight .benefit-icon-svg{color:var(--bc-hl-fg, #fff)}@media(hover:hover){.benefit-cards--hover .benefit-card:hover{background:var(--bc-accent, #809166);transform:translateY(-4px);box-shadow:0 1.4rem 2.8rem #00000014}.benefit-cards--hover .benefit-card:hover .benefit-card__title,.benefit-cards--hover .benefit-card:hover .benefit-card__text,.benefit-cards--hover .benefit-card:hover .benefit-icon-svg{color:var(--bc-hl-fg, #fff)}}@media screen and (max-width:989px){.benefit-cards__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:749px){.benefit-cards__grid{grid-template-columns:repeat(var(--bc-cols-mobile, 1),minmax(0,1fr))}.benefit-card{padding:2.8rem 2.4rem}.benefit-cards__header{margin-bottom:3rem}.benefit-icon-svg{width:6.4rem;height:6.4rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-benefit-cards.css.map */