/* Afspraak aan huis / showroom: dezelfde rustige kaarten en acties als Mijn zonwering. */
.kt-plan .p-page { padding-block: 28px 64px; }
.kt-plan .p-card {
  border-color: var(--v6-border);
  box-shadow: var(--v6-shadow-card);
}
.kt-plan .p-h1 {
  font-size: clamp(1.55rem, 3vw, 1.9rem);
  font-weight: 400;
  text-transform: uppercase;
}
.kt-plan :is(.p-option-title, .p-step-title) { font-weight: 500; }
.kt-plan .p-btn {
  min-height: 48px;
  font-family: var(--v6-font-body);
  font-size: .875rem;
  font-weight: 500;
  letter-spacing: .05em;
  text-transform: uppercase;
  box-shadow: none;
}
.kt-plan .p-btn:hover { background: var(--v6-accent-hover); box-shadow: none; }
.kt-plan .p-btn--ghost:hover { background: var(--v6-accent-soft); }
.kt-plan :is(.p-slot, .p-time-slot, .p-switch-btn) { min-height: 44px; }
.kt-plan :is(.p-btn, .p-slot, .p-time-slot, .p-date-chip, .p-switch-btn, .p-option):focus-visible {
  outline: 2px solid var(--v6-accent-ring);
  outline-offset: 3px;
}
.kt-plan .p-prefill { background: var(--v6-surface-alt); }
.kt-plan .p-step-num.is-done { background: var(--v6-success); }
.kt-plan .p-date-chip-count { color: var(--v6-on-success); }
.kt-plan .p-date-chip.is-selected .p-date-chip-count { color: var(--v6-surface); }
.kt-plan .p-selected {
  background: var(--v6-success-bg);
  color: var(--v6-on-success);
  border-color: var(--v6-success-bg);
}
.kt-plan .p-selected-icon { background: var(--v6-success); color: var(--v6-surface); }
.kt-plan .p-option:hover { box-shadow: var(--v6-shadow-card); }
@media (max-width: 480px) {
  .kt-plan .p-card { padding: 20px; }
  .kt-plan .p-page { padding-top: 20px; }
}
@media (prefers-reduced-motion: reduce) {
  .kt-plan :is(.p-btn, .p-slot, .p-time-slot, .p-date-chip, .p-option) {
    transition: none;
    transform: none;
  }
}