.card-grid{padding:0 40px;display:grid;grid-template-columns:repeat(auto-fit,minmax(325px,1fr));column-gap:32px;row-gap:60px}@media (max-width: 800px){.card-grid{padding:0 16px;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:16px}}.card-grid__item{aspect-ratio:32 / 45}.card-item__card{width:100%;height:100%;perspective:1000px;background-color:transparent;cursor:pointer}.card-item__card-inner{width:100%;height:100%;position:relative;transition:transform .5s;transform-style:preserve-3d}.card-item__card:hover .card-item__card-inner{transform:rotateY(180deg)}@media (max-width: 800px){.card-item__card:hover .card-item__card-inner{transform:none}}.card-item__card-front,.card-item__card-back{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:20px}.card-item__card-front{background-size:cover!important;background-position:center center!important;display:flex;align-items:center;justify-content:center}.card-item__card-heading{color:#fff;text-transform:capitalize;font-size:32px;text-align:center}.card-item__card-back{transform:rotateY(180deg);background-color:#fcfbf7;padding:32px;overflow:hidden}.card-item__card-back-inner{overflow-y:auto;height:100%}.card-item__card-back h2{font-size:32px;text-transform:capitalize;font-weight:700;text-align:center;margin-bottom:20px}.card-item__heading{width:100%;height:100%;font-size:74px;margin-bottom:0}@media (max-width: 800px){.card-grid__item--heading{grid-column:1 / -1;height:100px}}.card-grid__modal{display:none;position:fixed;top:0;left:0;background-color:#0000004d;width:100%;height:100%;z-index:9999;align-items:center;justify-content:center}.card-grid__modal--active{display:flex}.card-grid__modal-container{border-radius:24px;padding:32px;margin:0 32px;width:100%;max-width:400px;aspect-ratio:2 / 3;background-color:#fff;overflow:hidden}.card-grid__modal-content{overflow-y:auto;height:calc(100% - 60px);margin-bottom:20px}.card-grid__modal-close{display:block;border-radius:50px;padding:10px;width:90px;border:1px solid #000;margin:0 auto}.noscroll{overflow:hidden}
/*# sourceMappingURL=/cdn/shop/t/15/assets/section-card-grid.css.map */