/* ATLAS CATALOG THEME, IMAGE 2 -- ONLY THE #catalog SECTION */
.catalog-section {
  position: relative;
  isolation: isolate;
  color: #f7fbff;
  border-top: 1px solid rgba(53, 215, 255, .38);
  background-color: #07183c;
  background-image:
    linear-gradient(180deg,
      rgba(4, 14, 43, .23) 0%,
      rgba(5, 17, 50, .47) 30%,
      rgba(5, 18, 52, .78) 67%,
      rgba(5, 16, 45, .97) 100%),
    url('/static/atlas_catalog_bg_v2.webp');
  background-repeat: no-repeat;
  background-position: center top, center top;
  background-size: 100% 100%, 100% auto;
  padding-bottom: 90px;
}
.catalog-section::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  background:
     radial-gradient(ellipse 65% 33% at 8% 16%, rgba(24, 83, 183, .20), transparent 85%),
     linear-gradient(180deg, transparent 49%, rgba(4, 12, 40, .16) 100%);
}
.catalog-section > .container { position: relative; z-index: 1; }
.catalog-section .catalog-topline h2 {
  color: #fff;
  text-shadow: 0 3px 22px rgba(0, 0, 30, .72);
}
.catalog-section .section-kicker { color: #6eeaff; text-shadow: 0 1px 16px rgba(0, 40, 98, .85); }
.catalog-section .catalog-count,
.catalog-section .toggle-field,
.catalog-section .sort-field,
.catalog-section .catalog-footnote { color: #e0edff; text-shadow: 0 1px 12px rgba(0, 8, 36, .8); }
.catalog-section .search-field,
.catalog-section .sort-field select {
  background: rgba(255, 255, 255, .97);
  border: 1px solid rgba(174, 226, 255, .72);
  box-shadow: 0 6px 24px rgba(0, 17, 70, .24);
}
.catalog-section .search-field input { color: #162943; }
.catalog-section .product-card {
  background: rgba(255, 255, 255, .965);
  color: #202a30;
  border-color: rgba(203, 230, 255, .72);
  box-shadow: 0 18px 40px rgba(0, 8, 31, .38), inset 0 1px 0 rgba(255, 255, 255, .7);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.catalog-section .product-card:hover,
.catalog-section .product-card:focus-within {
  border-color: rgba(105, 230, 255, .95);
  box-shadow: 0 20px 46px rgba(0, 8, 38, .47), 0 0 0 1px rgba(86, 218, 255, .35);
}
.catalog-section .product-card h3 { color: #202a30; }
.catalog-section .empty-state {
  color: #fff;
  background: rgba(9, 25, 70, .72);
  border-color: rgba(123, 217, 255, .5);
}
.catalog-section .empty-state p { color: #d5e4ff; }
.catalog-section .notice { color: #203c4c; text-shadow: none; }
@media(max-width:780px) {
  .catalog-section {
    background-image:
      linear-gradient(180deg, rgba(3, 13, 42, .35) 0%, rgba(4, 16, 47, .81) 42%, rgba(5, 16, 43, .96) 85%),
      url('/static/atlas_catalog_bg_v2.webp');
    background-size: 100% 100%, auto 610px;
    background-position: center top, 62% top;
    padding-top: 43px;
    padding-bottom: 75px;
  }
  .catalog-section .product-card { background: rgba(255,255,255,.975); }
}
@media(prefers-reduced-transparency: reduce) {
  .catalog-section .product-card { background: white; backdrop-filter: none; }
}