/* Roadside service, accessible city menu, detailed reviews and satellite maps. */
.location-dropdown{position:relative;align-self:center;border:0!important;margin:0!important;padding:0!important;flex:none}
.location-dropdown>summary{font:inherit!important;letter-spacing:inherit!important;display:flex;align-items:center;gap:7px;list-style:none;cursor:pointer;padding:12px 0;border:0!important;color:inherit}
.location-dropdown>summary::-webkit-details-marker{display:none}.location-chevron{font-size:15px;line-height:1;transition:transform .15s}.location-dropdown[open] .location-chevron{transform:rotate(180deg)}
.location-menu{position:absolute;top:100%;left:-22px;width:285px;background:var(--paper);color:var(--ink);border:1px solid var(--line);box-shadow:0 15px 40px #071b3430;z-index:100;padding:9px;border-radius:10px}
header nav .location-menu a{display:flex;align-items:center;gap:12px;padding:14px 12px!important;border-radius:6px;line-height:1.4;white-space:normal;text-decoration:none;border:0;margin:0}.location-menu a:hover,.location-menu a:focus-visible{background:var(--soft);color:var(--accent)}.location-menu a>span{display:flex;flex-direction:column;flex:1;gap:3px}.location-menu strong{font-size:13px}.location-menu small{font-size:10px;color:var(--muted)}.location-menu .icon{width:18px;height:18px;flex:none}.presentation-ds .location-menu{background:#17232c;border-radius:0}.presentation-ds .location-menu a{border-radius:0}
.roadside{display:grid;grid-template-columns:1.25fr 1fr;gap:65px;align-items:center;background:var(--dark);color:white;border-top:1px solid #ffffff20}.roadside h2{color:white}.roadside p{color:#d5e1eb;font-size:14px;line-height:1.85}.roadside .eyebrow{color:#8dc7ff}.roadside .text-link{color:#aed7ff}.roadside-faults{display:grid;grid-template-columns:1fr 1fr;gap:13px 22px;padding:0;margin:25px 0 30px;list-style:none;font-size:12px;color:#e3ecf4}.roadside-faults li{border-left:2px solid var(--accent);padding-left:13px}.roadside-contact{display:flex;flex-direction:column;gap:12px}.roadside-phone{display:grid;grid-template-columns:1fr auto;gap:5px 12px;background:#ffffff0d;border:1px solid #ffffff35;padding:18px 23px;border-radius:10px;text-decoration:none}.roadside-phone span{font-size:11px;color:#c6dbea;grid-column:1}.roadside-phone strong{font:700 28px Arial,sans-serif;letter-spacing:-.6px;grid-column:1;color:white}.roadside-phone>.icon{grid-column:2;grid-row:1/3;align-self:center;color:#91c9ff}.roadside-contact p{font-size:11px;margin:8px 0 0}.roadside-contact small{font-size:11px;color:#d8e9f6}.presentation-ds .roadside{background:#0c151d;border-top:3px solid #ff743b}.presentation-ds .roadside .eyebrow,.presentation-ds .roadside .text-link{color:#ff9464}.presentation-ds .roadside-phone{border-radius:0;border-color:#53616a}.presentation-ds .roadside-phone>.icon{color:#ff9464}.presentation-ds .roadside-phone strong{font-family:var(--heading);font-size:33px;letter-spacing:.2px}
.experience{display:grid;grid-template-columns:1fr 1.25fr;gap:65px;align-items:start;background:var(--soft)}.experience h2{font-size:clamp(32px,3.2vw,48px)}.experience p{font-size:14px;line-height:1.85;color:var(--muted);margin:0 0 20px}.equipment-tags{display:flex;flex-wrap:wrap;gap:9px}.equipment-tags span{font-size:10px;border:1px solid var(--line);border-radius:30px;padding:9px 14px;background:var(--paper);color:var(--ink)}.presentation-ds .experience{background:#202e39;border-bottom:1px solid #465663}.presentation-ds .equipment-tags span{border-radius:0;background:#14202a}.presentation-ds .experience h2{font-size:48px}
.detailed-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.detailed-review{display:flex;flex-direction:column;gap:0}.detailed-review .review-topic{font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--accent);margin:0 0 16px}.detailed-review blockquote{font-family:var(--body)!important;font-size:20px!important;line-height:1.65!important;min-height:0!important;margin:18px 0}.detailed-review .review-location{font-size:11px;margin:0 0 22px;color:var(--muted)}.detailed-review .review-author{margin-top:auto}.detailed-review .review-author a{font-size:11px}.detailed-review .review-stars .icon{width:16px;height:16px}.presentation-ds .detailed-review blockquote{font-size:20px!important}.presentation-ds .detailed-review .review-topic{color:#ff9464}
.location-maps{background:var(--soft)}.map-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.map-grid>article:last-child:nth-child(3){grid-column:1/-1}.map-grid h3{font-size:25px;margin:0 0 18px}.tagged-map{position:relative;filter:none!important;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:#dee7ee}.tagged-map iframe{display:block;width:100%;height:400px;border:0;filter:none}.tagged-map .map-business-card{position:absolute;top:16px;left:16px;right:16px;max-width:360px;background:white;color:#202124!important;padding:18px 48px 18px 19px;border-radius:3px;box-shadow:0 2px 10px #0003;display:flex;flex-direction:column;gap:7px;z-index:1;pointer-events:none}.map-business-card strong{font:500 14px Arial,sans-serif;letter-spacing:0!important;line-height:1.4;text-transform:none}.map-business-card>span{font:12px Arial,sans-serif;color:#5f6368;line-height:1.5}.map-business-card .map-rating{display:flex;align-items:center;gap:5px}.map-business-card a{pointer-events:auto;color:#1967d2}.map-business-card .map-rating .icon{width:15px;height:15px;color:#e37400}.map-business-card .map-open{position:absolute;right:14px;top:17px;padding:5px;background:#f0f5ff;border-radius:50%}.map-business-card .map-open .icon{width:21px;height:21px}.tagged-map .map-caption{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:16px 18px;background:var(--paper);color:var(--ink);font-size:11px}.map-caption a{display:flex;align-items:center;gap:7px;font-weight:600;color:var(--accent)}.map-caption .icon{width:15px;height:15px}.presentation-ds .tagged-map{border-radius:0;border-color:#596971}.presentation-ds .location-maps{background:#1b2934}.presentation-semi .coverage .map-panel{min-width:0}.hero-actions .button.primary{white-space:normal;text-align:center}.presentation-ds .header-call{font-size:11px}.presentation-semi .header-call{font-size:12px;padding:13px 19px}.presentation-semi header nav,.presentation-ds header nav{gap:19px}
@media(max-width:1050px) and (min-width:801px){header nav{gap:12px!important}.presentation-semi header,.presentation-ds header{gap:15px;padding-left:3vw;padding-right:3vw}.presentation-semi .brand>span{font-size:22px}.presentation-semi .header-call,.presentation-ds .header-call{font-size:10px;padding:12px}.presentation-ds .brand>span{font-size:26px}}
@media(max-width:800px){header nav .location-dropdown{width:100%;align-self:stretch}.location-dropdown>summary{width:100%;padding:14px 0!important;border-bottom:1px solid var(--line)!important;font-size:14px!important}.location-menu{position:static;top:auto;left:auto;width:100%;box-shadow:none;margin:8px 0 12px}.location-menu a{width:100%!important}.roadside,.experience{grid-template-columns:1fr;gap:28px}.roadside-faults{grid-template-columns:1fr;gap:12px}.roadside-phone{padding:17px 19px}.roadside-phone strong{font-size:26px}.presentation-ds .experience h2{font-size:39px}.detailed-grid{grid-template-columns:1fr}.detailed-review blockquote,.presentation-ds .detailed-review blockquote{font-size:18px!important}.map-grid{grid-template-columns:1fr;gap:30px}.map-grid>article:last-child:nth-child(3){grid-column:auto}.tagged-map iframe{height:380px}.tagged-map .map-business-card{left:12px;right:12px;top:12px;padding:15px 42px 15px 15px}.map-business-card strong{font-size:12px}.map-business-card>span{font-size:11px}.tagged-map .map-caption{font-size:10px;padding:15px 13px}.map-caption span{max-width:60%}.hero-actions .button{padding:14px 18px!important}.presentation-semi .mobile-call a,.presentation-ds .mobile-call a{font-size:12px}}
@media(prefers-reduced-motion:reduce){.location-chevron{transition:none}}
@media(max-width:800px){.presentation-semi .header-call,.presentation-ds .header-call{font-size:0;padding:0;flex:none;overflow:hidden}.presentation-semi .header-call .icon,.presentation-ds .header-call .icon{flex:none}.hero-actions{flex-wrap:wrap}}
.presentation-ds .tagged-map>.map-business-card{background:#fff;color:#202124}.presentation-ds .tagged-map>.map-business-card strong{color:#202124}.presentation-ds .tagged-map>.map-caption{background:var(--paper);color:var(--ink)}

/* Keep the bright Semi service steps readable, including without JavaScript. */
.presentation-semi .process{color:var(--ink)}
.presentation-semi .process h2,.presentation-semi .process h3{color:var(--ink)}
.presentation-semi .process p{color:var(--muted)}
.presentation-semi .process .eyebrow{color:var(--accent)}

/* Motion starts only when an element enters the viewport; content is visible by default. */
@media(prefers-reduced-motion:no-preference){
  @keyframes repair-enter{from{opacity:.18;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
  @keyframes repair-photo-enter{from{opacity:.35;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}
  @keyframes repair-step-line{from{transform:scaleX(0)}to{transform:scaleX(1)}}
  .motion-enter{animation:repair-enter .65s cubic-bezier(.22,.61,.36,1) var(--motion-delay,0ms) both}
  .hero-photo>img.motion-enter{animation-name:repair-photo-enter;animation-duration:1s}
  .presentation-semi .process-grid article{position:relative}
  .presentation-semi .process-grid article.motion-enter:before{content:"";position:absolute;left:0;right:0;top:-2px;height:2px;background:var(--accent);transform-origin:left;animation:repair-step-line .8s ease var(--motion-delay,0ms) both}
  .button,.header-call,.roadside-phone,.location-card,.review-card,.photo-button{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
  .button>.icon:last-child,.text-link>.icon,.location-menu a>.icon:last-child{transition:transform .22s ease}
  .photo-button img{transition:transform .45s cubic-bezier(.22,.61,.36,1)}
  .location-menu{animation:repair-enter .2s ease both}
  @media(hover:hover){
    .button:hover,.header-call:hover{transform:translateY(-2px);box-shadow:0 7px 20px #061b3420}
    .roadside-phone:hover{transform:translateY(-3px);border-color:var(--accent)}
    .location-card:hover,.review-card:hover{transform:translateY(-4px);box-shadow:0 12px 26px #061b3412}
    .button:hover>.icon:last-child,.text-link:hover>.icon,.location-menu a:hover>.icon:last-child{transform:translateX(4px)}
    .photo-button:hover img{transform:scale(1.025)}
  }
}
@media(prefers-reduced-motion:reduce){.motion-enter,.location-menu{animation:none!important;transform:none!important;opacity:1!important}}

/* Keep mobile navigation readable when the base brand palette wins the cascade. */
@media(max-width:800px){
  .presentation-ds header #site-nav{background:#17232c;color:#f4f2ec;border-color:#34414b}
  .presentation-semi header #site-nav{background:#fff;color:#122d48;border-color:#d9e3ec}
  header #site-nav.open{max-height:calc(100dvh - 180px);overflow-y:auto;overscroll-behavior:contain}
  .presentation-ds header #site-nav a,.presentation-ds header #site-nav summary{color:#f4f2ec;min-height:44px}
  .presentation-semi header #site-nav a,.presentation-semi header #site-nav summary{color:#122d48;min-height:44px}
  .presentation-ds header #site-nav a:hover,.presentation-ds header #site-nav a:focus-visible,.presentation-ds header #site-nav summary:hover{background:#263640;color:#fff}
  .presentation-semi header #site-nav a:hover,.presentation-semi header #site-nav a:focus-visible,.presentation-semi header #site-nav summary:hover{background:#edf4fb;color:#064a88}
}