section.shop-cats .wrapper>.content{text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;flex-wrap:auto}section.shop-cats .wrapper .category-grid{display:none}section.shop-cats .wrapper .categories-mobile{display:flex;align-items:center;justify-content:center;flex-direction:row;flex-wrap:wrap;gap:1rem}section.shop-cats .wrapper .categories-mobile .category{flex:1 0 calc(50% - .5rem);position:relative;aspect-ratio:1.17/1;overflow:hidden}section.shop-cats .wrapper .categories-mobile .category:first-of-type{aspect-ratio:2.4/1;flex:1 0 100%}section.shop-cats .wrapper .categories-mobile .category a{display:inline-block;width:100%;height:100%;overflow:hidden}section.shop-cats .wrapper .categories-mobile .category a:hover .image img{transform:scale(1.05)}section.shop-cats .wrapper .categories-mobile .category a:hover .content p{gap:2rem}section.shop-cats .wrapper .categories-mobile .category a .image{position:absolute;top:0;left:0;width:100%;height:100%}section.shop-cats .wrapper .categories-mobile .category a .image img{width:100%;height:100%;object-fit:cover;object-position:center;transition:all .3s ease}section.shop-cats .wrapper .categories-mobile .category a .content{position:absolute;bottom:0;width:100%;background:linear-gradient(0deg,rgba(0,0,0,.8),transparent);padding:2rem 1rem 1rem}section.shop-cats .wrapper .categories-mobile .category a .content h4{color:#fff;margin-bottom:0}section.shop-cats .wrapper .categories-mobile .category a .content p{text-transform:uppercase;color:#fff;font-weight:600;display:flex;align-items:center;justify-content:flex-start;flex-direction:row;flex-wrap:auto;gap:1rem;transition:all .3s ease}section.shop-cats .wrapper .categories-mobile .category a .content p svg{width:24px;height:24px;min-width:24px;min-height:24px}@media (min-width: 768px){section.shop-cats .wrapper .categories-mobile{display:none}section.shop-cats .wrapper .category-grid{margin-top:1rem;display:grid;grid-template-columns:1fr;column-gap:auto;row-gap:auto;gap:1rem}section.shop-cats .wrapper .category-grid .top,section.shop-cats .wrapper .category-grid .middle,section.shop-cats .wrapper .category-grid .bottom{width:100%;overflow:hidden}section.shop-cats .wrapper .category-grid .top a{aspect-ratio:3/1}section.shop-cats .wrapper .category-grid .middle{display:flex;align-items:center;justify-content:space-between;flex-direction:row;flex-wrap:auto;gap:1rem}section.shop-cats .wrapper .category-grid .middle .category:nth-child(1),section.shop-cats .wrapper .category-grid .middle .category:nth-child(2){flex:1 0 calc(33% - .5rem)}section.shop-cats .wrapper .category-grid .middle .middle-stack{display:grid;grid-template-columns:1fr;column-gap:auto;row-gap:auto;gap:1rem;flex:1 0 calc(33% - .5rem);height:450px;overflow:hidden}section.shop-cats .wrapper .category-grid .bottom{display:flex;align-items:center;justify-content:space-between;flex-direction:row;flex-wrap:auto;gap:1rem}section.shop-cats .wrapper .category-grid .bottom .category{height:450px}section.shop-cats .wrapper .category-grid .bottom .category:nth-child(1){flex:1 0 calc(50% - .5rem)}section.shop-cats .wrapper .category-grid .bottom .bottom-stack{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:row;flex-wrap:wrap;gap:1rem;flex:1 0 calc(50% - .5rem);height:450px;overflow:hidden}section.shop-cats .wrapper .category-grid .bottom .bottom-stack .category:nth-child(1){flex-basis:100%;height:50%}section.shop-cats .wrapper .category-grid .bottom .bottom-stack .category:nth-child(2),section.shop-cats .wrapper .category-grid .bottom .bottom-stack .category:nth-child(3){flex-basis:calc(50% - .5rem);height:calc(50% - 1rem)}section.shop-cats .wrapper .category-grid .category{position:relative;width:100%;height:100%;overflow:hidden}section.shop-cats .wrapper .category-grid a{display:inline-block;width:100%;height:100%;overflow:hidden}section.shop-cats .wrapper .category-grid a:hover .image img{transform:scale(1.05)}section.shop-cats .wrapper .category-grid a:hover .content p{gap:2rem}section.shop-cats .wrapper .category-grid a .image{position:absolute;top:0;left:0;width:100%;height:100%}section.shop-cats .wrapper .category-grid a .image img{width:100%;height:100%;object-fit:cover;object-position:center;transition:all .3s ease}section.shop-cats .wrapper .category-grid a .content{position:absolute;bottom:0;width:100%;background:linear-gradient(0deg,rgba(0,0,0,.8),transparent);padding:2rem 1rem 1rem}section.shop-cats .wrapper .category-grid a .content h4{color:#fff;margin-bottom:.5rem}section.shop-cats .wrapper .category-grid a .content p{text-transform:uppercase;color:#fff;font-weight:600;display:flex;align-items:center;justify-content:flex-start;flex-direction:row;flex-wrap:auto;gap:1rem;transition:all .3s ease}section.shop-cats .wrapper .category-grid a .content p svg{width:24px;height:24px;min-width:24px;min-height:24px}}