.category-showcase-page {
  position: relative;
  padding: 24px 0 56px;
  background:
    radial-gradient(circle at top right, rgba(182, 145, 88, 0.12), transparent 18%),
    radial-gradient(circle at left 22%, rgba(23, 76, 60, 0.08), transparent 20%),
    linear-gradient(180deg, #f8f3ea 0%, #fffdf9 22%, #f6efe3 100%);
}

.category-showcase-page::before,
.category-showcase-page::after {
  content: '';
  position: absolute;
  pointer-events: none;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 0;
}

.category-showcase-page::before {
  top: 120px;
  inset-inline-start: -160px;
  width: 420px;
  height: 420px;
  opacity: 0.22;
  background-image: url('../images/home-art/heritage-lattice-soft.svg');
}

.category-showcase-page::after {
  top: 40px;
  inset-inline-end: -180px;
  width: 520px;
  height: 520px;
  opacity: 0.28;
  background-image: url('../images/home-art/heritage-orbit-glow.svg');
}

.category-showcase-page > * {
  position: relative;
  z-index: 1;
}

.catalog-shell {
  width: min(1440px, calc(100% - 32px));
  margin-inline: auto;
}

.catalog-breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-bottom: 18px;
  color: #6d766d;
  font-size: 0.9rem;
}

.catalog-breadcrumbs a {
  color: #1d4a3a;
  text-decoration: none;
  font-weight: 700;
}

.catalog-breadcrumbs i {
  font-size: 0.74rem;
  color: rgba(23, 76, 60, 0.44);
}

.category-hero-block {
  margin-bottom: 20px;
}

.category-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.18fr) minmax(320px, 0.82fr);
  gap: 20px;
  align-items: stretch;
}

.category-hero-copy,
.category-hero-visual {
  border-radius: 34px;
  overflow: hidden;
}

.category-hero-copy {
  padding: 34px;
  border: 1px solid rgba(23, 76, 60, 0.08);
  background:
    radial-gradient(circle at top right, rgba(182, 145, 88, 0.14), transparent 24%),
    linear-gradient(145deg, rgba(255, 252, 247, 0.98), rgba(247, 240, 228, 0.96));
  box-shadow: 0 28px 64px rgba(17, 41, 32, 0.08);
}

.catalog-kicker {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 0 16px;
  border-radius: 999px;
  background: rgba(23, 76, 60, 0.08);
  color: #174c3c;
  font-size: 0.8rem;
  font-weight: 800;
  margin-bottom: 18px;
}

.category-hero-copy h1 {
  margin: 0;
  color: #13392e;
  font-family: 'El Messiri', 'Cairo', sans-serif;
  font-size: clamp(2rem, 4vw, 3.6rem);
  line-height: 1.08;
}

.category-hero-copy > p {
  margin: 16px 0 0;
  max-width: 58ch;
  color: #5d6a62;
  font-size: 1.02rem;
  line-height: 1.95;
}

.catalog-stat-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-top: 24px;
}

.catalog-stat-card {
  padding: 18px 16px;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.78);
  border: 1px solid rgba(23, 76, 60, 0.08);
  box-shadow: 0 14px 28px rgba(17, 41, 32, 0.05);
}

.catalog-stat-card strong {
  display: block;
  color: #174c3c;
  font-family: 'El Messiri', 'Cairo', sans-serif;
  font-size: 1.9rem;
  line-height: 1;
}

.catalog-stat-card span {
  display: block;
  margin-top: 6px;
  color: #183a2f;
  font-weight: 800;
  font-size: 0.92rem;
}

.catalog-stat-card small {
  display: block;
  margin-top: 6px;
  color: #6b766f;
  line-height: 1.6;
}

.catalog-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 20px;
}

.catalog-chip-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  padding: 0 16px;
  border-radius: 999px;
  background: rgba(255, 252, 247, 0.95);
  border: 1px solid rgba(23, 76, 60, 0.08);
  color: #174c3c;
  text-decoration: none;
  font-weight: 800;
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.catalog-chip-link span:last-child {
  color: #8c6a38;
  font-size: 0.82rem;
}

