/* Corek V29 navigation and vehicle links */
.vehicle-feature-grid{display:flex;flex-wrap:wrap;gap:9px}
.vehicle-feature-chip,.vehicle-feature-grid span{display:inline-flex;align-items:center;text-decoration:none;padding:8px 11px;border-radius:7px;background:linear-gradient(180deg,#f3f4f4,#e4e6e7);border:1px solid #c8cccf;color:#262a2e;font-weight:800}
.vehicle-feature-chip-stage{background:linear-gradient(135deg,#ff7a19,#e94d0a)!important;border-color:#ff8b42!important;color:#fff!important;box-shadow:0 8px 20px rgba(236,82,10,.22)}
.vehicle-feature-chip-stage:hover{transform:translateY(-1px);box-shadow:0 12px 25px rgba(236,82,10,.3)}

/* Stage 1 selector at the top, opposite the logo */
.stage-top-grid{display:grid!important;grid-template-columns:minmax(0,1fr) 330px;gap:34px;align-items:center}
.stage-top-selector{text-align:left;min-width:0}
.stage-top-selector h1{font-size:clamp(30px,4vw,54px);margin:6px 0 10px}
.stage-top-selector>.lead{max-width:780px;margin:0 0 18px}
.stage-top-logo img{width:100%;max-width:330px;height:auto;object-fit:contain}
.stage-top-selector .stage-brand-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:12px 0}
.stage-top-selector .stage-brand{min-height:42px;padding:8px 6px!important;background:linear-gradient(180deg,#f2f3f3,#dfe2e3)!important;color:#24282b!important;border:1px solid #c7cbce!important;border-radius:8px!important;box-shadow:none!important}
.stage-top-selector .stage-brand.active{background:linear-gradient(135deg,#ff7418,#e64d0a)!important;color:#fff!important;border-color:#ff8b44!important}
.stage-top-selector .stage-brand-panel{margin-top:10px!important;background:linear-gradient(180deg,#eceeef,#f8f8f7)!important;border:1px solid #c8cccf!important;border-radius:12px!important;padding:12px!important}
.stage-top-selector .stage-model-button{background:#fff!important;color:#25292d!important;border:1px solid #ccd0d2!important;border-radius:7px!important}
.stage-top-selector .stage-model-button.active{background:#f26722!important;color:#fff!important;border-color:#f26722!important}
.stage-results-section{padding-top:22px!important}
.stage-result-heading{text-align:center;font-size:25px;font-weight:900;margin:0 0 14px;color:#202327}
.stage-description-after{padding-top:42px!important}

/* Stage 1 table: clear, light and high contrast */
.stage-result-card{background:linear-gradient(145deg,#f8f8f7,#e4e7e8)!important;color:#202326!important;border:1px solid #c9cdd0!important;box-shadow:0 18px 45px rgba(20,25,30,.12)!important}
.stage-engine-meta span,.stage-engine-note{color:#4e555a!important}
.stage-comparison-table{border:1px solid #bfc4c7!important;border-radius:10px!important;overflow:hidden!important;background:#f6f7f7!important}
.stage-table-row{border-bottom:1px solid #c9cdd0!important;background:#f7f8f8!important}
.stage-table-row:nth-child(even){background:#e9ebec!important}
.stage-table-row>div{color:#24282c!important;border-right:1px solid #c9cdd0!important;font-weight:700!important}
.stage-table-head{background:#34393e!important}
.stage-table-head>div{color:#fff!important;font-weight:900!important}
.stage-table-row:not(.stage-table-head)>div:nth-child(3),.stage-table-row:not(.stage-table-head)>div:last-child{color:#d94b0c!important}

/* Charts: black/red/gray instead of green-on-black */
.stage-growth-chart{background:linear-gradient(145deg,#f5f6f6,#dfe2e3)!important;border:1px solid #bfc4c7!important;color:#202326!important}
.stage-chart-kicker{color:#e94f0d!important}.stage-chart-title{color:#202326!important}
.chart-grid{stroke:#abb1b5!important;opacity:.6!important}
.chart-axis-labels text{fill:#555d62!important}
.chart-power-before{stroke:#1f2326!important;stroke-width:2.4!important;stroke-dasharray:7 5!important;opacity:.82!important}
.chart-power{stroke:#e44613!important;stroke-width:3.4!important;filter:drop-shadow(0 0 4px rgba(228,70,19,.28))!important}
.chart-torque-before{stroke:#6e757a!important;stroke-width:2.4!important;stroke-dasharray:3 5!important;opacity:.9!important}
.chart-torque{stroke:#b11e16!important;stroke-width:3.1!important;stroke-dasharray:11 5!important;filter:drop-shadow(0 0 3px rgba(177,30,22,.22))!important}
.stage-chart-legend span{color:#343a3f!important}.stage-chart-legend b{color:#16191b!important}
.stage-chart-legend i.power-before{background:#1f2326!important}.stage-chart-legend i.power{background:#e44613!important}.stage-chart-legend i.torque-before{background:#6e757a!important}.stage-chart-legend i.torque{background:#b11e16!important}
.stage-accel-chip{background:linear-gradient(135deg,#fff,#e4e6e7)!important;border:1px solid #c7cbce!important}.stage-accel-chip span,.stage-accel-chip small{color:#555d62!important}.stage-accel-chip b{color:#d9470d!important}
.stage-chart-modal{background:rgba(25,29,32,.9)!important}.stage-chart-close{background:#f2f3f3!important;color:#d9470d!important;border-color:#c7cbce!important}

/* Regional contacts */
.regional-reps{background:linear-gradient(135deg,#e0e3e5,#f7f7f6)!important}
.regional-reps h2{text-align:center}.regional-reps>.wrap>.eyebrow,.regional-reps>.wrap>.lead{text-align:center;margin-left:auto;margin-right:auto}
.regional-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:22px}
.regional-card{display:block;text-decoration:none;color:#202326;background:linear-gradient(145deg,#fff,#e7e9ea);border:1px solid #c7cbce;border-radius:16px;padding:22px;box-shadow:0 12px 32px rgba(25,30,35,.09)}
.regional-card h3{margin:0 0 8px}.regional-card p{color:#555c61;line-height:1.55}.regional-card span{color:#ee5b14;font-weight:900}
@media(max-width:1000px){.stage-top-grid{grid-template-columns:1fr 250px}.stage-top-selector .stage-brand-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:760px){.stage-top-grid{grid-template-columns:1fr}.stage-top-logo{order:-1;text-align:center}.stage-top-logo img{max-width:210px}.stage-top-selector{text-align:center}.stage-top-selector .stage-brand-grid{grid-template-columns:repeat(3,1fr)}.regional-grid{grid-template-columns:1fr}}


/* V30 — rich vehicle cards, video, cleaner dyno charts */
.vehicle-ad-copy{font-size:14px;line-height:1.58;color:#30343a}.vehicle-ad-lead{font-size:16px;margin:0 0 14px}.vehicle-ad-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.vehicle-ad-grid section{padding:14px 16px;border:1px solid rgba(32,38,45,.1);border-radius:14px;background:linear-gradient(145deg,#f1f2f2,#fafafa)}.vehicle-ad-grid h4{margin:0 0 8px;color:#e95814}.vehicle-ad-grid ul{margin:0;padding-left:18px}.vehicle-ad-grid li{margin:4px 0}.vehicle-ad-special,.vehicle-ad-guarantee{margin-top:12px;padding:12px 14px;border-radius:12px}.vehicle-ad-special{background:linear-gradient(90deg,#fff0e8,#fff8f3);border-left:4px solid #f15a19}.vehicle-ad-guarantee{background:#eceeef}.vehicle-video-block{margin:16px 0;padding:16px;border:1px solid rgba(30,35,42,.12);border-radius:16px;background:linear-gradient(145deg,#e5e7e9,#fafafa)}.vehicle-video-block h3{margin:0 0 10px}.vehicle-video-block video{display:block;width:100%;max-height:480px;border-radius:12px;background:#171a1e}.vehicle-video-link{display:inline-flex!important}.vehicle-video-editor{margin:16px 0;padding:16px;border:1px solid rgba(30,35,42,.12);border-radius:14px;background:linear-gradient(145deg,#e7e9eb,#fafafa)}.vehicle-admin-video-preview{margin-top:8px}.vehicle-admin-video-preview a{color:#e95814;font-weight:800}
.stage-growth-chart{background:linear-gradient(145deg,#f0f1f2,#dfe2e5)!important;border:1px solid rgba(20,25,30,.16)!important;box-shadow:0 16px 40px rgba(20,25,30,.12)!important}.stage-chart-kicker{color:#e55218!important}.stage-chart-title{color:#181b20!important}.chart-grid{stroke:rgba(30,35,42,.13)!important}.chart-axis-labels text{fill:#4f565e!important}.chart-power-before{stroke:#24282d!important;stroke-width:2.2!important;stroke-dasharray:8 5!important;fill:none}.chart-power{stroke:#e34c17!important;stroke-width:3!important;fill:none;filter:drop-shadow(0 2px 2px rgba(227,76,23,.25))!important}.chart-torque-before{stroke:#6b727a!important;stroke-width:2.2!important;stroke-dasharray:3 5!important;fill:none}.chart-torque{stroke:#9b1f17!important;stroke-width:3!important;stroke-dasharray:10 5!important;fill:none;filter:drop-shadow(0 2px 2px rgba(155,31,23,.18))!important}.stage-chart-legend span{color:#444a51!important;background:rgba(255,255,255,.48);padding:7px 9px;border-radius:8px}.stage-chart-legend b{color:#171a1e!important}.stage-chart-legend i.power-before{background:#24282d!important}.stage-chart-legend i.power{background:#e34c17!important}.stage-chart-legend i.torque-before{background:#6b727a!important}.stage-chart-legend i.torque{background:#9b1f17!important}.stage-accel-chip{background:linear-gradient(135deg,#f4e6de,#fafafa)!important;border-color:rgba(227,76,23,.25)!important}.stage-accel-chip b{color:#b83218!important}.stage-growth-chart>small{color:#60666d!important}
@media(max-width:760px){.vehicle-ad-grid{grid-template-columns:1fr}}


/* V38 — compact desktop vehicle card: image and key info fit in one screen */
@media (min-width: 1001px){
  .vehicle-modal{padding:10px!important;align-items:center!important}
  .vehicle-modal-card{
    width:min(1240px,97vw)!important;
    max-height:min(720px,92vh)!important;
    overflow:hidden!important;
    grid-template-columns:minmax(390px,41%) minmax(0,59%)!important;
    align-items:stretch!important;
    border-radius:18px!important;
  }
  .vehicle-media-column{
    display:grid!important;
    grid-template-rows:minmax(0,1fr) auto!important;
    min-width:0!important;
    padding:16px 0 16px 16px!important;
    gap:10px!important;
  }
  .vehicle-cover-wrap{
    min-height:0!important;
    height:auto!important;
    padding:0!important;
    border-radius:14px!important;
  }
  .vehicle-cover-wrap img{
    width:100%!important;
    height:100%!important;
    min-height:310px!important;
    max-height:390px!important;
    object-fit:contain!important;
  }
  .vehicle-quick-notes{display:grid!important;gap:8px!important}
  .vehicle-quick-note{
    padding:10px 12px!important;
    border-radius:11px!important;
    font-size:12px!important;
    line-height:1.35!important;
    color:#34383c!important;
  }
  .vehicle-quick-note-special{background:linear-gradient(90deg,#fff0e7,#fff8f3)!important;border-left:4px solid #f15a19!important}
  .vehicle-quick-note-guarantee{background:#e7eaec!important}
  .vehicle-modal-copy{
    padding:22px 24px 18px!important;
    min-width:0!important;
    overflow:hidden!important;
  }
  .vehicle-modal-copy .eyebrow{font-size:11px!important;margin:0 0 3px!important}
  .vehicle-modal-copy h2{font-size:clamp(30px,3vw,44px)!important;line-height:1!important;margin:3px 0 8px!important}
  #vehicleIntro{font-size:13px!important;line-height:1.35!important;margin:0 0 6px!important}
  .vehicle-modal-copy .image-note{display:none!important}
  #vehicleServices{margin:0!important}
  .vehicle-modal-copy .vehicle-feature-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    margin:8px 0 10px!important;
  }
  .vehicle-modal-copy .vehicle-feature-chip,
  .vehicle-modal-copy .vehicle-feature-grid span{
    min-height:36px!important;
    padding:7px 9px!important;
    font-size:11px!important;
    line-height:1.15!important;
    justify-content:center!important;
    text-align:center!important;
  }
  .vehicle-admin-description{margin:0!important}
  .vehicle-modal-copy .vehicle-ad-copy{font-size:12.5px!important;line-height:1.38!important}
  .vehicle-modal-copy .vehicle-ad-lead{font-size:13px!important;margin:0 0 8px!important}
  .vehicle-modal-copy .vehicle-ad-grid{gap:8px!important}
  .vehicle-modal-copy .vehicle-ad-grid section{padding:10px 12px!important;border-radius:11px!important}
  .vehicle-modal-copy .vehicle-ad-grid h4{font-size:12.5px!important;margin:0 0 5px!important}
  .vehicle-modal-copy .vehicle-ad-grid ul{padding-left:16px!important}
  .vehicle-modal-copy .vehicle-ad-grid li{margin:2px 0!important}
  .vehicle-modal-copy .vehicle-ad-special,
  .vehicle-modal-copy .vehicle-ad-guarantee{display:none!important}
  .vehicle-modal-copy>.buttons{margin-top:10px!important;gap:8px!important}
  .vehicle-modal-copy>.buttons .premium-btn{min-height:38px!important;padding:9px 13px!important;font-size:12px!important}
  .vehicle-video-block{margin:8px 0!important;padding:10px!important}
}
@media (max-width:1000px){
  .vehicle-media-column{display:block!important}
  .vehicle-quick-notes{display:none!important}
}


/* V39 — four service buttons and compact model preview on Installation Apps */
@media (min-width: 1001px){
  /* Opened vehicle card: exactly four compact buttons in a 2x2 grid. */
  .vehicle-modal-copy .vehicle-feature-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-rows:38px!important;
    gap:7px!important;
    margin:7px 0 9px!important;
  }
  .vehicle-modal-copy .vehicle-feature-chip,
  .vehicle-modal-copy .vehicle-feature-grid span{
    min-height:38px!important;
    height:38px!important;
    padding:6px 10px!important;
  }

  /* Brand/model selection preview: image and information sit side by side and fit in one screen. */
  #brandPreview.brand-preview{
    min-height:0!important;
    height:auto!important;
    grid-template-columns:minmax(410px,44%) minmax(0,56%)!important;
    align-items:stretch!important;
    margin-top:12px!important;
    border-radius:16px!important;
    overflow:hidden!important;
  }
  #brandPreview .brand-preview-art{
    min-height:330px!important;
    padding:12px!important;
    background:linear-gradient(145deg,#eef0f2,#dfe3e7)!important;
  }
  #brandPreview .brand-preview-art img{
    width:100%!important;
    height:306px!important;
    max-height:306px!important;
    object-fit:contain!important;
    object-position:center!important;
    border-radius:12px!important;
  }
  #brandPreview .brand-preview-copy{
    min-width:0!important;
    padding:18px 22px!important;
    overflow:hidden!important;
  }
  #brandPreview .brand-preview-copy .eyebrow{
    margin:0 0 3px!important;
    font-size:10px!important;
  }
  #brandPreview .brand-preview-copy h2{
    margin:2px 0 7px!important;
    font-size:clamp(28px,3vw,42px)!important;
    line-height:1!important;
  }
  #brandPreview .vehicle-feature-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-rows:38px!important;
    gap:7px!important;
    margin:7px 0 9px!important;
  }
  #brandPreview .vehicle-feature-chip,
  #brandPreview .vehicle-feature-grid span{
    display:flex!important;
    min-height:38px!important;
    height:38px!important;
    padding:6px 9px!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    font-size:11px!important;
    line-height:1.12!important;
  }
  #brandPreview .vehicle-ad-copy{
    font-size:12px!important;
    line-height:1.34!important;
  }
  #brandPreview .vehicle-ad-lead{
    margin:0 0 7px!important;
    font-size:12.5px!important;
  }
  #brandPreview .vehicle-ad-grid{
    gap:7px!important;
  }
  #brandPreview .vehicle-ad-grid section{
    padding:9px 11px!important;
    border-radius:10px!important;
  }
  #brandPreview .vehicle-ad-grid h4{
    margin:0 0 4px!important;
    font-size:12px!important;
  }
  #brandPreview .vehicle-ad-grid ul{
    padding-left:15px!important;
  }
  #brandPreview .vehicle-ad-grid li{
    margin:1px 0!important;
  }
  #brandPreview .vehicle-ad-special,
  #brandPreview .vehicle-ad-guarantee{
    display:none!important;
  }
}
@media (max-width:1000px){
  #brandPreview .vehicle-feature-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

/* V40 — hard mobile adaptation for all phone widths */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;overflow-x:hidden}
*,*::before,*::after{box-sizing:border-box}
img,svg,video,canvas,iframe{max-width:100%}
body{overflow-x:hidden}
:where(.wrap,.wrap-wide,.wrap-content,.container,.section,.pagehero,.vehicle-modal-copy,.brand-preview-copy,.vehicle-selector-panel,.card,.step,.contactbox,.vehicle-card,.model-card,.catalog-card){min-width:0}
:where(h1,h2,h3,h4,p,li,a,button,span,strong,small,label){overflow-wrap:anywhere;word-break:normal}

@media (max-width:850px){
  body{padding-bottom:0!important}
  .wrap,.wrap-wide{width:100%!important;max-width:none!important;padding-left:14px!important;padding-right:14px!important}
  .wrap-content{width:calc(100% - 20px)!important;max-width:none!important}
  .section{padding-top:34px!important;padding-bottom:34px!important}
  .pagehero{padding:24px 0 20px!important}
  .pagehero h1,.hero-copy h1{font-size:clamp(30px,9vw,44px)!important;line-height:1.06!important;letter-spacing:-.02em!important}
  h2{font-size:clamp(24px,7vw,34px)!important;line-height:1.12!important}
  h3{font-size:clamp(19px,5.5vw,26px)!important;line-height:1.18!important}
  p,li{font-size:14px!important;line-height:1.5!important}

  /* Header/navigation: no overlap and large tap targets. */
  .approved-nav{height:60px!important;min-height:60px!important;padding:0 12px!important;gap:8px!important}
  .approved-brand{min-width:0!important;max-width:190px!important;flex:1 1 auto!important}
  .approved-brand img{width:42px!important;height:42px!important;flex:0 0 42px!important}
  .approved-brand span{font-size:18px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .approved-burger{display:block!important;flex:0 0 auto!important;min-width:46px!important;min-height:42px!important;margin-left:auto!important;padding:8px 12px!important}
  .approved-links{top:60px!important;left:8px!important;right:8px!important;max-height:calc(100dvh - 72px)!important;overflow-y:auto!important;padding:8px!important;border-radius:0 0 14px 14px!important;z-index:5000!important}
  .approved-links a{display:flex!important;align-items:center!important;justify-content:center!important;min-height:44px!important;padding:10px 12px!important;font-size:14px!important;line-height:1.2!important;white-space:normal!important}

  /* Brand/model selectors and grids scale down without clipped text. */
  .stage-brand-grid,.brand-grid,.vehicle-grid,.models-grid,.cards,.grid3,.grid4{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .stage-brand-grid>* ,.brand-grid>* ,.vehicle-grid>* ,.models-grid>*{min-width:0!important}
  .vehicle-select,select,input,textarea{width:100%!important;max-width:100%!important;min-height:44px!important;font-size:16px!important}
  .premium-btn,.btn,button,a.biglink{min-height:44px!important;max-width:100%!important;white-space:normal!important;line-height:1.2!important;text-align:center!important}

  /* Installation Apps preview: large image first, compact content underneath. */
  #brandPreview.brand-preview,.brand-preview{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%!important;
    min-height:0!important;
    margin-top:12px!important;
    border-radius:14px!important;
    overflow:hidden!important;
  }
  #brandPreview .brand-preview-art,.brand-preview-art{
    order:1!important;
    min-height:0!important;
    padding:8px!important;
  }
  #brandPreview .brand-preview-art img,.brand-preview-art img{
    width:100%!important;
    height:auto!important;
    max-height:46dvh!important;
    min-height:210px!important;
    aspect-ratio:3/2!important;
    object-fit:contain!important;
  }
  #brandPreview .brand-preview-copy,.brand-preview-copy{
    order:2!important;
    min-width:0!important;
    padding:14px!important;
    overflow:visible!important;
  }
  #brandPreview .brand-preview-copy h2{font-size:clamp(27px,9vw,38px)!important;margin:2px 0 8px!important}
  #brandPreview .vehicle-feature-grid,.vehicle-feature-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    margin:8px 0 10px!important;
  }
  #brandPreview .vehicle-feature-chip,#brandPreview .vehicle-feature-grid span,.vehicle-feature-chip,.vehicle-feature-grid span{
    width:100%!important;
    min-width:0!important;
    min-height:44px!important;
    height:auto!important;
    padding:9px 7px!important;
    font-size:12px!important;
    line-height:1.2!important;
    white-space:normal!important;
  }
  #brandPreview .vehicle-ad-grid,.vehicle-ad-grid{grid-template-columns:1fr!important;gap:8px!important}
  #brandPreview .vehicle-ad-grid section,.vehicle-ad-grid section{padding:11px 12px!important}
  #brandPreview .vehicle-ad-special,#brandPreview .vehicle-ad-guarantee{display:block!important;margin-top:8px!important;padding:10px 12px!important}

  /* Opened vehicle card: true mobile sheet, no horizontal scroll. */
  .vehicle-modal{align-items:flex-start!important;padding:8px!important;overflow-y:auto!important;overscroll-behavior:contain!important}
  .vehicle-modal-card{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%!important;
    max-width:720px!important;
    max-height:none!important;
    margin:auto!important;
    border-radius:16px!important;
    overflow:visible!important;
  }
  .vehicle-media-column{display:block!important;order:1!important;min-width:0!important;padding:10px 10px 0!important}
  .vehicle-cover-wrap{width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:3/2!important;border-radius:12px!important}
  .vehicle-cover-wrap img{width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;object-fit:contain!important}
  .vehicle-quick-notes{display:none!important}
  .vehicle-modal-copy{order:2!important;min-width:0!important;padding:12px 14px 18px!important;overflow:visible!important}
  .vehicle-modal-copy h2{font-size:clamp(28px,9vw,40px)!important;line-height:1!important;margin:3px 0 8px!important}
  .vehicle-modal-copy .vehicle-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:8px 0 10px!important}
  .vehicle-modal-copy .vehicle-feature-chip,.vehicle-modal-copy .vehicle-feature-grid span{min-height:44px!important;height:auto!important;padding:9px 7px!important;font-size:12px!important;white-space:normal!important}
  .vehicle-modal-copy .vehicle-ad-grid{grid-template-columns:1fr!important;gap:8px!important}
  .vehicle-modal-copy .vehicle-ad-grid section{padding:11px 12px!important}
  .vehicle-modal-copy .vehicle-ad-special,.vehicle-modal-copy .vehicle-ad-guarantee{display:block!important;margin-top:8px!important;padding:10px 12px!important}
  .vehicle-modal-copy>.buttons{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  .vehicle-modal-close{position:sticky!important;top:6px!important;float:right!important;z-index:10!important;min-width:44px!important;min-height:44px!important}

  /* Tables and long admin/content blocks stay readable. */
  .table-wrap,.responsive-table{width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}
  table{min-width:620px}
  .contactgrid,.regional-grid,.approved-bottom,.quick-dashboard-grid,.marketing-fields,.marketing-workspace,.source-panel-body{grid-template-columns:1fr!important}
}

@media (max-width:520px){
  .wrap,.wrap-wide{padding-left:10px!important;padding-right:10px!important}
  .wrap-content{width:calc(100% - 14px)!important}
  .section{padding-top:28px!important;padding-bottom:28px!important}
  .stage-brand-grid,.brand-grid,.vehicle-grid,.models-grid,.cards,.grid3,.grid4{grid-template-columns:1fr!important}
  #brandPreview .brand-preview-art img,.brand-preview-art img{min-height:190px!important;max-height:42dvh!important}
  #brandPreview .vehicle-feature-grid,.vehicle-feature-grid,.vehicle-modal-copy .vehicle-feature-grid{grid-template-columns:1fr!important}
  .vehicle-modal{padding:4px!important}
  .vehicle-modal-card{border-radius:12px!important}
  .vehicle-media-column{padding:7px 7px 0!important}
  .vehicle-modal-copy{padding:10px 11px 16px!important}
  .approved-brand span{font-size:17px!important}
}

@media (max-width:380px){
  .approved-brand span{display:none!important}
  .approved-brand{max-width:52px!important}
  .pagehero h1,.hero-copy h1{font-size:29px!important}
  #brandPreview .brand-preview-copy,.brand-preview-copy{padding:11px!important}
  p,li{font-size:13px!important}
}

@media (max-height:500px) and (orientation:landscape){
  .approved-nav{height:52px!important;min-height:52px!important}
  .approved-links{top:52px!important;max-height:calc(100dvh - 56px)!important}
  .vehicle-modal{padding:4px!important}
  .vehicle-modal-card{max-width:980px!important}
  .vehicle-cover-wrap{aspect-ratio:16/9!important}
  .vehicle-cover-wrap img{max-height:70dvh!important}
}

/* V42 — full-width mobile contact actions and compact mobile menu */
@media (max-width:850px){
  body{padding-bottom:calc(72px + env(safe-area-inset-bottom))!important}

  /* Compact centered dropdown: not stretched edge-to-edge. */
  .approved-links{
    position:absolute!important;
    top:60px!important;
    left:50%!important;
    right:auto!important;
    width:min(calc(100vw - 32px),360px)!important;
    max-width:360px!important;
    transform:translateX(-50%)!important;
    padding:7px!important;
    gap:4px!important;
    border-radius:14px!important;
    background:#11151a!important;
    border:1px solid rgba(255,255,255,.10)!important;
    box-shadow:0 18px 45px rgba(0,0,0,.38)!important;
    max-height:calc(100dvh - 78px)!important;
    overflow-y:auto!important;
  }
  .approved-links:not(.open){display:none!important}
  .approved-links.open{display:flex!important;flex-direction:column!important;align-items:stretch!important}
  .approved-links>a,
  .approved-links>.nav-auto-dropdown>.nav-auto-trigger{
    width:100%!important;
    min-height:40px!important;
    padding:8px 12px!important;
    margin:0!important;
    border-radius:9px!important;
    justify-content:flex-start!important;
    text-align:left!important;
    font-size:14px!important;
    font-weight:700!important;
    line-height:1.2!important;
    color:#f4f5f6!important;
    background:transparent!important;
    border:1px solid transparent!important;
    box-shadow:none!important;
  }
  .approved-links>a:hover,
  .approved-links>a:focus,
  .approved-links>.nav-auto-dropdown>.nav-auto-trigger:hover,
  .approved-links>.nav-auto-dropdown>.nav-auto-trigger:focus{
    background:rgba(255,255,255,.07)!important;
    border-color:rgba(255,255,255,.08)!important;
    transform:none!important;
  }
  .approved-links .nav-auto-dropdown{width:100%!important}
  /* On phones the installation item opens the page; the giant brand flyout is hidden. */
  .approved-links .nav-auto-menu{display:none!important}

  /* Contact actions occupy the complete usable width and remain equal. */
  .mobilebar{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    gap:8px!important;
    padding:8px 12px calc(8px + env(safe-area-inset-bottom))!important;
    background:rgba(255,255,255,.97)!important;
    border-top:1px solid rgba(20,20,20,.13)!important;
    box-shadow:0 -8px 25px rgba(0,0,0,.10)!important;
    backdrop-filter:blur(14px)!important;
    z-index:10000!important;
  }
  .mobilebar a{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-width:0!important;
    min-height:48px!important;
    margin:0!important;
    padding:10px 8px!important;
    border-radius:12px!important;
    font-size:14px!important;
    font-weight:800!important;
    line-height:1.1!important;
    text-align:center!important;
    white-space:nowrap!important;
  }
  .mobilebar a:first-child{background:#fff!important;color:#202124!important;border:1px solid rgba(20,20,20,.14)!important}
  .mobilebar a:last-child{background:linear-gradient(135deg,#ff7a23,#e75a0d)!important;color:#fff!important;border:1px solid transparent!important}
}
@media (max-width:350px){
  .approved-links{width:calc(100vw - 20px)!important}
  .mobilebar{padding-left:8px!important;padding-right:8px!important;gap:6px!important}
  .mobilebar a{font-size:13px!important;min-height:46px!important}
}

/* V44 — identical mobile navigation buttons on every page */
@media (max-width:920px){
  .approved-links,
  .corek-inner .approved-links{
    align-items:center!important;
  }

  /* Every top-level menu item uses the same box model and appearance. */
  .approved-links > a,
  .approved-links > .nav-auto-dropdown,
  .corek-inner .approved-links > a,
  .corek-inner .approved-links > .nav-auto-dropdown{
    display:block!important;
    width:90%!important;
    max-width:310px!important;
    min-width:0!important;
    margin:0 auto!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
  }

  .approved-links > a,
  .approved-links > .nav-auto-dropdown > .nav-auto-trigger,
  .corek-inner .approved-links > a,
  .corek-inner .approved-links > .nav-auto-dropdown > .nav-auto-trigger{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    max-width:none!important;
    min-height:42px!important;
    margin:0!important;
    padding:9px 14px!important;
    box-sizing:border-box!important;
    text-align:center!important;
    white-space:normal!important;
    font-size:14px!important;
    font-weight:700!important;
    line-height:1.2!important;
    letter-spacing:.01em!important;
    color:#f4f5f6!important;
    background:rgba(255,255,255,.05)!important;
    border:1px solid rgba(255,255,255,.07)!important;
    border-radius:11px!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
    text-decoration:none!important;
    transform:none!important;
  }

  /* Current, visited, hover and focus states never change dimensions. */
  .approved-links > a:visited,
  .approved-links > .nav-auto-dropdown > .nav-auto-trigger:visited,
  .corek-inner .approved-links > a:visited,
  .corek-inner .approved-links > .nav-auto-dropdown > .nav-auto-trigger:visited{
    color:#f4f5f6!important;
  }
  .approved-links > a:hover,
  .approved-links > a:focus,
  .approved-links > a:active,
  .approved-links > .nav-auto-dropdown > .nav-auto-trigger:hover,
  .approved-links > .nav-auto-dropdown > .nav-auto-trigger:focus,
  .approved-links > .nav-auto-dropdown > .nav-auto-trigger:active,
  .corek-inner .approved-links > a:hover,
  .corek-inner .approved-links > a:focus,
  .corek-inner .approved-links > a:active,
  .corek-inner .approved-links > .nav-auto-dropdown > .nav-auto-trigger:hover,
  .corek-inner .approved-links > .nav-auto-dropdown > .nav-auto-trigger:focus,
  .corek-inner .approved-links > .nav-auto-dropdown > .nav-auto-trigger:active{
    color:#fff!important;
    background:rgba(255,255,255,.085)!important;
    border-color:rgba(255,255,255,.11)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
    transform:none!important;
    outline:none!important;
  }

  .approved-links .nav-auto-menu,
  .corek-inner .approved-links .nav-auto-menu{display:none!important}
}

@media (max-width:560px){
  .approved-links > a,
  .approved-links > .nav-auto-dropdown,
  .corek-inner .approved-links > a,
  .corek-inner .approved-links > .nav-auto-dropdown{
    width:90%!important;
  }
  .approved-links > a,
  .approved-links > .nav-auto-dropdown > .nav-auto-trigger,
  .corek-inner .approved-links > a,
  .corek-inner .approved-links > .nav-auto-dropdown > .nav-auto-trigger{
    min-height:40px!important;
    padding:8px 12px!important;
    font-size:13px!important;
  }
}

/* V45 — rigid one-column mobile menu: every top-level button is identical. */
@media (max-width:920px){
  .approved-links.open,
  .corek-inner .approved-links.open{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    align-items:stretch!important;
    justify-items:stretch!important;
    gap:6px!important;
  }

  .approved-links > a,
  .approved-links > .nav-auto-dropdown,
  .corek-inner .approved-links > a,
  .corek-inner .approved-links > .nav-auto-dropdown{
    position:static!important;
    display:block!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    flex:none!important;
    align-self:stretch!important;
    justify-self:stretch!important;
    transform:none!important;
    inset:auto!important;
    box-sizing:border-box!important;
  }

  .approved-links > a,
  .approved-links > .nav-auto-dropdown > .nav-auto-trigger,
  .corek-inner .approved-links > a,
  .corek-inner .approved-links > .nav-auto-dropdown > .nav-auto-trigger{
    position:relative!important;
    display:flex!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    margin:0!important;
    padding:0 12px!important;
    align-items:center!important;
    justify-content:center!important;
    box-sizing:border-box!important;
    border:1px solid rgba(255,255,255,.07)!important;
    border-radius:11px!important;
    background:rgba(255,255,255,.05)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
    color:#f4f5f6!important;
    font-size:14px!important;
    font-weight:700!important;
    line-height:1.2!important;
    text-align:center!important;
    white-space:normal!important;
    transform:none!important;
  }

  .approved-links .nav-auto-trigger::before,
  .corek-inner .approved-links .nav-auto-trigger::before{
    display:none!important;
    content:none!important;
  }
}

@media (max-width:560px){
  .approved-links.open,
  .corek-inner .approved-links.open{gap:5px!important}
  .approved-links > a,
  .approved-links > .nav-auto-dropdown > .nav-auto-trigger,
  .corek-inner .approved-links > a,
  .corek-inner .approved-links > .nav-auto-dropdown > .nav-auto-trigger{
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    font-size:13px!important;
  }
}