/* One plain graphite-grey Carniia logo throughout the local preview. */
@layer vandilink-grey-brand {
  img.brand-logo, img[src*="carniia-logo"] {
    filter: none !important;
  }
}

/* The membership header needs the same white surface as the home logo. */
.ds-page .ds-top {
  background: #fff;
  color: #111;
  border-bottom: 1px solid #e5e7eb;
}

/* A consistent, slightly larger mark without changing the supplied artwork. */
@layer vandilink-grey-brand {
 html body img[src*="carniia-logo"] {
  width:220px!important;height:auto!important;max-width:100%!important;
  max-height:88px!important;object-fit:contain!important;flex-shrink:0;
 }
 @media(max-width:760px){
  html body img[src*="carniia-logo"]{width:176px!important;max-height:80px!important}
 }
 html body.mobile-customer .mobile-brand-controls .masthead{flex-basis:114px!important;width:114px!important}
 html body.mobile-customer .mobile-brand-controls .brand,
 html body.mobile-customer .mobile-brand-controls img[src*="carniia-logo"]{width:114px!important;max-height:none!important}
 @media(min-width:700px){
  html body.mobile-customer .mobile-brand-controls .masthead{flex-basis:136px!important;width:136px!important}
  html body.mobile-customer .mobile-brand-controls .brand,
  html body.mobile-customer .mobile-brand-controls img[src*="carniia-logo"]{width:136px!important}
 }
 @media(max-width:340px){
  html body.mobile-customer .mobile-brand-controls .masthead{flex-basis:96px!important;width:96px!important}
  html body.mobile-customer .mobile-brand-controls .brand,
  html body.mobile-customer .mobile-brand-controls img[src*="carniia-logo"]{width:96px!important}
 }
}
@media(max-width:600px){.ds-page .ds-top{flex-wrap:wrap}}

/* The brand slogan appears once, in the home header beside the logo. */
html body .masthead #hero-title em{font-style:italic!important}


