/*
 * Collection track (Shop all parts, category, part type, brand, vehicle landing, search results, /brands/, /vehicles/).
 * Unlayered, single-class selectors, tokens only. Breakpoints: 1100 / 850 / 620 / 370 (max-width).
 * Below 850px the facet sidebar is replaced by the filter sheet (with JS); without JS it stacks above the grid.
 * The grid itself is the shared .pc-card-grid (auto-fill, up to --pc-collection-columns, 2 columns on phones).
 */

.pc-collection-page { padding-block: var(--pc-space-4) var(--pc-collection-section-gap); }
.pc-collection { min-width: 0; }
.pc-collection__crumbs { margin-bottom: var(--pc-space-4); }

/* ---------- Heading ---------- */
.pc-collection__head { display: flex; flex-wrap: wrap; align-items: center; gap: var(--pc-space-4) var(--pc-space-6); margin-bottom: var(--pc-space-6); }
.pc-collection__titles { flex: 1 1 20rem; min-width: 0; }
.pc-collection__title {
	font-size: var(--pc-collection-title-size);
	line-height: var(--pc-leading-heading);
	letter-spacing: var(--pc-tracking-heading);
	overflow-wrap: anywhere;
}
.pc-collection__desc { max-width: 46rem; margin-top: var(--pc-space-3); font-size: var(--pc-text-md); color: var(--pc-color-muted); }
.pc-collection__logo {
	display: grid;
	flex-shrink: 0;
	place-items: center;
	width: var(--pc-brand-logo-width);
	height: calc(var(--pc-brand-logo-height) + var(--pc-space-4));
	padding: var(--pc-space-2);
	border: var(--pc-border-width) solid var(--pc-brand-tile-border);
	background: var(--pc-brand-tile-surface);
}
.pc-collection__logo-img { width: 100%; height: 100%; object-fit: contain; filter: grayscale(1); mix-blend-mode: multiply; }
.pc-collection__search { flex: 1 1 24rem; max-width: 40rem; }
.pc-collection__notices { display: grid; gap: var(--pc-space-2); }
.pc-collection__notices:not(:empty) { margin-bottom: var(--pc-space-4); }

/* ---------- Vehicle bar ---------- */
.pc-vbar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: var(--pc-space-4) var(--pc-space-6);
	margin-bottom: var(--pc-space-6);
	padding: var(--pc-space-5) var(--pc-space-6);
	border: var(--pc-border-width) solid var(--pc-color-line);
	border-radius: var(--pc-radius-sm);
	background: var(--pc-color-soft);
}
.pc-vbar__copy { display: flex; flex: 1 1 22rem; align-items: flex-start; gap: var(--pc-space-4); min-width: 0; }
.pc-vbar__copy > .pc-icon { margin-top: var(--pc-space-1); }
.pc-vbar__text { min-width: 0; }
.pc-vbar__eyebrow { font-size: var(--pc-text-xs); font-weight: var(--pc-weight-bold); letter-spacing: var(--pc-tracking-label); text-transform: uppercase; color: var(--pc-color-muted); }
.pc-vbar__label { margin-top: var(--pc-space-1); font-size: var(--pc-text-lg); line-height: var(--pc-leading-compact); overflow-wrap: anywhere; }
.pc-vbar__meta { margin-top: var(--pc-space-1); font-size: var(--pc-text-sm); color: var(--pc-color-muted); }
.pc-vbar__note { max-width: 42rem; margin-top: var(--pc-space-1); font-size: var(--pc-text-sm); color: var(--pc-color-muted); }
.pc-vbar__actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--pc-space-2) var(--pc-space-5); }
.pc-vbar__fit { display: flex; flex-wrap: wrap; align-items: center; gap: var(--pc-space-2); }
.pc-vbar__fit:empty { display: none; }
.pc-vbar__toggle { white-space: nowrap; }
.pc-vbar__change-short { display: none; }

