.color-cards-section{max-width:1920px;margin:0 auto}.color-cards__track{display:grid;grid-template-columns:repeat(var(--cols-desktop, 4),1fr)}.color-card{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-decoration:none;padding:48px 32px;transition:transform .3s ease,filter .3s ease}.color-card:hover{transform:translateY(-4px);filter:brightness(1.05)}.color-card__circle{width:250px;height:250px;max-width:80%;border-radius:8px;overflow:hidden;background:#ffffff80;margin-bottom:28px;box-shadow:0 8px 24px #0000001f;transition:box-shadow .3s ease}.color-card:hover .color-card__circle{box-shadow:0 12px 32px #00000029}.color-card__circle img,.color-card__placeholder{width:100%;height:100%;object-fit:cover;display:block}.color-card__text{text-align:center}.color-card__subtitle{font-family:var(--font-secondary);font-weight:600;font-size:15px;margin:0 0 6px}.color-card__title{font-family:var(--font-primary);font-weight:400;font-size:22px;margin:0}@media(max-width:749px){.color-cards__track{grid-template-columns:repeat(var(--cols-mobile, 2),1fr)}.color-card{padding:28px 16px}.color-card__circle{width:140px;height:140px;margin-bottom:16px;box-shadow:0 6px 16px #0000001f}.color-card:hover .color-card__circle{box-shadow:0 8px 20px #00000029}.color-card__subtitle{font-size:12px}.color-card__title{font-size:16px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-color-cards.css.map */