Fix contact form styles + narrow screen nav clipping

- Alias .form-group to .form-field in main.css so contact form inputs get full styling
- Hide header Get Estimate btn on <=480px (mobile drawer has CTA, prevents logo+btn+hamburger overflow)
- Tighten header-inner gap to space-4 on <=480px
- Drop redundant btn-sm padding override from 360px rule (btn now hidden at that width)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Concept Agent
2026-05-31 15:39:47 +02:00
parent 93a0837563
commit b94b66205f
2 changed files with 25 additions and 12 deletions
+7 -5
View File
@@ -1479,12 +1479,14 @@ details.faq-item p {
.header-logo-sub { display: none; }
}
/* Ultra-narrow phones (iPhone SE portrait, 320px) : tighten header */
/* Narrow phones: drop Get Estimate btn, hamburger + logo only */
@media (max-width: 480px) {
.header-cta .btn--sm { display: none; }
.header-inner { gap: var(--space-4); }
}
/* Ultra-narrow phones (320px) */
@media (max-width: 360px) {
.header-cta .btn--sm {
padding-inline: 0.75rem;
font-size: 0.75rem;
}
.header-logo img { height: 36px !important; }
.container { padding-inline: 0.875rem; }
}