/* ---------- Layout ---------- */
.pc-collection__layout {
	display: grid;
	grid-template-columns: var(--pc-collection-sidebar-width) minmax(0, 1fr);
	gap: var(--pc-collection-column-gap);
	align-items: start;
}
.pc-collection__main { min-width: 0; }
.pc-collection__sidebar {
	position: sticky;
	top: calc(var(--pc-header-sticky-offset) + var(--pc-header-height, 4.5rem) + var(--pc-space-4));
	min-width: 0;
	max-height: calc(100dvh - var(--pc-header-sticky-offset) - var(--pc-header-height, 4.5rem) - var(--pc-space-8));
	overflow-y: auto;
	overscroll-behavior: contain;
	scrollbar-width: thin;
	padding-right: var(--pc-space-1); /* keeps focus rings clear of the scroll edge */
}

/* ---------- Filters (sidebar and sheet share this markup) ---------- */
.pc-filters__head { display: flex; align-items: center; min-height: var(--pc-control-height); }
.pc-filters__title { font-size: var(--pc-text-lg); letter-spacing: var(--pc-tracking-heading); }
.pc-filters__note { margin-top: var(--pc-space-2); font-size: var(--pc-text-sm); color: var(--pc-color-muted); }
.pc-filters__apply { margin-top: var(--pc-space-4); }
.pc-fgroup { padding-block: var(--pc-space-1) var(--pc-space-3); border-bottom: var(--pc-border-width) solid var(--pc-color-line); }
.pc-fgroup__summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--pc-space-2);
	min-height: var(--pc-control-height);
	font-size: var(--pc-text-sm);
	font-weight: var(--pc-weight-bold);
	list-style: none;
	cursor: pointer;
}
.pc-fgroup__summary::-webkit-details-marker { display: none; }
.pc-fgroup__summary .pc-icon { transition: transform var(--pc-motion-fast) var(--pc-ease-standard); }
.pc-fgroup[open] > .pc-fgroup__summary .pc-icon { transform: rotate(180deg); }
.pc-fgroup__selected { font-weight: var(--pc-weight-regular); color: var(--pc-color-muted); }
.pc-fgroup__body { display: grid; }
.pc-fgroup__hint { margin-top: var(--pc-space-1); font-size: var(--pc-text-xs); color: var(--pc-color-muted); }
.pc-fgroup__more { display: grid; }
.pc-fgroup__more > summary { display: flex; align-items: center; min-height: var(--pc-collection-filter-row-height); list-style: none; cursor: pointer; }
.pc-fgroup__more > summary::-webkit-details-marker { display: none; }
.pc-fgroup__more[open] > summary { display: none; }

