.benefit-cards{color:var(--color-black)}.benefit-cards .wrapper{display:flex;flex-direction:column;gap:32px;max-width:1440px;margin:var(--section-spacing) auto;padding:0 var(--section-gutter)}.benefit-cards .title{max-width:736px;margin:0 auto;text-align:center}.benefit-cards .items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.benefit-cards .item{display:flex;flex-direction:column;align-items:center;padding:24px 16px 28px;border:1px solid #e4e4e4;text-align:center}.benefit-cards .item-icon img{display:block;width:56px;height:56px;margin-bottom:20px;object-fit:contain}.benefit-cards .item-title{margin:0;font-family:var(--font-family-heading);font-size:17px;font-weight:400;line-height:1.1}.benefit-cards .item-text{margin:16px 0 0;font-family:var(--font-family-body);font-size:14px;line-height:1.4}.benefit-cards .is-filled .title{max-width:none;margin:0;text-align:left}.benefit-cards .is-filled .items{grid-template-columns:1fr;gap:12px}.benefit-cards .is-filled .item{flex-direction:row;align-items:flex-start;gap:16px;padding:20px;border:0;background:var(--color-stone);text-align:left}.benefit-cards .is-filled .item-icon{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:var(--color-white)}.benefit-cards .is-filled .item-icon img{width:46px;height:46px;margin:0}.benefit-cards .is-filled .item-title{font-family:var(--font-family-extended);font-size:14px;font-weight:500;line-height:1.3;text-transform:uppercase}.benefit-cards .is-filled .item-text{margin-top:6px}.benefit-cards .actions{display:flex;justify-content:center}@media(min-width:1000px){.benefit-cards .wrapper{gap:48px}.benefit-cards .items{grid-template-columns:repeat(4,minmax(0,1fr))}.benefit-cards .item{padding:24px 20px 28px}.benefit-cards .item-title{font-size:18px}.benefit-cards .is-filled .items{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.benefit-cards .is-filled .item{flex-direction:column;gap:28px;padding:32px 32px 40px}.benefit-cards .is-filled .item-icon{width:80px;height:80px}.benefit-cards .is-filled .item-icon img{width:66px;height:66px}.benefit-cards .is-filled .item-text{margin-top:12px}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/benefit-cards.css.map */