/* Language menu: no surrounding panel; silver icon and silver select. */
html body #carniia-language-select{display:flex!important;align-items:center!important;flex-direction:row!important;gap:6px!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;min-height:0!important}
html body #carniia-language-select [data-language],html body #carniia-language-select [data-lang]{display:none!important}
html body #carniia-language-select img{display:block;width:30px;height:28px;object-fit:contain;background:transparent;border:0;filter:none}
html body #carniia-language-select select{font:600 12px Arial,sans-serif!important;min-height:36px!important;width:90px!important;padding:6px 20px 6px 8px!important;border:1px solid #b7bdc4!important;border-radius:8px!important;color:#252b33!important;background:linear-gradient(105deg,#c0c0c0,#fafafa 38%,#c6c6c6)!important;box-shadow:inset 0 1px 2px #fff,0 2px 4px #182c401c!important}
/* One row for the brand and slogan; actions can wrap within the right column. */
html body:not(.mobile-customer) .masthead{display:grid!important;grid-template-columns:minmax(160px,1fr) auto minmax(160px,1fr);align-items:center!important;column-gap:16px!important;row-gap:12px!important;padding-bottom:24px!important}
html body:not(.mobile-customer) .masthead>.brand{grid-column:1;grid-row:1;justify-self:start}
html body:not(.mobile-customer) .masthead #hero-title#hero-title{grid-column:2;grid-row:1;order:initial;flex:initial;width:auto;min-width:0;max-width:none;margin:0!important;text-align:center}
html body .masthead #hero-title#hero-title,html body .masthead #hero-title#hero-title em{font-family:'Arial Black',Arial,sans-serif!important;font-weight:900!important;font-style:italic!important;font-size:clamp(18px,1.7vw,28px)!important;letter-spacing:-.8px!important;line-height:1.25!important}
html body:not(.mobile-customer) .masthead>.header-actions{grid-column:3;grid-row:1;display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;margin:0!important;width:auto!important;max-width:100%;gap:8px}
@media(max-width:1000px){html body:not(.mobile-customer) .masthead{grid-template-columns:160px minmax(0,1fr);column-gap:10px!important;padding-bottom:24px!important}html body:not(.mobile-customer) .masthead>.header-actions{grid-column:1 / -1;grid-row:2;justify-content:flex-end}html body:not(.mobile-customer) .masthead #hero-title#hero-title{grid-column:2;grid-row:1}html body:not(.mobile-customer) .masthead>.brand img{width:160px!important}}
@media(max-width:400px){html body:not(.mobile-customer) .masthead{grid-template-columns:120px minmax(0,1fr)}html body:not(.mobile-customer) .masthead>.brand img{width:120px!important}html body .masthead #hero-title#hero-title em{font-size:16px!important}}
html body.mobile-customer .mobile-language[hidden]{display:none!important}
html body.mobile-customer .mobile-language-menu{min-width:0;justify-content:center}
html body.mobile-customer #carniia-language-select{gap:2px!important}
html body.mobile-customer #carniia-language-select img{width:20px;height:22px}
html body.mobile-customer #carniia-language-select select{font-size:9px!important;width:68px!important;min-height:28px!important;padding:3px!important}
.mobile-brand-slogan{text-align:center;font-family:'Arial Black',Arial,sans-serif;font-weight:900;font-style:italic;font-size:18px;line-height:1.3;margin:8px 0 20px}
.login-register-prompt{text-align:center;margin:20px 0 8px;line-height:2}.login-register-prompt a{display:inline-block;margin-left:8px}
/* The transparent language icon itself opens the two-language menu. */
html body #carniia-language-select{position:relative!important;z-index:90;overflow:visible!important}
html body #carniia-language-select .language-menu-trigger{display:flex!important;align-items:center;gap:5px;background:transparent!important;box-shadow:none!important;border:0!important;padding:4px!important;min-height:36px!important;border-radius:6px!important;color:#30343a!important;font:600 12px Arial,sans-serif!important;cursor:pointer}
html body #carniia-language-select .language-menu-trigger img{width:30px;height:28px}
html body #carniia-language-select .language-menu-trigger:focus-visible{outline:2px solid #737b86!important;outline-offset:3px}
html body #carniia-language-select .language-menu-options{position:absolute;right:0;top:calc(100% + 8px);min-width:135px;padding:5px;border:1px solid #c5c9ce;border-radius:10px;background:#fff;box-shadow:0 5px 20px #182c4026;z-index:100;display:grid;gap:3px}
html body #carniia-language-select .language-menu-options[hidden]{display:none!important}
html body #carniia-language-select .language-menu-options button{width:100%;padding:9px 12px!important;text-align:left!important;font-size:13px!important;min-height:36px!important;border:0!important;border-radius:6px!important;background:#fff!important;color:#252b33!important;box-shadow:none!important}
html body #carniia-language-select .language-menu-options button[aria-checked=true]{background:#e9ebee!important;font-weight:700!important}
html body #carniia-language-select .language-menu-options button:focus-visible{outline:2px solid #818a96!important;outline-offset:-2px}
html body.mobile-customer #carniia-language-select .language-menu-trigger{flex-direction:column;gap:1px;font-size:8px!important;line-height:1.1!important;padding:0!important}
html body.mobile-customer #carniia-language-select .language-menu-trigger img{width:23px;height:22px}

/* Match the hero car's graphite-grey tone on the two home headings. */
html body #hero-title#hero-title,html body #hero-title#hero-title em,html body #search-heading#search-heading,html body .mobile-brand-slogan,html body .mobile-brand-slogan em{color:#62676c!important;-webkit-text-fill-color:#62676c!important;text-shadow:none!important}
/* Search actions share one inset row beneath the query field. */
html body .results-location,html body .request-location{display:none!important}
html body.home-showcase:not(.dealer-account-home) #vehicle-search .unified-search-controls{width:var(--search-controls-width)!important;max-width:100%!important;margin:14px auto 0!important;display:flex!important;justify-content:space-between!important;align-items:center!important;gap:7px!important;flex-wrap:nowrap!important}
.unified-search-control{display:flex;align-items:center;gap:7px;flex:0 1 auto;min-width:0}
.unified-search-control~.unified-search-control::before{content:'|';color:#91979e;font-size:14px;font-weight:400;margin-right:1px;flex:none}
html body .unified-search-controls .showcase-network-mode::before,html body .unified-search-controls .location-toggle-row::before{content:none!important;display:none!important}
html body.home-showcase #vehicle-search .unified-search-controls :is(.network-search-launch,.network-search-launch strong,#allow-location-label,#ev-mode-label,#results-request-car,#all-locations){font-family:Arial,sans-serif!important;font-size:clamp(11px,.85vw,13px)!important;font-weight:600!important;line-height:1.2!important;white-space:nowrap!important;letter-spacing:0!important}
html body.home-showcase #vehicle-search .unified-search-controls :is(#open-network-map,#results-request-car,#all-locations){min-height:34px!important;padding:6px 8px!important;margin:0!important;border-radius:7px!important}
html body.home-showcase #vehicle-search .unified-search-controls .network-search-launch svg{width:19px;height:19px;min-width:19px}
html body.home-showcase #vehicle-search .unified-search-controls :is(.location-toggle-row,.ev-mode-control){gap:7px!important;min-height:34px!important}
html body.home-showcase #vehicle-search .unified-search-controls .showcase-network-mode{gap:0!important}
html body.home-showcase #vehicle-search .unified-search-controls .ev-metal-switch{width:54px!important;min-width:54px!important;max-width:54px!important;height:22px!important;min-height:22px!important}
html body.home-showcase #vehicle-search .unified-search-controls .ev-switch-knob{width:26px!important;height:26px!important}
html body.home-showcase #vehicle-search .unified-search-controls .ev-metal-switch[aria-checked=true] .ev-switch-knob{left:26px!important}
html body.home-showcase #vehicle-search .unified-search-controls .ev-switch-word{font-size:8px!important;right:5px!important}
html body.home-showcase #vehicle-search .unified-search-controls .ev-metal-switch[aria-checked=true] .ev-switch-word{left:5px!important}
@media(max-width:1099px){html body.home-showcase:not(.dealer-account-home) #vehicle-search .unified-search-controls{justify-content:center!important;flex-wrap:wrap!important;gap:8px 10px!important}}
@layer vandilink-refinements {
 html body.home-showcase #vehicle-search .unified-search-controls :is(#open-network-map,#results-request-car,#all-locations){font-size:12px!important;padding:6px 8px!important;min-height:34px!important;line-height:1.2!important}
}