/* Scoped collection controls; the storefront header and other drawers keep their own styles. */
.collection-page .colmond-collection-toolbar { display: flex; align-items: stretch; justify-content: space-between; min-height: 54px; padding: 0; border: 0; box-shadow: 0 1px #d8d8d8,0 -1px #d8d8d8; background: #efefef; }
.colmond-collection-toolbar .collection-toolbar__layout-switch-list { display: flex; align-items: center; gap: 16px; padding: 0 30px; border: 0; border-right: 1px solid #d8d8d8; height: auto; }
.colmond-collection-toolbar .collection-toolbar__layout-switch-list button { display: grid; place-items: center; width: 18px; height: 18px; margin: 0; padding: 0; border: 0; background: none; color: #1c1c1c; opacity: .5; }
.colmond-collection-toolbar .collection-toolbar__layout-switch-list button[aria-pressed="true"] { opacity: 1; }
.colmond-collection-toolbar .collection-toolbar__button-list { display: flex; flex: none; align-items: stretch; margin-left: auto; }
.colmond-collection-toolbar .collection-toolbar__button-container { width: auto; border: 0; border-left: 1px solid #d8d8d8; }
.colmond-collection-toolbar .collection-toolbar__button { display: flex; align-items: center; justify-content: center; gap: 10px; padding: 18px 46px; height: 100%; border: 0; color: #1c1c1c; font: 400 11px/18.15px var(--heading-font); letter-spacing: .18em; text-transform: uppercase; opacity: .5; }
.colmond-collection-toolbar .collection-toolbar__button:hover,.colmond-collection-toolbar .collection-toolbar__button[aria-expanded="true"] { opacity: 1; }
.colmond-collection-toolbar .collection-toolbar__products-count { display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); margin: 0; padding: 0; font: 400 12px/1.7 var(--heading-font); letter-spacing: .18em; text-transform: uppercase; color: #777; }
.colmond-active-filters { display: flex; gap: 24px; align-items: center; padding-block: 20px; font-size: 12px; }
#colmond-sort-panel { position: absolute; right: -1px; top: 100%; z-index: 35; width: max-content; min-width: 183px; padding: 20px 40px 20px 20px; border: 1px solid #d8d8d8; background: #fff; color: #1c1c1c; }
#colmond-sort-panel[hidden],.colmond-sort-overlay[hidden] { display: none !important; }
#colmond-sort-panel [role="listbox"] { display: grid; gap: 10px; }
#colmond-sort-panel [role="option"] { padding: 0; border: 0; background: none; text-align: left; font: 400 14px/1.65 var(--body-font); text-transform: none; letter-spacing: normal; color: #777; }
#colmond-sort-panel [aria-selected="true"],#colmond-sort-panel [role="option"]:hover { color: #1c1c1c; text-decoration: underline; text-underline-offset: 4px; }
.colmond-sort-mobile-heading { display: none; }
dialog.colmond-facets { position: fixed; inset: 0 0 0 auto; width: 400px; max-width: 100vw; height: 100dvh; max-height: 100dvh; margin: 0; padding: 0; border: 0; border-radius: 0; background: #fff; color: #1c1c1c; box-shadow: none; overflow: hidden; }
dialog.colmond-facets[open] { display: flex; flex-direction: column; animation: colmond-facets-in .3s ease-out; }
dialog.colmond-facets:not([open]) { display: none; }
dialog.colmond-facets::backdrop { background: rgb(0 0 0 / 40%); }
.colmond-facets > .drawer-heading { display: flex; flex: 0 0 auto; align-items: center; justify-content: space-between; min-height: 75px; padding: 18px 32px; margin: 0; border: 0; }
.colmond-facets #filter-title { margin: 0; font: 400 18px/1.65 var(--heading-font); letter-spacing: .18em; text-transform: uppercase; }
.colmond-facets .drawer-heading .icon-button { width: 20px; height: 20px; padding: 0; color: #777; }
.colmond-facets .drawer-heading svg { width: 14px; height: 14px; }
.colmond-facets .facets-drawer__body { flex: 1 1 auto; overflow: auto; min-height: 0; padding: 32px; }
.colmond-facets .price-filter { display: block; margin: 0; padding: 0; }
.colmond-facets .colmond-facet { margin: 0; padding: 0; border-bottom: 1px solid #d8d8d8; }
.colmond-facets .colmond-facet:last-child { border-bottom: 0; }
.colmond-facets .colmond-facet summary { display: flex; align-items: center; justify-content: space-between; padding: 20px 0; cursor: pointer; list-style: none; font: 400 12px/1.7 var(--heading-font); letter-spacing: .18em; text-transform: uppercase; }
.colmond-facets .colmond-facet:first-of-type summary { padding-top: 0; }
.colmond-facets summary::-webkit-details-marker { display: none; }
.colmond-facets summary svg { transition: transform .2s; width: 10px; height: 10px; }
.colmond-facets details[open] > summary svg { transform: rotate(180deg); }
.colmond-facets .colmond-facet-content { display: grid; gap: 10px; padding-bottom: 20px; color: #777; font: 400 14px/1.65 var(--body-font); }
.colmond-dot-checkbox { display: flex; gap: 10px; align-items: center; cursor: pointer; }
.colmond-dot-checkbox input { appearance: none; flex: 0 0 10px; width: 10px; height: 10px; margin: 0; border: 1px solid #aaa; border-radius: 50%; }
.colmond-dot-checkbox input:checked { background: #1c1c1c; border-color: #1c1c1c; }
.colmond-facets .colmond-color-swatches { display: flex; flex-wrap: wrap; gap: 8px; }
.colmond-color-swatches label { position: relative; cursor: pointer; }
.colmond-color-swatches input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.colmond-color-swatch { display: block; width: 36px; height: 36px; background: var(--swatch-color); border: 1px solid rgb(0 0 0 / 10%); }
.colmond-color-swatches input:checked + span { outline: 1px solid #1c1c1c; outline-offset: 3px; }
.colmond-stock-switch { display: flex; align-items: center; gap: 12px; cursor: pointer; }
.colmond-stock-switch input { appearance: none; position: relative; width: 32px; height: 18px; border: 0; border-radius: 20px; background: #ddd; margin: 0; }
.colmond-stock-switch input::before { content: ''; position: absolute; top: 2px; left: 2px; width: 14px; height: 14px; border-radius: 50%; background: #fff; transition: transform .2s; }
.colmond-stock-switch input:checked { background: #1c1c1c; }
.colmond-stock-switch input:checked::before { transform: translateX(14px); }
.colmond-price-ranges { position: relative; height: 24px; margin-bottom: 10px; background: linear-gradient(#1c1c1c,#1c1c1c) center/100% 2px no-repeat; }
.colmond-price-ranges input { appearance: none; position: absolute; inset: 0; width: 100%; height: 24px; margin: 0; background: transparent; pointer-events: none; }
.colmond-price-ranges input::-webkit-slider-thumb { appearance: none; width: 12px; height: 12px; background: #1c1c1c; border-radius: 50%; pointer-events: auto; cursor: grab; }
.colmond-price-ranges input::-moz-range-thumb { width: 12px; height: 12px; border: 0; background: #1c1c1c; border-radius: 50%; pointer-events: auto; }
.colmond-price-inputs { display: grid; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr); gap: 12px; align-items: center; }
.colmond-price-inputs label { display: flex; align-items: center; border: 1px solid #d8d8d8; padding: 12px; min-width: 0; }
.colmond-price-inputs input { width: 100%; min-width: 0; border: 0; background: transparent; padding: 0 0 0 8px; color: #1c1c1c; font: inherit; }
.colmond-facets > .facets-drawer__footer { flex: 0 0 auto; padding: 32px; border-top: 1px solid #d8d8d8; background: #fff; }
.colmond-facets .facets-drawer__footer .button { display: block; width: 100%; min-height: 44px; padding: 11px; font-size: 12px; letter-spacing: .18em; line-height: 1.65; }
.colmond-facets input:focus-visible,.colmond-facets summary:focus-visible,#colmond-sort-panel button:focus-visible { outline: 2px solid #1c1c1c; outline-offset: 3px; }
.colmond-color-swatches input:focus-visible + span { outline: 2px solid #1c1c1c; outline-offset: 3px; }
@keyframes colmond-facets-in { from { transform: translateX(100%); } to { transform: translateX(0); } }
@media(max-width:999px) { .colmond-collection-toolbar .collection-toolbar__products-count { display: none; } }
@media(max-width:699px) {
  .collection-page .colmond-collection-toolbar { min-height: 43px; }
  .colmond-collection-toolbar .collection-toolbar__button-list { order: 0; flex: 1; flex-direction: row-reverse; margin: 0; }
  .colmond-collection-toolbar .collection-toolbar__button-container { flex: 1; }
  .colmond-collection-toolbar .collection-toolbar__button { width: 100%; padding: 12px 16px; }
  .colmond-collection-toolbar .collection-toolbar__layout-switch-list { order: 1; padding: 0 20px; border-left: 1px solid #d8d8d8; border-right: 0; }
  .colmond-collection-toolbar [data-grid-size="4"] { display: none !important; }
  .colmond-collection-toolbar .grid-switch-btn svg { display: none; }
  .colmond-collection-toolbar .grid-switch-btn::before { content: ''; display: block; width: 18px; height: 18px; background: currentColor; }
  .colmond-collection-toolbar [data-grid-size="3"]::before { background: linear-gradient(90deg,transparent 8px,#efefef 8px,#efefef 10px,transparent 10px),linear-gradient(transparent 8px,#efefef 8px,#efefef 10px,transparent 10px),currentColor; }
  #colmond-sort-panel { position: fixed; left: 0; right: 0; bottom: 0; top: auto; width: 100%; max-height: 85dvh; overflow: auto; z-index: 100001; padding: 24px; }
  .colmond-sort-mobile-heading { display: flex; justify-content: space-between; align-items: center; margin-bottom: 24px; font: 18px/1.6 var(--heading-font); letter-spacing: .18em; text-transform: uppercase; }
  .colmond-sort-mobile-heading button { border: 0; background: transparent; padding: 8px; font-size: 22px; }
  .colmond-sort-overlay { position: fixed; inset: 0; background: rgb(0 0 0 / 40%); z-index: 100000; }
  .colmond-facets .facets-drawer__body,.colmond-facets > .facets-drawer__footer { padding: 24px; }
  .colmond-facets > .drawer-heading { padding-inline: 24px; }
}
@media(prefers-reduced-motion:reduce) { dialog.colmond-facets[open] { animation: none; } }