.collection{padding-block:0 clamp(3rem,5.56vw,5rem)}.collection__toolbar{display:grid;grid-template-columns:17.75rem 1fr auto;align-items:center;gap:var(--space-4);min-height:3.5rem;border-bottom:1px solid var(--color-line)}.collection__filter-heading,.collection__filter-toggle{display:inline-flex;align-items:center;gap:var(--space-3);min-height:44px;padding:0;border:0;background:transparent;color:var(--color-ink);font-family:var(--font-sans);font-size:var(--text-small);font-weight:500;letter-spacing:0}.collection__filter-toggle{display:none;cursor:pointer}.collection__count{color:var(--color-ink-body);font-size:var(--text-small)}.collection__sort{display:flex;align-items:center;gap:var(--space-3);justify-self:end}.collection__sort-label{color:var(--color-ink-body);font-size:var(--text-small)}.collection__sort-field{position:relative;display:flex;align-items:center}.collection__sort-select{-webkit-appearance:none;appearance:none;min-height:38px;padding-inline:var(--space-3) var(--space-8);border:1px solid var(--color-line);background-color:var(--color-canvas);color:var(--color-ink);font-family:inherit;font-size:var(--text-small)}.collection__sort-chevron{position:absolute;right:8px;color:var(--color-ink-body);pointer-events:none}.collection__sort-submit,.collection__apply{margin-top:var(--space-3)}.collection__body{display:grid;grid-template-columns:17.75rem 1fr;align-items:start}.collection__body--full{grid-template-columns:1fr}.collection__filters{display:flex;flex-direction:column;padding-block:clamp(1rem,1.67vw,1.5rem) var(--space-8);padding-inline-end:var(--space-6);border-inline-end:1px solid var(--color-line)}.collection__filters-head{display:none}.filter-group{border-bottom:0}.filter-group__summary{display:flex;align-items:center;gap:var(--space-3);min-height:44px;color:var(--color-ink);font-size:var(--text-small);font-weight:500;cursor:pointer;list-style:none}.filter-group__summary::-webkit-details-marker{display:none}.filter-group__name{flex:1}.filter-group__count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding-inline:6px;border-radius:10px;background-color:var(--color-olive);color:#fff;font-size:.6875rem;font-weight:700}.filter-group__marker{position:relative;width:11px;height:11px;flex-shrink:0}.filter-group__marker:before,.filter-group__marker:after{content:"";position:absolute;inset-inline:0;top:5px;height:1px;background-color:var(--color-ink)}.filter-group__marker:after{transform:rotate(90deg);transition:transform .24s var(--easing)}.filter-group[open] .filter-group__marker:after{transform:rotate(0)}.filter-group__body{padding-block-end:var(--space-4)}.filter-group__list{display:grid;gap:var(--space-1)}.filter-group__option{display:flex;align-items:center;gap:var(--space-3);min-height:36px;color:var(--color-ink-body);font-size:var(--text-small);cursor:pointer}.filter-group__option-label{flex:1}.filter-group__option-count{color:var(--color-ink-muted);font-variant-numeric:tabular-nums}.filter-group__option--empty{color:var(--color-ink-muted);cursor:not-allowed}.filter-group__range{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.filter-group__range-item{min-width:0}.filter-group__range-label{display:block;margin-bottom:var(--space-1);color:var(--color-ink-muted);font-size:.6875rem;letter-spacing:.06em;text-transform:uppercase}.filter-group__range-item input{min-width:0;width:100%;min-height:40px;padding-inline:var(--space-3);border:1px solid var(--color-line);border-radius:var(--radius-sm);background-color:var(--color-canvas);color:var(--color-ink);font-family:inherit;font-size:var(--text-small)}.filter-group__range-item input:focus-visible{border-color:var(--color-olive);outline:2px solid var(--color-focus);outline-offset:2px}.filter-group__slider{position:relative;height:28px;margin-top:var(--space-3)}.filter-group__slider-track,.filter-group__slider-track:after{position:absolute;inset-inline:0;inset-block-start:50%;height:2px;border-radius:2px;transform:translateY(-50%)}.filter-group__slider-track{background-color:var(--color-line)}.filter-group__slider-track:after{content:"";inset-inline-start:var(--price-start, 0%);inset-inline-end:calc(100% - var(--price-end, 100%));background-color:var(--color-olive)}.filter-group__slider input[type=range]{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:28px;margin:0;-webkit-appearance:none;appearance:none;background:transparent;pointer-events:none}.filter-group__slider input[type=range]::-webkit-slider-thumb{width:18px;height:18px;border:2px solid var(--color-canvas);border-radius:50%;background-color:var(--color-olive);box-shadow:0 0 0 1px var(--color-olive);-webkit-appearance:none;appearance:none;cursor:grab;pointer-events:auto}.filter-group__slider input[type=range]::-moz-range-thumb{width:18px;height:18px;border:2px solid var(--color-canvas);border-radius:50%;background-color:var(--color-olive);box-shadow:0 0 0 1px var(--color-olive);cursor:grab;pointer-events:auto}.filter-group__slider input[type=range]:focus-visible::-webkit-slider-thumb{outline:2px solid var(--color-focus);outline-offset:3px}.filter-group__slider input[type=range]:focus-visible::-moz-range-thumb{outline:2px solid var(--color-focus);outline-offset:3px}.collection__reset{align-self:flex-start;display:inline-flex;align-items:center;min-height:44px;margin-top:var(--space-4);padding-block:var(--space-2);border-bottom:1px solid var(--color-olive);color:var(--color-ink);font-size:var(--text-small);font-weight:500}.collection__reset:hover{color:var(--color-olive)}.collection__grid{display:grid;grid-template-columns:repeat(var(--collection-columns, 4),minmax(0,1fr));gap:clamp(1rem,2vw,1.75rem) clamp(.75rem,1.8vw,1.5rem)}.collection__cell{display:flex;padding:clamp(.5rem,1vw,.75rem) 0}.collection__cell>*{flex:1}.collection-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);min-height:9.5rem;margin-block-start:var(--space-6);padding:var(--space-8) var(--space-6);background-color:var(--color-surface-muted);text-align:center}.collection-state__icon{color:var(--color-ink)}.collection-state__title{color:var(--color-ink);font-size:var(--text-small)}.collection-state__hint{color:var(--color-ink-body);font-size:var(--text-small)}.collection-state__action{margin-top:var(--space-2);max-width:14rem}.collection-state__spinner{animation:makalu-spin .9s linear infinite}.collection-soon{display:grid;justify-items:start;gap:var(--space-3);max-width:36rem;padding-block:clamp(3.5rem,7vw,6.25rem) clamp(4rem,8vw,7rem)}.collection-soon__kicker{color:var(--color-olive);font-size:var(--text-label);font-weight:700;letter-spacing:.14em;text-transform:uppercase}.collection-soon__title{margin:0;padding-bottom:var(--space-4);border-bottom:1px solid var(--color-olive);font-family:var(--font-display);font-size:clamp(2.75rem,5.2vw,4.5rem);font-weight:600;line-height:.95;letter-spacing:.02em;text-transform:uppercase}.collection-soon__hint{max-width:42ch;margin:0;color:var(--color-ink-body);font-size:var(--text-body);line-height:1.55}.collection-soon__action{margin-top:var(--space-3)}@keyframes makalu-spin{to{transform:rotate(360deg)}}.pagination{margin-block-start:clamp(2rem,3.33vw,3rem)}.pagination__list{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-2)}.pagination__page,.pagination__step,.pagination__gap{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding-inline:var(--space-3);color:var(--color-ink-body);font-size:var(--text-small)}.pagination__page:hover,.pagination__step:hover{color:var(--color-ink)}.pagination__page--current{border-bottom:2px solid var(--color-olive);color:var(--color-ink);font-weight:600}@media(max-width:989px){.collection__toolbar,.collection__body{grid-template-columns:1fr}.collection__toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;padding-block:var(--space-3)}.collection__filter-heading{display:none}.collection__filter-toggle{display:inline-flex}.collection__filters{position:fixed;inset-block:0;inset-inline-start:0;z-index:40;width:min(21rem,88vw);height:100dvh;padding-block-start:max(var(--space-4),env(safe-area-inset-top));padding-inline-end:max(var(--space-6),env(safe-area-inset-right));padding-block-end:max(var(--space-8),env(safe-area-inset-bottom));padding-inline-start:max(var(--space-6),env(safe-area-inset-left));overflow-y:auto;overscroll-behavior:contain;border-inline-end:0;background-color:var(--color-canvas);visibility:hidden;transform:translate3d(-100%,0,0);transition:transform .36s var(--easing),visibility 0s linear .36s}.collection__filters[data-filter-open]{visibility:visible;transform:translateZ(0);transition:transform .36s var(--easing),visibility 0s}.collection__filters-head{display:flex;align-items:center;justify-content:space-between;margin-block-end:var(--space-4)}.collection__filters-title{color:var(--color-ink);font-size:var(--text-label);font-weight:600;letter-spacing:.16em;text-transform:uppercase}.collection__filters-close{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin-inline-end:calc(var(--space-2) * -1);padding:0;border:0;background:transparent;color:var(--color-ink);cursor:pointer}.collection__scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background-color:#080c0a80;opacity:0;pointer-events:none;transition:opacity .36s var(--easing)}.collection__scrim[data-filter-open]{opacity:1;pointer-events:auto}}@media(min-width:750px)and (max-width:989px){.collection__grid--4{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:749px){.collection__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.collection__toolbar{gap:var(--space-2) var(--space-4)}.collection__count{order:3;flex-basis:100%}.collection__sort-select,.filter-group__option,.filter-group__range-item input{min-height:44px}}@media(max-width:359px){.collection__grid{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){.collection__filters,.collection__scrim,.filter-group__marker:after{transition:none}.collection-state__spinner{animation-duration:2.4s}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/component-collection.css.map */