.home-shop-by__banner{position:relative;min-height:300px}.home-shop-by__banner .home-shop-by__banner-image--desktop,.home-shop-by__banner .home-shop-by__banner-image--mobile{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}.home-shop-by__banner-image--desktop{display:none}@media screen and (min-width: 750px){.home-shop-by__banner-image--desktop{display:block}.home-shop-by__banner-image--mobile{display:none}}.home-shop-by__banner .page-width{position:relative;height:300px}.home-shop-by__title{position:absolute;top:50%;left:3%;width:auto;height:auto;transform:translateY(-50%);background-color:#fff;border:20px solid var(--color-light-accent)}.home-shop-by__title h2{margin:2.4rem 4rem}.home-shop-by__container{padding:2rem}.home-shop-by__grid{display:grid;gap:24px;grid-template-columns:1fr;grid-template-areas:"a" "b" "c" "d" "e"}@media screen and (min-width: 750px){.home-shop-by__container{padding:5rem}.home-shop-by__grid{grid-template-columns:1fr 1fr;grid-template-areas:"a a" "b c" "d e"}.home-shop-by__title{left:50px}}@media screen and (min-width: 1025px){.home-shop-by__grid{grid-template-columns:1fr 1fr 1fr;grid-template-areas:"a b c" "a d e"}}.home-shop-by__item{position:relative;width:100%;height:100%;aspect-ratio:3/2}.home-shop-by__item:hover:after,.home-shop-by__item:active:after,.home-shop-by__item:focus:after{opacity:.5}@media screen and (min-width: 750px){.home-shop-by__item{aspect-ratio:2}}.home-shop-by__item:first-child{grid-area:a}.home-shop-by__item:nth-child(2){grid-area:b}.home-shop-by__item:nth-child(3){grid-area:c}.home-shop-by__item:nth-child(4){grid-area:d}.home-shop-by__item:nth-child(5){grid-area:e}.home-shop-by__item img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.home-shop-by__item:after{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;background-color:#000;transition:.3s ease;z-index:1;content:""}.home-shop-by__item-title{position:relative;display:inline-block;top:50%;left:50%;width:auto;max-width:80%;height:auto;transform:translate(-50%,-50%);background-color:#fff;border:14px solid var(--color-light-accent);z-index:2}.home-shop-by__item-title h3{margin:12px;color:rgb(var(--color-link));text-align:center;font-size:clamp(2.4rem,2.6vw,2.8rem)}
/*# sourceMappingURL=/cdn/shop/t/20/assets/section-home-shop-by.css.map */