/* Shared navigation and self-hosted language selection. */
.site-header{gap:24px}.site-header .brand img{width:200px}.site-header .desktop-nav{gap:22px}.site-header .desktop-nav a{font-size:12px;white-space:nowrap}.site-header .nav-actions{gap:13px}.header-account-actions{display:flex;align-items:center;gap:10px}.site-header .header-quote{min-height:47px;padding:13px 17px;gap:14px;font-size:12px;display:flex}.header-quote svg{width:20px;height:20px;flex-shrink:0}.header-register,.header-signin{min-height:47px;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:9px;font-size:12px;font-weight:800;padding:12px 17px;white-space:nowrap;transition:background .2s,color .2s,border-color .2s}.header-register{border:1px solid #b1d9ec;background:#f6fcff;color:#137cab}.header-register:hover{background:#e8f6ff;border-color:#1499dc}.header-signin{background:#fff;color:#2e627f;border:1px solid transparent;padding-inline:12px}.header-signin:hover{background:#f2f9fd;color:#1499dc}.header-register:focus-visible,.header-signin:focus-visible,.locale-toggle:focus-visible,.language-menu button:focus-visible{outline:3px solid #ec506d;outline-offset:3px}.locale-picker{position:relative;flex-shrink:0;isolation:isolate}.site-header .locale-toggle{display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid #d5eaf6;background:#f5fbff;border-radius:50%;color:#248bb8;min-width:0;transition:background .2s}.locale-toggle:hover,.locale-toggle[aria-expanded=true]{background:#e1f4ff}.locale-toggle svg{width:21px;height:21px}.language-menu{position:absolute;top:calc(100% + 18px);inset-inline-end:0;width:255px;max-width:calc(100vw - 35px);border-radius:15px;padding:10px;background:#fff;border:1px solid #d8ebf6;box-shadow:0 15px 55px #1d6c8e26;z-index:120;direction:ltr}.language-menu[hidden]{display:none!important}.language-menu-title{font:700 11px Manrope,'Noto Sans Arabic',sans-serif;color:#6c92a7;padding:9px 11px 13px;border-bottom:1px solid #e6f2f8;margin-bottom:7px;line-height:1.8;direction:inherit}.language-menu button{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border-radius:9px;color:#527b95;font:600 13px Manrope,'Noto Sans Arabic',sans-serif;text-align:start;min-height:45px}.language-menu button>span{flex:1}.language-menu button small{font-size:.75rem;letter-spacing:1px;color:#8baabb}.language-menu button>b{font-size:13px;color:#1a9bd4;visibility:hidden}.language-menu button[aria-checked=true]{background:#eaf7ff;color:#1486bb}.language-menu button[aria-checked=true]>b{visibility:visible}.language-menu button:hover{background:#f0f9fe}.language-menu button [lang=ar],.language-menu button [lang=ur]{font-family:'Noto Sans Arabic',sans-serif;font-size:13px}.locale-note{display:none}html[lang=ur] body{font-family:'Noto Sans Arabic',Manrope,Arial,sans-serif}html[lang=ur] h1,html[lang=ur] h2,html[lang=ur] h3{letter-spacing:0!important;line-height:1.65}html[lang=ur] .hero h1{font-size:68px;line-height:1.55}html[lang=fr] .hero h1{font-size:clamp(50px,5.25vw,84px)}html[lang=ha] .hero h1{font-size:clamp(53px,5.5vw,88px)}html[lang=fr] .hero h1>span,html[lang=ha] .hero h1>span{white-space:normal}html[lang=fr] .showcase-caption h2,html[lang=ha] .showcase-caption h2{font-size:30px}html[lang=fr] .lab-heading h2,html[lang=ha] .lab-heading h2{font-size:57px}html[lang=fr] .lab-cargo button,html[lang=ha] .lab-cargo button{font-size:.75rem}html[lang=fr] .lab-step-panel h3,html[lang=ha] .lab-step-panel h3{font-size:31px}html[lang=fr] .bid-intro h1,html[lang=ha] .bid-intro h1{font-size:64px}html[lang=fr] .lab-heading>p,html[lang=ha] .lab-heading>p{font-size:14px}html[lang=fr] .site-header .desktop-nav a,html[lang=ha] .site-header .desktop-nav a{font-size:.75rem}html[lang=fr] .site-header .desktop-nav{gap:17px}html[lang=ur] .header-account-actions a{font-family:inherit;font-size:.75rem}
@media(max-width:1280px){.site-header{gap:18px;padding-inline:30px}.site-header .brand img{width:170px}.site-header .desktop-nav{gap:16px}.site-header .desktop-nav a{font-size:.75rem}.site-header .nav-actions{gap:10px}.header-account-actions{gap:6px}.site-header .header-quote{padding-inline:14px;font-size:.75rem;gap:10px;min-height:44px}.header-register,.header-signin{font-size:.75rem;padding-inline:13px;min-height:44px}.header-signin svg{display:none}.site-header .locale-toggle{height:36px;width:36px}.locale-toggle svg{width:19px;height:19px}html[lang=fr] .site-header .brand img{width:160px}html[lang=fr] .site-header .desktop-nav{gap:11px}html[lang=fr] .site-header .desktop-nav a{font-size:.75rem}}
@media(max-width:1080px){.site-header .desktop-nav{display:none}.site-header .menu-toggle{display:block}.site-header .nav-actions{margin-inline-start:auto;gap:16px}.site-header .brand img{width:200px}.site-header .header-quote{min-height:47px;font-size:12px}.header-register,.header-signin{font-size:12px;min-height:47px;padding-inline:17px}.header-signin svg{display:block}.site-header .locale-toggle{height:40px;width:40px}.hero-content{padding-top:75px}html[lang=fr] .site-header .brand img{width:195px}html[lang=fr] .lab-heading h2,html[lang=ha] .lab-heading h2{font-size:48px}}
@media(max-width:800px){.site-header{padding-inline:25px;gap:15px}.site-header .brand img{width:165px}.site-header .nav-actions{gap:10px}.header-account-actions{gap:5px}.site-header .header-quote{font-size:.75rem;padding-inline:13px;gap:9px}.header-register,.header-signin{font-size:.75rem;padding-inline:12px}.header-signin svg{display:none}.site-header .menu-toggle{width:35px;padding:5px}.site-header .locale-toggle{width:35px;height:35px}html[lang=fr] .site-header .brand img{width:155px}}
@media(max-width:650px){html{scroll-padding-top:143px}.site-header{display:grid;grid-template-columns:minmax(0,1fr) 35px 35px;column-gap:13px;row-gap:8px;height:132px;padding:10px 20px 12px;align-items:center}.site-header .brand{grid-column:1;grid-row:1;justify-self:start}.site-header .brand img,html[lang=fr] .site-header .brand img{width:145px;max-height:48px;object-fit:contain}.site-header .nav-actions{display:contents}.locale-picker{grid-column:2;grid-row:1}.site-header .menu-toggle{grid-column:3;grid-row:1;justify-self:end;display:block;width:35px}.header-account-actions{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:7px;width:100%;align-items:stretch}.site-header .header-quote,.header-register,.header-signin{font-size:.75rem;min-height:41px;padding:10px 6px;border-radius:7px;gap:6px;justify-content:center}.header-signin{border-color:#d7eaf5;color:#267295;background:#fff}.header-quote svg{width:15px;height:15px}.header-signin svg{display:none}.site-header .locale-toggle{width:35px;height:35px}.language-menu{inset-inline-end:-48px;top:calc(100% + 12px);width:250px;max-height:70vh;overflow-y:auto}.mobile-menu{top:100%}.hero-coordinate{display:none}.export-lab,.bid-studio,.studio-section,.bid-studio-section{scroll-margin-top:145px}.lab-heading h2,html[lang=fr] .lab-heading h2,html[lang=ha] .lab-heading h2{font-size:37px}html[lang=fr] .hero h1,html[lang=ha] .hero h1{font-size:clamp(42px,12.6vw,58px);line-height:1.13}html[lang=ur] .hero h1{font-size:48px;line-height:1.65}html[lang=fr] .hero h1>span,html[lang=ha] .hero h1>span,html[lang=ur] .hero h1>span{white-space:normal}html[lang=fr] .showcase-caption h2,html[lang=ha] .showcase-caption h2{font-size:24px}html[lang=fr] .lab-step-panel h3,html[lang=ha] .lab-step-panel h3{font-size:26px}html[lang=fr] .lab-cargo button,html[lang=ha] .lab-cargo button{font-size:.75rem}html[lang=fr] .bid-intro h1,html[lang=ha] .bid-intro h1{font-size:40px}html[lang=ur] .bid-intro h1{font-size:38px}html[lang=ur] .header-account-actions a{font-size:.75rem}html[dir=rtl] .language-menu{inset-inline-end:-48px}.lab-route-label{gap:8px}.lab-route-label>span{min-width:0}.lab-route-label b{white-space:nowrap}.lab-footer .btn{white-space:normal}.request-progress>span{min-width:0}.request-progress>span>span{overflow-wrap:anywhere}}
@media(max-width:370px){.site-header{padding-inline:15px;column-gap:10px}.site-header .brand img{width:132px}.site-header .header-quote,.header-register,.header-signin{font-size:.75rem}.language-menu{width:245px}html[lang=fr] .lab-heading h2,html[lang=ha] .lab-heading h2{font-size:32px}}
html[lang=ha] body{font-family:Manrope,'Hausa Glyphs',Arial,sans-serif}
.demo-stat-row strong,#unit-count,#lab-counter,#bid-step-counter{direction:ltr;unicode-bidi:isolate}
html[lang=ur] .bid-step-copy>p,html[lang=ur] .lab-step-panel>p{font-size:14px;line-height:2.05}html[lang=ur] .bid-role>p{font-size:12px;line-height:2}
/* Keep the language panel anchored inside the phone viewport in either writing direction. */
@media(max-width:650px){
  .site-header .locale-picker{z-index:150}
  .site-header .language-menu{inset-inline:unset;left:auto;right:0;top:calc(100% + 10px);width:min(250px,calc(100vw - 24px));max-height:min(360px,55dvh);overflow:auto;box-shadow:0 16px 34px #16394b28}
  html[dir=rtl] .site-header .language-menu{inset-inline:unset;left:0;right:auto}
  .language-menu-title{color:#486b7d}
  .language-menu button{color:#28546c}
  .language-menu button small{color:#5c8194}
}
@media(max-width:650px){html[lang=ur] .bid-step-copy>p,html[lang=ur] .lab-step-panel>p{font-size:13px}}
/* A first-class auction service in every navigation. */
@media(min-width:1081px){.site-header{gap:18px;padding-inline:32px}.site-header .desktop-nav{gap:18px}.site-header .brand img{width:177px}.site-header .desktop-nav a{font-size:.75rem}}
@media(min-width:1081px) and (max-width:1220px){.site-header{gap:14px;padding-inline:24px}.site-header .brand img{width:148px}.site-header .desktop-nav{gap:12px}.site-header .desktop-nav a{font-size:.75rem}.site-header .nav-actions{gap:9px}.header-account-actions{gap:5px}.site-header .header-quote,.header-register,.header-signin{font-size:.75rem;padding-inline:11px}.site-header .header-quote{gap:8px}}
.auction-access>.auction-access-actions{display:flex;flex:0 0 auto;align-items:flex-start;flex-direction:column;gap:14px}.auction-access-actions>.text-link{font-size:.75rem;gap:10px}.auction-access>div:not(.auction-access-actions){max-width:750px}.auction-access p{line-height:1.9}.auction-access-actions .btn{white-space:nowrap}
@media(max-width:800px){.auction-access{flex-wrap:wrap}.auction-access>.auction-access-actions{flex-direction:row;align-items:center;flex-wrap:wrap;width:100%;gap:20px}.auction-access>div:not(.auction-access-actions){min-width:180px}}
@media(max-width:650px){.auction-access{padding:25px 22px;gap:17px}.auction-access h3{font-size:21px;line-height:1.6}.auction-access p{font-size:12px}.auction-access>.auction-access-actions{flex-direction:column;align-items:stretch;gap:17px}.auction-access-actions>.text-link{font-size:.75rem}.auction-access-actions>.btn{justify-content:space-between;font-size:12px}}

.desktop-nav a[aria-current=page]{color:#159bce}.desktop-nav a[aria-current=page]:after{width:100%}
/* Shared compact phone navigation and comfortable touch targets (corrections 8/10). */
body .site-header .locale-toggle{width:44px;height:44px;min-width:44px}
body .site-header #menu-toggle{width:44px;height:44px;min-width:44px;min-height:44px}
body .request-draft-tools button,body .request-step a[href^="tel:"],body .hero-film-controls button{min-height:44px;min-width:44px}
body .request-step a[href^="tel:"]{display:inline-flex;align-items:center}
body .quick-request .field-error{display:block;color:#a3122d;font-size:14px;line-height:1.6;margin-top:6px;white-space:normal}
body .quick-request [aria-invalid=true]{border-color:#bd1531}
@media(max-width:650px){
 html body .site-header{grid-template-columns:minmax(0,1fr) 44px 44px;min-height:108px;height:108px;padding-block:6px;row-gap:4px}
 html body .site-header.scrolled{grid-template-rows:44px;min-height:56px;height:56px}
 html body .site-header.scrolled .header-account-actions{display:none}
 html body .site-header .brand img{max-height:42px}
 html body .site-header .header-quote{min-height:44px}
 html body .site-header .mobile-menu:not([hidden]){max-height:calc(100dvh - 116px)}
 html body .site-header.scrolled .mobile-menu:not([hidden]){max-height:calc(100dvh - 64px)}
}
/* Minimum hit area, including icon-only film, map and draft controls. */
html body .hero-showcase .film-button,html body .hero-showcase .motion-control,html body .showcase-caption>a{width:44px;height:44px;min-height:44px;min-width:44px}
@media(max-width:760px){
 html body button,html body select,html body input:not([type=checkbox]):not([type=radio]):not([type=hidden]){min-height:44px}
 html body button{min-width:44px}
 html body a[href^="tel:"]{display:inline-flex;align-items:center;min-height:44px}
 html body .hero-showcase .showcase-top>span{max-width:calc(100% - 104px)}
}
/* The current cinematic hero is not nested in .hero-showcase. IDs keep the
   shared hit-area contract ahead of later, more specific hero styles. */
body #watch-film,body #toggle-motion{width:44px;height:44px;min-width:44px;min-height:44px;flex-shrink:0}