/* Shared finishing tokens; editorial layouts and approved colour treatments stay intact. */
:root{--eg-control-height:56px;--eg-control-radius:3px;--eg-content-width:1320px}
body.home .eg-home-page .wrap{width:min(var(--eg-content-width),calc(100% - 96px))}
body main :is(.eg-home-button,.eg-v-primary,.eg-v-inquiry-card .button,.eg-about-invitation .button,.services-cta-links .button,.eg-page-closing-button,.filter-actions .button,.eg-inventory-card .button,.eg-contact-submit button){display:inline-flex;align-items:center;justify-content:space-between;box-sizing:border-box;min-height:var(--eg-control-height);border-radius:var(--eg-control-radius);font-size:.82rem;line-height:1.4;padding-block:8px;transition:background-color .2s,color .2s,border-color .2s}
body main :is(.eg-home-button,.eg-v-primary,.eg-v-inquiry-card .button,.eg-about-invitation .button,.services-cta-links .button,.eg-page-closing-button,.filter-actions .button,.eg-inventory-card .button,.eg-contact-submit button)>[aria-hidden]{flex:none}
.site-header .nav-list .current-menu-item a{border-bottom:0}
.site-header .nav-list a[aria-current]::after{right:0}
.site-header .nav-list a:focus-visible::after{right:0}
.eg-contact-page .eg-field :is(input,select){height:var(--eg-control-height);min-height:var(--eg-control-height);box-sizing:border-box}
.eg-inventory-page .filter-actions .button{min-height:var(--eg-control-height);padding-block:8px;border-radius:var(--eg-control-radius);font-size:.82rem;line-height:1.4}
@media(max-width:1000px){body.home .eg-home-page .wrap{width:calc(100% - 48px)}.eg-inventory-page .vehicle-filters :is(input,select){font-size:16px}}
@media(max-width:720px){.has-js .site-header .menu-toggle{min-height:44px;min-width:64px}.has-js .site-header:has(#site-navigation.is-open){max-height:100vh;max-height:100dvh;overflow-y:auto;overscroll-behavior:contain}}
@media(prefers-reduced-motion:reduce){body main a,body main button{transition:none}}

/* Reuse the approved editorial menu where the full navigation cannot fit. */
@media(max-width:1120px){
  html.eg-menu-open,html.eg-menu-open body{overflow:hidden;overscroll-behavior:none}
  .has-js .site-header:has(#site-navigation.is-open){overflow:visible;max-height:none}
  .has-js .site-header #site-navigation.is-open{position:fixed;inset:0;z-index:1;box-sizing:border-box;display:flex;flex-direction:column;width:100%;height:100vh;height:100dvh;margin:0;padding:100px 28px 32px;padding-bottom:max(32px,env(safe-area-inset-bottom));background:#eee8df;color:#242926;border:0;overflow-y:auto;overscroll-behavior:contain}
  .has-js .site-header #site-navigation.is-open::before{content:'Edelmann Garage';display:block;padding-bottom:32px;font:400 .65rem/1.5 Arial,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:#6b6961}
  .has-js .site-header #site-navigation.is-open .nav-list{display:flex;flex-direction:column;align-items:stretch;gap:0;width:100%;margin:0;padding:0;border-top:1px solid #b8b2a780;counter-reset:eg-nav}
  .has-js .site-header #site-navigation.is-open .nav-list li{margin:0;padding:0;border-bottom:1px solid #b8b2a780;counter-increment:eg-nav}
  .has-js .site-header #site-navigation.is-open .nav-list a{display:flex;align-items:baseline;gap:16px;padding:22px 0;margin:0;color:#242926;font:400 clamp(1.6rem,7.4vw,2.65rem)/1.18 Georgia,serif;letter-spacing:-.035em;text-transform:none;border:0;text-shadow:none}
  .has-js .site-header #site-navigation.is-open .nav-list a::before{content:'0' counter(eg-nav);font:400 .58rem/1 Arial,sans-serif;letter-spacing:.1em;color:#827c71;flex:none}
  .has-js .site-header #site-navigation.is-open .nav-list a::after{display:none}
  .has-js .site-header #site-navigation.is-open .nav-list a[aria-current]{color:#786a53}
  .has-js .site-header #site-navigation.is-open .header-contact{display:flex;flex:none;align-items:center;justify-content:space-between;min-height:56px;width:100%;max-width:none;margin:40px 0 0;margin-top:auto;padding:22px 0 0;border:0;background:transparent;color:#242926;box-shadow:none;border-radius:0;font:.78rem/1.4 Arial,sans-serif;letter-spacing:.04em}
  .has-js .site-header .menu-toggle[aria-expanded=true]{position:fixed;top:20px;right:28px;z-index:2;display:flex;align-items:center;gap:14px;min-height:44px;padding:8px 0;background:transparent;border:0;color:#242926;font:.62rem/1.4 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}
  .has-js .site-header .menu-toggle[aria-expanded=true] .menu-lines{position:relative;display:block;width:22px;height:22px;border:0;background:none}
  .has-js .site-header .menu-toggle[aria-expanded=true] .menu-lines::before,.has-js .site-header .menu-toggle[aria-expanded=true] .menu-lines::after{content:'';position:absolute;inset:auto;top:10px;left:0;width:22px;height:1px;background:#242926;transform:rotate(45deg)}
  .has-js .site-header .menu-toggle[aria-expanded=true] .menu-lines::after{transform:rotate(-45deg)}
  .has-js .site-header #site-navigation.is-open a:focus-visible,.has-js .site-header .menu-toggle[aria-expanded=true]:focus-visible{outline:2px solid #786a53;outline-offset:5px}
  .admin-bar .site-header #site-navigation.is-open{top:46px;height:calc(100vh - 46px);height:calc(100dvh - 46px)}
  .admin-bar .site-header .menu-toggle[aria-expanded=true]{top:66px}
}
/* Tablet header only: preserve the existing logo dimensions and header spacing. */
@media(min-width:721px) and (max-width:1120px){
  .has-js .site-header #site-navigation:not(.is-open),.has-js .site-header .header-inner>.header-contact{display:none}
  .has-js .site-header .menu-toggle:not([aria-expanded=true]){display:flex;align-items:center;flex:none;gap:14px;min-height:44px;min-width:64px;margin-left:auto;padding:8px 0;border:0;background:transparent;color:#fff9ee;font-size:.68rem;letter-spacing:.06em}
}
@media(min-width:783px) and (max-width:1120px){
  .admin-bar .site-header #site-navigation.is-open{top:32px;height:calc(100vh - 32px);height:calc(100dvh - 32px)}
  .admin-bar .site-header .menu-toggle[aria-expanded=true]{top:52px}
}
/* The automatic films retain sound/timeline controls, without a resume area. */
@media(max-width:1024px){
  .film-controls:not([data-start-required=true]) [data-film-play],.services-player:not([data-start-required=true]) [data-services-play]{display:none}
}

/* Mobile/tablet films: no seconds or duration readout. */
@media(max-width:1024px){.film-controls .film-time,.services-player .services-time{display:none}}

/* Wider tablets only: reuse the approved mobile video controls, without changing layout. */
.eg-tablet-video .film-controls .film-time,.eg-tablet-video .services-player .services-time{display:none}
.eg-tablet-video .film-controls:not([data-start-required=true]) [data-film-play],.eg-tablet-video .services-player:not([data-start-required=true]) [data-services-play]{display:none}

/* Desktop video controls only; approved phone/tablet styles remain unchanged. */
.eg-desktop-video .film-controls .film-time,.eg-desktop-video .services-player .services-time{display:none}
.eg-desktop-video .film-controls:not([data-start-required=true]) [data-film-play],.eg-desktop-video .services-player:not([data-start-required=true]) [data-services-play]{display:none}