@keyframes hr-skeleton-sweep{0%{background-position:200% 0}to{background-position:-200% 0}}.shop-by-fragrance{max-width:1520px;margin:0 auto;padding:96px 16px}.shop-by-fragrance h2{text-transform:uppercase;text-align:center;margin-bottom:32px;font-size:32px;font-style:normal;font-weight:400;line-height:40px}.shop-by-fragrance .shop-by-fragrance--categories{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.shop-by-fragrance .shop-by-fragrance--categories>div{position:relative;overflow:hidden}.shop-by-fragrance .shop-by-fragrance--categories>div h3{color:#fff;text-transform:uppercase;text-align:center;z-index:2;width:100%;font-size:32px;font-style:normal;font-weight:400;line-height:40px;transition:all .3s linear;display:inline-block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.shop-by-fragrance .shop-by-fragrance--categories>div img{width:100%;height:100%;transition:all .3s linear}.shop-by-fragrance .shop-by-fragrance--categories>div .btn{text-transform:uppercase;z-index:2;background:#fff;justify-content:center;align-items:center;width:calc(100% - 48px);height:0;padding:0 10px;font-size:14px;font-style:normal;font-weight:400;line-height:18px;transition:all .3s linear;display:flex;position:absolute;bottom:24px;left:24px;overflow:hidden}.shop-by-fragrance .shop-by-fragrance--categories>div:after{content:"";z-index:1;background:0 0;width:100%;height:100%;transition:all .3s linear;position:absolute;top:0;left:0}@media screen and (min-width:641px){.shop-by-fragrance .shop-by-fragrance--categories>div:hover:after{background:#00000052}.shop-by-fragrance .shop-by-fragrance--categories>div:hover h3{top:calc(50% - 32px)}.shop-by-fragrance .shop-by-fragrance--categories>div:hover img{transform:scale(1.1)}.shop-by-fragrance .shop-by-fragrance--categories>div:hover .btn{height:52px}}@media screen and (max-width:1280px){.shop-by-fragrance .shop-by-fragrance--categories>div h3{text-transform:uppercase;font-size:24px;font-style:normal;font-weight:400;line-height:32px}.shop-by-fragrance .shop-by-fragrance--categories>div .btn{width:calc(100% - 32px);left:16px}}@media screen and (max-width:991px){.shop-by-fragrance{padding:64px 16px}.shop-by-fragrance h2{margin-bottom:24px;font-size:24px;line-height:32px}.shop-by-fragrance .shop-by-fragrance--categories{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:640px){.shop-by-fragrance .shop-by-fragrance--categories{grid-template-columns:1fr;gap:8px}.shop-by-fragrance .shop-by-fragrance--categories>div{height:100px}.shop-by-fragrance .shop-by-fragrance--categories>div h3:before{content:"Shop";text-transform:uppercase;font-size:10px;font-style:normal;font-weight:400;line-height:12px;display:block}.shop-by-fragrance .shop-by-fragrance--categories>div img{-o-object-fit:cover;object-fit:cover}.shop-by-fragrance .shop-by-fragrance--categories>div .btn{z-index:3;text-indent:-99999px;background:0 0;width:100%;height:100%;top:0;bottom:0;left:0;right:0}.shop-by-fragrance .shop-by-fragrance--categories>div .btn span{display:none}.shop-by-fragrance .shop-by-fragrance--categories>div:after{background:#00000052}}.shop-by-fragrance .shop-by-fragrance--categories>.shop-by-fragrance--tile{background-color:#ececec;background-image:linear-gradient(90deg,#ececec 25%,#f6f6f6 50%,#ececec 75%);background-size:200% 100%;animation:1.4s ease-in-out infinite hr-skeleton-sweep}@media (prefers-reduced-motion:reduce){.shop-by-fragrance .shop-by-fragrance--categories>.shop-by-fragrance--tile{animation:none}}.shop-by-fragrance .shop-by-fragrance--categories>.shop-by-fragrance--tile img{z-index:0;-o-object-fit:cover;object-fit:cover;display:block;position:relative}