.collection .card-wrapper{height:100%}.collection .card{background-color:#fff;border:1px solid #e5e5e5;border-radius:16px;overflow:hidden;height:100%;transition:box-shadow .3s ease;position:relative}.collection .card__heading a:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.collection .card:hover{box-shadow:0 4px 12px #0000001a}.collection .card:hover .media.media--hover-effect>img:first-child:only-child,.collection .card-wrapper:hover .media.media--hover-effect>img:first-child:only-child,.collection .card:hover .media.media--hover-effect>img+img,.collection .card-wrapper:hover .media.media--hover-effect>img+img{transform:none!important}.collection .card__inner{background:transparent;border-radius:16px 16px 0 0;border:none;padding-bottom:75%!important;height:0!important;position:relative;--ratio-percent: 75% !important}.collection .card__media{border-radius:16px 16px 0 0!important;position:absolute!important;top:0;left:0;width:100%;height:100%;aspect-ratio:4 / 3!important}.collection .card__media img{object-fit:contain!important;background-color:#fff;width:100%;height:100%;position:absolute;top:0;left:0;transition:none!important;transform:none!important}.collection .card__content{padding:16px}.collection .card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;z-index:2;transition:background-position calc(2 * var(--duration-extended)) ease,opacity var(--duration-default) ease;mix-blend-mode:overlay;background-size:400% 100%;background-position:90% 0;background-repeat:no-repeat;background-image:linear-gradient(135deg,#fff0 45%,#fff,#fff0 55%);border-radius:16px}.collection .card:hover:before{opacity:.2;background-position:0% 0}.collection .card .card__media:after{display:none!important;content:none!important}@media (prefers-reduced-motion: no-preference) and (hover: hover){.animate--hover-3d-lift .collection .card-wrapper:hover .card--standard .card__inner{transform:none!important;box-shadow:none!important}.animate--hover-3d-lift .collection .card-wrapper:hover .card{transition:transform var(--duration-extended) ease,box-shadow var(--duration-long) ease;transform:rotate(1deg);box-shadow:-1rem -1rem 1rem -1rem #0000000d,1rem 1rem 1rem -1rem #0000000d,0 0 .5rem #fff0,0 2rem 3.5rem -2rem #00000080}}.collection .product-grid{--grid-mobile-horizontal-spacing: 10px;--grid-mobile-vertical-spacing: 15px;--grid-desktop-horizontal-spacing: 15px;--grid-desktop-vertical-spacing: 20px}
/*# sourceMappingURL=/cdn/shop/t/12/assets/custom-collection-grid.css.map */