.catalog-chip-link:hover,
.catalog-chip-link:focus-visible {
  transform: translateY(-2px);
  box-shadow: 0 16px 30px rgba(17, 41, 32, 0.08);
}

.category-hero-visual {
  position: relative;
  min-height: 100%;
  background:
    linear-gradient(145deg, rgba(19, 57, 46, 0.92), rgba(24, 76, 61, 0.66)),
    linear-gradient(135deg, rgba(243, 232, 209, 0.95), rgba(231, 217, 186, 0.9));
  background-position: center;
  background-size: cover;
  box-shadow: 0 28px 64px rgba(17, 41, 32, 0.12);
}

.category-hero-visual::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    url('../images/home-art/heritage-lattice-soft.svg') no-repeat center center / 380px,
    linear-gradient(180deg, rgba(10, 28, 22, 0.14), rgba(10, 28, 22, 0.38));
  opacity: 0.82;
}

.category-hero-visual.is-abstract::after {
  content: '';
  position: absolute;
  inset-inline-start: 40px;
  bottom: 40px;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 244, 223, 0.26), transparent 68%);
  filter: blur(4px);
}

.hero-visual-overlay {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  min-height: 100%;
  padding: 30px;
}

.hero-price-callout {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  padding: 0 16px;
  border-radius: 999px;
  background: rgba(255, 244, 223, 0.94);
  color: #174c3c;
  font-weight: 900;
}

.hero-visual-copy {
  margin-top: auto;
  padding: 18px 20px;
  border-radius: 24px;
  background: rgba(12, 37, 29, 0.56);
  backdrop-filter: blur(14px);
  border: 1px solid rgba(255, 244, 223, 0.12);
}

.hero-visual-copy strong {
  display: block;
  color: #fff4df;
  font-family: 'El Messiri', 'Cairo', sans-serif;
  font-size: 1.3rem;
}

.hero-visual-copy p {
  margin: 8px 0 0;
  color: rgba(255, 244, 223, 0.78);
  line-height: 1.8;
}

.hero-benefit-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}

.hero-benefit-list span {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 14px;
  border-radius: 999px;
  background: rgba(255, 244, 223, 0.14);
  color: #fff4df;
  font-size: 0.82rem;
  font-weight: 800;
}

.catalog-spotlight-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-top: 18px;
}

.catalog-spotlight-card {
  position: relative;
  min-height: 260px;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
  border-radius: 28px;
  padding: 20px;
  text-decoration: none;
  background:
    linear-gradient(180deg, rgba(14, 40, 31, 0.08), rgba(14, 40, 31, 0.84)),
    linear-gradient(145deg, rgba(255, 250, 241, 0.96), rgba(240, 230, 208, 0.92));
  background-size: cover;
  background-position: center;
  border: 1px solid rgba(23, 76, 60, 0.08);
  box-shadow: 0 20px 48px rgba(17, 41, 32, 0.08);
  transition: transform 0.22s ease, box-shadow 0.22s ease;
}

.catalog-spotlight-card.is-abstract::before {
  content: '';
  position: absolute;
  inset: 0;
  background: url('../images/home-art/heritage-thread-lines.svg') no-repeat center center / 240px;
  opacity: 0.2;
}

.catalog-spotlight-card:hover,
.catalog-spotlight-card:focus-visible {
  transform: translateY(-4px);
  box-shadow: 0 28px 56px rgba(17, 41, 32, 0.14);
}

.spotlight-badge {
  position: absolute;
  top: 18px;
  inset-inline-start: 18px;
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 14px;
  border-radius: 999px;
  background: rgba(255, 244, 223, 0.92);
  color: #174c3c;
  font-size: 0.78rem;
  font-weight: 900;
}

.spotlight-copy {
  position: relative;
  z-index: 1;
}

