.collection-page{width:100%}.collection-body{padding-block:28px var(--collection-padding-bottom, 48px)}.collection-body:first-child{padding-block-start:var(--collection-padding-top, 48px)}.template-search .collection-body:first-child{padding-block-start:28px}.collection-body--shaded{background:var(--color-surface-subtle)}.collection-container{max-width:var(--collection-max-width, 1400px);margin:0 auto;padding:0 var(--page-gutter, 20px);display:grid;grid-template-columns:var(--collection-sidebar-width, 260px) minmax(0,1fr);column-gap:30px;row-gap:20px;position:relative}.collection-sidebar{--collection-sticky-top: calc(var(--header-height, 153px) + 16px);position:sticky;top:var(--collection-sticky-top);max-height:calc(100vh - var(--collection-sticky-top) - 20px);max-height:calc(100dvh - var(--collection-sticky-top) - 20px);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;height:fit-content;background:transparent;border:0;border-radius:var(--sidebar-radius, 6px);padding-right:10px}.collection-sidebar__backdrop{display:none}.collection-sidebar__header{display:none;align-items:center;justify-content:space-between;margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid var(--color-line)}.collection-sidebar__title{font-size:15px;font-weight:700;margin:0;color:var(--color-text)}.collection-sidebar .sd-filters{margin:0 0 12px;padding:0;border:0;border-radius:0;background:transparent}.collection-sidebar .sd-filters__header{margin:0;padding:0 0 14px}.collection-sidebar .sd-filters__header h2{font-size:13px;text-transform:uppercase;letter-spacing:.06em}.collection-sidebar .sd-filters__clear{color:var(--color-text-dim);font-size:11px;text-decoration:underline}.collection-sidebar .sd-filter{padding:0 0 22px;border-top:0}.collection-sidebar .sd-filter summary{display:flex;align-items:center;gap:8px;list-style:none;font-size:16px;font-weight:600;letter-spacing:.04em}.collection-sidebar .sd-filter summary::-webkit-details-marker{display:none}.collection-sidebar .sd-filter summary:after{content:"+";font-size:16px;font-weight:400;color:var(--color-text-dim)}.collection-sidebar .sd-filter__values{gap:16px;margin-top:12px}.collection-sidebar .sd-filter__value{min-height:20px;font-size:14px;line-height:1.4;cursor:pointer;font-weight:400}.collection-sidebar .sd-filter__value input{appearance:none;-webkit-appearance:none;width:22px;height:22px;border:1px solid #999;border-radius:2px;background:#fff;cursor:pointer}.sd-filter__value input[type=checkbox]:checked{background-color:#fff;border-color:#141414;background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 8.5L6.66667 11L12 6' stroke='%23141414' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:16px 16px}.collection-sidebar .sd-filter__value span{flex:1}.collection-sidebar .sd-filter__value small{font-size:11px}.collection-sidebar .sd-filter__range input{min-height:34px;padding:7px 10px;border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-bg)}.collection-sidebar .sd-filters__apply{min-height:36px;margin-top:0;font-size:12px}.collection-sidebar .filter-section{padding:0 0 22px;margin:0;border-bottom:0}.collection-sidebar .filter-section__title{font-size:13px}.collection-sidebar__category-filter{padding:0 0 22px;margin:0;border-bottom:0}.collection-sidebar__category-filter h3{margin:0 0 12px;font-size:13px;text-transform:uppercase;letter-spacing:.06em}.collection-sidebar__category-filter .collection-hierarchy{margin:0;padding:0;border:0}.collection-sidebar__category-filter .collection-hierarchy__list{gap:8px}.collection-sidebar__category-filter .collection-hierarchy__list--nested{margin-left:10px;padding-left:10px}.collection-sidebar__category-filter .collection-hierarchy__link-row a{font-size:12px}.collection-sidebar__close{display:none;background:none;border:none;cursor:pointer;padding:0;color:var(--color-text)}.collection-sidebar__reset{width:100%;padding:10px 12px;margin-bottom:0;background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-sm);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;color:var(--color-text)}.collection-sidebar__reset:hover{background:color-mix(in srgb,var(--color-text) 6%,var(--color-surface))}.collection-sidebar__content{display:flex;flex-direction:column;gap:0}.collection-sidebar__trigger{display:none;width:100%;padding:12px 16px;background:var(--color-brand);color:var(--color-button-label);border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:600;cursor:pointer;margin-bottom:20px;gap:8px;align-items:center;justify-content:center;transition:all .2s ease}.collection-sidebar__trigger:hover{background:var(--color-brand-dark)}.collection-main{width:100%}.collection-controls{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.collection-controls__actions{display:flex;align-items:center;gap:12px;margin-left:auto}.collection-controls__sort{display:flex;align-items:center;gap:10px;min-width:fit-content}.collection-controls__label{font-size:13px;font-weight:600;color:var(--color-text);white-space:nowrap}.collection-controls__select{min-height:40px;padding:8px 32px 8px 12px;border:1px solid var(--color-line);border-radius:var(--radius-md);font-size:13px;background-color:var(--color-surface);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M19 9l-7 7-7-7"/></svg>');background-repeat:no-repeat;background-position:right 8px center;background-size:16px;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none}.collection-controls__select:hover{border-color:var(--color-text-dim)}.collection-controls__results{display:flex;align-items:center;gap:10px}.collection-controls__view{display:flex;align-items:center;gap:14px}.collection-view-button{position:relative;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:0;background:transparent;color:var(--color-text-dim);cursor:pointer;transition:color .2s ease}.collection-view-button+.collection-view-button:before{content:"";position:absolute;inset-inline-start:-7px;top:2px;bottom:2px;width:1px;background:var(--color-line)}.collection-view-button:hover{color:var(--color-brand)}.collection-view-button.is-active{color:var(--color-text)}.collection-view-button:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}.collection-view-button:after{content:"";position:absolute;top:-10px;right:-7px;bottom:-10px;left:-7px}.collection-controls__count{font-size:13px;color:var(--color-text-dim);white-space:nowrap}[data-collection-results]{scroll-margin-top:calc(var(--header-height, 0px) + 16px)}.is-loading-results [data-collection-results]{opacity:.5;pointer-events:none;transition:opacity .15s ease}.product-grid{display:grid;grid-template-columns:repeat(var(--collection-columns, 3),minmax(0,1fr));gap:var(--grid-row-gap, var(--collection-gap, 20px)) var(--grid-column-gap, var(--collection-gap, 20px));margin-bottom:40px;width:100%;min-width:0}.product-grid__item{display:flex;min-width:0}.product-grid__item>.product-card{width:100%;min-width:0}.product-grid:not([data-view=list]) .card__description{display:none}.product-grid[data-view=list]{grid-template-columns:minmax(0,1fr);gap:12px}.product-grid[data-view=list] .product-grid__item>.product-card{display:grid;grid-template-columns:minmax(160px,30%) minmax(0,1fr);align-items:stretch;gap:20px;padding:12px}.product-grid[data-view=list] .card__media-wrapper{align-self:start;padding-bottom:88%!important;height:auto;min-height:0}.product-grid[data-view=list] .product-card .card__body{display:grid;grid-template-columns:minmax(0,1fr) minmax(170px,auto);grid-template-areas:"vendor price" "title  price" "rating price" "desc   action" "meta   action" "save   action";align-content:center;min-width:0;padding:12px 12px 12px 0;column-gap:24px;row-gap:6px}.product-grid[data-view=list] .product-card .card__vendor{grid-area:vendor}.product-grid[data-view=list] .product-card .card__title{grid-area:title;font-size:18px}.product-grid[data-view=list] .product-card .card__rating{grid-area:rating}.product-grid[data-view=list] .product-card .card__description{grid-area:desc;margin-top:4px}.product-grid[data-view=list] .product-card .card__meta{grid-area:meta}.product-grid[data-view=list] .product-card .card__price-row{display:contents}.product-grid[data-view=list] .product-card .price{grid-area:price;align-self:end;justify-self:end}.product-grid[data-view=list] .product-card .card__discount{grid-area:save;align-self:start}.product-grid[data-view=list] .product-card .card__buttons{grid-area:action;align-self:start;margin-top:0;padding-top:12px}.collection-pagination{display:flex;justify-content:center;padding:30px 0;border-top:1px solid var(--color-line);margin-top:12px}[data-pagination-mode=auto]+.collection-pagination{min-height:24px;padding:16px 0}[data-pagination-mode=auto]+.collection-pagination .pagination{display:none}.collection-auto-loading{display:none;align-items:center;justify-content:center;gap:9px;color:var(--color-text-dim);font-size:12px;font-weight:600}.collection-auto-loading:before{content:"";width:14px;height:14px;border:2px solid var(--color-line);border-top-color:var(--color-brand);border-radius:50%;animation:collection-load-spin .7s linear infinite}.collection-auto-loading.is-visible{display:inline-flex}.collection-load-more{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin-top:12px;padding:0 24px;border-radius:var(--radius-lg);background:var(--color-brand);color:var(--color-button-label);font-size:13px;font-weight:700;text-decoration:none;transition:background .2s ease,transform .2s ease}.collection-load-more:hover{background:var(--color-brand-dark);transform:translateY(-1px)}.collection-load-more__loading{display:none}.collection-load-more.is-loading{pointer-events:none;opacity:.7}.collection-load-more.is-loading .collection-load-more__label{display:none}.collection-load-more.is-loading .collection-load-more__loading{display:inline-flex;align-items:center;gap:8px}.collection-load-more.is-loading .collection-load-more__loading:before{content:"";width:13px;height:13px;border:2px solid color-mix(in srgb,var(--color-button-label) 40%,transparent);border-top-color:var(--color-button-label);border-radius:50%;animation:collection-load-spin .7s linear infinite}@keyframes collection-load-spin{to{transform:rotate(360deg)}}[data-pagination-mode=load_more]+.collection-pagination .pagination{display:none}.collection-empty{padding:60px 20px;text-align:center}.collection-empty__content{max-width:500px;margin:0 auto}.collection-empty__title{font-size:24px;font-weight:700;margin:0 0 12px;color:var(--color-text)}.collection-empty__text{font-size:14px;color:var(--color-text-dim);line-height:1.6;margin:0 0 20px}.collection-empty__link{display:inline-block;padding:12px 24px;background:var(--color-brand);color:var(--color-button-label);text-decoration:none;border-radius:var(--radius-sm);font-weight:600;transition:all .2s ease}.collection-empty__link:hover{background:var(--color-brand-dark)}@media(max-width:1024px){.collection-container{grid-template-columns:minmax(0,1fr);padding:0 20px}.collection-sidebar__trigger{margin-bottom:0}.collection-sidebar{position:fixed;top:0;left:0;width:100%;max-width:320px;height:100vh;height:100dvh;max-height:none;z-index:1000;padding:15px;padding-top:calc(15px + env(safe-area-inset-top,0px));padding-bottom:calc(15px + env(safe-area-inset-bottom,0px));border-top:none;border-right:1px solid var(--color-line);background:var(--color-surface);overflow-y:auto;overscroll-behavior:contain;visibility:hidden;transform:translate(-100%);transition:transform .3s ease,visibility 0s linear .3s}.collection-sidebar.active{visibility:visible;transform:translate(0);transition:transform .3s ease}.collection-sidebar__backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;background:#00000073;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility 0s linear .3s}.collection-sidebar__backdrop.active{opacity:1;visibility:visible;transition:opacity .3s ease}.collection-sidebar__header,.collection-sidebar__close,.collection-sidebar__trigger{display:flex}.collection-sidebar__close{position:sticky;top:0;z-index:2;align-items:center;justify-content:center;width:44px;height:44px;margin:-10px -10px -34px auto;border-radius:50%;background:var(--color-surface)}.collection-controls__select{font-size:16px}.product-grid{grid-template-columns:repeat(var(--collection-columns-tablet, 2),minmax(0,1fr));gap:var(--grid-row-gap, 15px) var(--grid-column-gap, 15px)}}@media(min-width:577px)and (max-width:1024px){.collection-container:has(>.collection-sidebar__trigger){grid-template-columns:auto minmax(0,1fr);column-gap:16px;row-gap:12px}.collection-container:has(>.collection-sidebar__trigger)>.collection-controls{display:contents}.collection-container:has(>.collection-sidebar__trigger)>.collection-sidebar__trigger{grid-column:1;grid-row:1;align-self:center;width:auto;white-space:nowrap}.collection-container:has(>.collection-sidebar__trigger) .collection-controls__actions{grid-column:2;grid-row:1;flex-direction:row;flex-wrap:wrap;justify-content:flex-end;width:auto;min-width:0;margin-left:0}.collection-container:has(>.collection-sidebar__trigger) .collection-controls__sort{flex:0 1 auto}.collection-container:has(>.collection-sidebar__trigger) .collection-controls__results{grid-column:1 / -1;grid-row:2}.collection-container:has(>.collection-sidebar__trigger)>.collection-main{grid-column:1 / -1}}@media(pointer:coarse){.collection-sidebar .sd-filter__values:not(.sd-filter__values--swatch){gap:0;margin-top:4px}.collection-sidebar .sd-filter__value:not(.sd-filter__value--swatch){min-height:38px}}@media(prefers-reduced-motion:reduce){.collection-sidebar,.collection-sidebar__backdrop{transition:none}}@media(max-width:768px){.product-grid{grid-template-columns:repeat(var(--collection-columns-mobile, 1),minmax(0,1fr));gap:var(--grid-row-gap, 12px) var(--grid-column-gap, 12px);margin-bottom:30px}.collection-controls{flex-direction:column;align-items:stretch;gap:12px}.collection-controls__actions{width:100%;margin-left:0}.collection-controls__sort{flex:1;min-width:0}.collection-controls__select{width:100%;min-width:0}.collection-controls__count{display:block}.product-grid[data-view=list] .product-grid__item>.product-card{grid-template-columns:140px minmax(0,1fr);gap:12px;padding:10px}.product-grid[data-view=list] .card__media-wrapper{padding-bottom:100%!important}.product-grid[data-view=list] .product-card .card__body{grid-template-columns:minmax(0,1fr);grid-template-areas:"vendor" "title" "rating" "desc" "meta" "price" "save" "action";padding:2px 0;column-gap:0}.product-grid[data-view=list] .product-card .price{justify-self:start}.product-grid[data-view=list] .product-card .card__title{font-size:16px}.product-grid[data-view=list] .product-card .card__description{-webkit-line-clamp:2;line-clamp:2}}@media(max-width:480px){.collection-controls__per-page{flex:1;min-width:0}.collection-controls__label,.collection-controls__count{font-size:12px}}.collection-pagination button.pagination__number,.collection-pagination button.pagination__link{font:inherit;cursor:pointer}.collection-pagination button.pagination__link:disabled{cursor:default}.collection-dropdown{position:relative;display:inline-block;min-width:0}.collection-dropdown .collection-dropdown__native{position:absolute!important;width:1px!important;min-width:0!important;height:1px!important;min-height:0!important;padding:0!important;border:0!important;opacity:0;overflow:hidden;clip-path:inset(50%);pointer-events:none}.collection-dropdown__button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:40px;padding:8px 12px 8px 14px;border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);font:inherit;font-size:14px;line-height:1.2;white-space:nowrap;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.collection-dropdown__button:hover,.collection-dropdown.is-open .collection-dropdown__button{border-color:var(--color-brand)}.collection-dropdown__button:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}.collection-dropdown__value{overflow:hidden;text-overflow:ellipsis}.collection-dropdown__chevron{flex-shrink:0;color:var(--color-text-dim);transition:transform .2s ease}.collection-dropdown.is-open .collection-dropdown__chevron{transform:rotate(180deg)}.collection-dropdown__list{position:absolute;top:calc(100% + 6px);left:0;z-index:30;min-width:100%;width:max-content;max-width:min(320px,calc(100vw - 32px));max-height:340px;margin:0;padding:6px;overflow-y:auto;list-style:none;border:1px solid var(--color-line);border-radius:var(--radius-lg, 10px);background:var(--color-bg);box-shadow:0 12px 32px #0000001f}.collection-dropdown__list:focus{outline:none}.collection-dropdown--align-end .collection-dropdown__list{left:auto;right:0}.collection-dropdown__option{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 12px;border-radius:var(--radius-md);color:var(--color-text);font-size:14px;white-space:nowrap;cursor:pointer}.collection-dropdown__option.is-active{background:var(--color-surface-subtle, var(--color-surface))}.collection-dropdown__option.is-selected{color:var(--color-brand);font-weight:600}.collection-dropdown__check{flex-shrink:0;visibility:hidden}.collection-dropdown__option.is-selected .collection-dropdown__check{visibility:visible}@media(max-width:768px){.collection-controls__sort .collection-dropdown{display:block;width:100%}}@media(prefers-reduced-motion:reduce){.collection-dropdown__chevron{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/section-collection-with-filters.css.map */