/* Services page specific styles (reuse base.css utilities wherever possible) */
.services-hero img { object-fit: cover; }

/* Service cards lists */
.card ul { padding-left: 16px; }
.card ul li { list-style: disc; margin-left: 12px; }

/* Quote form steps */
.form-step { transition: opacity var(--transition-base), transform var(--transition-base); }
.form-step.hidden { opacity: 0; transform: translateY(4px); height: 0; overflow: hidden; }

/* Summary box styling */
#summary { background: var(--surface); border: 1px solid var(--gray-200); }
.mt-24 {width: 100%}
/* Chat panel minor adjustments */
#chat-panel .you { background: rgb(14 165 233 / 0.08); border-radius: var(--radius-md); padding: 8px 10px; margin: 6px 0; }
#chat-panel .bot { background: var(--gray-100); border-radius: var(--radius-md); padding: 8px 10px; margin: 6px 0; }

/* Dark CTA section tweaks */
.section--dark .btn--outline { --btn-text: #fff; --btn-border: #93c5fd; color: #fff; border-color: #93c5fd; }
.section--dark .btn--outline:hover { background: rgb(147 197 253 / 0.12); }

/* Breadcrumb spacing */
.breadcrumbs { margin-bottom: var(--space-16); }

/* Map frame radius fix on iOS */
.ratio-16x9 iframe { border: 0; border-radius: var(--radius-md); }
