.col-shell{--col-sidebar-w: clamp(280px, 22vw, 320px);--col-sheet-dur: var(--dur-md, .36s);--col-sheet-ease: var(--ease-out-expo, cubic-bezier(.16, 1, .3, 1));--col-z-trigger: 30;--col-z-sidebar: 40;--col-z-backdrop: 35;position:relative;display:block;isolation:isolate}.col-shell__controls{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4, 16px);padding-block:var(--space-4, 16px);padding-inline:var(--space-margin, clamp(16px, 5vw, 64px));border-block-end:1px solid var(--line, #ddd6c9);background-color:var(--color-background, var(--surface-base, #f4f1ec));position:sticky;top:0;z-index:var(--col-z-trigger)}.col-shell__controls-left,.col-shell__controls-right{display:inline-flex;align-items:center;gap:var(--space-4, 16px);flex-wrap:wrap}.col-shell__filter-toggle{-webkit-appearance:none;appearance:none;background:transparent;border:1px solid var(--line, #ddd6c9);color:var(--text-primary, #1e2125);font-family:var(--font-body, inherit);font-size:var(--text-eyebrow, 11px);letter-spacing:.16em;text-transform:uppercase;padding:10px 14px;border-radius:var(--radius-xs, 2px);cursor:pointer;transition:border-color var(--dur-sm, .2s) var(--col-sheet-ease),transform var(--dur-sm, .2s) var(--col-sheet-ease);display:inline-flex;align-items:center;gap:var(--space-2, 8px)}@media(hover:hover)and (pointer:fine){.col-shell__filter-toggle:hover{border-color:var(--line-strong, #b0a99d);transform:translateY(-1px)}}.col-shell__filter-count{display:inline-flex;min-width:18px;height:18px;align-items:center;justify-content:center;font-size:10px;letter-spacing:.06em;color:var(--accent, #b35a3c);border:1px solid currentColor;border-radius:var(--radius-sm, 4px);padding:0 4px}.col-shell__results-count{font-family:var(--font-body, inherit);font-size:var(--text-small, 13px);color:var(--text-secondary, #545860)}.col-shell__active-chips{padding-inline:var(--space-margin, clamp(16px, 5vw, 64px));padding-block:var(--space-3, 12px);border-block-end:1px solid var(--line, #ddd6c9)}.col-shell__active-chips:empty{display:none}.col-shell__body{position:relative;overflow-x:clip}.col-shell__sidebar{position:absolute;top:0;inset-inline-start:0;width:var(--col-sidebar-w);max-width:100%;height:100%;background-color:var(--surface-raised, #faf8f5);border-inline-end:1px solid var(--line, #ddd6c9);z-index:var(--col-z-sidebar);transform:translate(-100%);transition:transform var(--col-sheet-dur) var(--col-sheet-ease);will-change:transform;visibility:hidden;overflow-y:auto;padding:var(--space-5, 24px) var(--space-4, 16px)}.col-shell__sidebar-header{display:flex;align-items:center;justify-content:space-between;padding-block-end:var(--space-4, 16px);margin-block-end:var(--space-4, 16px);border-block-end:1px solid var(--line, #ddd6c9)}.col-shell__sidebar-title{font-family:var(--font-body, inherit);font-size:var(--text-eyebrow, 11px);letter-spacing:.16em;text-transform:uppercase;color:var(--text-secondary, #545860);margin:0}.col-shell__sidebar-close{-webkit-appearance:none;appearance:none;background:transparent;border:none;color:var(--text-primary, #1e2125);font-size:18px;line-height:1;cursor:pointer;padding:8px;margin:-8px;border-radius:var(--radius-xs, 2px)}.col-shell__grid{display:block;width:100%;transform:translate(0);transition:transform var(--col-sheet-dur) var(--col-sheet-ease);will-change:transform}.col-shell[data-state=open] .col-shell__sidebar{transform:translate(0);visibility:visible}@media(min-width:768px){.col-shell[data-state=open] .col-shell__grid{transform:translate(var(--col-sidebar-w));width:calc(100% - var(--col-sidebar-w))}}@media(max-width:767px){.col-shell__sidebar{inset-inline-start:0;inset-inline-end:0;width:100%;max-width:100%;height:80vh;top:auto;bottom:0;inset-block-start:auto;border-inline-end:none;border-block-start:1px solid var(--line, #ddd6c9);transform:translateY(100%);border-radius:var(--radius-md, 8px) var(--radius-md, 8px) 0 0;position:fixed}.col-shell[data-state=open] .col-shell__sidebar{transform:translateY(0)}.col-shell[data-state=open] .col-shell__grid{transform:none;width:100%}}.col-shell__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#14161952;z-index:var(--col-z-backdrop);opacity:0;pointer-events:none;transition:opacity var(--col-sheet-dur) var(--col-sheet-ease)}@media(max-width:767px){.col-shell[data-state=open] .col-shell__backdrop{opacity:1;pointer-events:auto}}@media(prefers-reduced-motion:reduce){.col-shell__sidebar,.col-shell__grid,.col-shell__backdrop,.col-shell__filter-toggle{transition:none}}.col-shell__sort{font-family:var(--font-body, inherit);font-size:var(--text-small, 13px);color:var(--text-primary, #1e2125);background:transparent;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:var(--space-2, 8px)}.brand .brand-collection>.col-shell{max-inline-size:100%;margin-inline:0;inline-size:100%}.col-shell__controls,.col-shell__active-chips,.col-shell__body{max-inline-size:100%;margin-inline:0}.col-shell__controls,.col-shell__active-chips{padding-inline:clamp(12px,2vw,24px)}.col-shell__grid>.brand-collection__results{max-inline-size:100%;margin-inline:0;padding-inline:clamp(12px,2vw,24px)}.brand .brand-card{--bc-caption-h: 96px}.brand .brand-collection.is-density-4 .brand-card{--bc-caption-h: 88px}.brand .brand-collection.is-density-2 .brand-card{--bc-caption-h: 108px}.col-shell__sidebar-header{position:sticky;top:0;background-color:var(--surface-raised, #faf8f5);z-index:1;margin-block-end:var(--space-2, 8px)}.col-shell__sidebar .brand-fg{border-block-end:1px solid var(--line, #ddd6c9);padding-block:var(--space-3, 12px)}.col-shell__sidebar .brand-fg__summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3, 12px);padding-block:var(--space-2, 8px);font-family:var(--font-body, inherit);font-size:var(--text-eyebrow, 11px);letter-spacing:.16em;text-transform:uppercase;color:var(--text-primary, #1e2125)}.col-shell__sidebar .brand-fg__summary::-webkit-details-marker{display:none}.col-shell__sidebar .brand-fg__summary::marker{content:""}.col-shell__sidebar .brand-fg__title{display:inline-flex;align-items:center;gap:var(--space-2, 8px)}.col-shell__sidebar .brand-fg__pill{display:inline-flex;min-width:18px;height:18px;padding:0 5px;align-items:center;justify-content:center;font-size:10px;letter-spacing:.04em;color:var(--accent, #b35a3c);border:1px solid currentColor;border-radius:var(--radius-sm, 4px)}.col-shell__sidebar .brand-fg__hint{display:none}.col-shell__sidebar .brand-fg__chev{width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center;position:relative;flex:0 0 auto}.col-shell__sidebar .brand-fg__chev svg{display:none}.col-shell__sidebar .brand-fg__chev:before,.col-shell__sidebar .brand-fg__chev:after{content:"";position:absolute;background-color:var(--text-primary, #1e2125);transition:transform .2s cubic-bezier(.16,1,.3,1),opacity .2s cubic-bezier(.16,1,.3,1)}.col-shell__sidebar .brand-fg__chev:before{width:12px;height:1px;top:50%;left:1px}.col-shell__sidebar .brand-fg__chev:after{width:1px;height:12px;left:50%;top:1px;transform:translate(-50%)}.col-shell__sidebar .brand-fg[open] .brand-fg__chev:after{transform:translate(-50%) scaleY(0);opacity:0}.col-shell__sidebar .brand-fg__body{padding-block-start:var(--space-3, 12px)}.col-shell__sidebar .brand-price__track{height:2px;background-color:var(--line, #ddd6c9);position:relative;margin-block:var(--space-3, 12px)}.col-shell__sidebar .brand-price__fill{position:absolute;inset-block:0;background-color:var(--text-primary, #1e2125);left:var(--p-lo, 0%);right:calc(100% - var(--p-hi, 100%))}.col-shell__sidebar .brand-price__inputs input[type=number]{width:100%;border:1px solid var(--line, #ddd6c9);background:transparent;padding:8px 10px;font-family:var(--font-body, inherit);font-size:var(--text-small, 13px);color:var(--text-primary, #1e2125);border-radius:var(--radius-xs, 2px)}.col-shell__sidebar .brand-pillgrid{display:flex;flex-wrap:wrap;gap:6px}.col-shell__sidebar .brand-pill{display:inline-flex;min-width:40px;height:36px;padding:0 10px;align-items:center;justify-content:center;border:1px solid var(--line, #ddd6c9);font-size:var(--text-small, 13px);cursor:pointer;border-radius:var(--radius-xs, 2px);transition:border-color .2s cubic-bezier(.16,1,.3,1)}.col-shell__sidebar .brand-pill.is-active{border-color:var(--text-primary, #1e2125);background-color:var(--surface-base, #f4f1ec)}.col-shell__sidebar .brand-pill.is-disabled{color:var(--text-muted, #737780);text-decoration:line-through;cursor:not-allowed}.col-shell__sidebar .brand-checklist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.col-shell__sidebar .brand-check{display:grid;grid-template-columns:18px 1fr auto;align-items:center;gap:10px;padding-block:6px;font-size:var(--text-small, 13px);color:var(--text-primary, #1e2125);cursor:pointer}.col-shell__sidebar .brand-check__box{width:16px;height:16px;border:1px solid var(--line-strong, #b0a99d);border-radius:var(--radius-xs, 2px);display:inline-flex;align-items:center;justify-content:center;background-color:var(--surface-raised, #faf8f5)}.col-shell__sidebar .brand-check__box svg{width:12px;height:12px;opacity:0}.col-shell__sidebar .brand-check.is-active .brand-check__box{background-color:var(--text-primary, #1e2125);border-color:var(--text-primary, #1e2125);color:var(--text-inverse, #f4f1ec)}.col-shell__sidebar .brand-check.is-active .brand-check__box svg{opacity:1}.col-shell__sidebar .brand-check__count{color:var(--text-muted, #737780);font-variant-numeric:tabular-nums}.col-shell__sidebar .brand-check input{position:absolute;opacity:0;pointer-events:none}@media(max-width:767px){.col-shell__filter-toggle{padding:8px 12px;font-size:10px;letter-spacing:.14em}.col-shell__results-count{font-size:11px}}.col-shell__sidebar,.col-shell__grid,.col-shell__backdrop{transition-duration:.32s;transition-timing-function:cubic-bezier(.16,1,.3,1)}.col-shell__sidebar{transition-property:transform,visibility}.col-shell__grid{transition-property:transform,width}.col-shell__backdrop{transition-property:opacity}@media(prefers-reduced-motion:reduce){.col-shell__sidebar,.col-shell__grid,.col-shell__backdrop{transition-duration:0ms}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/collection-page.css.map */