.flip-grid__card{position:relative;cursor:pointer;overflow:hidden;aspect-ratio:3/5;z-index:2}.flip-grid__card.active{z-index:3}.flip-grid__card-image{width:100%;height:100%}.flip-grid__card-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.flip-grid__card-front{box-sizing:border-box;position:absolute;top:0;left:0;padding:32px;width:100%;height:100%;background:linear-gradient(0deg,transparent,transparent,rgba(0,0,0,.2))}.flip-grid__card-back{box-sizing:border-box;width:100%;height:100%;padding:32px;position:absolute;top:0;left:0;transform:translateY(-100%);transition:transform .2s ease-in-out;z-index:3}.flip-grid__card.active .flip-grid__card-back{transform:translateY(0)}.flip-grid__card-title{margin-top:0;line-height:1.1}.flip-grid__card-front .flip-grid__card-title{color:#fff}.flip-grid__card-description{overflow:auto;height:100%}.flip-grid__card-description p{margin-top:0;font-size:1.2rem}@media screen and (max-width: 1024px){.flip-grid__card-description p{line-height:1.6rem}}@media screen and (min-width: 1024px){.flip-grid__card-description p{font-size:1.6rem}}.flip-grid__card-link{color:#fff}.flip-grid__card-link:hover{color:#242421;background-color:#fff}.flip-grid__card-link:after{border-color:#fff}@media screen and (min-width: 1024px){.flip-grid__card-link{display:none}}.flip-grid__card-button{display:flex;justify-content:center;align-items:center;position:absolute;top:16px;right:16px;cursor:pointer;transform:scale(0);z-index:4}@media screen and (min-width: 1024px){.flip-grid__card-button-icon--mobile{display:none}}.flip-grid__card-button-icon{display:none}@media screen and (min-width: 1024px){.flip-grid__card-button-icon{display:block}}.flip-grid__card-button svg{color:#fff;transition:color .2s ease-in-out}@media screen and (min-width: 1024px){.flip-grid__card-button{transform:none;top:unset;bottom:16px}}.flip-grid__card.active .flip-grid__card-button{display:flex;transform:rotate(180deg)}.flip-grid__card.active .flip-grid__card-button svg{color:inherit}.flip-grid__navigation{position:absolute;bottom:32px;left:0;z-index:1;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 32px;width:100%;z-index:3;box-sizing:border-box}.flip-grid__navigation.active{display:none}@media screen and (min-width: 1024px){.flip-grid__navigation{display:none}}.flip-grid__index{line-height:1}.flip-grid__arrows{display:flex;-moz-column-gap:8px;column-gap:8px}.flip-grid__arrow{display:flex}
/*# sourceMappingURL=/cdn/shop/t/349/assets/section-flip-grid.css.map */