.flip-cards-section{padding:2rem 0}.flip-cards-container{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;max-width:1200px;margin:0 auto}.flip-card{background-color:transparent;width:100%;height:250px;perspective:1000px;cursor:pointer}.flip-card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .6s;transform-style:preserve-3d}.flip-card:hover .flip-card-inner{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:10px;overflow:hidden}.flip-card-back{transform:rotateY(180deg)}.flip-card-image{width:100%;height:100%;object-fit:fill;display:block;background-color:#f8f8f8}.flip-card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#f0f0f0;border:2px dashed #ccc;color:#666;font-size:1rem;font-weight:500;text-align:center}.flip-card-placeholder p{margin:0;padding:1rem}@media screen and (max-width: 1024px){.flip-cards-container{grid-template-columns:repeat(2,1fr);gap:1.5rem}.flip-card{height:220px}}@media screen and (max-width: 749px){.flip-cards-section{padding:1.5rem 0}.flip-cards-container{grid-template-columns:repeat(2,1fr);gap:1rem}.flip-card{height:200px}}@media screen and (max-width: 480px){.flip-cards-container{gap:.8rem}.flip-card{height:180px}}.flip-card:focus-within .flip-card-inner{transform:rotateY(180deg)}.flip-card-front:focus,.flip-card-back:focus{outline:2px solid #005fcc;outline-offset:2px}.flip-card-inner{animation:none}@media (prefers-reduced-motion: no-preference){.flip-card-inner{transition:transform .6s cubic-bezier(.4,0,.2,1)}}@media (prefers-reduced-motion: reduce){.flip-card-inner{transition:transform .3s ease}}.flip-card-image{transition:opacity .3s ease}
/*# sourceMappingURL=/cdn/shop/t/15/assets/component-flip-cards.css.map */