.flip-cards-section{padding-top:var(--section-padding-top);padding-bottom:var(--section-padding-bottom)}.flip-cards-container{max-width:1400px;margin:0 auto;padding:0 20px}.flip-cards-header{margin-bottom:60px}.flip-cards-header.left{text-align:left}.flip-cards-header.center{text-align:center}.flip-cards-header.right{text-align:right}.flip-cards-heading{margin:0;line-height:1.2}.flip-cards-subheading{margin-top:15px}.flip-cards-grid{display:grid;grid-template-columns:repeat(var(--desktop-columns),minmax(0,1fr));gap:var(--card-gap);align-items:stretch}.flip-card{perspective:1400px;width:100%;min-height:var(--card-height)}.flip-card-inner{position:relative;width:100%;height:100%;min-height:var(--card-height);transition:transform var(--flip-speed) ease;transform-style:preserve-3d}.flip-card:hover .flip-card-inner{transform:rotateY(180deg)}.flip-card-face{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:30px;border-radius:var(--card-radius);overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-sizing:border-box}.flip-card-front{z-index:2}.flip-card-back{transform:rotateY(180deg)}.flip-card-face-inner{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%}.flip-card-media{display:flex;justify-content:center;align-items:center;width:100%;margin-bottom:20px}.flip-card-image{display:block;width:120px;height:120px;object-fit:cover;margin:0 auto 20px;border-radius:16px}.flip-card-icon{display:flex;justify-content:center;margin-bottom:20px}.flip-card-title{margin:0 0 12px;line-height:1.2}.flip-card-subtitle{margin-bottom:12px;opacity:.8}.flip-card-description{margin-bottom:22px}.flip-card-button{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;text-decoration:none;border-radius:8px;background:#111827;color:#fff;transition:.3s}.flip-card-button:hover{opacity:.9}@media screen and (max-width:989px){.flip-cards-grid{grid-template-columns:repeat(var(--tablet-columns),minmax(0,1fr))}}@media screen and (max-width:749px){.flip-cards-grid{grid-template-columns:repeat(var(--mobile-columns),minmax(0,1fr))}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/flip-cards.css.map */