platenzaak-search-popup:not([data-search-open]) [data-predictive-search-results] { display: none !important; }
platenzaak-search-popup {
  --platenzaak-control-height: 2.75rem;
  --platenzaak-control-radius: .5rem;
  --platenzaak-control-focus: 2px solid currentColor;
  --platenzaak-search-panel-border: 1px solid #d1d5db;
  --platenzaak-search-panel-radius: .5rem;
  --platenzaak-search-panel-shadow: none;
  --platenzaak-type-label-size: .875rem;
  --platenzaak-type-content-title-size: 1rem;
  --platenzaak-type-content-title-weight: 600;
  --platenzaak-type-content-title-line: 1.3;
  --color-content-heading: #111;
  --color-background: #fff;
  --color-surface: #f5f5f5;
  .predictive-search__input-wrapper { position: relative; width: 100%; }
  .predictive-search__input { width: 100%; min-height: 44px; padding: .5rem 88px .5rem .75rem; border: 1px solid #d1d5db; border-radius: .5rem; font: inherit; background: #f5f5f5; color: inherit; }
  .predictive-search__input::-webkit-search-cancel-button { display: none; }
  .predictive-search__input-icon { position: absolute; right: 0; top: 0; transform: none; width: 44px; height: 44px; background: transparent; border: 0; display: grid; place-items: center; }
  .predictive-search__input-icon svg { width: 20px; height: 20px; }
  [data-predictive-search-results] { display: none; position: static; width: 100%; }
  .predictive-search__results { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1rem; }
  .predictive-search__footer { grid-column: 1 / -1; }
  .predictive-search__footer-result { display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 44px; padding: .5rem; background: transparent; border: 0; color: inherit; font: inherit; text-align: left; }
  .predictive-search__footer-icon-arrow { display: inline-flex; width: 16px; height: 16px; }
  .predictive-search__footer-icon-arrow svg { width: 16px; height: 16px; }
  ul { list-style: none; margin: 0; padding: 0; }
  a { color: inherit; }
.platenzaak-product-card.platenzaak-product-card--search {
  --platenzaak-search-card-media-size: 3.5rem;
  display: block;
  min-height: 0;
  height: auto;
  padding: 0;
  border: 0;
  border-radius: var(--platenzaak-control-radius);
  background: transparent;
  box-shadow: none;
}

.platenzaak-search-card__link {
  display: grid;
  grid-template-columns: var(--platenzaak-search-card-media-size) minmax(0, 1fr);
  align-items: center;
  gap: var(--platenzaak-space-control-gap);
  padding: var(--platenzaak-space-control-gap);
  color: var(--color-content-heading);
  border-radius: var(--platenzaak-control-radius);
  text-decoration: none;
}

.platenzaak-search-card__link:hover,
.platenzaak-search-card__link:focus-visible {
  background: var(--color-surface);
}

.platenzaak-search-card__link:focus-visible {
  outline: var(--platenzaak-control-focus);
  outline-offset: -2px;
}

.platenzaak-search-card__media {
  display: grid;
  place-items: center;
  width: var(--platenzaak-search-card-media-size);
  height: var(--platenzaak-search-card-media-size);
  aspect-ratio: 1;
  overflow: hidden;
  border-radius: var(--platenzaak-control-radius);
}

.platenzaak-search-card__media :is(img, svg) {
  width: var(--platenzaak-search-card-media-size);
  height: var(--platenzaak-search-card-media-size);
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.platenzaak-search-card__content {
  display: grid;
  min-width: 0;
  gap: var(--platenzaak-card-identity-gap, 0.25rem);
  overflow-wrap: anywhere;
  line-height: 1.35;
}

.platenzaak-search-card__artist,
.platenzaak-search-card__edition,
.platenzaak-search-card__status {
  font-size: 0.875rem;
  color: var(--color-content-heading);
}

.platenzaak-search-clear {
  position: absolute;
  inset-inline-end: var(--platenzaak-control-height);
  inset-block-start: 0;
  display: grid;
  place-items: center;
  width: var(--platenzaak-control-height);
  height: var(--platenzaak-control-height);
  color: var(--color-content-heading);
  background: transparent;
  border: 0;
}
.platenzaak-search-clear[hidden] { display: none; }
.platenzaak-search-clear svg { width: 1rem; height: 1rem; }
.platenzaak-search-clear:focus-visible,
.platenzaak-search-recovery:focus-visible {
  outline: var(--platenzaak-control-focus);
  outline-offset: -2px;
}
.platenzaak-search-feedback { margin: 0; line-height: 1.5; }
.platenzaak-search-recovery {
  min-height: var(--platenzaak-control-height);
  margin-block-start: var(--platenzaak-space-control-gap);
  font: inherit;
  font-weight: 600;
  text-decoration: underline;
}
.predictive-search__suggestions a {
  display: flex;
  align-items: center;
  min-height: var(--platenzaak-control-height);
}
.predictive-search__suggestions a:focus-visible {
  outline: var(--platenzaak-control-focus);
  outline-offset: -2px;
}
.predictive-search__suggestions .platenzaak-search-suggestion-link {
  gap: var(--platenzaak-space-control-gap);
}
.platenzaak-search-suggestion-icon,
.platenzaak-search-action__media {
  display: grid;
  place-items: center;
  flex: 0 0 1.25rem;
  inline-size: 1.25rem;
  block-size: 1.25rem;
}
.platenzaak-search-suggestion-icon svg,
.platenzaak-search-action__media svg {
  inline-size: 1.25rem;
  block-size: 1.25rem;
}
.platenzaak-search-discovery-mark {
  display: block;
  inline-size: 1.25rem;
  block-size: 1.25rem;
  overflow: hidden;
}
.platenzaak-search-discovery-mark .icon--platenzaak {
  display: block;
  width: 8.929rem;
  height: 1.25rem;
  max-width: none;
  filter: brightness(0);
}
.platenzaak-search-collections-heading {
  margin: 0;
}
.predictive-search__suggestions .platenzaak-search-collection-link {
  gap: var(--platenzaak-space-control-gap);
  padding-block: var(--platenzaak-space-control-gap);
}
.platenzaak-search-collection-media {
  display: grid;
  place-items: center;
  flex: 0 0 3rem;
  inline-size: 3rem;
  block-size: 3rem;
  border-radius: var(--platenzaak-control-radius, 0.375rem);
  overflow: hidden;
}
.platenzaak-search-collection-media img {
  display: block;
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
}
.platenzaak-search-collection-media--initials { font-size: 1rem; font-weight: 700; line-height: 1; }
.platenzaak-search-collection-media--palette-0 { background: #f6ddd5; color: #702309; }
.platenzaak-search-collection-media--palette-1 { background: #d9ede8; color: #07574e; }
.platenzaak-search-collection-media--palette-2 { background: #e4eaf5; color: #223e6b; }
.platenzaak-search-collection-media--palette-3 { background: #eee3f1; color: #59335f; }
.platenzaak-search-collection-media--palette-4 { background: #f1e9d5; color: #574414; }
.predictive-search__suggestions .predictive-search__results-list {
  gap: 0;
  padding-block: 0;
}
.predictive-search__suggestions .predictive-search__item-suggestion { margin: 0; }
.predictive-search__products .predictive-search__results-list {
  gap: 0;
  padding-block: 0;
}
.platenzaak-predictive-product + .platenzaak-predictive-product {
  border-block-start: 1px solid color-mix(in srgb, var(--color-content-heading) 15%, transparent);
}
.platenzaak-predictive-product .platenzaak-product-card--search {
  margin: 0;
}
.predictive-search__suggestions:not(:has(a)) { display: none; }
.predictive-search__results:not(:has(.predictive-search__suggestions a)) .predictive-search__products {
  grid-column: 1 / -1;
}
.predictive-search__results-header {
  border-block-end: 0;
  padding-block: 0 var(--platenzaak-search-content-gap);
}
:is([data-search-start] h2, .platenzaak-search-history__heading h2, .predictive-search__results-header) {
  margin: 0;
  font-size: var(--platenzaak-type-content-title-size);
  font-weight: var(--platenzaak-type-content-title-weight);
  line-height: var(--platenzaak-type-content-title-line);
  color: var(--color-content-heading);
}
.predictive-search__results { row-gap: var(--platenzaak-search-section-gap); }
.predictive-search__suggestions {
  display: grid;
  align-content: start;
  gap: var(--platenzaak-search-section-gap);
}
.predictive-search__products { align-self: start; }
.platenzaak-search-section {
  display: grid;
  align-content: start;
  gap: 0;
  min-width: 0;
}
.platenzaak-search-section > .predictive-search__results-list {
  margin: 0;
  padding-block: 0;
}
.predictive-search__suggestions a {
  border-radius: var(--platenzaak-control-radius);
  transition: var(--platenzaak-control-transition);
}
.predictive-search__suggestions a:hover {
  background: color-mix(in srgb, var(--color-content-heading) 5%, transparent);
}
.predictive-search__footer {
  position: static;
  background: var(--color-background, #fff);
}
.predictive-search__footer-result { min-height: var(--platenzaak-control-height); }
[data-predictive-close] {
  flex: 0 0 var(--platenzaak-control-height);
  min-height: var(--platenzaak-control-height);
  display: grid;
  place-items: center;
}
[data-predictive-close] svg { width: 20px; height: 20px; }
dialog [data-predictive-close] { display: none; }
@media (max-width: 47.99rem) {
  .predictive-search__results-header { padding-block: 0 var(--platenzaak-space-control-gap); }
}

.platenzaak-search-card__details {
  display: flex;
  align-items: center;
  min-width: 0;
  gap: var(--platenzaak-space-control-gap);
}
.platenzaak-search-card__details .platenzaak-search-card__edition {
  flex: 1 1 auto;
}


}

/* Shared by the header popup and inline search: long album names must not
   push the start of the submit label or its arrow outside the control. */
platenzaak-predictive-search .predictive-search__footer-result {
  flex: 1 1 0;
  min-inline-size: 0;
  gap: var(--platenzaak-space-control-gap, .5rem);
}
platenzaak-predictive-search .platenzaak-search-footer-label {
  min-inline-size: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
platenzaak-predictive-search .predictive-search__footer-icon-arrow {
  flex: none;
}

/* Search status labels live in the eagerly loaded popup stylesheet: predictive
   section responses cannot rely on snippet CSS being present in the host page. */
.platenzaak-search-card__content .platenzaak-search-card__details {
    flex-wrap: wrap;
    align-items: baseline;
    column-gap: var(--platenzaak-space-control-gap, .5rem);
    row-gap: var(--platenzaak-space-title-support, .25rem);
  }
  .platenzaak-search-card__content .platenzaak-search-card__details .platenzaak-search-card__edition { flex: 0 1 auto; }
  .platenzaak-search-card__link.platenzaak-search-card__link--status {
    grid-template-columns: var(--platenzaak-search-card-media-size) minmax(0, 1fr) auto;
  }
  .platenzaak-search-card__link .platenzaak-search-card__promotion {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    align-self: center;
    justify-self: end;
    gap: var(--platenzaak-space-badge-gap);
    inline-size: auto;
    min-block-size: 1.5rem;
    block-size: auto;
    padding: var(--platenzaak-badge-padding-block, .2rem) var(--platenzaak-badge-padding-inline, .4rem) !important;
    border-radius: var(--platenzaak-badge-radius, .25rem);
    white-space: nowrap;
  }
  @media (max-width: 47.99rem) {
    .platenzaak-search-card__link.platenzaak-search-card__link--status {
      grid-template-columns: var(--platenzaak-search-card-media-size) minmax(0, 1fr);
      row-gap: var(--platenzaak-space-control-gap);
    }
    .platenzaak-search-card__link--status .platenzaak-search-card__media { grid-column: 1; grid-row: 1 / span 2; align-self: start; }
    .platenzaak-search-card__link--status .platenzaak-search-card__content { grid-column: 2; grid-row: 1; }
    .platenzaak-search-card__link.platenzaak-search-card__link--status .platenzaak-search-card__promotion { grid-column: 2; grid-row: 2; justify-self: start; align-self: start; }
  }

/* Campaigns share the quiet navigation rhythm of the search popup. */
.platenzaak-search-actions .predictive-search__results-list {
  gap: 0;
  margin: 0;
  padding: 0;
}
.platenzaak-search-actions .platenzaak-search-action {
  display: flex;
  align-items: center;
  gap: var(--platenzaak-space-control-gap);
  min-block-size: var(--platenzaak-control-height);
  padding: var(--platenzaak-space-control-gap);
  color: inherit;
  text-decoration: none;
  border-radius: var(--platenzaak-control-radius);
  transition: var(--platenzaak-control-transition);
}
.platenzaak-search-action__media {
  color: var(--platenzaak-brand-dark, #861e06);
}
.platenzaak-search-action__title {
  flex: 1;
  min-inline-size: 0;
  font-size: var(--platenzaak-type-label-size);
  font-weight: 400;
  line-height: 1.5;
  overflow-wrap: anywhere;
}
.platenzaak-search-actions .platenzaak-search-action:hover { background: var(--platenzaak-brand-tint, #f6e9e6); }
.platenzaak-search-actions .platenzaak-search-action:focus-visible { outline: var(--platenzaak-control-focus); outline-offset: -2px; }