.pc-fopt {
	display: flex;
	align-items: center;
	gap: var(--pc-space-2);
	min-height: var(--pc-collection-filter-row-height);
	font-size: var(--pc-collection-filter-size);
	line-height: var(--pc-leading-compact);
	cursor: pointer;
}
.pc-fopt > input { flex: 0 0 1.125rem; width: 1.125rem; height: 1.125rem; margin: 0; accent-color: var(--pc-color-ink); }
.pc-fopt__name { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.pc-fopt__count { font-size: var(--pc-text-xs); color: var(--pc-color-muted); font-variant-numeric: tabular-nums; }
.pc-fopt.is-unavailable { opacity: var(--pc-disabled-opacity); cursor: not-allowed; }
@media (pointer: coarse) {
	.pc-fopt,
	.pc-fgroup__more > summary { min-height: var(--pc-control-height); }
}

.pc-fprice { gap: var(--pc-space-2); }
.pc-fprice__row { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: end; gap: var(--pc-space-2); }
.pc-fprice__box { position: relative; display: block; }
.pc-fprice__symbol { position: absolute; top: 50%; left: var(--pc-space-3); transform: translateY(-50%); color: var(--pc-color-muted); pointer-events: none; }
.pc-fprice__input { padding-left: var(--pc-space-6); font-variant-numeric: tabular-nums; }
.pc-fprice__dash { display: grid; place-items: center; height: var(--pc-control-height); color: var(--pc-color-muted); }
.pc-fprice__error { margin-top: var(--pc-space-1); }
.pc-fprice__apply { margin-top: var(--pc-space-1); }

/* ---------- Toolbar, chips, notice ---------- */
.pc-collection__toolbar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--pc-space-2) var(--pc-space-4);
	min-height: var(--pc-control-height);
	margin-bottom: var(--pc-space-4);
	padding-bottom: var(--pc-space-4);
	border-bottom: var(--pc-border-width) solid var(--pc-color-line);
	scroll-margin-top: calc(var(--pc-header-sticky-offset) + var(--pc-header-height, 4.5rem) + var(--pc-space-4));
}
.pc-collection__filter-button { display: none; }
.pc-collection__count { margin-right: auto; font-size: var(--pc-text-sm); color: var(--pc-color-muted); }
.pc-collection__count strong { color: var(--pc-color-ink); }
.pc-collection__sort { display: flex; align-items: center; gap: var(--pc-space-2); }
.pc-collection__sort-label { font-size: var(--pc-text-sm); color: var(--pc-color-muted); }
.pc-collection__sort-select { width: auto; min-width: 11rem; max-width: 100%; font-weight: var(--pc-weight-bold); } /* font size comes from .pc-select (16px on touch) */
.pc-collection__chips { margin-bottom: var(--pc-space-4); }
.pc-collection__chiplist { align-items: center; }
.pc-chip--remove { padding-right: var(--pc-space-2); }
.pc-chip--remove .pc-icon { margin-left: 0; }
.pc-collection__clear { margin-left: var(--pc-space-1); }
.pc-collection__clear .pc-link { min-height: var(--pc-control-height-compact); }
.pc-collection__loading { font-size: var(--pc-text-xs); color: var(--pc-color-muted); }
.pc-collection__notice:empty { display: none; }
.pc-collection__notice { margin-bottom: var(--pc-space-4); }
.pc-collection__notice .pc-notice { align-items: center; flex-wrap: wrap; }

/* ---------- Results ---------- */
.pc-collection__results { min-width: 0; }
.pc-collection__results[aria-busy="true"] .pc-collection__grid,
.pc-collection__results[aria-busy="true"] .pc-collection__empty { opacity: 0.5; pointer-events: none; }
.pc-collection__grid { transition: opacity var(--pc-motion-ui) var(--pc-ease-standard); }
.pc-collection__pagination:empty { display: none; }
.pc-pagination { display: grid; justify-items: center; gap: var(--pc-space-4); padding-top: var(--pc-collection-section-gap); }
.pc-pagination__status { font-size: var(--pc-text-sm); color: var(--pc-color-muted); }
.pc-pagination__back { display: flex; flex-wrap: wrap; justify-content: center; gap: 0 var(--pc-space-6); }
.pc-pagination__back .pc-link { min-height: var(--pc-control-height); }
.pc-pagination__more { min-width: 12rem; }
.pc-pagination__pages { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: var(--pc-space-1); margin: 0; padding: 0; list-style: none; }
.pc-pagination__link {
	display: inline-grid;
	place-items: center;
	min-width: var(--pc-control-height);
	min-height: var(--pc-control-height);
	padding-inline: var(--pc-space-3);
	border: var(--pc-border-width) solid transparent;
	border-radius: var(--pc-radius-sm);
	font-size: var(--pc-text-sm);
	text-decoration: none;
}
.pc-pagination__link:hover { border-color: var(--pc-color-line-strong); }
.pc-pagination__link.is-current { border-color: var(--pc-color-ink); font-weight: var(--pc-weight-bold); }

/* ---------- Empty and recovery states ---------- */
.pc-collection-empty { display: grid; justify-items: center; gap: var(--pc-space-3); padding: var(--pc-space-10) var(--pc-space-6); background: var(--pc-color-soft); text-align: center; }
.pc-collection-empty__icon { color: var(--pc-color-muted); }
.pc-collection-empty__title { max-width: 32ch; font-size: var(--pc-heading-section); line-height: var(--pc-leading-compact); letter-spacing: var(--pc-tracking-heading); overflow-wrap: anywhere; }
.pc-collection-empty__text { max-width: 52ch; color: var(--pc-color-muted); }
.pc-collection-empty__actions { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--pc-space-3); margin: var(--pc-space-2) 0 0; padding: 0; list-style: none; }
.pc-collection__empty .pc-recovery { max-width: none; padding-block: var(--pc-space-8); }

