/** Shopify CDN: Minification failed

Line 14:18 Unexpected "{"
Line 14:27 Expected ":"
Line 14:34 Unexpected "{"

**/
/* =========================================================
   RareTCG Search Page
   Owns search result page layout only.
   Product cards reuse the shared product-card styling. Search facets are owned by this section.
========================================================= */

#shopify-section-{{ section.id }} {
  --rtcg-collection-card-radius: 12px;
  --rtcg-collection-card-image-height: 268px;
  --rtcg-collection-product-image-scale: 1.06;
  --rtcg-product-image-x: 0px;
  --rtcg-product-image-y: 6px;
  --rtcg-card-button-width: 92%;
  --rtcg-card-button-height: 56px;
  --rtcg-collection-card-min-height: 520px;
  --rtcg-collection-card-content-height: 208px;
  --rtcg-filter-control-width: 142px;
  --rtcg-sort-control-width: 148px;
}

.rtcg-search-page {
  --rtcg-search-max: 1320px;
  --rtcg-search-gold: #f0d27a;
  --rtcg-search-muted: rgba(255, 255, 255, .62);
  --rtcg-facet-gold: var(--rtcg-gold-2, #f0d27a);
  --rtcg-facet-border: rgba(216, 183, 90, .24);
  --rtcg-facet-border-strong: rgba(216, 183, 90, .38);
  --rtcg-facet-muted: rgba(255, 255, 255, .58);

  position: relative;
  color: rgba(255, 255, 255, .94);
  background:
    radial-gradient(circle at 50% 0%, rgba(216, 183, 90, .06), transparent 360px),
    linear-gradient(180deg, #030303 0%, #000 420px, #000 100%);
}

.rtcg-search-page .template-search__header {
  max-width: var(--rtcg-search-max);
  margin: 0 auto 28px;
  padding-left: 30px;
  padding-right: 30px;
  text-align: center;
}

.rtcg-search-page .template-search__header h1 {
  position: relative;
  margin: 22px auto 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  color: #fff;
  font-size: clamp(22px, 2vw, 32px);
  font-weight: 950;
  line-height: 1;
  letter-spacing: .18em;
  text-transform: uppercase;
  text-shadow: 0 0 14px rgba(216, 183, 90, .16);
}

.rtcg-search-page .template-search__header h1::before,
.rtcg-search-page .template-search__header h1::after {
  content: "◆";
  color: var(--rtcg-search-gold);
  font-size: 7px;
  text-shadow: 0 0 8px rgba(216, 183, 90, .58);
}

.rtcg-search-page .template-search__header p[role="status"] {
  width: fit-content;
  margin: 18px auto 0;
  padding: 9px 14px;
  border: 1px solid rgba(216, 183, 90, .22);
  border-radius: 999px;
  color: rgba(255, 255, 255, .72);
  background: rgba(216, 183, 90, .055);
  font-size: 12px;
  font-weight: 750;
  letter-spacing: .04em;
}

.rtcg-search-page .product-grid-container {
  width: min(calc(100% - 60px), var(--rtcg-search-max)) !important;
  max-width: var(--rtcg-search-max) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

.rtcg-full-search-collections {
  width: min(calc(100% - 60px), var(--rtcg-search-max));
  margin: 0 auto 28px;
  padding: 18px;
  border: 1px solid rgba(216, 183, 90, .22);
  border-radius: 12px;
  background: rgba(216, 183, 90, .045);
}

.rtcg-full-search-collections[hidden] { display: none; }
.rtcg-full-search-collections h2 { margin: 0 0 12px; color: var(--rtcg-search-gold); font-size: 14px; letter-spacing: .12em; text-transform: uppercase; }
.rtcg-full-search-collections ul { display: flex; margin: 0; padding: 0; flex-wrap: wrap; gap: 8px; list-style: none; }
.rtcg-full-search-collections a { display: inline-flex; min-height: 38px; padding: 9px 13px; align-items: center; border: 1px solid rgba(216, 183, 90, .22); border-radius: 999px; color: inherit; text-decoration: none; }
.rtcg-full-search-collections a:hover, .rtcg-full-search-collections a:focus-visible { border-color: rgba(216, 183, 90, .58); color: var(--rtcg-search-gold); }

/* The result grid and toolbar intentionally share one desktop rail.
   Dawn's nested .page-width would otherwise add a second gutter and
   make the cards look narrower than the filters above them. */
.rtcg-search-page .product-grid-container .template-search__results.page-width {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.rtcg-search-page .facets-wrapper {
  width: 100% !important;
  max-width: var(--rtcg-search-max) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 28px;
  box-sizing: border-box;
}

.rtcg-search-page .facets-wrapper:not(.rtcg-collection-toolbar) {
  padding-left: 30px;
  padding-right: 30px;
}

/* Keep search filters inside the same max-width policy as the rest of RareTCG.
   component-facets.css gives .rtcg-collection-toolbar width:100% !important,
   so this section-level rule must be important and search-scoped. */
.rtcg-search-page .facets-wrapper.rtcg-collection-toolbar {
  width: min(calc(100% - 60px), var(--rtcg-search-max)) !important;
  max-width: var(--rtcg-search-max) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

.rtcg-search-page .facets-wrapper.rtcg-collection-toolbar .facets-container {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.rtcg-search-page .facets__heading,
.rtcg-search-page .facet-filters__label,
.rtcg-search-page .product-count__text {
  color: rgba(255, 255, 255, .66) !important;
}

.rtcg-search-page .template-search__results {
  padding-top: 0;
}

.rtcg-search-page .product-grid {
  margin-top: 0;
}

.rtcg-search-page .grid__item {
  color: rgba(255, 255, 255, .94);
}

.rtcg-search-page.template-search--empty {
  padding-bottom: 120px;
}

.rtcg-search-page .title-wrapper.center {
  padding: 42px 24px;
  border: 1px solid rgba(216, 183, 90, .24);
  border-radius: 12px;
  background:
    radial-gradient(circle at 50% 0%, rgba(216, 183, 90, .08), transparent 35%),
    linear-gradient(180deg, rgba(13, 13, 13, .98), rgba(2, 2, 2, .98));
}

.rtcg-search-page .title-wrapper.center .title {
  color: #fff;
  font-weight: 900;
  letter-spacing: .08em;
}

.rtcg-search-page .underlined-link {
  color: var(--rtcg-search-gold);
}

.rtcg-search-page .product-grid-container .product-grid {
  justify-content: flex-start;
}

.rtcg-search-page .product-grid-container .grid__item {
  max-width: var(--rtcg-collection-card-width, 300px);
}

@media screen and (max-width: 989px) {
  .rtcg-search-page .template-search__header {
    padding-left: 14px;
    padding-right: 14px;
  }

  .rtcg-search-page .product-grid-container {
    width: min(calc(100% - 28px), var(--rtcg-search-max)) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .rtcg-search-page .facets-wrapper:not(.rtcg-collection-toolbar) {
    padding-left: 14px;
    padding-right: 14px;
  }

  .rtcg-search-page .facets-wrapper.rtcg-collection-toolbar {
    width: min(calc(100% - 28px), var(--rtcg-search-max)) !important;
    max-width: var(--rtcg-search-max) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .rtcg-search-page .template-search__header {
    margin-bottom: 24px;
  }
}

@media screen and (max-width: 749px) {
  .rtcg-full-search-collections {
    width: min(calc(100% - 28px), var(--rtcg-search-max));
    margin-bottom: 14px;
    padding: 10px 12px;
  }

  .rtcg-full-search-collections h2 {
    margin-bottom: 7px;
    font-size: 11px;
  }

  .rtcg-full-search-collections ul {
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scrollbar-width: thin;
  }

  .rtcg-full-search-collections li {
    flex: 0 0 auto;
  }

  .rtcg-full-search-collections a {
    min-height: 34px;
    padding: 7px 11px;
    white-space: nowrap;
  }

  .rtcg-search-page .template-search__header h1 {
    margin-top: 12px;
    font-size: 18px;
    letter-spacing: .13em;
    gap: 12px;
  }

  .rtcg-search-page .facets-wrapper.rtcg-collection-toolbar {
    margin-bottom: 26px !important;
  }

  .rtcg-search-page .facets-wrapper.rtcg-collection-toolbar .facets-container {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .rtcg-search-page .product-grid-container .grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }

  .rtcg-search-page .product-grid-container .grid__item {
    width: 100% !important;
    max-width: none !important;
  }

}