.skincare-hero { padding: var(--space-32) 0 var(--space-24); }
.skincare-hero__inner { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: var(--space-24); align-items: center; }
.skincare-hero__content p { max-width: 46rem; }
.skincare-hero__actions { display: flex; flex-wrap: wrap; gap: var(--space-8); margin-top: var(--space-8); margin-bottom: var(--space-8); }
.skincare-hero__image-wrapper { border-radius: 24px; overflow: hidden; box-shadow: var(--shadow-soft); background-color: var(--color-surface-muted); }
.skincare-hero__image { width: 100%; height: 100%; object-fit: cover; }
.skincare-hero__note { font-size: var(--font-size-sm); color: var(--color-text-muted); }

.skincare-breadcrumb ol { display: flex; flex-wrap: wrap; gap: var(--space-4); align-items: center; margin-bottom: var(--space-8); padding: 0; list-style: none; font-size: var(--font-size-xs); text-transform: uppercase; letter-spacing: 0.12em; color: var(--color-text-muted); }
.skincare-breadcrumb li::after { content: "/"; margin-left: var(--space-4); color: var(--gray-300); }
.skincare-breadcrumb li:last-child::after { content: ""; margin: 0; }
.skincare-breadcrumb a { color: var(--color-text-muted); }

.skincare-section { padding: var(--space-24) 0; }
.skincare-section__header { margin-bottom: var(--space-16); }
.skincare-section__header--center { text-align: center; max-width: 48rem; margin-left: auto; margin-right: auto; }

.skincare-featured__copy { height: 100%; display: flex; flex-direction: column; }
.skincare-featured__list { padding-left: 1.25rem; margin-top: var(--space-8); margin-bottom: 0; }
.skincare-featured__list li { margin-bottom: var(--space-4); }
.skincare-featured__footer { margin-top: auto; }

.grid-4-mobile-2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-16); }

.skincare-concern-card__bullets { padding-left: 1.25rem; margin-top: var(--space-6); margin-bottom: 0; }
.skincare-concern-card__bullets li { margin-bottom: var(--space-3); font-size: var(--font-size-sm); }

.skincare-link-secondary { font-size: var(--font-size-sm); text-transform: uppercase; letter-spacing: 0.12em; }

.skincare-closeup { align-items: center; gap: var(--space-24); }
.skincare-closeup__list { padding-left: 1.25rem; margin-top: var(--space-8); margin-bottom: 0; }
.skincare-closeup__list li { margin-bottom: var(--space-4); }

.skincare-routine__steps { list-style: none; padding: 0; margin: 0; display: grid; gap: var(--space-12); }
.skincare-routine__step h3 { margin-bottom: var(--space-4); }

.skincare-reviews__grid { gap: var(--space-16); }
.skincare-review p { margin-bottom: var(--space-6); }

.skincare-personalized__layout { gap: var(--space-24); align-items: flex-start; }
.skincare-personalized__list { padding-left: 1.25rem; margin-top: var(--space-8); margin-bottom: 0; }
.skincare-personalized__list li { margin-bottom: var(--space-4); }
.skincare-personalized__item { margin-bottom: var(--space-10); }

.skincare-ingredients__grid { gap: var(--space-16); }

.skincare-gifts__inner { gap: var(--space-24); align-items: center; }
.skincare-gifts__list { padding-left: 1.25rem; margin-top: var(--space-8); margin-bottom: 0; }
.skincare-gifts__list li { margin-bottom: var(--space-4); }

.skincare-support__inner { gap: var(--space-24); align-items: flex-start; }
.skincare-support__list { padding-left: 1.25rem; margin-top: var(--space-8); margin-bottom: 0; }
.skincare-support__list li { margin-bottom: var(--space-3); }
.skincare-support__chat-body { display: flex; flex-direction: column; gap: var(--space-6); }

.skincare-orders__inner { gap: var(--space-24); align-items: flex-start; }
.skincare-orders__list { padding-left: 1.25rem; margin-top: var(--space-8); margin-bottom: 0; }
.skincare-orders__list li { margin-bottom: var(--space-4); }
.skincare-orders__row { margin-bottom: var(--space-8); }

@media (max-width: 1024px) {
  .skincare-hero__inner { grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.9fr); }
}

@media (max-width: 768px) {
  .skincare-hero { padding-top: var(--space-24); }
  .skincare-hero__inner { grid-template-columns: minmax(0, 1fr); }
  .skincare-hero__image-wrapper { max-width: 420px; margin: 0 auto; }
  .grid-4-mobile-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 600px) {
  .grid-4-mobile-2 { grid-template-columns: minmax(0, 1fr); }
  .skincare-hero__actions { flex-direction: column; align-items: stretch; }
}