/* ---------- Help strip ---------- */
.pc-collection__help {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: var(--pc-space-4) var(--pc-space-6);
	margin-top: var(--pc-collection-section-gap);
	padding-top: var(--pc-space-8);
	border-top: var(--pc-border-width) solid var(--pc-color-line);
}
.pc-collection__help:empty { display: none; }
.pc-collection__help-title { font-size: var(--pc-heading-section); line-height: var(--pc-leading-compact); letter-spacing: var(--pc-tracking-heading); }
.pc-collection__help-copy p { margin-top: var(--pc-space-2); color: var(--pc-color-muted); }
.pc-collection__help-actions { display: flex; flex-wrap: wrap; gap: var(--pc-space-3); }

/* ---------- Phone filter sheet (draft) ---------- */
.pc-fsheet__vehicle { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--pc-space-2) var(--pc-space-4); margin-bottom: var(--pc-space-3); padding: var(--pc-space-3) var(--pc-space-4); background: var(--pc-color-soft); font-size: var(--pc-text-sm); }
.pc-fsheet__vehicle-text { display: flex; align-items: flex-start; gap: var(--pc-space-2); min-width: 0; overflow-wrap: anywhere; }
.pc-fsheet__vehicle-text .pc-icon { margin-top: 0.15em; }
.pc-fsheet__foot { display: flex; flex-shrink: 0; gap: var(--pc-space-3); padding: var(--pc-space-3) var(--pc-space-5) calc(var(--pc-space-3) + env(safe-area-inset-bottom)); border-top: var(--pc-border-width) solid var(--pc-color-search-border); background: var(--pc-color-surface); }
.pc-fsheet__foot .pc-button { flex: 1 1 0; }
.pc-fsheet__foot .pc-button--primary { flex: 2 1 0; }

/* ---------- Brand index ---------- */
.pc-brandindex__letters ul { display: flex; flex-wrap: wrap; gap: var(--pc-space-1); margin: 0 0 var(--pc-space-6); padding: 0; list-style: none; }
.pc-brandindex__letters a { display: inline-grid; place-items: center; min-width: var(--pc-control-height); min-height: var(--pc-control-height); border: var(--pc-border-width) solid var(--pc-color-line); border-radius: var(--pc-radius-sm); font-size: var(--pc-text-sm); font-weight: var(--pc-weight-bold); text-decoration: none; }
.pc-brandindex__letters a:hover { border-color: var(--pc-color-ink); }
.pc-brandindex__group { margin-bottom: var(--pc-space-8); scroll-margin-top: calc(var(--pc-header-height, 4.5rem) + var(--pc-space-4)); }
.pc-brandindex__letter { margin-bottom: var(--pc-space-3); font-size: var(--pc-text-xl); letter-spacing: var(--pc-tracking-heading); }
.pc-brandindex__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr)); gap: var(--pc-brand-grid-gap); margin: 0; padding: 0; list-style: none; }
.pc-brandindex__link {
	display: grid;
	align-content: center;
	justify-items: center;
	gap: var(--pc-space-3);
	min-height: var(--pc-brand-cell-height);
	height: 100%;
	padding: var(--pc-space-4);
	border: var(--pc-border-width) solid var(--pc-brand-tile-border);
	background: var(--pc-brand-tile-surface);
	text-align: center;
	text-decoration: none;
}
.pc-brandindex__link:hover { border-color: var(--pc-color-ink); }
.pc-brandindex__logo { display: flex; align-items: center; justify-content: center; width: min(100%, var(--pc-brand-logo-width)); height: var(--pc-brand-logo-height); } /* fixed box: the logo scales inside it, never over the name */
.pc-brandindex__logo-img { width: auto; height: auto; max-width: 100%; max-height: 100%; object-fit: contain; filter: grayscale(1) contrast(3); }
/* Same monochrome rule as the homepage brand tiles, chosen per logo (pc_logo_mode): light artwork becomes a dark
   silhouette so a white logo never disappears on the white tile. */
