.marita-benefits{--mb-radius: 14px;background:var(--mb-bg);color:var(--mb-fg);padding:clamp(24px,4vw,56px) 0}.marita-benefits__wrap{width:min(1200px,92vw);margin:0 auto}.marita-benefits__head{text-align:center;margin-bottom:clamp(16px,3vw,28px)}.mb-badge{display:inline-block;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;padding:.35rem .6rem;border:1px solid currentColor;border-radius:999px;opacity:.75}.mb-title{margin:.5rem 0 0;font-size:clamp(1.35rem,2.2vw,2rem);line-height:1.2}.mb-sub{margin:.35rem auto 0;max-width:60ch;opacity:.85}.marita-benefits__track{display:grid;grid-auto-flow:column;grid-auto-columns:80%;gap:12px;overflow-x:auto;padding:6px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.marita-benefits__track::-webkit-scrollbar{height:8px}.marita-benefits__track::-webkit-scrollbar-thumb{background:#0002;border-radius:999px}.mb-card{scroll-snap-align:start;background:var(--mb-card);border-radius:var(--mb-radius);padding:22px 18px;box-shadow:0 2px 12px #0000000f;transition:transform .35s ease,box-shadow .35s ease;text-align:center;opacity:0;transform:translateY(12px)}.mb-card.is-in{opacity:1;transform:none}.mb-card:hover{transform:translateY(-6px);box-shadow:0 8px 26px #0000001a}.mb-card__icon{width:60px;height:60px;display:flex;justify-content:center;align-items:center;margin:0 auto 14px;transition:transform .4s ease,filter .4s ease}.mb-card:hover .mb-card__icon{transform:translateY(-4px) scale(1.05);filter:drop-shadow(0 2px 6px rgba(0,0,0,.15))}.mb-ic{width:100%;height:100%}.mb-card__badge{display:block;font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;opacity:.7}.mb-card__title{margin:.35rem 0 .4rem;font-size:1rem;line-height:1.3;font-weight:600}.mb-card__text{margin:0;font-size:.95rem;opacity:.95}@media(min-width:980px){.marita-benefits__track{display:grid;grid-auto-flow:initial;grid-template-columns:repeat(12,1fr);gap:18px;overflow:visible;padding:0}.mb-card{grid-column:span 3}}@media(prefers-reduced-motion:reduce){.mb-card,.mb-card:hover,.mb-card__icon,.mb-card:hover .mb-card__icon{transition:none;transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/75/assets/marita-benefits.css.map */