.spotlight-copy h3 {
  margin: 0;
  color: #fff4df;
  font-family: 'El Messiri', 'Cairo', sans-serif;
  font-size: 1.6rem;
}

.spotlight-copy p {
  margin: 10px 0 0;
  color: rgba(255, 244, 223, 0.82);
  line-height: 1.8;
}

.spotlight-copy strong {
  display: inline-flex;
  align-items: center;
  margin-top: 14px;
  color: #fff4df;
  font-size: 1.12rem;
}

.catalog-toolbar-block {
  margin-bottom: 18px;
}

.catalog-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 22px 26px;
  border-radius: 28px;
  background: rgba(255, 252, 247, 0.9);
  border: 1px solid rgba(23, 76, 60, 0.08);
  box-shadow: 0 20px 40px rgba(17, 41, 32, 0.06);
}

.catalog-toolbar-copy strong {
  display: block;
  color: #14392f;
  font-size: 1.05rem;
}

.catalog-toolbar-copy span {
  display: block;
  margin-top: 6px;
  color: #657268;
}

.catalog-toolbar-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.catalog-filter-trigger {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 48px;
  padding: 0 18px;
  border-radius: 999px;
  border: 1px solid rgba(23, 76, 60, 0.1);
  background: #ffffff;
  color: #174c3c;
  font-weight: 800;
}

.catalog-sort-form {
  display: flex;
  align-items: center;
  gap: 10px;
}

.catalog-sort-form label {
  color: #5f6c63;
  font-weight: 700;
}

.catalog-sort-form .form-select {
  min-width: 210px;
  min-height: 46px;
  border-radius: 999px;
  border-color: rgba(23, 76, 60, 0.12);
  padding-inline: 16px 40px;
}

.catalog-active-filters {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-top: 14px;
}

.active-filter-chip {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 38px;
  padding: 0 14px;
  border-radius: 999px;
  background: rgba(23, 76, 60, 0.08);
  color: #174c3c;
  font-weight: 800;
}

.active-filter-chip a,
.active-filter-clear {
  color: #8c6a38;
  text-decoration: none;
  font-weight: 900;
}

.catalog-main-grid {
  display: grid;
  grid-template-columns: 320px minmax(0, 1fr);
  gap: 20px;
}

.catalog-sidebar {
  min-width: 0;
}

.catalog-sticky-panel {
  position: sticky;
  top: 24px;
}

.catalog-filter-stack {
  display: grid;
  gap: 16px;
}

.filter-panel-block {
  padding: 20px;
  border-radius: 26px;
  background: rgba(255, 252, 247, 0.92);
  border: 1px solid rgba(23, 76, 60, 0.08);
  box-shadow: 0 18px 36px rgba(17, 41, 32, 0.06);
}

.filter-panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}

.filter-panel-head h3 {
  margin: 0;
  color: #16362c;
  font-size: 1rem;
  font-weight: 900;
}

.filter-panel-head span {
  color: #8c6a38;
  font-size: 0.82rem;
  font-weight: 800;
}

.filter-link-list,
.brand-filter-list {
  display: grid;
  gap: 10px;
}

.filter-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 46px;
  padding: 0 14px;
  border-radius: 18px;
  background: rgba(23, 76, 60, 0.04);
  color: #174c3c;
  text-decoration: none;
  font-weight: 800;
  transition: transform 0.18s ease, background 0.18s ease;
}

.filter-link small {
  color: #8c6a38;
  font-size: 0.78rem;
}

.filter-link:hover,
.filter-link:focus-visible,
.filter-link.is-active {
  background: rgba(23, 76, 60, 0.1);
  transform: translateY(-1px);
}

.catalog-search-field {
  position: relative;
}

.catalog-search-field i {
  position: absolute;
  top: 50%;
  inset-inline-start: 16px;
  transform: translateY(-50%);
  color: #7f8a83;
}

