.section--collection-grid{padding-block:var(--space-4) var(--section-y)}.collection-grid__container{display:flex;flex-direction:column;gap:var(--space-4)}.collection-grid__active-list{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.collection-grid__active-link{display:inline-flex;align-items:center;gap:var(--space-1);padding:6px 10px;background:var(--color-accent-soft);color:var(--color-text);border:1px solid var(--color-accent);border-radius:var(--radius-pill);font-size:var(--text-xs);text-decoration:none;min-height:32px;transition:background var(--duration-fast) var(--ease-out)}.collection-grid__active-link:hover{background:var(--color-accent);color:var(--color-accent-fg)}.collection-grid__clear-all{font-size:var(--text-xs);color:var(--color-text-muted);text-decoration:underline;text-underline-offset:3px}.collection-grid__clear-all:hover{color:var(--color-accent)}.collection-grid__toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);padding-block:var(--space-3);border-block:1px solid var(--color-border)}.collection-grid__count{margin:0;font-size:var(--text-sm);color:var(--color-text-muted);font-variant-numeric:tabular-nums}.collection-grid__toolbar-controls{display:flex;align-items:center;gap:var(--space-2);margin-inline-start:auto;flex-wrap:wrap}.collection-grid__filter-btn{min-height:40px;padding:0 var(--space-3)}.collection-grid__sort{display:flex;align-items:center}.collection-grid__sort-wrap{position:relative;display:inline-flex;align-items:center}.collection-grid__sort-icon{position:absolute;left:var(--space-2);color:var(--color-text-muted);pointer-events:none}.collection-grid__sort-select{appearance:none;-webkit-appearance:none;background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);padding:8px var(--space-6) 8px calc(var(--space-2) + 18px);border-radius:var(--radius-md);font-size:var(--text-sm);min-height:40px;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,var(--color-text-muted) 50%),linear-gradient(135deg,var(--color-text-muted) 50%,transparent 50%);background-position:calc(100% - 14px) 50%,calc(100% - 9px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.collection-grid__sort-select:focus-visible{outline-offset:0;border-color:var(--color-accent)}.collection-grid__view{display:none;gap:2px;background:var(--color-surface-elevated);border-radius:var(--radius-md);padding:2px}@media(min-width:990px){.collection-grid__view{display:inline-flex}}.collection-grid__view-btn{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:36px;padding:6px 10px;background:transparent;border:0;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer}.collection-grid__view-btn--active{background:var(--color-surface);color:var(--color-text);box-shadow:0 1px 2px #0006}.collection-grid__view-grid{display:inline-grid;gap:2px;width:16px;height:16px}.collection-grid__view-grid--3{grid-template-columns:repeat(3,1fr)}.collection-grid__view-grid--4{grid-template-columns:repeat(4,1fr)}.collection-grid__view-grid:before,.collection-grid__view-grid:after,.collection-grid__view-grid--3{background-image:linear-gradient(currentColor,currentColor);background-size:100% 100%}.collection-grid__view-grid--3{background:linear-gradient(currentColor,currentColor) 0 0/3px 3px no-repeat,linear-gradient(currentColor,currentColor) 6.5px 0/3px 3px no-repeat,linear-gradient(currentColor,currentColor) 13px 0/3px 3px no-repeat,linear-gradient(currentColor,currentColor) 0 6.5px/3px 3px no-repeat,linear-gradient(currentColor,currentColor) 6.5px 6.5px/3px 3px no-repeat,linear-gradient(currentColor,currentColor) 13px 6.5px/3px 3px no-repeat,linear-gradient(currentColor,currentColor) 0 13px/3px 3px no-repeat,linear-gradient(currentColor,currentColor) 6.5px 13px/3px 3px no-repeat,linear-gradient(currentColor,currentColor) 13px 13px/3px 3px no-repeat}.collection-grid__view-grid--4{background:linear-gradient(currentColor,currentColor) 0 0/3px 3px no-repeat,linear-gradient(currentColor,currentColor) 4.3px 0/3px 3px no-repeat,linear-gradient(currentColor,currentColor) 8.6px 0/3px 3px no-repeat,linear-gradient(currentColor,currentColor) 13px 0/3px 3px no-repeat,linear-gradient(currentColor,currentColor) 0 6.5px/3px 3px no-repeat,linear-gradient(currentColor,currentColor) 4.3px 6.5px/3px 3px no-repeat,linear-gradient(currentColor,currentColor) 8.6px 6.5px/3px 3px no-repeat,linear-gradient(currentColor,currentColor) 13px 6.5px/3px 3px no-repeat,linear-gradient(currentColor,currentColor) 0 13px/3px 3px no-repeat,linear-gradient(currentColor,currentColor) 4.3px 13px/3px 3px no-repeat,linear-gradient(currentColor,currentColor) 8.6px 13px/3px 3px no-repeat,linear-gradient(currentColor,currentColor) 13px 13px/3px 3px no-repeat}.collection-grid__layout{display:grid;gap:var(--space-6);grid-template-columns:minmax(0,1fr)}@media(min-width:990px){.collection-grid__layout{grid-template-columns:280px minmax(0,1fr)}}.collection-grid__filters{display:none}@media(min-width:990px){.collection-grid__filters{display:block;position:sticky;top:calc(var(--header-height) + var(--space-3));align-self:start;max-height:calc(100dvh - var(--header-height) - var(--space-6));overflow-y:auto;padding-inline-end:var(--space-2)}}@media(max-width:989px){.collection-grid__filter-dialog .modal__body{padding:var(--space-4) var(--space-5)}}.collection-grid__list{display:grid;gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr))}@media(min-width:750px){.collection-grid__list{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}}@media(min-width:990px){.collection-grid__list--cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.collection-grid__list--cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.collection-grid__item{display:block;min-width:0}.collection-grid__paginate{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);margin-block-start:var(--space-6)}.collection-grid__load-more{min-width:200px}.collection-grid__load-more.is-loading{opacity:.6;pointer-events:none}.collection-grid__empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding-block:var(--space-12);color:var(--color-text-muted)}.pagination__list{display:inline-flex;align-items:center;gap:var(--space-1);flex-wrap:wrap;justify-content:center}.pagination__link{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;padding:0 var(--space-2);background:transparent;color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);font-variant-numeric:tabular-nums;text-decoration:none;gap:4px}.pagination__link:hover{border-color:var(--color-accent);color:var(--color-accent)}.pagination__link--current{background:var(--color-accent);color:var(--color-accent-fg);border-color:var(--color-accent);pointer-events:none}.pagination__item--ellipsis{padding:0 var(--space-2);color:var(--color-text-subtle)}.pagination__item--disabled .pagination__link{opacity:.4;pointer-events:none}.collection-grid{display:block;width:100%}.collection-grid__active{margin-block:var(--space-2);padding-block:var(--space-2);border-block-end:1px solid var(--color-border)}.collection-grid__active-chip{display:inline-flex}.collection-grid__active-clear{display:inline-flex;align-items:center;margin-inline-start:var(--space-2)}.collection-grid__sort-go{margin-inline-start:var(--space-2);font-size:var(--text-xs);display:none}.no-js .collection-grid__sort-go{display:inline-flex}.collection-grid__main{display:flex;flex-direction:column;gap:var(--space-4);min-width:0}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-main-collection-product-grid.css.map */