@layer components{.shop.section{padding-block-start:0}.shop__layout{gap:1.5rem;display:grid}@media (min-width:1024px){.shop__layout{grid-template-columns:17.5rem minmax(0,1fr);align-items:start;gap:3rem}}.shop__filters{display:none}@media (min-width:1024px){.shop__filters{top:calc(var(--header-h) + 1rem);max-height:calc(100dvh - var(--header-h) - 2rem);overscroll-behavior:contain;scrollbar-width:thin;padding-inline-end:.5rem;display:block;position:sticky;overflow-y:auto}}.shop__main{min-width:0}.shop__toolbar{gap:.75rem;margin-bottom:1rem;display:grid}@media (min-width:700px){.shop__toolbar{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1.5rem}}.shop__controls{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}@media (min-width:1024px){.shop__filter-button{display:none}}.shop__badge{border-radius:var(--radius-full);background-color:var(--accent);min-width:1.25rem;height:1.25rem;color:var(--bg);place-items:center;padding-inline:.375rem;font-size:.75rem;font-weight:500;display:inline-grid}.shop__sort{align-items:center;gap:.5rem;margin-inline-start:auto;display:flex}@media (min-width:700px){.shop__sort{margin-inline-start:0}}.shop__sort-label{color:var(--fg-muted);white-space:nowrap;font-size:.875rem;display:none}@media (min-width:700px){.shop__sort-label{display:inline}}.shop__sort .select-trigger{width:12.5rem;min-height:2.75rem;padding-block:.5rem}.shop__view{display:none}@media (min-width:700px){.shop__view{border:1px solid var(--line-strong);border-radius:var(--radius-full);padding:.125rem;display:inline-flex}}.shop__view-button{border-radius:var(--radius-full);width:2.5rem;height:2.5rem;color:var(--fg-muted);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.shop__view-button[aria-pressed=true]{background-color:var(--glass);color:var(--fg)}.shop__view-button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.shop__count{min-height:1.5rem;margin:0 0 1rem}.shop__grid[data-refreshing]{opacity:.55;transition:opacity var(--dur-ui) var(--ease-ui)}.shop__grid .product-grid__item:not(:first-child){content-visibility:auto;contain-intrinsic-size:auto 28rem;margin-block-start:-4px;padding-block-start:4px}.shop__grid .product-grid[data-view=list] .product-grid__item:not(:first-child){contain-intrinsic-size:auto 15rem}.shop__sentinel{height:1px}.shop__more{justify-content:center;padding-top:2rem;display:flex}.shop__state{justify-items:start;gap:1rem;max-width:38rem;padding-block:2.5rem;display:grid}.shop__state>*{margin:0}.shop__state-actions{flex-wrap:wrap;gap:.75rem;display:flex}.shop-search{width:100%;position:relative}@media (min-width:700px){.shop-search{max-width:26rem}}.shop-search__icon{top:50%;color:var(--fg-muted);pointer-events:none;position:absolute;inset-inline-start:1rem;transform:translateY(-50%)}.shop-search__input{padding-inline:2.75rem}.shop-search__input::-webkit-search-cancel-button{appearance:none}.shop-search__clear{top:50%;border-radius:var(--radius-full);width:2.25rem;height:2.25rem;color:var(--fg-muted);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;inset-inline-end:.5rem;transform:translateY(-50%)}.shop-search__clear:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.shop-search__list{top:calc(100% + .375rem);z-index:var(--z-dropdown);border:1px solid var(--line-strong);border-radius:var(--radius-input);background-color:var(--raised);max-height:20rem;margin:0;padding:.375rem;list-style:none;position:absolute;inset-inline:0;overflow-y:auto}.shop-search__list[hidden]{display:none}.shop-search__option{cursor:pointer;border-radius:.5rem;justify-content:space-between;align-items:center;gap:1rem;min-height:2.75rem;padding:.5rem .75rem;display:flex}.shop-search__option[data-active]{background-color:rgb(var(--fg-rgb) / .08)}.shop-search__meta{color:var(--fg-muted);text-transform:capitalize;font-size:.8125rem}.filter-panel[data-loading]{opacity:.6}.filter-chips{flex-wrap:wrap;gap:.5rem;display:flex}.filter-chip,.active-chip{border:1px solid var(--line-strong);border-radius:var(--radius-full);color:var(--fg);font:inherit;cursor:pointer;background:0 0;align-items:center;gap:.5rem;font-size:.875rem;line-height:1.3;display:inline-flex}.filter-chip{min-height:2.5rem;padding:.375rem .875rem}.filter-chip:focus-visible,.active-chip:focus-visible,.active-filters__clear:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.filter-chip[aria-pressed=true]{border-color:var(--accent);background-color:rgb(var(--accent-rgb) / .14)}.filter-chip:disabled{opacity:.4;cursor:not-allowed}.filter-chip__swatch{width:.875rem;height:.875rem;box-shadow:0 0 0 1px rgb(var(--fg-rgb) / .35);border-radius:50%;flex:none}.filter-chip__count{color:var(--fg-muted);font-variant-numeric:tabular-nums;font-size:.75rem}.filter-group__badge{border-radius:var(--radius-full);background-color:var(--accent);min-width:1.25rem;height:1.25rem;color:var(--bg);place-items:center;margin-inline-start:.5rem;padding-inline:.375rem;font-size:.75rem;font-weight:500;display:inline-grid}.filter-price{color:var(--fg);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:.875rem;display:flex}.filter-note{color:var(--fg-muted);margin:.5rem 0 0;font-size:.75rem}.filter-panel__extra{padding-block:.5rem}.active-filters{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin-bottom:1rem;display:flex}.active-filters__list{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.active-chip{border-color:var(--accent);background-color:rgb(var(--accent-rgb) / .14);min-height:2.25rem;padding:.25rem .75rem;font-size:.8125rem}.active-filters__clear{color:var(--fg-muted);font:inherit;text-underline-offset:.25em;cursor:pointer;background:0 0;border:0;padding:.5rem;font-size:.875rem;text-decoration:underline}@media (pointer:coarse){.filter-chip,.active-chip{min-height:2.75rem}}}.shop-page .shop-head{border-bottom:1px solid var(--line);background:linear-gradient(180deg, var(--surface), var(--bg));padding-block:1rem 1.25rem}.shop-page .shop-head__row{gap:1rem;margin-block-start:.25rem;display:grid}@media (min-width:1024px){.shop-page .shop-head__row{grid-template-columns:minmax(0,1fr) minmax(0,24rem);align-items:end;gap:2.5rem}}.shop-page .shop-head__title{letter-spacing:-.02em;text-wrap:balance;margin-block-start:.25rem;font-size:clamp(1.625rem,1.3rem + 1.2vw,2.375rem);font-weight:500;line-height:1.15}.shop-page .shop-head__lead{max-width:44rem;margin-block-start:.5rem;font-size:.9375rem;line-height:1.55}.shop-page .colour-strip{gap:.5rem;min-width:0;display:grid}.shop-page .colour-strip--pending{min-height:4.25rem}@media (pointer:coarse){.shop-page .colour-strip--pending{min-height:5rem}}.shop-page .colour-strip__label{color:var(--fg-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:500}.shop-page .colour-strip__list{scrollbar-width:none;gap:.5rem;margin:0 -1px;padding:1px;list-style:none;display:flex;overflow-x:auto}.shop-page .colour-strip__list::-webkit-scrollbar{display:none}@media (min-width:1024px){.shop-page .colour-strip__list{flex-wrap:wrap;overflow:visible}}.shop-page .colour-strip__item{border:1px solid var(--line-strong);border-radius:var(--radius-full);background-color:var(--bg);min-height:2.25rem;color:var(--fg);font:inherit;white-space:nowrap;cursor:pointer;transition:border-color var(--dur-hover) var(--ease-ui), background-color var(--dur-hover) var(--ease-ui), color var(--dur-hover) var(--ease-ui);flex:none;align-items:center;gap:.5rem;padding:0 .875rem 0 .5rem;font-size:.8125rem;line-height:1;display:inline-flex}@media (pointer:coarse){.shop-page .colour-strip__item{min-height:2.75rem}}.shop-page .colour-strip__item:focus-visible{outline:2px solid var(--focus);outline-offset:2px}@media (hover:hover){.shop-page .colour-strip__item:hover{border-color:var(--fg-muted)}}.shop-page .colour-strip__item[aria-pressed=true]{border-color:var(--fg);background-color:var(--fg);color:var(--bg)}.shop-page .colour-strip__swatch{background-color:var(--line-strong);border-radius:50%;flex:none;width:1.25rem;height:1.25rem;box-shadow:0 0 0 1px #80808080}.shop-page .shop.retail{padding-block-start:1.25rem}@media (min-width:1024px){.shop-page .shop.retail .shop__layout{grid-template-columns:16rem minmax(0,1fr);gap:1.5rem}.shop-page .shop.retail .shop__filters{top:calc(var(--header-h) + .75rem);border:1px solid var(--line);background-color:var(--surface);border-radius:1rem;padding:.25rem 1rem .5rem}}.shop-page .shop.retail .shop__toolbar{top:calc(var(--header-h) + .5rem);z-index:5;border-color:var(--line);background-color:var(--bg);box-shadow:0 6px 20px -12px rgb(var(--fg-rgb) / .35);border-radius:.875rem;margin-bottom:.875rem;padding:.5rem;position:sticky}.shop-page .shop.retail .shop-search__input,.shop-page .shop.retail .shop__sort .select-trigger{border-radius:.625rem;min-height:2.5rem}.shop-page .shop.retail .shop__view{border-radius:.625rem}.shop-page .shop.retail .shop__view-button{width:2.5rem;height:2.5rem}.shop-page .shop.retail .shop__count{color:var(--fg-muted);margin-bottom:.875rem;font-size:.8125rem}.shop-page .retail .active-chip{border-radius:var(--radius-full)}.shop-page .retail .product-grid{gap:.75rem}@container catalog (width>=35rem){.shop-page .retail .product-grid{gap:1rem}}@container catalog (width>=44rem){.shop-page .retail .product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem 1rem}}@container catalog (width>=60rem){.shop-page .retail .product-grid:not([data-view=list]){grid-template-columns:repeat(4,minmax(0,1fr))}}@container catalog (width>=82rem){.shop-page .retail .product-grid:not([data-view=list]){grid-template-columns:repeat(5,minmax(0,1fr))}}.shop-page .retail .product-card{border:1px solid var(--line);background-color:var(--bg);transition:border-color var(--dur-hover) var(--ease-ui), box-shadow var(--dur-hover) var(--ease-ui);border-radius:1rem;overflow:clip}@media (hover:hover){.shop-page .retail .product-card:hover{border-color:var(--line-strong);box-shadow:0 14px 32px -18px rgb(var(--fg-rgb) / .45)}}.shop-page .retail .product-card:focus-within{border-color:var(--line-strong)}.shop-page .retail .product-card__media{aspect-ratio:4/3;border-radius:0;overflow:clip}.shop-page .retail .product-card__photo{transition:transform .7s var(--ease-ui)}@media (hover:hover){.shop-page .retail .product-card:hover .product-card__photo{transform:scale(1.04)}}.shop-page .retail .product-card__body{gap:.25rem;padding:.75rem .875rem .875rem}.shop-page .retail .product-card__name{-webkit-line-clamp:2;line-clamp:2;font-size:1rem;font-weight:500;line-height:1.3}.shop-page .retail .product-card__facts .chip{font-size:.8125rem}.shop-page .retail .price--request{color:var(--accent-hi);margin-top:.25rem;font-size:.875rem;font-weight:500}.shop-page .retail .product-card__actions{padding-top:.625rem}.shop-page .retail .product-card__actions>.btn:not(.btn--round){min-height:2.25rem;font-size:.8125rem}.shop-page .retail .product-card__actions .btn--round{width:2.25rem;min-width:2.25rem;height:2.25rem;min-height:2.25rem}@container catalog (width>=44rem){.shop-page .retail .product-grid:not([data-view=list]) .product-card__actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:center;gap:.375rem;display:grid}.shop-page .retail .product-grid:not([data-view=list]) .product-card__actions>.btn:first-child{flex:none}.shop-page .retail .product-grid:not([data-view=list]) .product-card__actions>.btn:not(.btn--round){padding-inline:.25rem}}@media (pointer:coarse){.shop-page .retail .product-card__actions>.btn:not(.btn--round){min-height:2.75rem}.shop-page .retail .product-card__actions .btn--round{width:2.75rem;min-width:2.75rem;height:2.75rem;min-height:2.75rem}}@container catalog (width<=34.99rem){.shop-page .retail .product-card{border-radius:.75rem}.shop-page .retail .product-card__name{font-size:.9375rem}}.shop-page .retail .product-grid[data-view=list] .product-card__media{border-radius:0}.shop-page .shop__state{border:1px dashed var(--line-strong);border-radius:1rem;padding:2rem 1.5rem}@media (prefers-reduced-motion:reduce){.shop-page .retail .product-card,.shop-page .retail .product-card__photo,.shop-page .colour-strip__item{transition:none}.shop-page .retail .product-card:hover .product-card__photo{transform:none}}