.catalog-search-field input,
.catalog-price-grid input {
  width: 100%;
  min-height: 48px;
  border-radius: 18px;
  border: 1px solid rgba(23, 76, 60, 0.12);
  background: #ffffff;
  padding: 0 16px;
  color: #173c31;
}

.catalog-search-field input {
  padding-inline: 46px 16px;
}

.catalog-price-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.catalog-price-grid label span {
  display: block;
  margin-bottom: 8px;
  color: #66736a;
  font-size: 0.82rem;
  font-weight: 800;
}

.catalog-toggle {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 16px;
  color: #174c3c;
  font-weight: 800;
}

.catalog-toggle input {
  width: 18px;
  height: 18px;
  accent-color: #174c3c;
}

.brand-filter-option {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 48px;
  padding: 0 14px;
  border-radius: 18px;
  background: rgba(23, 76, 60, 0.04);
  color: #174c3c;
  cursor: pointer;
  transition: background 0.18s ease, transform 0.18s ease;
}

.brand-filter-option input {
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
}

.brand-filter-option small {
  color: #8c6a38;
  font-size: 0.78rem;
  font-weight: 800;
}

.brand-filter-option:hover,
.brand-filter-option.is-active {
  background: rgba(23, 76, 60, 0.1);
  transform: translateY(-1px);
}

.catalog-filter-actions {
  display: grid;
  gap: 10px;
}

.catalog-apply-btn,
.catalog-reset-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  border-radius: 18px;
  font-weight: 900;
  text-decoration: none;
}

.catalog-apply-btn {
  border: 0;
  background: linear-gradient(135deg, #174c3c, #23624f);
  color: #fff4df;
}

.catalog-reset-btn {
  border: 1px solid rgba(23, 76, 60, 0.12);
  background: rgba(255, 255, 255, 0.82);
  color: #174c3c;
}

.catalog-results-panel {
  min-width: 0;
}

.catalog-results-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.catalog-pagination {
  margin-top: 22px;
  padding: 18px 20px;
  border-radius: 24px;
  background: rgba(255, 252, 247, 0.92);
  border: 1px solid rgba(23, 76, 60, 0.08);
  box-shadow: 0 18px 36px rgba(17, 41, 32, 0.06);
}

.catalog-pagination-summary {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
  color: #14392f;
  font-weight: 900;
  margin-bottom: 14px;
}

.catalog-pagination-summary span {
  color: #6a766e;
  font-size: 0.88rem;
  font-weight: 800;
}

.catalog-pagination-links {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.catalog-page-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 42px;
  min-height: 42px;
  padding: 0 14px;
  border-radius: 14px;
  background: #ffffff;
  border: 1px solid rgba(23, 76, 60, 0.1);
  color: #174c3c;
  text-decoration: none;
  font-weight: 900;
  transition: background 0.18s ease, color 0.18s ease, transform 0.18s ease;
}

.catalog-page-link:hover,
.catalog-page-link:focus-visible,
.catalog-page-link.is-current {
  background: #174c3c;
  color: #fff4df;
  transform: translateY(-1px);
}

.catalog-page-link.is-edge {
  min-width: 104px;
}

.catalog-page-link.is-disabled,
.catalog-page-link.is-ellipsis {
  background: rgba(23, 76, 60, 0.04);
  color: #89948d;
  transform: none;
}

.catalog-empty-state {
  padding: 44px 30px;
  border-radius: 30px;
  background: rgba(255, 252, 247, 0.92);
  border: 1px solid rgba(23, 76, 60, 0.08);
  text-align: center;
  box-shadow: 0 18px 36px rgba(17, 41, 32, 0.06);
}

.catalog-empty-state i {
  color: #b69158;
  margin-bottom: 14px;
}

.catalog-empty-state h3 {
  margin: 0;
  color: #14392f;
  font-family: 'El Messiri', 'Cairo', sans-serif;
  font-size: 1.8rem;
}

.catalog-empty-state p {
  margin: 12px auto 0;
  max-width: 46ch;
  color: #68746c;
  line-height: 1.9;
}

.catalog-empty-actions {
  display: inline-flex;
  gap: 10px;
  margin-top: 18px;
  flex-wrap: wrap;
}

.catalog-empty-actions a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 0 18px;
  border-radius: 999px;
  text-decoration: none;
  font-weight: 900;
}

