.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:var(--color-secondary-button-background);color:var(--color-secondary-button-text);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:var(--color-foreground-heading)}.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}.category-layout-4{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:repeat(4,1fr);gap:16px;height:100%}.category-layout-4 .item-1{grid-column:1 / span 2;grid-row:1 / span 3}.category-layout-4 .item-2{grid-column:3;grid-row:1}.category-layout-4 .item-3{grid-column:4;grid-row:1}.category-layout-4 .item-4{grid-column:3;grid-row:2 / span 2}.category-layout-4 .item-5{grid-column:4;grid-row:2}.category-layout-4 .item-6{grid-column:1;grid-row:4}.category-layout-4 .item-7{grid-column:2;grid-row:4}.category-layout-4 .item-8{grid-column:3;grid-row:4}.category-layout-4 .item-9{grid-column:4;grid-row:3 / 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;z-index:2}.categorygrid-row:before{content:"";display:block;padding-top:45%}.category-layout,.category-card{height:100%}.title-type2 .category-title-coll{top:20px;left:20px;padding:6px 12px;border-radius:20px;font-size:13px;display:inline-flex;align-items:center;gap:6px}.title-type2 .category-title{position:static;background:var(--color-primary-button-background);color:var(--color-primary-button-text);padding:4px 14px;font-size:14px;border-radius:30px;font-family:var(--font-body-family)}.title-type2.pos-top-right .category-title-coll{left:auto;right:20px}.title-type2 .category-card .category-title{display:inline}.title-type2 .category-heading{position:absolute;display:flex;align-items:center}.title-type2 .category-title-coll{position:static;background:var(--color-secondary-foreground-heading);color:var(--color-foreground-heading);padding:3px 12px;border-radius:10px;font-size:13px}.title-type2 .category-title{position:static}.title-type2.pos-top-right .category-heading{left:auto;right:20px}.title-type2.pos-bottom-right .category-heading{right:20px;bottom:20px}.title-type2.pos-bottom-left .category-heading{left:20px;bottom:20px}@media(max-width:768px){.categorygrid-row:before{padding-top:120%}}.category-layout .placeholder-svg{width:100%;height:100%;background:#cac4c3}@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;line-height:1.1;writing-mode:horizontal-tb;padding:9px 2px;top:inherit}.category-layout-3,.category-layout-1,.category-layout-2,.category-layout-4{gap:5px}.category-title{display:none}.title-type2 .category-title{padding:4px 8px;font-size:10px}.title-type2 .category-title-coll{padding:4px 6px;font-size:12px}.title-type2.pos-bottom-right .category-heading{right:10px;bottom:3px}.category-layout-4{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:repeat(6,1fr)}.category-layout-4 .item-1{grid-column:1 / span 2;grid-row:1 / span 2}.category-layout-4 .item-2{grid-column:3 / span 2;grid-row:1 / span 1}.category-layout-4 .item-3{grid-column:3 / span 2;grid-row:2}.category-layout-4 .item-4{grid-column:1 / span 2;grid-row:3 / span 1}.category-layout-4 .item-5{grid-column:1 / span 2;grid-row:4 / span 1}.category-layout-4 .item-6{grid-column:3 / span 2;grid-row:3 / span 2}.category-layout-4 .item-7{grid-column:3 / span 2;grid-row:6 / span 1}.category-layout-4 .item-8{grid-column:3 / span 2;grid-row:5 / span 1}.category-layout-4 .item-9{grid-column:1 / span 2;grid-row:5 / span 2}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/category-grid.css.map */