collection-grid{display:flex;flex-direction:column;gap:2.5rem;padding:3.75rem 0;min-height:calc(100svh - var(--header-height))}collection-grid[loading=true]{cursor:wait;pointer-events:none}.collection-grid--header{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem}.collection-grid--heading,.collection-grid--subheading{text-align:center}.collection-grid--subheading{max-width:12.5rem;text-wrap:balance}.collection-grid--header-image{max-width:71.25rem}.collection-grid--actions{display:flex;align-items:center;justify-content:center;gap:1.125rem;width:100%;margin-top:2.5rem}.collection-grid--products{--columns: 2;display:grid;grid-template-columns:repeat(var(--columns),1fr);column-gap:var(--container-gutter);row-gap:2rem;flex-grow:1;transition:opacity var(--transition-duration) var(--transition-ease)}collection-grid[loading=true] .collection-grid--products{opacity:0}.collection-grid--product{order:var(--index)}.collection-grid--block{order:calc(var(--index) * 8);grid-column:span var(--columns);margin:.5rem calc(var(--container-gutter) * -1)}collection-grid[filters-active=true] .collection-grid--block{display:none}.collection-grid--block .hero-banner--inner.underneath .cta-text{padding-bottom:0}.collection-grid--empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;grid-column:span var(--columns)}.collection-grid--empty strong{font-weight:500;text-align:center;text-wrap:pretty}@media (min-width: 768px){.collection-grid--subheading{max-width:22.5rem}.collection-grid--actions{margin-top:1rem}.collection-grid--products{--columns: 3}.collection-grid--block{order:calc(var(--index) * 9);margin-top:3rem;margin-bottom:3rem}}@media (min-width: 1024px){.collection-grid--actions{justify-content:space-between;margin-top:-3.2rem}.collection-grid--products{--columns: 4;row-gap:3.375rem}.collection-grid--block{order:calc(var(--index) * 8);margin-top:4.125rem;margin-bottom:4.125rem}}@media (min-width: 1920px){.collection-grid--products{row-gap:4.5rem}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/collection-grid.css.map */