/* VehicleWiseHub V9: structural fixes for visible, usable UI. Loaded after all legacy CSS. */
*{box-sizing:border-box}
:where(.header,.site-header,.shell-header) a, :where(.header,.site-header,.shell-header) button{cursor:pointer}
body[data-mm-page="home"] .toolrail{
  width:min(95%,1510px)!important;max-width:1510px!important;
  margin:-12px auto 34px!important;padding:10px 4px 18px!important;
  display:flex!important;grid-template-columns:none!important;grid-auto-flow:initial!important;
  gap:14px!important;overflow-x:auto!important;overflow-y:hidden!important;
  scrollbar-width:thin!important;scrollbar-color:#1c9cc5 #0b283b!important;
  scroll-behavior:smooth;overscroll-behavior-x:contain;scroll-snap-type:x proximity;
}
body[data-mm-page="home"] .toolrail>.tool-tile{
  flex:0 0 clamp(190px,18vw,242px)!important;min-width:0!important;width:auto!important;
  min-height:210px!important;height:210px!important;max-height:none!important;
  margin:0!important;padding:0!important;gap:0!important;
  display:flex!important;flex-direction:column!important;align-items:stretch!important;
  justify-content:flex-end!important;position:relative!important;
  overflow:hidden!important;isolation:isolate;transform:none!important;
  scroll-snap-align:start;
}
body[data-mm-page="home"] .toolrail>.tool-tile img.tool-thumb{
  position:absolute!important;z-index:0!important;inset:0!important;display:block!important;
  height:100%!important;width:100%!important;object-fit:cover!important;
  max-width:none!important;max-height:none!important;opacity:1!important;
}
body[data-mm-page="home"] .toolrail>.tool-tile:after{
  content:''!important;position:absolute!important;inset:0!important;z-index:1!important;
  background:linear-gradient(0deg,rgba(2,17,29,.96),rgba(4,24,39,.48) 48%,transparent 85%)!important;
}
body[data-mm-page="home"] .toolrail>.tool-tile .tool-name,
body[data-mm-page="home"] .toolrail>.tool-tile .tool-desc{
  position:relative!important;z-index:2!important;display:block!important;
  margin:0!important;max-width:none!important;min-height:0!important;
  padding:0 16px!important;transform:none!important;text-align:left!important;
  text-shadow:0 2px 8px rgba(0,0,0,.85)!important;
}
body[data-mm-page="home"] .toolrail>.tool-tile .tool-name{
  color:#fff!important;font-size:19px!important;font-weight:850!important;
  line-height:1.15!important;letter-spacing:-.025em!important;
}
body[data-mm-page="home"] .toolrail>.tool-tile .tool-desc{
  color:#d7f2fe!important;font-size:12px!important;line-height:1.3!important;
  padding-top:7px!important;padding-bottom:18px!important;
  white-space:normal!important;
}
body[data-mm-page="home"] .toolrail>.tool-tile .tool-arrow{
  display:none!important;
}
body[data-mm-page="home"] .toolrail>.tool-tile.selected{outline:2px solid #81fe50!important;outline-offset:-3px}
body[data-mm-page="home"] .toolrail>.tool-tile:hover{filter:brightness(1.07);box-shadow:0 0 0 2px #57dafa!important}
body[data-mm-page="home"] .toolrail>.tool-tile .tool-icon{display:none!important}
body[data-mm-page="home"] .toolrail>.tool-tile .sr-only{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important}
/* Context for the rail and real scroll controls */
.vwh-tools-head{width:min(95%,1510px);max-width:1510px;margin:20px auto 6px;display:flex;align-items:end;justify-content:space-between;gap:12px}
.vwh-tools-head strong{font-size:22px;color:#f2faff}
.vwh-tools-head small{display:block;color:#9ad1e4;font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:800}
.vwh-rail-actions{display:flex;gap:8px}
.vwh-rail-actions button{min-width:40px;min-height:40px;border-radius:50%;border:1px solid #3dc4f3;background:#0c3e5a;color:#eaffff;font-size:23px;line-height:1}
body[data-mm-page="home"] .feature-scroller .scroller-track{display:flex!important;flex-flow:row nowrap!important;gap:14px!important;overflow-x:auto!important;scroll-snap-type:x mandatory;scrollbar-width:thin}
body[data-mm-page="home"] .feature-scroller .scroller-track>a{flex:0 0 clamp(210px,26vw,270px)!important;width:clamp(210px,26vw,270px)!important;margin:0!important;transform:none!important;position:relative;scroll-snap-align:start;overflow:hidden}
body[data-mm-page="home"] .feature-scroller .scroller-track>a img{height:160px;width:100%;object-fit:cover}
/* the V8 source cards incorrectly used a truck for workshops and various parts. Titles remain distinct. */
body[data-mm-page="studio"] .studio-main{max-width:1520px!important;width:calc(100% - 32px)!important;margin:0 auto!important}
body[data-mm-page="studio"] .studio-grid{display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)!important;gap:20px!important;align-items:start!important}
body[data-mm-page="studio"] .visual-panel,body[data-mm-page="studio"] .studio-controls{min-width:0!important;max-width:100%!important;overflow:hidden!important}
body[data-mm-page="studio"] .visual-image{
  width:100%!important;min-height:0!important;height:auto!important;aspect-ratio:601/286!important;
  display:block!important;position:relative!important;overflow:hidden!important;background:#071725!important;
  border-radius:16px!important;margin:0!important;padding:0!important;
}
body[data-mm-page="studio"] .visual-image>img#carVisual{
  width:100%!important;height:100%!important;max-height:none!important;
  object-fit:cover!important;object-position:center!important;display:block!important;position:absolute!important;inset:0!important;
}
body[data-mm-page="studio"] .visual-image::before,body[data-mm-page="studio"] .visual-image::after{pointer-events:none}
body[data-mm-page="studio"] .studio-prev,body[data-mm-page="studio"] .studio-next{
  position:absolute!important;top:50%!important;transform:translateY(-50%)!important;
  margin:0!important;width:48px!important;height:48px!important;
  z-index:5!important;font-size:36px!important;background:rgba(7,73,65,.84)!important;
}
body[data-mm-page="studio"] .studio-prev{left:10px!important;right:auto!important}
body[data-mm-page="studio"] .studio-next{right:10px!important;left:auto!important}
body[data-mm-page="studio"] .preview-badge{max-width:calc(100% - 110px)!important;z-index:3!important}
body[data-mm-page="studio"] .snapshot-btn{position:absolute!important;top:12px!important;right:12px!important;left:auto!important;z-index:6!important}
body[data-mm-page="studio"] .studio-tabs{
  position:relative!important;inset:auto!important;margin:14px 0!important;padding:0!important;
  display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:8px!important;transform:none!important;overflow:visible!important;
  background:transparent!important;height:auto!important;max-height:none!important;
}
body[data-mm-page="studio"] .studio-tabs button{
  position:relative!important;inset:auto!important;min-width:0!important;min-height:90px!important;
  height:auto!important;padding:13px 6px!important;border-radius:14px!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  transform:none!important;line-height:1.2!important;font-size:13px!important;
}
body[data-mm-page="studio"] .visual-note{position:relative!important;margin:10px 0!important}
body[data-mm-page="studio"] .vwh-photo-inline{margin:12px 0!important;padding:18px!important}
body[data-mm-page="studio"] .vwh-photo-tools{display:flex!important;flex-wrap:wrap!important;gap:10px!important}
body[data-mm-page="studio"] .vwh-photo-tools label{display:inline-flex;align-items:center;gap:5px}
body[data-mm-page="studio"] .vwh-photo-box{min-height:230px!important;max-height:none!important}
body[data-mm-page="studio"] .vwh-photo-box canvas{width:100%!important;max-height:500px!important;height:auto!important;object-fit:contain!important}
body[data-mm-page="studio"] .studio-controls .three-fields{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
body[data-mm-page="studio"] .studio-controls .control-cols{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}
body[data-mm-page="studio"] .studio-controls .wrap-grid,
body[data-mm-page="studio"] .studio-controls .finish-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
body[data-mm-page="studio"] .studio-controls .wrap-grid button,
body[data-mm-page="studio"] .studio-controls .finish-grid button{min-height:58px!important;height:auto!important;padding:10px!important;white-space:normal!important;text-align:center!important;font-size:12px!important}
body[data-mm-page="studio"] .studio-controls .swatches{display:flex!important;flex-wrap:wrap!important;gap:9px!important}
body[data-mm-page="studio"] .studio-controls .swatches button{flex:none!important;width:36px!important;height:36px!important}
body[data-mm-page="studio"] .studio-controls h2,body[data-mm-page="studio"] .studio-controls h3{overflow-wrap:anywhere}
body[data-mm-page="studio"] .studio-bottom{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
/* Trip workflow: map is always prominent; costs are step two */
body[data-mm-page="suite"] .trip-steps{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;max-width:1100px;margin:0 auto}
body[data-mm-page="suite"] .trip-step{background:linear-gradient(150deg,#092d45,#0a2135);border:1px solid #227798;border-radius:22px;padding:clamp(16px,2vw,27px);min-width:0;box-shadow:0 14px 36px #0004}
body[data-mm-page="suite"] .trip-step .step-head{display:flex;gap:13px;align-items:flex-start;margin-bottom:22px}
body[data-mm-page="suite"] .trip-step .step-number{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#79ee4f;color:#0c2c20;font-weight:950;font-size:17px}
body[data-mm-page="suite"] .trip-step .step-head h2{margin:0 0 5px;color:white;font-size:26px;letter-spacing:-.035em}
body[data-mm-page="suite"] .trip-step .step-head p{margin:0;color:#afd3e3;font-size:13px}
body[data-mm-page="suite"] .trip-location-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:14px}
body[data-mm-page="suite"] .trip-location-field{border:1px solid #26738c;border-radius:15px;padding:15px;background:#09273b;min-width:0}
body[data-mm-page="suite"] .trip-location-field .field label{font-size:14px;color:#d9f8ff}
body[data-mm-page="suite"] .trip-location-field .field input{min-height:52px;font-size:15px}
body[data-mm-page="suite"] .trip-compact-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:10px}
body[data-mm-page="suite"] .trip-compact-actions .button{min-height:41px}
body[data-mm-page="suite"] .trip-map-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:10px 0}
body[data-mm-page="suite"] .trip-map-header .choice{margin:0;max-width:440px;flex:1 1 330px}
body[data-mm-page="suite"] .trip-map-header>span{font-size:12px;color:#a6d7e9}
body[data-mm-page="suite"] .trip-main-map{height:clamp(360px,43vw,540px)!important;border:2px solid #398caa!important;border-radius:18px!important}
body[data-mm-page="suite"] .trip-map-footer{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-top:12px}
body[data-mm-page="suite"] .trip-map-footer>.status{flex:1 1 300px;margin-top:0!important}
body[data-mm-page="suite"] .trip-map-footer>.action-row{margin:0!important}
body[data-mm-page="suite"] .trip-form>.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
body[data-mm-page="suite"] .trip-advanced{border:1px solid #286b87;background:#071e31;border-radius:13px;padding:13px;margin-top:14px}
body[data-mm-page="suite"] .trip-advanced summary{cursor:pointer;font-weight:800;color:#a9e9ff}
body[data-mm-page="suite"] .trip-advanced[open]>.field-grid,body[data-mm-page="suite"] .trip-advanced[open]>.field{margin-top:13px}
body[data-mm-page="suite"] .trip-disclaimer{border:1px solid #224d66;border-radius:14px;padding:15px 19px;color:#a8c9d7;font-size:13px}
body[data-mm-page="suite"] .trip-disclaimer summary{cursor:pointer;font-weight:700;color:#b8dbea}
body[data-mm-page="suite"] .trip-calc-actions .button{min-width:225px;min-height:50px}
body[data-mm-page="suite"] .trip-cost-step .statrow{margin-top:20px}
/* Don't force long floating assistant over form inputs on small displays */
.vwh-chat{z-index:300!important}
.vwh-chat-toggle{max-width:165px!important}
[data-mm-theme="light"] body[data-mm-page="suite"] .trip-step{background:#fff;color:#183b50;border-color:#a8d5e7}
[data-mm-theme="light"] body[data-mm-page="suite"] .trip-step h2{color:#17384d}
[data-mm-theme="light"] body[data-mm-page="suite"] .trip-step p{color:#526d7c}
[data-mm-theme="light"] body[data-mm-page="suite"] .trip-location-field{background:#f1f9fe;color:#17384d}
@media(max-width:1150px){body[data-mm-page="studio"] .studio-grid{grid-template-columns:1fr!important}body[data-mm-page="studio"] .studio-controls .three-fields{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:720px){
 body[data-mm-page="home"] .toolrail>.tool-tile{flex-basis:195px!important;height:195px!important;min-height:195px!important}
 .vwh-tools-head strong{font-size:18px}
 body[data-mm-page="studio"] .studio-controls .three-fields,body[data-mm-page="studio"] .studio-controls .control-cols{grid-template-columns:1fr!important}
 body[data-mm-page="studio"] .studio-tabs{grid-template-columns:repeat(5,minmax(100px,1fr))!important;overflow-x:auto!important;scrollbar-width:thin}
 body[data-mm-page="studio"] .studio-bottom{grid-template-columns:1fr!important}
 body[data-mm-page="suite"] .trip-location-controls,body[data-mm-page="suite"] .trip-form>.field-grid{grid-template-columns:1fr!important}
 body[data-mm-page="suite"] .trip-main-map{height:350px!important}
 body[data-mm-page="suite"] .trip-step .step-head h2{font-size:22px}
 body[data-mm-page="suite"] .trip-map-header .choice{flex:1 1 100%}
}

.vwh-method-section{width:calc(100% - 9vw);max-width:1350px;margin:62px auto 0;padding:28px;border:1px solid #28698b;border-radius:22px;background:linear-gradient(120deg,#0c2f46,#092235)}.vwh-method-section h2{font-size:clamp(26px,3vw,38px);margin:7px 0 9px;color:#fff}.vwh-method-section>p{color:#bbd7e5}.vwh-method-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px}.vwh-method-links a{display:block;background:#092237;border:1px solid #27718c;border-radius:15px;padding:18px;text-decoration:none}.vwh-method-links a:hover{border-color:#74e8fd}.vwh-method-links strong{display:block;color:#fff;font-size:16px}.vwh-method-links span{display:block;color:#9ed5ed;margin-top:7px;font-size:12px}html[data-mm-theme=light] .vwh-method-section,html[data-mm-theme=light] .vwh-method-links a{background:#fff;color:#183b51;border-color:#a5d2e5}html[data-mm-theme=light] .vwh-method-section h2,html[data-mm-theme=light] .vwh-method-links strong{color:#17354e}@media(max-width:760px){.vwh-method-links{grid-template-columns:1fr}.vwh-method-section{width:calc(100% - 28px);padding:20px}}/* Mobile navigation width and clean car placement */
@media(max-width:720px){
  body[data-mm-page="home"] .hero{display:flex!important;flex-direction:column!important;min-height:0!important;height:auto!important;overflow:hidden!important}
  body[data-mm-page="home"] .hero-text{width:100%!important;max-width:none!important;padding:32px 18px 10px!important;position:relative!important;z-index:2!important}
  body[data-mm-page="home"] .hero-photo{position:relative!important;inset:auto!important;opacity:1!important;mask-image:none!important;-webkit-mask-image:none!important;z-index:0!important;flex:none!important;width:100%!important;height:205px!important;margin:6px 0 0!important;overflow:hidden!important}
  body[data-mm-page="home"] .hero-photo::before{background:linear-gradient(180deg,#061a2bd6,transparent 18%,transparent 75%,#061827a0)!important}
  body[data-mm-page="home"] .hero-photo img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;animation:none!important}
  body[data-mm-page="home"] .hero h1{font-size:clamp(32px,8.5vw,40px)!important;line-height:1.06!important}
  body[data-mm-page="home"] .hero-actions{margin-top:19px!important}
  body[data-mm-page="home"] .mini-benefits{margin-top:16px!important;margin-bottom:8px!important}
  body[data-mm-page="home"] .toolrail{margin:0 auto 20px!important}
  body[data-mm-page="home"] .vwh-tools-head{margin-top:22px!important}
  body[data-mm-page="suite"] .shell-header{height:66px!important;padding:0 10px!important;gap:8px!important;max-width:100vw!important;min-width:0!important}
  body[data-mm-page="suite"] .shell-header .logo{font-size:clamp(18px,5vw,22px)!important;max-width:calc(100vw - 145px)!important;overflow:hidden!important;white-space:nowrap!important}
  body[data-mm-page="suite"] .shell-header .logo small{display:none!important}
  body[data-mm-page="suite"] .shell-header #menuToggle{margin-left:auto!important;min-width:0!important;white-space:nowrap!important;padding:8px 9px!important;font-size:12px!important}
  body[data-mm-page="suite"] .shell-header .mm-theme-control{width:36px!important;height:36px!important;min-width:36px!important;flex:none!important}
  body[data-mm-page="suite"] .sidebar{top:66px!important;height:calc(100vh - 66px)!important}
}
@media(max-width:720px){
 body[data-mm-page="home"] .hero-photo{height:180px!important;background:#071827!important}
 body[data-mm-page="home"] .hero-photo img{object-fit:contain!important;object-position:center!important}
 body[data-mm-page="studio"] .studio-tabs{grid-template-columns:repeat(3,minmax(0,1fr))!important;overflow:visible!important;gap:8px!important}
 body[data-mm-page="studio"] .studio-tabs button{min-height:78px!important;font-size:12px!important}
}