.contact-hero {padding:140px clamp(20px, 6vw, 100px) 40px;background:radial-gradient(circle at 50% 100%, var(--navy-light) 0%, var(--navy) 70%);color:var(--white);text-align:center;} .contact-hero h1 {font-family:var(--font-head);font-weight:900;font-size:clamp(2rem, 4vw, 3.2rem);text-transform:uppercase;letter-spacing:-2px;} .contact-hero p {color:var(--muted);max-width:600px;margin:15px auto 0;font-size:1rem;} .contact-layout {max-width:1200px;margin:60px auto 100px;padding:0 20px;display:grid;grid-template-columns:1.2fr 1fr;gap:50px;} .contact-form-container {background:var(--white);padding:25px;border-radius:var(--radius-lg);border:1px solid var(--line);box-shadow:0 10px 30px rgba(0, 0, 0, 0.03);align-self:start;position:sticky;top:120px;} .contact-form-container h2 {font-family:var(--font-head);font-weight:800;font-size:1.3rem;text-transform:uppercase;color:var(--navy);margin-bottom:15px;border-bottom:2px solid var(--red);padding-bottom:8px;display:inline-block;} .form-group {margin-bottom:12px;display:flex;flex-direction:column;gap:5px;} .form-group label {font-family:var(--font-head);font-weight:700;font-size:11px;text-transform:uppercase;color:var(--navy);letter-spacing:0.5px;} .form-group input, .form-group select, .form-group textarea {height:42px;padding:0 15px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);font-size:13px;transition:var(--transition);} .form-group textarea {height:90px;padding:12px 15px;resize:vertical;} .form-group input:focus, .form-group select:focus, .form-group textarea:focus {border-color:var(--red);background:var(--white);box-shadow:0 0 0 3px rgba(227, 6, 19, 0.1);} .contact-success-toast {background:#25d366;color:var(--white);padding:15px;border-radius:var(--radius);font-family:var(--font-head);font-weight:700;font-size:13px;text-align:center;margin-bottom:20px;display:none;animation:fadeIn 0.4s ease;} @keyframes fadeIn {from {opacity:0;transform:translateY(-10px);} to {opacity:1;transform:translateY(0);}} .contact-info-container {display:flex;flex-direction:column;gap:35px;} .contact-quick-links {display:grid;grid-template-columns:1fr 1fr;gap:20px;} .info-card {background:var(--paper);padding:25px;border-radius:var(--radius-lg);border:1px solid var(--line);transition:var(--transition);} .info-card h3 {font-family:var(--font-head);font-weight:800;font-size:11px;text-transform:uppercase;color:var(--red);letter-spacing:1px;margin-bottom:10px;} .info-card p {font-size:14px;font-weight:700;color:var(--navy);} .info-card a {color:var(--navy-light);} .info-card a:hover {color:var(--red);} .dealer-section h2 {font-family:var(--font-head);font-weight:800;font-size:1.35rem;text-transform:uppercase;color:var(--navy);margin-bottom:20px;} .dealer-list {display:flex;flex-direction:column;gap:12px;} .dealer-item {background:var(--white);border:1px solid var(--line);padding:20px;border-radius:var(--radius);cursor:pointer;transition:var(--transition);display:flex;flex-direction:column;gap:5px;} .dealer-item:hover, .dealer-item.active {border-color:var(--red);box-shadow:0 5px 15px rgba(227, 6, 19, 0.05);} .dealer-item.active {background:rgba(227, 6, 19, 0.02);} .dealer-item h3 {font-family:var(--font-head);font-weight:800;font-size:0.95rem;text-transform:uppercase;color:var(--navy);display:flex;justify-content:space-between;align-items:center;} .dealer-item h3 span {font-size:10px;padding:3px 8px;border-radius:20px;background:var(--paper);color:var(--muted);font-weight:bold;} .dealer-item.active h3 span {background:var(--red);color:var(--white);} .dealer-item p {font-size:12px;color:var(--muted);line-height:1.5;} .dealer-item.main-hq {border:2px solid var(--red);box-shadow:0 10px 25px rgba(227, 6, 19, 0.1);position:relative;overflow:hidden;} .dealer-item.main-hq h3 {color:var(--red);} .dealer-item iframe {width:100%;border-radius:6px;margin-top:10px;border:1px solid var(--line);background:var(--paper);display:block;} .map-placeholder {height:250px;border-radius:var(--radius-lg);border:1px solid var(--line);overflow:hidden;position:relative;background:radial-gradient(circle, #e2e8f0 30%, #cbd5e1 100%);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 20px rgba(0, 0, 0, 0.05);} .map-placeholder svg {width:100%;height:100%;} .map-marker {position:absolute;font-size:28px;color:var(--red);animation:bounce 2s infinite;z-index:10;cursor:pointer;} @keyframes bounce {0%, 100% {transform:translateY(0);} 50% {transform:translateY(-10px);}} .map-info-bubble {position:absolute;bottom:20px;background:var(--navy);color:var(--white);padding:10px 15px;border-radius:var(--radius);font-family:var(--font-head);font-size:11px;font-weight:700;text-transform:uppercase;box-shadow:0 5px 15px rgba(0, 0, 0, 0.3);z-index:11;} @media (max-width:900px) {.contact-layout {grid-template-columns:1fr;gap:40px;} .contact-form-container {position:static;}} @media (max-width:500px) {.contact-quick-links {grid-template-columns:1fr;} .contact-form-container {padding:20px;}}