.customization-hero { position: relative; padding-block: var(--space-20); overflow: hidden; }
.customization-hero__background { position: absolute; inset: 0; background-image: radial-gradient(circle at 10% 0, rgba(245, 193, 70, 0.2), transparent 55%), radial-gradient(circle at 90% 0, rgba(214, 40, 57, 0.35), transparent 60%); opacity: 0.9; }
.customization-hero__content { position: relative; display: grid; gap: var(--space-10); align-items: center; }
.customization-hero__grid { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: var(--space-10); align-items: center; }
.customization-hero__text p { max-width: 42rem; }
.customization-hero__actions { margin-top: var(--space-6); display: flex; flex-wrap: wrap; gap: var(--space-4); }
.customization-hero__image-wrapper { max-width: 460px; margin-left: auto; border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow-lg); border: 1px solid rgba(245, 193, 70, 0.45); background: var(--color-surface); }
.customization-hero__image { width: 100%; height: 100%; object-fit: cover; }

.customization-breadcrumb { margin-bottom: var(--space-6); font-size: var(--font-size-sm); color: var(--color-text-muted); }
.customization-breadcrumb__list { display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: center; list-style: none; }
.customization-breadcrumb__item { display: inline-flex; align-items: center; gap: 0.5rem; }
.customization-breadcrumb__item::after { content: "/"; opacity: 0.5; }
.customization-breadcrumb__item:last-child::after { content: none; }
.customization-breadcrumb__item--current span { color: var(--color-accent-gold); }

.customization-section { padding-block: var(--space-16); }
.customization-section__intro { max-width: 46rem; }
.customization-section__intro--center { text-align: center; margin-inline: auto; max-width: 50rem; }
.customization-section__intro--center p { margin-inline: auto; }

.customization-list { list-style: none; padding-left: 0; margin-bottom: var(--space-4); }
.customization-list li { position: relative; padding-left: 1.4rem; margin-bottom: 0.6rem; color: var(--color-text-muted); font-size: var(--font-size-sm); }
.customization-list li::before { content: "\2022"; position: absolute; left: 0; top: 0; color: var(--color-accent-gold); }

.customization-themes__grid { margin-top: var(--space-8); }
.customization-theme-card h3 { margin-bottom: var(--space-2); }

.customization-layout { background: radial-gradient(circle at top, rgba(214, 40, 57, 0.16), transparent 55%), var(--color-bg-elevated); }
.customization-layout__container { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: var(--space-10); align-items: center; }
.customization-layout__media { display: flex; justify-content: flex-end; }
.customization-layout__image-wrapper { max-width: 440px; border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow-md); border: 1px solid rgba(255, 255, 255, 0.16); }
.customization-layout__image { width: 100%; height: 100%; object-fit: cover; }
.customization-layout__cta { margin-top: var(--space-6); }

.customization-branding__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); gap: var(--space-10); align-items: center; margin-top: var(--space-8); }
.customization-branding__image-wrapper { max-width: 480px; border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow-md); border: 1px solid rgba(245, 193, 70, 0.4); }
.customization-branding__image { width: 100%; height: 100%; object-fit: cover; }
.customization-branding__card { height: 100%; }
.customization-branding__note { font-size: var(--font-size-sm); color: var(--color-text-muted); margin-top: var(--space-4); }

.customization-experience__grid { gap: var(--space-6); }
.customization-experience__item h2 { font-size: var(--font-size-xl); }

.customization-vip { background: linear-gradient(145deg, rgba(245, 193, 70, 0.1), transparent 55%); }
.customization-vip__container { max-width: 900px; margin-inline: auto; }
.customization-vip__content { position: relative; }
.customization-vip__cta { display: flex; flex-wrap: wrap; gap: var(--space-4); margin-top: var(--space-6); }

.customization-steps { list-style: none; counter-reset: step-counter; display: grid; gap: var(--space-4); margin: 0; padding: 0; }
.customization-steps__item { padding: var(--space-6); border-radius: var(--radius-lg); border: 1px solid var(--color-border-subtle); background: var(--color-surface-soft); box-shadow: var(--shadow-sm); }
.customization-steps__item h3 { font-size: var(--font-size-lg); margin-bottom: var(--space-2); }

.customization-process__container { max-width: 960px; margin-inline: auto; }
.customization-process__cta { margin-top: var(--space-8); text-align: center; display: flex; flex-direction: column; gap: var(--space-4); align-items: center; }
.customization-process__text { margin-bottom: 0; max-width: 36rem; }

.customization-cta-final { padding-bottom: var(--space-20); }
.customization-cta-final__container { max-width: 880px; margin-inline: auto; }
.customization-cta-final__actions { display: flex; flex-wrap: wrap; gap: var(--space-4); margin-top: var(--space-6); }

@media (max-width: 991px) {
  .customization-hero { padding-block: var(--space-16); }
  .customization-hero__grid { grid-template-columns: minmax(0, 1fr); }
  .customization-hero__media { order: -1; }
  .customization-hero__image-wrapper { margin-inline: auto; }
  .customization-layout__container { grid-template-columns: minmax(0, 1fr); }
  .customization-layout__media { justify-content: center; }
  .customization-branding__grid { grid-template-columns: minmax(0, 1fr); }
  .customization-branding__image-wrapper { margin-inline: auto; }
}

@media (max-width: 767px) {
  .customization-hero__actions, .customization-vip__cta, .customization-cta-final__actions { flex-direction: column; align-items: stretch; }
  .customization-section { padding-block: var(--space-12); }
  .customization-steps__item { padding: var(--space-4); }
}