.categorygrid_page-width{max-width:var(--container);margin:0 auto;padding:0 10px}span.category-title-coll{word-break:break-all}.category-layout-1{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:16px}.category-layout-1 .item-1{grid-row:span 2}.category-layout-1 .item-4{grid-column:2 / span 2}.category-card{position:relative;overflow:hidden;border-radius:16px}.category-card img{width:100%;height:100%;object-fit:cover;display:block}.category-title{position:absolute;bottom:30px;left:30px;background:#00000073;color:#fff;padding:4px 15px;font-size:14px;border-radius:10px;font-family:var(--font-body-family)}.category-title-coll{position:absolute;top:30px;padding:0 2rem;font-family:var(--font-body-family);font-size:18px;font-weight:500;color:#331f17}.category-layout-2{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:repeat(2,1fr);gap:16px}.category-layout-2 .item-1,.category-layout-2 .item-2{grid-row:span 2}.category-layout-2 .item-3,.category-layout-2 .item-4,.category-layout-2 .item-5,.category-layout-2 .item-6{grid-row:auto}.category-layout-3{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:repeat(2,1fr);gap:16px}.category-layout-3 .item-1,.category-layout-3 .item-3{grid-row:span 2}.category-layout-3 .item-2{grid-column:2 / span 2}.categorygrid-row{position:relative}.categorygrid-row{position:relative;display:flex;width:100%;flex-direction:row}.categorygrid-row .category-layout{width:100%}.categorygrid-row .category-layout{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;transition:opacity .8s ease,visibility .8s ease}.categorygrid-row .category-layout.is-active{opacity:1;visibility:visible;position:relative;z-index:2}.categorygrid-row:before{content:"";display:block;padding-top:45%}@media(max-width:768px){.categorygrid-row:before{padding-top:120%}}.category-layout .placeholder-svg{width:100%;height:100%;background:#f2e4d0}@media(max-width:768px){.category-title-coll{position:absolute;left:4px;bottom:15px;font-family:var(--font-body-family);font-size:12px;font-weight:500;color:#fff;line-height:1.1;writing-mode:vertical-rl;background:#331f17;padding:9px 2px;top:inherit}.category-layout-3,.category-layout-1,.category-layout-2{gap:5px}.category-title{display:none}.categorygrid-row{height:300px}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/category-grid.css.map */