/* =============================================================================
   08. SHARED PAGINATION
   ============================================================================= */
.dark-sc-pagination {
  display: flex; align-items: center; justify-content: center;
  gap: 24px; margin-top: 56px;
}

.dark-page-nav {
  color: #99907C; display: flex; align-items: center;
  transition: color .3s ease;
}
.dark-page-nav:hover { color: #F2CA50; }
.dark-page-nav .material-symbols-outlined { font-size: 20px; }

.dark-page-numbers {
  display: flex; align-items: center; gap: 20px;
  font-family: 'Noto Serif', serif; font-size: .8rem; letter-spacing: .15em;
}

.dark-page-num {
  color: #99907C; transition: color .3s ease; text-decoration: none;
}
.dark-page-num:hover { color: #F2CA50; }
.dark-page-num.is-current {
  color: #F2CA50;
  border-bottom: 1px solid #F2CA50;
  padding-bottom: 2px;
}

.dark-page-ellipsis { color: #99907C; }

/* =============================================================================
   09. RESPONSIVE ADJUSTMENTS
   ============================================================================= */
@media (max-width: 1023px) {
  .dark-shop-sc--with-sidebar { flex-direction: column !important; }
  .dark-shop-sc__sidebar { width: 100% !important; }
  .dark-fp__inner { padding: 0 var(--px-md, 32px); }
}

@media (max-width: 767px) {
  .dark-featured-products { padding: 48px 0; }
  .dark-fp__inner { padding: 0 var(--px-sm, 20px); }
  .dark-fp__header { flex-direction: column; align-items: flex-start; gap: 16px; }
}