#showroom-entry{position:fixed;inset:0;z-index:100000;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background:#f5eee4;color:#34291f;font-family:Arial,sans-serif;isolation:isolate;box-sizing:border-box}
#showroom-entry *,#showroom-entry *::before,#showroom-entry *::after{box-sizing:border-box}
#showroom-entry[hidden],#showroom-entry [hidden]{display:none!important}
#showroom-reveal{position:fixed;inset:0;z-index:99999;pointer-events:none;background:#0b08051a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:showroom-focus-in .9s cubic-bezier(.22,.61,.36,1) both}
#showroom-reveal[hidden]{display:none!important}
@keyframes showroom-focus-in{from{background:#0b08051a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}to{background:transparent;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}}
@media(prefers-reduced-motion:reduce){#showroom-reveal{display:none!important;animation:none!important}}
.showroom-open{overflow:hidden!important}
#showroom-entry .showroom-heading{position:absolute!important;top:max(18px,env(safe-area-inset-top));left:0;right:0;z-index:2;width:auto!important;height:auto!important;min-height:0!important;padding:12px 20px!important;background:none!important;border:0!important;box-shadow:none!important;text-align:center;pointer-events:none;text-shadow:0 1px 12px #fff4df}
#showroom-entry .showroom-heading p{font:10px/1.4 Arial,sans-serif!important;letter-spacing:.28em!important;margin:0 0 8px!important;color:#50361f!important}
#showroom-entry .showroom-heading h2{font:400 clamp(26px,3vw,40px)/1.2 Arial,sans-serif!important;letter-spacing:-.025em!important;margin:0 0 6px!important;color:#34291f!important}
#showroom-entry .showroom-heading small{font:13px/1.5 Arial,sans-serif!important;color:#50361f!important}
#showroom-entry .showroom-stage{position:relative;flex-shrink:0;width:min(100vw,calc(100dvh * 1672 / 941));aspect-ratio:1672/941;overflow:hidden;background:#17120e}
#showroom-entry .showroom-room,#showroom-entry .showroom-video{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;margin:0!important;border-radius:0!important}
#showroom-entry .showroom-video{position:absolute;inset:0}
#showroom-entry .showroom-car{position:absolute;border:0!important;padding:0!important;margin:0!important;background:transparent!important;box-shadow:none!important;border-radius:18px!important;cursor:pointer}
#showroom-entry .showroom-car[data-vehicle="vclass"]{left:6%;top:36%;width:41%;height:41%}
#showroom-entry .showroom-car[data-vehicle="sprinter"]{left:50%;top:27%;width:48%;height:52%}
#showroom-entry .showroom-car:hover,#showroom-entry .showroom-car:focus-visible{box-shadow:inset 0 0 0 2px #d6ad6e!important;background:#fbe3b512!important}
#showroom-entry button:focus-visible{outline:3px solid #b08445!important;outline-offset:4px!important}
#showroom-entry .showroom-labels{position:absolute;bottom:max(32px,env(safe-area-inset-bottom));z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:32px;width:min(1000px,calc(100% - 80px))}
#showroom-entry .showroom-label{display:flex!important;justify-content:space-between;align-items:center;border:1px solid #e0ccaa!important;border-radius:12px!important;padding:15px 24px!important;margin:0!important;background:#fff9f0e8!important;color:#3d2d1d!important;text-align:left!important;cursor:pointer;box-shadow:0 6px 24px #3e270f14!important}
#showroom-entry .showroom-label strong{display:block;color:#3d2d1d!important;font:500 22px/1.25 Arial,sans-serif!important}
#showroom-entry .showroom-label small{color:#765736!important;font:12px/1.5 Arial,sans-serif!important}
#showroom-entry .showroom-label b{color:#876948!important;font:24px/1 Arial,sans-serif!important}
#showroom-entry .showroom-status{position:absolute;bottom:96px;z-index:3;font:13px/1.5 Arial,sans-serif!important;margin:0 20px!important;padding:8px 14px;border-radius:20px;background:#fff9f0ed;color:#5b422a!important;text-align:center}
#showroom-entry .showroom-status:empty{display:none}
#showroom-entry .showroom-actions{position:absolute;bottom:max(28px,env(safe-area-inset-bottom));z-index:3;display:flex;gap:12px;justify-content:center;padding:8px 12px}
#showroom-entry .showroom-actions button,body #showroom-back{border:1px solid #cdbb9e!important;border-radius:22px!important;padding:9px 15px!important;background:#fff9f0!important;color:#5b422a!important;font:12px/1.5 Arial,sans-serif!important;cursor:pointer}
body #showroom-back{display:block;margin:12px auto;position:relative;z-index:3}
#showroom-entry.showroom-playing .showroom-car,#showroom-entry.showroom-playing .showroom-labels,#showroom-entry.showroom-playing .showroom-heading{visibility:hidden}
@media(max-aspect-ratio:4/3){
  #showroom-entry{background:#f5eee4;overflow:auto;padding:24px 0;gap:24px}
  #showroom-entry .showroom-heading{position:relative!important;inset:auto!important;padding:0 20px!important;flex-shrink:0}
  #showroom-entry .showroom-stage{width:100%}
  #showroom-entry .showroom-labels{position:relative;bottom:auto;width:calc(100% - 32px);gap:12px;flex-shrink:0}
  #showroom-entry .showroom-label{padding:12px!important}
  #showroom-entry .showroom-label strong{font-size:18px!important}
  #showroom-entry .showroom-actions{bottom:max(24px,env(safe-area-inset-bottom))}
  #showroom-entry .showroom-status{bottom:92px}
}
@media(max-height:520px) and (min-aspect-ratio:4/3){
  #showroom-entry .showroom-heading{top:8px;padding:0 12px!important}
  #showroom-entry .showroom-heading p,#showroom-entry .showroom-heading small{display:none}
  #showroom-entry .showroom-heading h2{font-size:24px!important}
  #showroom-entry .showroom-labels{bottom:12px;width:min(660px,calc(100% - 48px));gap:20px}
  #showroom-entry .showroom-label{padding:8px 14px!important}
  #showroom-entry .showroom-label strong{font-size:18px!important}
  #showroom-entry .showroom-label small{display:none}
  #showroom-entry .showroom-actions{bottom:8px}
  #showroom-entry .showroom-status{bottom:64px}
}
@media(prefers-reduced-motion:reduce){#showroom-entry *{animation:none!important;transition:none!important}}
#showroom-entry[hidden],#showroom-entry [hidden]{display:none!important}

/* Consistent entry typography and the original Ertex brand mark. */
#showroom-entry{--showroom-text-size:18px}
#showroom-entry .showroom-heading .showroom-brand{display:block!important;width:197px!important;height:40px!important;max-width:60vw!important;object-fit:contain!important;margin:0 auto 14px!important;border:0!important;border-radius:0!important;background:transparent!important}
#showroom-entry .showroom-heading h2,#showroom-entry .showroom-heading small,#showroom-entry .showroom-label strong,#showroom-entry .showroom-label small,#showroom-entry .showroom-status,#showroom-entry .showroom-actions button{font-size:var(--showroom-text-size)!important;line-height:1.45!important;letter-spacing:normal!important}
#showroom-entry .showroom-heading h2{font-weight:400!important;margin:0 auto 7px!important;max-width:850px;text-wrap:balance}
#showroom-entry .showroom-heading small{display:block}
#showroom-entry .showroom-label span{min-width:0}
#showroom-entry .showroom-label b{flex-shrink:0;margin-left:8px}
@media(max-width:600px){#showroom-entry{--showroom-text-size:16px}#showroom-entry .showroom-heading .showroom-brand{width:180px!important;height:auto!important;margin-bottom:14px!important}}
@media(max-height:520px) and (min-aspect-ratio:4/3){#showroom-entry{--showroom-text-size:16px}#showroom-entry .showroom-heading .showroom-brand{width:140px!important;height:auto!important;margin-bottom:5px!important}#showroom-entry .showroom-heading small{display:none}}

#showroom-entry .showroom-label{position:relative}
#showroom-entry .showroom-label span{width:100%}
#showroom-entry .showroom-label strong{padding-right:22px}
#showroom-entry .showroom-label small{display:block;margin-top:4px}
#showroom-entry .showroom-label b{position:absolute;right:12px;top:15px;font-size:18px!important;margin:0}

/* The language selector remains inside the full-screen entry dialog. */
#showroom-entry .showroom-language{display:flex!important;position:static!important;align-items:center!important;justify-content:center!important;gap:3px!important;width:max-content!important;height:auto!important;min-height:0!important;margin:0 auto 10px!important;padding:3px!important;border:1px solid #b7966c!important;border-radius:9px!important;background:#f5eee4!important;pointer-events:auto!important;box-shadow:none!important}
#showroom-entry .showroom-language a{display:grid!important;place-items:center!important;min-width:44px!important;min-height:36px!important;padding:0 9px!important;border-radius:6px!important;font:400 var(--showroom-text-size)/1.4 Arial,sans-serif!important;color:#34291f!important;text-decoration:none!important;letter-spacing:normal!important;text-shadow:none!important}
#showroom-entry .showroom-language a[aria-current="page"]{background:#dcc29e!important}
#showroom-entry .showroom-language a:focus-visible{outline:2px solid #6c4a23!important;outline-offset:2px!important}
@media(max-height:520px) and (min-aspect-ratio:4/3){#showroom-entry .showroom-language{position:absolute!important;right:16px!important;top:0!important;margin:0!important}}

/* Let the mobile welcome copy wrap at a comfortable, consistent size. */
@media(max-width:600px) and (max-aspect-ratio:4/3){
  #showroom-entry{--showroom-text-size:18px;justify-content:safe center}
  #showroom-entry .showroom-heading{width:100%!important;padding:0 24px!important;text-shadow:none}
  #showroom-entry .showroom-heading h2{max-width:28ch;font-weight:500!important;line-height:1.5!important;margin-bottom:12px!important;white-space:normal;overflow-wrap:normal}
  #showroom-entry .showroom-heading small{max-width:30ch;margin:0 auto;line-height:1.5!important}
  #showroom-entry .showroom-language{margin-bottom:16px!important}
  #showroom-entry .showroom-status{bottom:calc(max(24px,env(safe-area-inset-bottom)) + 104px)}
}

/* Fill landscape viewports without side gutters; preserve image proportions and hit areas. */
@media(min-aspect-ratio:4/3){
  #showroom-entry .showroom-stage{width:max(100vw,calc(100dvh * 1672 / 941));max-width:none}
  #showroom-entry .showroom-room,#showroom-entry .showroom-video{object-fit:cover!important}
}

/* Desktop welcome copy sits just above the vehicle choices on a readable panel. */
@media(min-width:901px) and (min-aspect-ratio:4/3){
  #showroom-entry .showroom-heading h2,#showroom-entry .showroom-heading small{position:fixed!important;left:50%!important;transform:translateX(-50%);width:min(1000px,calc(100% - 80px));max-width:none!important;margin:0!important;padding:5px 16px!important;background:#fff9f0f2!important;text-shadow:none!important;line-height:26px!important}
  #showroom-entry .showroom-heading h2{bottom:calc(max(32px,env(safe-area-inset-bottom)) + 122px);border-radius:10px 10px 0 0}
  #showroom-entry .showroom-heading small{bottom:calc(max(32px,env(safe-area-inset-bottom)) + 86px);border-radius:0 0 10px 10px}
}
@media(min-width:901px) and (min-aspect-ratio:4/3) and (max-height:520px){
  #showroom-entry .showroom-heading h2{bottom:76px;width:min(660px,calc(100% - 48px));border-radius:10px}
}


/* Preview only: white welcome copy and compact vehicle pills on desktop. */
@media(min-width:901px) and (min-aspect-ratio:4/3){
 #showroom-entry .showroom-heading h2,#showroom-entry .showroom-heading small{background:transparent!important;color:#fff!important;text-shadow:0 2px 6px #000b!important;padding:0 16px!important;border-radius:0!important}
 #showroom-entry .showroom-heading h2{bottom:calc(max(32px,env(safe-area-inset-bottom)) + 96px)}
 #showroom-entry .showroom-heading small{bottom:calc(max(32px,env(safe-area-inset-bottom)) + 64px)}
 #showroom-entry .showroom-labels{width:auto;display:flex;gap:24px;justify-content:center}
 #showroom-entry .showroom-label{min-height:48px;width:230px;justify-content:center;border:1px solid #cdbb9e!important;border-radius:999px!important;padding:10px 24px!important;background:#fff9f0!important;box-shadow:none!important;text-align:center!important}
 #showroom-entry .showroom-label strong{font-weight:400!important;padding:0!important;color:#5b422a!important}
 #showroom-entry .showroom-label small,#showroom-entry .showroom-label b{display:none!important}
}


/* Compact vehicle controls shared by desktop and mobile. */
#showroom-entry .showroom-labels{display:flex;justify-content:center;gap:24px;width:auto;max-width:calc(100% - 32px)}
#showroom-entry .showroom-label{display:flex!important;align-items:center;justify-content:center;gap:10px;min-height:48px;width:230px;border:1px solid #cdbb9e!important;border-radius:999px!important;padding:10px 20px!important;background:#fff9f0!important;box-shadow:none!important;text-align:center!important}
#showroom-entry .showroom-label strong{font-weight:400!important;padding:0!important;color:#5b422a!important;white-space:nowrap}
#showroom-entry .showroom-label small,#showroom-entry .showroom-label b{display:none!important}
#showroom-entry .showroom-label .vehicle-arrow{width:auto;flex-shrink:0;font:20px/1 Arial,sans-serif;color:#5b422a!important}
@media(max-width:600px){
 #showroom-entry .showroom-labels{gap:12px;flex-wrap:wrap;width:calc(100% - 32px)}
 #showroom-entry .showroom-label{width:230px;flex-shrink:0}
}


/* Mobile vehicle choices stay side by side. */
@media(max-width:600px){
 #showroom-entry .showroom-labels{display:flex;flex-wrap:nowrap;gap:8px;width:calc(100% - 24px);max-width:calc(100% - 24px)}
 #showroom-entry .showroom-label{width:0;flex:1 1 0;min-width:0;min-height:48px;padding:10px 8px!important;gap:5px}
 #showroom-entry .showroom-label strong{font-size:clamp(12px,3.5vw,16px)!important}
 #showroom-entry .showroom-label .vehicle-arrow{font-size:16px}
}


/* Only the outer arrows remain. */
#showroom-entry .showroom-label:first-child > .vehicle-arrow:last-child,#showroom-entry .showroom-label:last-child > .vehicle-arrow:first-child{display:none!important}
