.hover-grid-header h2{color:#fff}.hover-grid-header{text-align:center;max-width:50rem;margin:0 auto 3.125rem}.hover-grid-header h2 span{font-weight:300;color:#ccc}.hover-grid-header p{font-size:1rem;color:#aaa;line-height:1.5}.hover-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;max-width:67.5rem;justify-content:center;margin:0 auto}.hover-card{position:relative;width:100%;aspect-ratio:3 / 2;overflow:hidden;cursor:pointer;border-radius:.125rem;perspective:1200px;-webkit-perspective:1200px}.hover-card-front,.hover-card-back{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:.125rem;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transition:transform .6s ease}.hover-card-front{z-index:2;transform:rotateY(0)}.hover-card-bg-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}.hover-card-front:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent)}.front-content{position:absolute;bottom:1.25rem;right:1.25rem;z-index:2;color:#fff;display:flex;flex-direction:column;text-align:right;width:11rem}span.front-small.front-small-new{text-align:left}.front-small{display:block;font-size:1rem;font-weight:400;line-height:1.2;margin-bottom:0;color:#f0f0f0}.front-big{margin:0;font-size:2rem;line-height:1;color:#e30613;font-family:var(--text-semibold)}.hover-card-back{background-color:#fff;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.875rem;text-align:center;transform:rotateY(180deg)}.back-title{color:#000;font-size:1rem;margin-bottom:.5rem;font-family:var(--text-semibold)}.back-text{color:#333;font-size:.875rem;line-height:1.6}.back-icon{margin-top:.9375rem;font-size:1.25rem}.hover-card:hover .hover-card-front{transform:rotateY(180deg)}.hover-card:hover .hover-card-back{transform:rotateY(360deg)}.hover-card:hover .hover-card-bg-img{transform:scale(1.03)}.back-icon{display:none}@media screen and (max-width:990px){.hover-card-grid{grid-template-columns:repeat(2,1fr)}.hover-card-grid .hover-card{width:100%!important;max-width:300px!important;margin:0 10px}.hover-card-grid .flickity-viewport{overflow:visible}.hover-card-grid .flickity-page-dots .dot{background:#fff;padding:0}.hover-card-grid .flickity-page-dots .dot.is-selected{background-color:#fff}.hover-grid-header p{font-size:15px;color:#fff;line-height:1.5}.hover-card{perspective:none;-webkit-perspective:none}.hover-card-front,.hover-card-back{transform:none!important;transition:none;position:relative}.hover-card-back{opacity:0;display:block;position:absolute;top:0;left:0;z-index:-1;transform:all .5s}.hover-card-front.active+div{display:block;opacity:1;z-index:2}.hover-card:hover .hover-card-front,.hover-card:hover .hover-card-back,.hover-card:hover .hover-card-bg-img{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/44/assets/tzn-grid-card.css.map */