/* Current public landing only. Original marketplace controls and shared kits remain intact. */
@layer vitiauto-landing {
  body.viti-landing>header{position:relative!important;background:#fff!important;padding:0!important;border-bottom:1px solid #d6e5ef!important}
  body.viti-landing>header>nav.wrap{display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:nowrap!important;max-width:1240px!important;width:100%!important;min-height:76px!important;padding:12px 24px!important;gap:16px!important;margin:0 auto!important}
  body.viti-landing header .brand{display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important;min-height:48px!important;flex:0 0 auto!important}
  body.viti-landing header .mark{font-size:18px!important;line-height:1.3!important;white-space:nowrap!important}
  body.viti-landing header .logo-tile{display:flex!important;align-items:center!important;justify-content:center!important;min-height:44px!important;min-width:44px!important}
  body.viti-landing header .navlinks{display:flex!important;align-items:center!important;flex-wrap:nowrap!important;justify-content:flex-end!important;min-width:0!important;gap:10px!important;margin:0!important}
  body.viti-landing header .navlinks>a{display:none!important}
  body.viti-landing header .navlinks button{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:44px!important;min-height:44px!important;padding:10px 14px!important;margin:0!important;font-size:13px!important;line-height:1.35!important;white-space:nowrap!important}
  body.viti-landing #accountSlot{display:flex!important;align-items:center!important;min-width:0!important}
  body.viti-landing #accountSlot .dm-acct{display:inline-flex!important;margin:0!important;position:static!important}
  body.viti-landing header .viti-header-lower{display:flex!important;align-items:center!important;gap:22px!important;max-width:1240px!important;width:100%!important;margin:0 auto!important;padding:0 24px 12px!important}
  body.viti-landing .viti-utilities{display:flex!important;align-items:center!important;flex:0 0 auto!important;min-width:0!important}
  body.viti-landing .viti-utilities .bw-own-line{display:flex!important;align-items:center!important;flex-wrap:nowrap!important;gap:10px!important;position:static!important;width:auto!important;max-width:100%!important;margin:0!important;padding:0!important;flex-basis:auto!important}
  body.viti-landing .viti-utilities .bw-pill,body.viti-landing .viti-utilities .bw-share{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:44px!important;width:auto!important;margin:0!important;padding:10px 14px!important;font-size:12px!important;line-height:1.35!important;white-space:nowrap!important}
  body.viti-landing header .menu-row{display:flex!important;align-items:center!important;flex:1 1 0!important;gap:8px!important;min-width:0!important;width:auto!important;margin:0!important;padding:0!important;overflow:visible!important}
  body.viti-landing header .site-menu{display:flex!important;align-items:center!important;flex:1 1 0!important;flex-wrap:nowrap!important;gap:7px!important;min-width:0!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;padding:4px 0 7px!important;margin:0!important;scrollbar-width:thin!important;scrollbar-color:#52a9df #e5f2fa!important}
  body.viti-landing header .site-menu :is(a,button){display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;min-height:44px!important;padding:10px 12px!important;margin:0!important;font-size:12px!important;line-height:1.35!important;white-space:nowrap!important}
  body.viti-landing main.wrap{width:100%!important;max-width:1240px!important;padding-inline:24px!important;margin-inline:auto!important;box-sizing:border-box!important}
  body.viti-landing .viti-utilities .bw-share-txt{display:inline!important}
  body.viti-landing .hero{padding-top:28px!important}
  body.viti-landing .hero-banner{display:flex!important;align-items:center!important;min-height:400px!important;padding:32px!important;border-radius:20px!important}
  body.viti-landing .hero-copy{position:relative!important;z-index:1!important;max-width:48%!important;width:520px!important;padding:30px!important;border-radius:16px!important;background:rgba(238,248,255,.94)!important}
  body.viti-landing .hero-banner h1{font-size:clamp(36px,3.25vw,46px)!important;line-height:1.12!important;letter-spacing:-.035em!important;margin:12px 0 18px!important;text-wrap:balance!important}
  body.viti-landing .hero-banner .eyebrow{font-size:11px!important;line-height:1.5!important;letter-spacing:.13em!important;margin:0!important}
  body.viti-landing .hero-banner .lead{font-size:16px!important;line-height:1.7!important;margin:0 0 18px!important;max-width:40ch!important}
  body.viti-landing .hero-banner .browse-note{font-size:14px!important;line-height:1.55!important;margin:0!important}
  body.viti-landing .hero-banner .browse-note span{display:block!important;font-size:13px!important;line-height:1.6!important;margin-top:4px!important;max-width:none!important}
  body.viti-landing .hero-art{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;opacity:1!important}
  body.viti-landing .search-panel{width:100%!important;max-width:1120px!important;margin:22px auto 0!important;padding:0 24px 24px!important}
  body.viti-landing .intent-tabs :is(button){min-height:52px!important}
  @media(max-width:1099px){
    body.viti-landing header .viti-header-lower{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important}
    body.viti-landing header .menu-row{width:100%!important}
    body.viti-landing .hero-banner{min-height:380px!important;padding:24px!important}
    body.viti-landing .hero-copy{max-width:58%!important;padding:24px!important}
  }
  @media(max-width:767px){
    body.viti-landing>header>nav.wrap{min-height:68px!important;padding:10px 16px!important;gap:10px!important}
    body.viti-landing header .brand{gap:8px!important;min-height:44px!important}
    body.viti-landing header .navlinks{gap:8px!important}
    body.viti-landing header .navlinks button{font-size:12px!important;padding:10px 12px!important}
    body.viti-landing header .navlinks .saved-nav{width:44px!important;padding:0!important;font-size:18px!important}
    body.viti-landing header .saved-nav>span{display:none!important}
    body.viti-landing header .navlinks .btn-sell{display:none!important}
    body.viti-landing header .viti-header-lower{padding:0 16px 10px!important;gap:8px!important}
    body.viti-landing .viti-utilities{width:100%!important}
    body.viti-landing .viti-utilities .bw-own-line{width:100%!important;justify-content:space-between!important}
    body.viti-landing .viti-utilities .bw-pill{flex:0 1 auto!important}
    body.viti-landing .viti-utilities .bw-share{flex:0 0 auto!important}
    body.viti-landing header .site-menu{padding-top:3px!important;padding-bottom:7px!important}
    body.viti-landing main.wrap{padding-inline:16px!important}
    body.viti-landing .hero{padding-top:18px!important}
    body.viti-landing .hero-banner{display:flex!important;flex-direction:column!important;align-items:stretch!important;min-height:0!important;padding:0!important;border-radius:18px!important}
    body.viti-landing .hero-copy{order:0!important;width:100%!important;max-width:100%!important;padding:24px!important;border-radius:0!important;background:#eef8fc!important}
    body.viti-landing .hero-banner:after{display:none!important}
    body.viti-landing .hero-banner h1{font-size:34px!important;line-height:1.12!important;margin:12px 0 16px!important}
    body.viti-landing .hero-banner .lead{font-size:15px!important;line-height:1.65!important;margin-bottom:16px!important}
    body.viti-landing .hero-banner .browse-note span{font-size:12px!important}
    body.viti-landing .hero-art{order:1!important;position:static!important;height:auto!important;aspect-ratio:1.9!important;object-fit:cover!important;object-position:center!important}
    body.viti-landing .search-panel{margin-top:18px!important;padding:0 16px 20px!important}
  }
  @media(max-width:359px){
    body.viti-landing header .brand{gap:6px!important}
    body.viti-landing header .mark{font-size:17px!important}
    body.viti-landing header .navlinks{gap:6px!important}
    body.viti-landing header .navlinks button{padding-inline:10px!important}
    body.viti-landing .hero-copy{padding:22px 20px!important}
    body.viti-landing .hero-banner h1{font-size:31px!important}
  }
}

/* Native phone header controls: keep the existing actions in two orderly rows. */
@layer vitiauto-landing {
  @media (max-width:767px) {
    body.viti-landing > header > nav.wrap { min-height:64px!important; padding:8px 16px!important; gap:12px!important; }
    body.viti-landing header .navlinks { gap:8px!important; }
    body.viti-landing header .navlinks button { height:44px!important; min-height:44px!important; padding:10px 12px!important; box-shadow:inset 0 0 0 1px #ffffff60!important; }
    body.viti-landing header .navlinks .saved-nav { width:44px!important; padding:0!important; }
    body.viti-landing header .viti-header-lower { display:grid!important; grid-template-columns:96px minmax(0,1fr)!important; align-items:start!important; gap:12px!important; padding:0 16px 8px!important; }
    body.viti-landing .viti-utilities { width:96px!important; padding-top:3px!important; }
    body.viti-landing .viti-utilities .bw-own-line { display:flex!important; align-items:center!important; justify-content:flex-start!important; width:96px!important; gap:8px!important; }
    body.viti-landing .viti-utilities :is(.bw-pill,.bw-share) { display:inline-flex!important; align-items:center!important; justify-content:center!important; flex:0 0 44px!important; width:44px!important; height:44px!important; min-width:44px!important; min-height:44px!important; padding:0!important; margin:0!important; gap:0!important; box-shadow:inset 0 0 0 1px #ffffff60!important; }
    body.viti-landing .viti-utilities :is(.bw-txt,.bw-share-txt) { display:none!important; }
    body.viti-landing .viti-utilities .bw-flag { width:22px!important; height:12px!important; }
    body.viti-landing header .menu-row { min-width:0!important; width:100%!important; gap:0!important; }
    body.viti-landing header .site-menu { gap:8px!important; padding:3px 0 8px!important; scroll-padding-inline:3px!important; scrollbar-color:#77b5dc #e7f1f7!important; }
    body.viti-landing header .site-menu :is(a,button) { min-height:44px!important; height:44px!important; padding:10px 12px!important; font-size:12px!important; box-shadow:inset 0 0 0 1px #ffffff60!important; }
  }
  @media (max-width:359px) {
    body.viti-landing > header > nav.wrap { padding-inline:12px!important; gap:8px!important; }
    body.viti-landing header .viti-header-lower { padding-inline:12px!important; gap:8px!important; }
  }
  @media (forced-colors:active) {
    body.viti-landing header .navlinks button, body.viti-landing .viti-utilities :is(.bw-pill,.bw-share), body.viti-landing header .site-menu :is(a,button) { box-shadow:none!important; }
  }
}