.aqualogic-collection-cards{position:relative}.aqualogic-collection-cards__header{max-width:827px;width:62%;margin-left:auto;margin-bottom:70px}.aqualogic-collection-cards__bg-image{position:absolute;top:0;left:0;width:100%;height:auto;pointer-events:none;object-fit:cover;object-position:top;z-index:-1}.aqualogic-collection-cards__bg-image--left{top:-120px}.aqualogic-collection-cards__heading{margin:0 0 20px}.aqualogic-collection-cards__subheading{color:var(--color-text-secondary)}h1.aqualogic-collection-cards__heading+.aqualogic-collection-cards__subheading{max-width:576px}.aqualogic-collection-cards__grid{--aqualogic-collection-cards-gap: 2px;--aqualogic-collection-cards-columns: 4;--aqualogic-collection-cards-align: flex-start;list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--aqualogic-collection-cards-gap);justify-content:var(--aqualogic-collection-cards-align)}.aqualogic-collection-cards__grid--center{--aqualogic-collection-cards-align: center}.aqualogic-collection-cards__grid--right{--aqualogic-collection-cards-align: flex-end}.aqualogic-collection-card{flex:0 0 calc((100% - (var(--aqualogic-collection-cards-columns) - 1) * var(--aqualogic-collection-cards-gap)) / var(--aqualogic-collection-cards-columns));max-width:calc((100% - (var(--aqualogic-collection-cards-columns) - 1) * var(--aqualogic-collection-cards-gap)) / var(--aqualogic-collection-cards-columns));display:flex;flex-direction:column;border-radius:6px;overflow:hidden;background:var(--color-surface-soft)}.aqualogic-collection-card__image-wrap{display:block;position:relative;padding-bottom:79.5%;height:0;width:100%;flex-shrink:0}.aqualogic-collection-card__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;transition:opacity .3s ease}.aqualogic-collection-card__image--hover{opacity:0}.aqualogic-collection-card:hover .aqualogic-collection-card__image:not(.aqualogic-collection-card__image--hover){opacity:0}.aqualogic-collection-card:hover .aqualogic-collection-card__image--hover{opacity:1}.aqualogic-collection-card__footer{display:flex;gap:20px;padding:20px;flex:1}.aqualogic-collection-card__footer--arrow{flex-direction:row;align-items:flex-start;justify-content:space-between}.aqualogic-collection-card__footer--button{flex-direction:column;align-items:stretch;justify-content:space-between}.aqualogic-collection-card__text{display:flex;flex-direction:column;gap:12px}.aqualogic-collection-card__title{margin:0}.aqualogic-collection-card__title-link{color:inherit;text-decoration:none}.aqualogic-collection-card__description{margin:0;color:var(--color-text-secondary)}.aqualogic-collection-card__cta{width:100%}.aqualogic-collection-card__button{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;background:var(--color-surface-dark);border-radius:6px;flex-shrink:0;transition:background .2s ease;position:relative;overflow:hidden}.aqualogic-collection-card__button-arrow{display:block;transition:transform .35s ease}.aqualogic-collection-card__button-arrow:first-child{transform:translate(0)}.aqualogic-collection-card__button-arrow:last-child{position:absolute;left:50%;top:50%;transform:translate(-200%,-50%);width:100%;text-align:center}.aqualogic-collection-card:hover .aqualogic-collection-card__button-arrow:first-child{transform:translate(200%)}.aqualogic-collection-card:hover .aqualogic-collection-card__button-arrow:last-child{transform:translate(-50%,-50%)}@media screen and (max-width:1024px){h1.aqualogic-collection-cards__heading{margin-bottom:18px}h2.aqualogic-collection-cards__heading{margin-bottom:14px}.aqualogic-collection-cards__header{margin-bottom:60px}}@media screen and (max-width:991px){.aqualogic-collection-cards__grid{--aqualogic-collection-cards-columns: 2}.aqualogic-collection-cards__header{width:100%}.aqualogic-collection-cards__bg-image--left{top:-200px}}@media screen and (max-width:749px){.aqualogic-collection-cards__header{margin-bottom:50px}.aqualogic-collection-cards__grid{--aqualogic-collection-cards-columns: 1}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/aqualogic-collection-cards.css.map */