.shop-hover-grid{width:100%}.shop-hover-grid__inner{width:100%;max-width:1440px;margin:0 auto;padding:0 16px}@media screen and (min-width:750px){.shop-hover-grid__inner{padding:0 32px}}@media screen and (min-width:990px){.shop-hover-grid__inner{padding:0 48px}}.shop-hover-grid__title{font-family:GillSans,sans-serif;font-weight:700;font-size:clamp(2.8rem,5vw,4.8rem);line-height:1.1;letter-spacing:0;text-transform:uppercase;color:#000;margin:0 0 2.4rem}.shop-hover-grid__list{display:flex;flex-wrap:wrap;gap:20px;list-style:none;margin:0;padding:0}.shop-hover-grid__item{position:relative;width:100%}@media screen and (min-width:750px){.shop-hover-grid__item{width:calc((100% - 40px) / 3)}.shop-hover-grid--count-1 .shop-hover-grid__item{width:100%}.shop-hover-grid--count-2 .shop-hover-grid__item{width:calc((100% - 20px)/2)}}.shop-hover-grid__link{display:block;position:relative;width:100%;overflow:hidden;text-decoration:none;color:inherit}.shop-hover-grid__item--coming-soon .shop-hover-grid__link,.shop-hover-grid__item--coming-soon .shop-hover-grid__link--static{cursor:not-allowed}.shop-hover-grid__media{--shop-tile-focal-y: 67%;position:relative;width:100%;height:280px;background-color:#f3f3f5;background-repeat:no-repeat;background-size:cover;background-position:center var(--shop-tile-focal-y)}@media screen and (min-width:750px){.shop-hover-grid__media{height:435px}}.shop-hover-grid__media img{width:100%;height:100%;object-fit:cover;object-position:center var(--shop-tile-focal-y);display:block}.shop-hover-grid__media:before{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:#00000080;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease,background .25s ease;z-index:1}.shop-hover-grid__item--coming-soon .shop-hover-grid__media img{object-position:center center}.shop-hover-grid__label{font-family:GillSans,sans-serif;font-weight:300;font-size:2.8rem;line-height:1.15;letter-spacing:.04em;text-transform:uppercase;color:#fff;text-align:center;text-shadow:0 1px 18px rgba(0,0,0,.35);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;padding:0 15px;margin:0;z-index:2;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}.shop-hover-grid__label-text{display:block}.shop-hover-grid__badge{position:absolute;left:50%;top:calc(100% + 1.2rem);transform:translate(-50%,.4rem);width:max-content;max-width:calc(100% - 30px);padding-top:1.2rem;font-size:2.5rem;line-height:1.2;letter-spacing:.14em;font-weight:300;color:#fff;text-shadow:0 1px 18px rgba(0,0,0,.35);opacity:0;visibility:hidden;transition:opacity .25s ease 0s,visibility .25s ease 0s,transform .25s ease 0s}.shop-hover-grid__badge:before{content:"";position:absolute;top:0;left:50%;width:2.4rem;height:1px;background:#ffffffb3;transform:translate(-50%)}.shop-hover-grid__link:hover .shop-hover-grid__media:before,.shop-hover-grid__link:focus-visible .shop-hover-grid__media:before,.shop-hover-grid__item:hover .shop-hover-grid__media:before,.shop-hover-grid__item:focus-within .shop-hover-grid__media:before{opacity:1;visibility:visible}.shop-hover-grid__link:hover .shop-hover-grid__label,.shop-hover-grid__link:focus-visible .shop-hover-grid__label,.shop-hover-grid__item:hover .shop-hover-grid__label,.shop-hover-grid__item:focus-within .shop-hover-grid__label{opacity:1;visibility:visible}.shop-hover-grid__item--coming-soon:hover .shop-hover-grid__badge,.shop-hover-grid__item--coming-soon:focus-within .shop-hover-grid__badge{opacity:1;visibility:visible;transform:translate(-50%);transition:opacity .25s ease .2s,visibility .25s ease .2s,transform .25s ease .2s}@media(hover:none){.shop-hover-grid__media:before{opacity:1;visibility:visible;background:#0006}.shop-hover-grid__label{opacity:1;visibility:visible}.shop-hover-grid__item--coming-soon .shop-hover-grid__badge{opacity:1;visibility:visible;transform:translate(-50%)}}@media screen and (min-width:750px){.shop-hover-grid__label{font-size:3.2rem}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-shop-hover-grid.css.map */