.image-card-grid-section{background:var(--section-bg)}.image-card-grid-section__inner{padding-top:40px;padding-bottom:40px}.image-card-grid-section__header{margin-bottom:30px}.image-card-grid-section__heading{margin:0;color:var(--text-color)}.image-card-grid{display:grid;grid-template-columns:1fr;gap:var(--grid-gap)}@media screen and (min-width:750px){.image-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (min-width:990px){.image-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.image-card{position:relative;display:block;min-width:0;overflow:hidden;color:#fff;text-decoration:none}.image-card__media{position:relative;width:100%;overflow:hidden;background:#eee}.image-card__media--square{aspect-ratio:1 / 1}.image-card__media--portrait{aspect-ratio:4 / 5}.image-card__media--tall{aspect-ratio:3 / 4}.image-card__media--landscape{aspect-ratio:4 / 3}.image-card__media--adapt{aspect-ratio:auto}.image-card__image,.image-card__placeholder{width:100%;height:100%;display:block;object-fit:cover}.image-card__media--adapt .image-card__image{height:auto}.image-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:#000;pointer-events:none}.image-card__content{position:absolute;z-index:2;left:20px;right:20px;bottom:30px;display:flex;flex-direction:column;align-items:center;text-align:center;color:#fff}.image-card__title{margin:0 0 14px;color:inherit;font-size:28px;line-height:1.05;font-weight:700}.image-card__text{margin:0 0 14px;color:inherit}.image-card__text p{margin:0}.image-card__button{display:flex;align-items:center;justify-content:center;width:100%;max-width:275px;min-height:50px;padding:12px 18px;border:1px solid currentColor;border-radius:4px;color:#fff;font-size:14px;line-height:1.2;font-weight:700;text-align:center;text-transform:uppercase;transition:background-color .2s ease,color .2s ease}@media(hover:hover){a.image-card .image-card__image{transition:transform .4s ease}a.image-card:hover .image-card__image{transform:scale(1.03)}a.image-card:hover .image-card__button{background:#fff;color:#000}}@media screen and (max-width:749px){.image-card-grid-section__inner{padding-top:30px;padding-bottom:30px}.image-card__title{font-size:24px}.image-card__content{left:16px;right:16px;bottom:20px}}
/*# sourceMappingURL=/cdn/shop/t/21/compiled_assets/styles.css.map */
