/* Contact hero: two direct routes to the locksmith, one clear reading order. */
.contact-hero{background:#222;color:#fff;padding:27px 0 0;overflow:hidden}
.contact-hero-breadcrumb{display:flex;align-items:center;gap:12px;font-size:12px;color:#bcbcb6}
.contact-hero-breadcrumb a{color:#e5e5df;text-decoration:none}
.contact-hero-breadcrumb a:hover{text-decoration:underline;text-underline-offset:4px}
.contact-hero-grid{display:grid;grid-template-columns:1fr;gap:27px;padding:43px 0 43px}
.contact-hero-copy,.contact-hero-channels{min-width:0}
.contact-hero-eyebrow{display:flex;align-items:center;gap:12px;color:#d5d5cd;font-size:10px;letter-spacing:1.5px;font-weight:800;margin:0 0 22px}
.contact-key-mark{display:grid;place-items:center;flex-shrink:0;width:38px;height:38px;border:1px solid #645729;border-radius:11px;color:#ffc400;background:#302d23}
.contact-key-mark .icon{animation:contact-key-turn 1.7s .25s both}
.contact-hero-copy h1{font-family:Outfit,Arial,sans-serif;font-weight:600;font-size:clamp(40px,4.3vw,62px);line-height:1.06;letter-spacing:-.035em;margin:0 0 23px}
.contact-hero-copy h1 span{display:inline-block;color:#ffc400;margin-top:8px}
.contact-hero-lead{font-size:16px;line-height:1.8;max-width:580px;color:#c9c9c1;margin:0}
.contact-hero-channels{display:flex;flex-wrap:wrap;gap:14px}
.contact-hero-call,.contact-hero-whatsapp{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:60px;padding:15px 23px;border-radius:11px;text-decoration:none;font-family:Outfit,Arial,sans-serif;font-size:20px;font-weight:500;line-height:1.3;transition:background .2s,transform .2s}
.contact-hero-call{background:#ffc400;border:2px solid #ffc400;color:#222}
.contact-hero-call strong{font-weight:600;white-space:nowrap}
.contact-hero-call:hover{background:#ffd02e;border-color:#ffd02e;transform:translateY(-1px)}
.contact-hero-whatsapp{border:2px solid #70e59a;color:#70e59a;background:transparent}
.contact-hero-whatsapp:hover{background:#70e59a12}
.contact-hero-preparation{display:flex;align-items:center;gap:35px;border-top:1px solid #ffffff20;padding:22px 0 25px;color:#c9c9c1}
.contact-hero-preparation p{font-size:12px;line-height:1.7;margin:0}
.contact-hero-preparation ul{display:flex;flex-wrap:wrap;gap:30px;list-style:none;margin:0;padding:0}
.contact-hero-preparation li{display:flex;align-items:center;gap:9px;font-size:12px;line-height:1.6}
.ac-page .contact-hero-preparation .icon{color:#ffc400;width:18px;height:18px}
.ac-contact-page .ac-contact-layout{padding-top:66px}
.ac-page .contact-hero a:focus-visible{outline:3px solid #fff;outline-offset:6px}
@keyframes contact-key-turn{0%{transform:rotate(-28deg)}45%{transform:rotate(20deg)}72%{transform:rotate(-5deg)}100%{transform:rotate(0)}}
@media(max-width:780px){.contact-hero{padding-top:23px}.contact-hero-grid{gap:24px;padding:31px 0}.contact-hero-copy h1{font-size:clamp(36px,7vw,52px);margin-bottom:17px}.contact-hero-eyebrow{font-size:9px;letter-spacing:1px;margin-bottom:20px}.contact-key-mark{width:33px;height:33px;border-radius:9px}.contact-hero-lead{font-size:14px}.contact-hero-preparation{align-items:flex-start;flex-direction:column;gap:13px;padding:21px 0 23px}.contact-hero-preparation ul{gap:12px 19px}.contact-hero-preparation li{font-size:11px}.ac-contact-page .ac-contact-layout{padding-top:37px}}
@media(max-width:480px){.contact-hero-channels{display:grid;grid-template-columns:1fr;gap:12px}.contact-hero-call,.contact-hero-whatsapp{min-height:56px;padding:14px 16px;font-size:18px}.contact-hero-call>span{display:flex;gap:5px;align-items:center}.contact-hero-eyebrow{font-size:8px}}
@media(prefers-reduced-motion:reduce){.contact-key-mark .icon{animation:none}.contact-hero-call,.contact-hero-whatsapp{transition:none}.contact-hero-call:hover{transform:none}}