:root{--grid-gap-size: 20px;--grid-gap-size-mobile: 4px}.category-grid{width:100%;display:flex;flex-direction:column;margin:80px 0 100px}.category-grid-intro{width:100%;text-align:center}.category-grid-intro p{padding:15px 0 30px}.categories-row{display:flex;flex-direction:row;width:100%;gap:var(--grid-gap-size)}.block-1{flex:0 0 33%;display:flex;flex-direction:column;justify-content:space-between;position:relative}.category-column-right{flex:1;display:flex;flex-direction:column;gap:var(--grid-gap-size)}.category-row-top,.category-row-bottom{display:flex;gap:var(--grid-gap-size);width:calc(100% - var(--grid-gap-size))}.block-2,.block-5{flex:0 0 60%;position:relative}.block-3,.block-4{flex:0 0 40%;position:relative}.category-block{aspect-ratio:16/9;overflow:hidden;position:relative;display:block}.category-block:hover .category-image{transform:scale(1.05)!important}.category-image{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;transition:transform .4s ease}.category-title{color:#fff;padding:.3rem;letter-spacing:2px;font-size:16px;font-weight:700;margin:0;line-height:1.2}.category-title-wrapper{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to bottom,#0000,#0000000d,#0000001a,#0003 60%,#0000004d);color:#fff;text-align:center;height:50px;font-weight:700;z-index:1;display:flex;justify-content:center;align-items:end}@media screen and (max-width:1000px){.category-grid{margin-top:0;margin-bottom:50px}}@media screen and (max-width:768px){.category-title{font-size:.9rem}.categories-row{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;gap:var(--grid-gap-size-mobile)}.block-1{grid-column:1;grid-row:1 / span 2;display:flex;flex-direction:column;height:100%}.category-column-right,.category-row-top,.category-row-bottom{display:contents}.block-2{grid-column:2;grid-row:1}.block-3{grid-column:2;grid-row:2}.block-4{grid-column:1;grid-row:3}.block-5{grid-column:2;grid-row:3}.category-block{aspect-ratio:4/3;width:100%}}@media screen and (max-width:480px){.category-title{font-size:.7rem}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/category-grid.css.map */