.catalog-empty-actions a:first-child {
  background: linear-gradient(135deg, #174c3c, #23624f);
  color: #fff4df;
}

.catalog-empty-actions a:last-child {
  border: 1px solid rgba(23, 76, 60, 0.12);
  color: #174c3c;
  background: #fff;
}

.catalog-filters-drawer .offcanvas-header,
.catalog-filters-drawer .offcanvas-body {
  background: linear-gradient(180deg, #f7f1e7 0%, #fffdf9 100%);
}

.catalog-filters-drawer .offcanvas-title {
  color: #14392f;
  font-family: 'El Messiri', 'Cairo', sans-serif;
  font-size: 1.4rem;
}

html[data-theme='dark'] .category-showcase-page {
  background:
    radial-gradient(circle at top right, rgba(182, 145, 88, 0.12), transparent 18%),
    linear-gradient(180deg, #0d1713 0%, #101d18 100%);
}

html[data-theme='dark'] .category-hero-copy,
html[data-theme='dark'] .catalog-toolbar,
html[data-theme='dark'] .filter-panel-block,
html[data-theme='dark'] .catalog-pagination,
html[data-theme='dark'] .catalog-empty-state {
  background: rgba(13, 26, 22, 0.94);
  border-color: rgba(183, 201, 191, 0.12);
  color: #eef6f0;
}

html[data-theme='dark'] .category-hero-copy h1,
html[data-theme='dark'] .catalog-toolbar-copy strong,
html[data-theme='dark'] .filter-panel-head h3,
html[data-theme='dark'] .catalog-empty-state h3 {
  color: #eef6f0;
}

html[data-theme='dark'] .category-hero-copy > p,
html[data-theme='dark'] .catalog-toolbar-copy span,
html[data-theme='dark'] .catalog-empty-state p {
  color: rgba(231, 239, 233, 0.76);
}

html[data-theme='dark'] .catalog-stat-card,
html[data-theme='dark'] .catalog-chip-link,
html[data-theme='dark'] .filter-link,
html[data-theme='dark'] .brand-filter-option,
html[data-theme='dark'] .catalog-search-field input,
html[data-theme='dark'] .catalog-price-grid input,
html[data-theme='dark'] .catalog-page-link,
html[data-theme='dark'] .catalog-reset-btn {
  background: rgba(18, 34, 29, 0.9);
  border-color: rgba(183, 201, 191, 0.12);
  color: #eef6f0;
}

/* Pottery catalog: compact rectangular cards with explicit quantity savings. */
.category-slug-pottery-ceramics .catalog-results-grid .product-tile {
  border-radius: 8px !important;
}

.category-slug-pottery-ceramics .catalog-results-grid .product-thumb {
  border-radius: 6px !important;
}

.category-slug-pottery-ceramics .product-actions.qty-actions {
  gap: 6px;
}

.category-slug-pottery-ceramics .product-actions.qty-actions .qty-btn {
  min-height: 88px;
  border-radius: 7px !important;
  padding: 7px 4px;
}

.category-showcase-page .catalog-results-grid .qty-btn,
.category-showcase-page .catalog-spotlight-grid .qty-btn {
  min-width: 0;
  overflow: hidden;
}

.category-showcase-page .catalog-results-grid .qty-discount,
.category-showcase-page .catalog-spotlight-grid .qty-discount {
  width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
}

.category-slug-pottery-ceramics .qty-btn.hot:not(.selected) {
  background: linear-gradient(180deg, #fffaf0, #f8f4e9);
  border-color: rgba(190, 132, 34, 0.46);
  color: #174c3c;
}

.category-slug-pottery-ceramics .qty-btn.hot:not(.selected) .qty-price {
  color: #0f6a4e;
}

.category-slug-pottery-ceramics .qty-btn.hot:not(.selected) .qty-old-price {
  color: #8b948f;
}

.category-slug-pottery-ceramics .qty-btn.hot:not(.selected) .qty-discount {
  background: rgba(201, 150, 53, 0.16);
  color: #77520d;
}

.category-slug-pottery-ceramics .qty-btn.selected .qty-price,
.category-slug-pottery-ceramics .qty-btn.selected .qty-old-price,
.category-slug-pottery-ceramics .qty-btn.selected .qty-discount {
  color: #ffffff;
}

html[data-theme='dark'] .category-slug-pottery-ceramics .qty-btn.hot:not(.selected) {
  background: linear-gradient(180deg, rgba(217, 154, 52, 0.18), rgba(255, 255, 255, 0.05));
  border-color: rgba(240, 207, 132, 0.4);
  color: #f7e3ad;
}

html[data-theme='dark'] .category-slug-pottery-ceramics .qty-btn.hot:not(.selected) .qty-price,
html[data-theme='dark'] .category-slug-pottery-ceramics .qty-btn.hot:not(.selected) .qty-discount {
  color: #f6d890;
}

html[data-theme='dark'] .category-showcase-page .qty-btn b,
html[data-theme='dark'] .category-showcase-page .qty-btn .qty-price {
  color: #f3f8f5;
}

html[data-theme='dark'] .category-showcase-page .qty-btn .qty-old-price {
  color: #bdc9c3;
}

html[data-theme='dark'] .category-showcase-page .qty-btn .qty-discount,
html[data-theme='dark'] .category-showcase-page .qty-btn .qty-shipping {
  color: #f3ddb0;
  background: rgba(255, 255, 255, 0.09);
}

html[data-theme='dark'] .category-showcase-page .qty-btn.selected b,
html[data-theme='dark'] .category-showcase-page .qty-btn.selected .qty-price,
html[data-theme='dark'] .category-showcase-page .qty-btn.selected .qty-old-price,
html[data-theme='dark'] .category-showcase-page .qty-btn.selected .qty-discount,
html[data-theme='dark'] .category-showcase-page .qty-btn.selected .qty-shipping {
  color: #ffffff;
}

@media (max-width: 1200px) {
  .category-hero-grid,
  .catalog-main-grid {
    grid-template-columns: 1fr;
  }

  .catalog-results-grid,
  .catalog-spotlight-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .catalog-sidebar {
    display: none;
  }
}

@media (max-width: 767px) {
  .catalog-shell {
    width: min(100% - 20px, 100%);
  }

  .category-showcase-page {
    padding-top: 18px;
  }

  .category-showcase-page::before,
  .category-showcase-page::after {
    opacity: 0.16;
  }

  .category-hero-copy,
  .hero-visual-overlay,
  .catalog-toolbar,
  .filter-panel-block,
  .catalog-empty-state {
    border-radius: 24px;
  }

  .category-hero-copy {
    padding: 24px 20px;
  }

  .catalog-stat-grid,
  .catalog-spotlight-grid,
  .catalog-results-grid {
    grid-template-columns: 1fr;
  }

  .catalog-toolbar,
  .catalog-toolbar-actions,
  .catalog-sort-form {
    flex-direction: column;
    align-items: stretch;
  }

  .catalog-sort-form .form-select,
  .catalog-filter-trigger {
    width: 100%;
  }

  .catalog-pagination {
    padding: 16px 12px;
    border-radius: 20px;
  }

  .catalog-page-link {
    min-width: 38px;
    min-height: 38px;
    padding: 0 10px;
  }

  .catalog-page-link.is-edge {
    min-width: 90px;
  }

  .category-hero-copy h1 {
    font-size: clamp(1.8rem, 9vw, 2.6rem);
  }

  .category-hero-copy > p {
    font-size: 0.95rem;
  }

  .catalog-price-grid {
    grid-template-columns: 1fr;
  }
}