.pc-brandindex__logo[data-mono="silhouette"] .pc-brandindex__logo-img { filter: grayscale(1) brightness(0); }
.pc-brandindex__initial { font-size: var(--pc-text-xl); font-weight: var(--pc-weight-bold); color: var(--pc-color-muted); }
.pc-brandindex__name { font-size: var(--pc-text-sm); font-weight: var(--pc-weight-bold); line-height: var(--pc-leading-compact); overflow-wrap: anywhere; }

/* ---------- Vehicle index ---------- */
.pc-vindex__garage { margin-bottom: var(--pc-space-6); }
.pc-vindex__recovery { display: grid; gap: var(--pc-space-4); max-width: 36rem; margin-bottom: var(--pc-space-8); }
.pc-vindex__missing { margin-top: var(--pc-space-8); }
.pc-vgroup { margin-bottom: var(--pc-space-8); }
.pc-vgroup__make { margin-bottom: var(--pc-space-4); font-size: var(--pc-heading-section); letter-spacing: var(--pc-tracking-heading); }
.pc-vgroup__make a,
.pc-vgroup__model-title a { text-decoration: none; }
.pc-vgroup__make a:hover,
.pc-vgroup__model-title a:hover { text-decoration: underline; text-underline-offset: var(--pc-space-1); }
.pc-vgroup__models { display: grid; gap: var(--pc-space-5); }
.pc-vgroup__model-title { margin-bottom: var(--pc-space-2); font-size: var(--pc-text-md); }
.pc-vlist { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 19rem), 1fr)); gap: var(--pc-space-2); margin: 0; padding: 0; list-style: none; }
.pc-vlist--flat { max-width: 36rem; grid-template-columns: minmax(0, 1fr); }
.pc-vlist__link { display: flex; align-items: center; justify-content: space-between; gap: var(--pc-space-3); min-height: var(--pc-control-height); height: 100%; padding: var(--pc-space-3) var(--pc-space-4); border: var(--pc-border-width) solid var(--pc-color-line); border-radius: var(--pc-radius-sm); text-decoration: none; }
.pc-vlist__link:hover { border-color: var(--pc-color-ink); }
.pc-vlist__main { display: grid; gap: var(--pc-space-1); min-width: 0; }
.pc-vlist__main small { font-size: var(--pc-text-xs); color: var(--pc-color-muted); overflow-wrap: anywhere; }
.pc-vlist__parts { margin-left: auto; font-size: var(--pc-text-xs); color: var(--pc-color-muted); text-align: right; }
/* Owner decision #12: a model with overlapping generations asks for the model year (same tile language as .pc-vlist). */
.pc-yearpick { display: grid; gap: var(--pc-space-4); max-width: 44rem; }
.pc-yearpick__title { font-size: var(--pc-text-xl); letter-spacing: var(--pc-tracking-heading); }
.pc-yearpick__years { display: grid; grid-template-columns: repeat(auto-fill, minmax(6.5rem, 1fr)); gap: var(--pc-space-2); margin: 0; padding: 0; list-style: none; }
.pc-yearpick__year { display: grid; place-content: center; justify-items: center; gap: var(--pc-space-1); min-height: calc(var(--pc-control-height) + var(--pc-space-2)); padding: var(--pc-space-2) var(--pc-space-3); border: var(--pc-border-width) solid var(--pc-color-line); border-radius: var(--pc-radius-sm); font-size: var(--pc-text-lg); font-weight: var(--pc-weight-bold); font-variant-numeric: tabular-nums; text-decoration: none; }
.pc-yearpick__year:hover { border-color: var(--pc-color-ink); }
.pc-yearpick__year small { font-size: var(--pc-text-xs); font-weight: var(--pc-weight-regular); color: var(--pc-color-muted); }
.pc-yearpick__note { font-size: var(--pc-text-sm); color: var(--pc-color-muted); }
@media (max-width: 370px) { .pc-yearpick__years { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

/* Nothing to filter (empty brand, no matches, unavailable): the recovery block gets the whole width. */
.pc-collection--bare .pc-collection__layout { grid-template-columns: minmax(0, 1fr); }
.pc-collection--bare .pc-collection__sidebar,
.pc-collection--bare .pc-collection__toolbar,
.pc-collection--bare .pc-collection__chips,
.pc-collection--bare .pc-collection__help { display: none; } /* the recovery block already offers Podi and contact */

/* ---------- Responsive ---------- */
@media (max-width: 850px) {
	.pc-collection__layout { grid-template-columns: minmax(0, 1fr); }
	.pc-collection__sidebar { position: static; max-height: none; overflow: visible; }
	:root.pc-js .pc-collection__sidebar { display: none; } /* the filter sheet replaces it */
	:root.pc-js .pc-collection__filter-button { display: inline-flex; }
	.pc-collection__count { order: 3; flex-basis: 100%; margin-right: 0; }
	.pc-collection__sort { margin-left: auto; }
}
@media (max-width: 620px) {
	.pc-collection-page { padding-top: var(--pc-space-3); }
	.pc-collection__head { margin-bottom: var(--pc-space-5); }
	.pc-collection__desc { font-size: var(--pc-text-base); }
	/* Owner decision #24: a compact phone bar. Row 1 = icon + vehicle + "Change"; row 2 = the fit toggle (and
	   "Make this my vehicle"). The eyebrow and explanation are desktop-only: the toggle and card tags say it. */
	.pc-vbar { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: var(--pc-space-2) var(--pc-space-3); padding: var(--pc-space-3); }
	.pc-vbar__copy { grid-column: 1 / -1; grid-row: 1; align-items: center; gap: var(--pc-space-2); }
	.pc-vbar__copy > .pc-icon { width: var(--pc-icon-sm); height: var(--pc-icon-sm); margin-top: 0; flex: none; }
	.pc-vbar__eyebrow,
	.pc-vbar__note,
	.pc-vbar__meta { display: none; }
	.pc-vbar__label { margin-top: 0; font-size: var(--pc-text-base); }
	.pc-vbar__actions { display: contents; }
	/* Owner decision E: two balanced rows: the vehicle on row 1; the fit switch and "Change" side by side on row 2.
	   With no vehicle there is no switch, so "Select" stays on row 1 beside "Select your vehicle". */
	.pc-vbar__actions > .pc-button { grid-column: 2; grid-row: 2; min-height: var(--pc-control-height); padding-inline: var(--pc-space-3); }
	.pc-vbar__actions > [data-pc-make-mine] { grid-column: 1 / -1; grid-row: 3; justify-self: start; }
	.pc-vbar__fit { grid-column: 1; grid-row: 2; }
	.pc-vbar--none .pc-vbar__copy { grid-column: 1; }
	.pc-vbar--none .pc-vbar__actions > .pc-button { grid-row: 1; }
	.pc-vbar__change .pc-vbar__change-long { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
	.pc-vbar__change .pc-vbar__change-short { display: inline; }
	.pc-collection__sort-select { min-width: 0; }
	.pc-collection-empty { padding: var(--pc-space-6) var(--pc-space-4); }
	.pc-collection-empty__actions { flex-direction: column; align-items: stretch; width: 100%; }
	.pc-collection__help-actions { width: 100%; }
	.pc-collection__help-actions .pc-button { flex: 1 1 auto; }
	.pc-brandindex__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--pc-space-2); }
}
@media (max-width: 370px) {
	.pc-vbar__toggle { white-space: normal; }
	.pc-fsheet__foot { flex-direction: column-reverse; }
	.pc-collection__sort { width: 100%; justify-content: space-between; }
}

/* Touch: 44px targets for small navigational text links and the search field (Pass 3 audit), without moving layout. */
@media (pointer: coarse) {
	.pc-vgroup__make a,
	.pc-vgroup__model-title a,
	.pc-vindex__missing .pc-link,
	.pc-collection [data-pc-key="clear"] { display: inline-flex; align-items: center; min-height: var(--pc-control-height); margin-block: calc((1lh - var(--pc-control-height)) / 2); }
	.pc-collection__search input[type="search"],
	#pc-collection-q { min-height: var(--pc-control-height); }
}