/* V55: unified Stage 1 / apps selectors and readable nested navigation. */
.approved-links .nav-auto-dropdown .nav-auto-menu .nav-auto-models,
.approved-links .nav-auto-dropdown .nav-auto-menu .nav-auto-models *,
.approved-links .nav-auto-dropdown .nav-auto-menu .nav-auto-models a,
.approved-links .nav-auto-dropdown .nav-auto-menu .nav-auto-models a:link,
.approved-links .nav-auto-dropdown .nav-auto-menu .nav-auto-models a:visited,
.corek-inner .approved-links .nav-auto-dropdown .nav-auto-menu .nav-auto-models,
.corek-inner .approved-links .nav-auto-dropdown .nav-auto-menu .nav-auto-models *{
  color:#050505!important;
  -webkit-text-fill-color:#050505!important;
  text-shadow:none!important;
}
.approved-links .nav-auto-dropdown .nav-auto-menu .nav-auto-models{background:#fff!important}
.approved-links .nav-auto-dropdown .nav-auto-menu .nav-auto-models a:hover,
.approved-links .nav-auto-dropdown .nav-auto-menu .nav-auto-models a:focus{
  color:#000!important;-webkit-text-fill-color:#000!important;background:#eceff0!important
}
.vehicle-select option{color:#111!important;background:#fff!important}

.apps-pagehero{padding-top:34px!important;padding-bottom:30px!important}
.apps-top-grid{align-items:center!important}
.apps-top-selector{min-width:0!important}
.apps-top-selector h1{margin:0 0 20px!important;max-width:760px!important}
.apps-top-logo{align-self:center!important}
.apps-top-logo img{display:block!important;max-width:100%!important;height:auto!important}
.apps-stage-selector{background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important}
.apps-stage-selector .vehicle-selector-panel{display:block!important;height:0!important;min-height:0!important;overflow:hidden!important;padding:0!important;margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
.apps-stage-selector .selector-step,.apps-stage-selector .vehicle-open-btn{display:none!important}

.apps-brand-grid{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:10px!important;margin:0 0 12px!important}
.apps-brand-button,
.stage-brand-grid .stage-brand{
  width:100%!important;min-width:0!important;min-height:46px!important;padding:11px 7px!important;
  border:1px solid rgba(255,255,255,.11)!important;
  background:linear-gradient(145deg,#161616,#060606)!important;color:#ddd!important;
  font:inherit!important;font-weight:800!important;cursor:pointer!important;
  clip-path:polygon(9px 0,100% 0,calc(100% - 9px) 100%,0 100%)!important;
  transition:.2s ease!important
}
.apps-brand-button:hover,.apps-brand-button.active,
.stage-brand-grid .stage-brand:hover,.stage-brand-grid .stage-brand.active{
  background:linear-gradient(145deg,#5a2607,#170903)!important;border-color:#ff7a18!important;
  color:#fff!important;box-shadow:0 0 18px rgba(255,103,0,.12)!important
}

/* No black plate behind app model buttons. */
.apps-model-panel{display:none!important;margin-top:14px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
.apps-model-panel.visible{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;align-items:start!important;gap:16px!important}
.apps-selected-brand{padding-top:10px!important;color:#222!important;font-size:14px!important;font-weight:800!important;white-space:nowrap!important}
.apps-model-grid{display:flex!important;align-content:flex-start!important;flex-wrap:wrap!important;gap:9px!important;min-width:0!important}

/* Same model-button design as Stage 1. */
.apps-model-button,
.stage-model-button{
  appearance:none!important;padding:9px 11px!important;border:1px solid rgba(255,255,255,.10)!important;
  background:#030303!important;color:#ddd!important;font:inherit!important;font-size:13px!important;
  font-weight:700!important;cursor:pointer!important;transition:.2s ease!important;border-radius:0!important;
  clip-path:none!important;box-shadow:none!important;min-height:38px!important
}
.apps-model-button:hover,.apps-model-button.active,
.stage-model-button:hover,.stage-model-button.active{
  border-color:#ff7a18!important;background:#1b0c03!important;color:#fff!important;transform:translateY(-1px)!important
}
.apps-results-section{padding-top:18px!important}

@media(max-width:1000px){
  .apps-brand-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:850px){
  .apps-top-grid{grid-template-columns:1fr!important}.apps-top-logo{display:none!important}
  .apps-brand-grid,.stage-brand-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
  .apps-brand-button,.stage-brand-grid .stage-brand{font-size:12px!important;padding:10px 5px!important;min-height:42px!important}
  .apps-model-panel.visible{grid-template-columns:1fr!important;gap:8px!important}
  .apps-selected-brand{padding-top:0!important}
  .apps-model-button{flex:1 1 calc(33.333% - 9px)!important;max-width:calc(50% - 5px)!important;padding:9px 8px!important;font-size:12px!important;text-align:center!important}
}
@media(max-width:420px){
  .apps-brand-grid,.stage-brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .apps-model-button{flex:1 1 calc(50% - 5px)!important;max-width:none!important}
}

/* V56: one light rounded selector design for Stage 1 and app installation. */
.apps-brand-button,
.stage-brand-grid .stage-brand,
.apps-model-button,
.stage-model-button{
  appearance:none!important;
  background:linear-gradient(180deg,#ffffff 0%,#f1f3f5 100%)!important;
  color:#171717!important;
  -webkit-text-fill-color:#171717!important;
  border:1px solid #cfd4d8!important;
  border-radius:12px!important;
  clip-path:none!important;
  box-shadow:0 2px 8px rgba(0,0,0,.10)!important;
  font:inherit!important;
  font-weight:700!important;
  cursor:pointer!important;
  transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease!important;
}
.apps-brand-button,
.stage-brand-grid .stage-brand{
  min-height:46px!important;
  padding:11px 10px!important;
}
.apps-model-button,
.stage-model-button{
  min-height:40px!important;
  padding:9px 14px!important;
  font-size:13px!important;
}
.apps-brand-button:hover,
.apps-brand-button.active,
.stage-brand-grid .stage-brand:hover,
.stage-brand-grid .stage-brand.active,
.apps-model-button:hover,
.apps-model-button.active,
.stage-model-button:hover,
.stage-model-button.active{
  background:linear-gradient(180deg,#fff7ef 0%,#ffe4ce 100%)!important;
  color:#171717!important;
  -webkit-text-fill-color:#171717!important;
  border-color:#f07a24!important;
  box-shadow:0 3px 12px rgba(240,122,36,.22)!important;
  transform:translateY(-1px)!important;
}
.apps-model-panel{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
@media(max-width:850px){
  .apps-brand-button,.stage-brand-grid .stage-brand{border-radius:10px!important}
  .apps-model-button,.stage-model-button{border-radius:10px!important}
}

/* V57 — exact shared selector design for Stage 1 and app installation.
   Brand and model controls use one identical light trapezoid style. */
.apps-brand-grid,
.stage-brand-grid{
  display:grid!important;
  grid-template-columns:repeat(7,minmax(0,1fr))!important;
  gap:12px!important;
  margin:16px 0 12px!important;
}

.apps-brand-button,
.stage-brand-grid .stage-brand,
.apps-model-button,
.stage-model-button{
  appearance:none!important;
  width:100%!important;
  min-width:0!important;
  min-height:56px!important;
  padding:12px 10px!important;
  border:1px solid #cbd0d3!important;
  border-radius:0!important;
  background:linear-gradient(180deg,#fbfcfc 0%,#e7eaeb 100%)!important;
  color:#1d2226!important;
  -webkit-text-fill-color:#1d2226!important;
  font:inherit!important;
  font-size:16px!important;
  line-height:1.15!important;
  font-weight:900!important;
  text-align:center!important;
  cursor:pointer!important;
  clip-path:polygon(9px 0,100% 0,calc(100% - 9px) 100%,0 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 2px 5px rgba(0,0,0,.06)!important;
  transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease!important;
}
.apps-brand-button:hover,
.apps-brand-button.active,
.stage-brand-grid .stage-brand:hover,
.stage-brand-grid .stage-brand.active,
.apps-model-button:hover,
.apps-model-button.active,
.stage-model-button:hover,
.stage-model-button.active{
  background:linear-gradient(180deg,#ff7d22 0%,#f25c08 100%)!important;
  border-color:#ef5f0c!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 5px 14px rgba(242,92,8,.20)!important;
  transform:translateY(-1px)!important;
}

/* Model areas are clean continuations of the brand selector, not black plates. */
.stage-brand-panel,
.apps-model-panel,
.apps-model-panel.visible{
  grid-template-columns:1fr!important;
  padding:0!important;
  margin:12px 0 0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#1d2226!important;
}
.stage-brand-copy,
.apps-selected-brand{display:none!important}
.stage-model-list,
.apps-model-grid{
  display:grid!important;
  grid-template-columns:repeat(7,minmax(0,1fr))!important;
  gap:12px!important;
  width:100%!important;
  min-height:0!important;
  align-items:stretch!important;
}
.apps-model-button,
.stage-model-button{
  max-width:none!important;
  flex:none!important;
}

/* Keep the selector to the left and the Corek art to the right on desktop. */
.stage-top-grid,
.apps-top-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(250px,340px)!important;
  gap:36px!important;
  align-items:center!important;
}
.stage-top-selector,
.apps-top-selector{min-width:0!important}
.stage-top-logo,
.apps-top-logo{display:block!important;align-self:center!important}
.stage-top-logo img,
.apps-top-logo img{display:block!important;width:100%!important;height:auto!important;object-fit:contain!important}

@media(max-width:1150px){
  .apps-brand-grid,.stage-brand-grid,
  .apps-model-grid,.stage-model-list{grid-template-columns:repeat(5,minmax(0,1fr))!important}
}
@media(max-width:850px){
  .stage-top-grid,.apps-top-grid{grid-template-columns:1fr!important;gap:18px!important}
  .stage-top-logo,.apps-top-logo{display:none!important}
  .apps-brand-grid,.stage-brand-grid,
  .apps-model-grid,.stage-model-list{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .apps-brand-button,.stage-brand-grid .stage-brand,
  .apps-model-button,.stage-model-button{
    min-height:46px!important;
    padding:9px 6px!important;
    font-size:12px!important;
    clip-path:polygon(7px 0,100% 0,calc(100% - 7px) 100%,0 100%)!important;
  }
}
@media(max-width:430px){
  .apps-brand-grid,.stage-brand-grid,
  .apps-model-grid,.stage-model-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* V58 — approved compact diagonal-rounded buttons with a subtle gray-to-white gradient. */
.apps-brand-grid,
.stage-brand-grid{
  grid-template-columns:repeat(7,minmax(92px,126px))!important;
  justify-content:start!important;
  gap:10px!important;
}
.stage-model-list,
.apps-model-grid{
  grid-template-columns:repeat(7,minmax(76px,112px))!important;
  justify-content:start!important;
  gap:9px!important;
}
.apps-brand-button,
.stage-brand-grid .stage-brand{
  width:100%!important;
  min-height:44px!important;
  padding:9px 10px!important;
  font-size:14px!important;
  border:1px solid #d1d5d8!important;
  border-radius:11px 4px 11px 4px!important;
  clip-path:none!important;
  background:linear-gradient(145deg,#e7e9eb 0%,#f5f6f7 45%,#ffffff 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 3px 8px rgba(20,25,30,.07)!important;
}
.apps-model-button,
.stage-model-button{
  width:100%!important;
  min-height:36px!important;
  padding:7px 9px!important;
  font-size:12px!important;
  border:1px solid #d4d8db!important;
  border-radius:9px 3px 9px 3px!important;
  clip-path:none!important;
  background:linear-gradient(145deg,#e9ebed 0%,#f7f8f8 50%,#ffffff 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.96),0 2px 6px rgba(20,25,30,.06)!important;
}
.apps-brand-button:hover,
.apps-brand-button.active,
.stage-brand-grid .stage-brand:hover,
.stage-brand-grid .stage-brand.active,
.apps-model-button:hover,
.apps-model-button.active,
.stage-model-button:hover,
.stage-model-button.active{
  background:linear-gradient(145deg,#ff8b38 0%,#f76d18 50%,#ef5707 100%)!important;
  border-color:#ed5c0b!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
@media(max-width:1150px){
  .apps-brand-grid,.stage-brand-grid{grid-template-columns:repeat(5,minmax(88px,1fr))!important}
  .apps-model-grid,.stage-model-list{grid-template-columns:repeat(5,minmax(72px,1fr))!important}
}
@media(max-width:850px){
  .apps-brand-grid,.stage-brand-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;justify-content:stretch!important}
  .apps-model-grid,.stage-model-list{grid-template-columns:repeat(3,minmax(0,1fr))!important;justify-content:stretch!important}
  .apps-brand-button,.stage-brand-grid .stage-brand{min-height:40px!important;padding:8px 6px!important;font-size:12px!important;border-radius:9px 3px 9px 3px!important}
  .apps-model-button,.stage-model-button{min-height:34px!important;padding:7px 5px!important;font-size:11px!important;border-radius:8px 3px 8px 3px!important}
}
@media(max-width:430px){
  .apps-brand-grid,.stage-brand-grid,
  .apps-model-grid,.stage-model-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* V60 — approved diamond/trapezoid selector buttons. */
.apps-brand-button,
.stage-brand-grid .stage-brand{
  min-height:40px!important;
  padding:8px 12px!important;
  font-size:13px!important;
  border:1px solid #cfd3d6!important;
  border-radius:0!important;
  clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%)!important;
  background:linear-gradient(180deg,#fbfbfb 0%,#f0f2f3 48%,#dfe3e5 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 2px 5px rgba(15,20,25,.10)!important;
}
.apps-model-button,
.stage-model-button{
  min-height:32px!important;
  padding:6px 9px!important;
  font-size:11px!important;
  border:1px solid #d1d5d8!important;
  border-radius:0!important;
  clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)!important;
  background:linear-gradient(180deg,#fcfcfc 0%,#f1f3f4 50%,#e2e5e7 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.96),0 2px 4px rgba(15,20,25,.08)!important;
}
.apps-brand-button:hover,
.apps-brand-button.active,
.stage-brand-grid .stage-brand:hover,
.stage-brand-grid .stage-brand.active,
.apps-model-button:hover,
.apps-model-button.active,
.stage-model-button:hover,
.stage-model-button.active{
  background:linear-gradient(180deg,#ff8c38 0%,#ff6b13 52%,#ed5505 100%)!important;
  border-color:#e95b0a!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
@media(max-width:850px){
  .apps-brand-grid,.stage-brand-grid,
  .apps-model-grid,.stage-model-list{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .apps-brand-button,.stage-brand-grid .stage-brand{
    min-height:37px!important;
    padding:7px 4px!important;
    font-size:10.5px!important;
    clip-path:polygon(7px 0,100% 0,calc(100% - 7px) 100%,0 100%)!important;
  }
  .apps-model-button,.stage-model-button{
    min-height:30px!important;
    padding:6px 3px!important;
    font-size:9.5px!important;
    clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%)!important;
  }
}
@media(max-width:430px){
  .apps-brand-grid,.stage-brand-grid,
  .apps-model-grid,.stage-model-list{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
  }
}

/* V61 — final unified rounded trapezoid controls and framed selector groups. */
.apps-brand-grid,
.stage-brand-grid,
.apps-model-panel,
.stage-brand-panel{
  border:1px solid #cfd4d7!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.82),rgba(242,244,245,.92))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.96),0 5px 16px rgba(25,31,36,.06)!important;
}
.apps-brand-grid,
.stage-brand-grid{
  padding:14px!important;
  margin-bottom:14px!important;
}
.apps-model-panel,
.stage-brand-panel{
  padding:14px!important;
  margin-top:0!important;
}
.apps-model-panel:not(.visible){display:none!important}
.stage-brand-panel:empty{display:none!important}

.apps-brand-button,
.stage-brand-grid .stage-brand,
.apps-model-button,
.stage-model-button{
  position:relative!important;
  isolation:isolate!important;
  overflow:visible!important;
  clip-path:none!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#171b1f!important;
  -webkit-text-fill-color:#171b1f!important;
  font-weight:900!important;
}
.apps-brand-button::before,
.stage-brand-grid .stage-brand::before,
.apps-model-button::before,
.stage-model-button::before{
  content:"";
  position:absolute;
  inset:1px 5px;
  z-index:-1;
  transform:skewX(-9deg);
  border:1px solid #cfd4d7;
  border-radius:10px 4px 10px 4px;
  background:linear-gradient(180deg,#ffffff 0%,#f2f4f5 50%,#dfe3e5 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.98),0 2px 5px rgba(18,24,29,.10);
  transition:background .16s ease,border-color .16s ease,transform .16s ease;
}
.apps-brand-button:hover::before,
.apps-brand-button.active::before,
.stage-brand-grid .stage-brand:hover::before,
.stage-brand-grid .stage-brand.active::before,
.apps-model-button:hover::before,
.apps-model-button.active::before,
.stage-model-button:hover::before,
.stage-model-button.active::before{
  background:linear-gradient(180deg,#ff913f 0%,#ff6d16 52%,#ee5707 100%);
  border-color:#e85b0b;
}
.apps-brand-button:hover,
.apps-brand-button.active,
.stage-brand-grid .stage-brand:hover,
.stage-brand-grid .stage-brand.active,
.apps-model-button:hover,
.apps-model-button.active,
.stage-model-button:hover,
.stage-model-button.active{
  background:transparent!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
.apps-brand-button,
.stage-brand-grid .stage-brand{min-height:42px!important;padding:8px 12px!important;font-size:13px!important}
.apps-model-button,
.stage-model-button{min-height:34px!important;padding:6px 9px!important;font-size:11px!important}

@media(max-width:850px){
  .apps-brand-grid,.stage-brand-grid,
  .apps-model-grid,.stage-model-list{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}
  .apps-brand-grid,.stage-brand-grid,.apps-model-panel,.stage-brand-panel{padding:9px!important;border-radius:12px!important}
  .apps-brand-button,.stage-brand-grid .stage-brand{min-height:36px!important;padding:6px 2px!important;font-size:9.8px!important}
  .apps-model-button,.stage-model-button{min-height:30px!important;padding:5px 2px!important;font-size:8.8px!important}
  .apps-brand-button::before,.stage-brand-grid .stage-brand::before,
  .apps-model-button::before,.stage-model-button::before{inset:1px 3px;transform:skewX(-7deg);border-radius:8px 3px 8px 3px}
}
@media(max-width:430px){
  .apps-brand-grid,.stage-brand-grid,
  .apps-model-grid,.stage-model-list{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important}
}

/* V62 — final selector cleanup: no glow/backplate, identical framed groups in both sections. */
.apps-brand-grid,
.stage-brand-grid,
.apps-model-panel.visible,
.stage-brand-panel:not(:empty){
  border:1px solid #d2d7da!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.56)!important;
  box-shadow:none!important;
  padding:14px!important;
}
.apps-brand-grid,.stage-brand-grid{margin-bottom:14px!important}
.apps-model-panel.visible,.stage-brand-panel:not(:empty){margin-top:0!important}

.apps-brand-button,
.stage-brand-grid .stage-brand,
.apps-model-button,
.stage-model-button{
  position:relative!important;
  isolation:auto!important;
  overflow:hidden!important;
  clip-path:polygon(9px 0,100% 0,calc(100% - 9px) 100%,0 100%)!important;
  border:1px solid #d1d6d9!important;
  border-radius:7px 3px 7px 3px!important;
  background:linear-gradient(180deg,#ffffff 0%,#f5f6f7 46%,#e7eaec 100%)!important;
  box-shadow:none!important;
  color:#171b1f!important;
  -webkit-text-fill-color:#171b1f!important;
  transform:none!important;
}
.apps-brand-button::before,
.stage-brand-grid .stage-brand::before,
.apps-model-button::before,
.stage-model-button::before{
  content:none!important;
  display:none!important;
}
.apps-brand-button:hover,
.apps-brand-button.active,
.stage-brand-grid .stage-brand:hover,
.stage-brand-grid .stage-brand.active,
.apps-model-button:hover,
.apps-model-button.active,
.stage-model-button:hover,
.stage-model-button.active{
  background:linear-gradient(180deg,#ff913f 0%,#ff6d16 52%,#ee5707 100%)!important;
  border-color:#e85b0b!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  box-shadow:none!important;
  transform:none!important;
}
.apps-brand-button:focus,
.stage-brand-grid .stage-brand:focus,
.apps-model-button:focus,
.stage-model-button:focus{
  outline:none!important;
  box-shadow:none!important;
}

/* Keep the app models panel visually identical to Stage 1. */
.apps-model-panel.visible{
  display:block!important;
}
.apps-model-panel.visible .apps-selected-brand{
  display:none!important;
}
.apps-model-grid,
.stage-model-list{
  display:grid!important;
  grid-template-columns:repeat(7,minmax(76px,112px))!important;
  justify-content:start!important;
  gap:9px!important;
}

@media(max-width:1150px){
  .apps-model-grid,.stage-model-list{grid-template-columns:repeat(5,minmax(72px,1fr))!important}
}
@media(max-width:850px){
  .apps-brand-grid,.stage-brand-grid,.apps-model-panel.visible,.stage-brand-panel:not(:empty){
    padding:9px!important;
    border-radius:12px!important;
    box-shadow:none!important;
  }
  .apps-brand-grid,.stage-brand-grid,.apps-model-grid,.stage-model-list{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
  }
  .apps-brand-button,.stage-brand-grid .stage-brand{
    min-height:36px!important;padding:6px 3px!important;font-size:9.8px!important;
    clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%)!important;
    border-radius:6px 2px 6px 2px!important;
  }
  .apps-model-button,.stage-model-button{
    min-height:30px!important;padding:5px 2px!important;font-size:8.8px!important;
    clip-path:polygon(5px 0,100% 0,calc(100% - 5px) 100%,0 100%)!important;
    border-radius:5px 2px 5px 2px!important;
  }
}
@media(max-width:430px){
  .apps-brand-grid,.stage-brand-grid,.apps-model-grid,.stage-model-list{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:5px!important;
  }
}

/* V63 — approved final selector controls: identical size and shape everywhere. */
.apps-brand-button,
.stage-brand-grid .stage-brand,
.apps-model-button,
.stage-model-button{
  min-height:42px!important;
  padding:8px 12px!important;
  font-size:13px!important;
  line-height:1.1!important;
  border:1px solid #d1d6d9!important;
  border-radius:7px 3px 7px 3px!important;
  clip-path:polygon(9px 0,100% 0,calc(100% - 9px) 100%,0 100%)!important;
  background:linear-gradient(180deg,#ffffff 0%,#f5f6f7 48%,#e7eaec 100%)!important;
  box-shadow:none!important;
  transform:none!important;
  overflow:hidden!important;
}
.apps-brand-button::before,
.stage-brand-grid .stage-brand::before,
.apps-model-button::before,
.stage-model-button::before{
  content:none!important;
  display:none!important;
}
.apps-brand-button:hover,
.apps-brand-button.active,
.stage-brand-grid .stage-brand:hover,
.stage-brand-grid .stage-brand.active,
.apps-model-button:hover,
.apps-model-button.active,
.stage-model-button:hover,
.stage-model-button.active{
  background:linear-gradient(180deg,#ff913f 0%,#ff6d16 52%,#ee5707 100%)!important;
  border-color:#e85b0b!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  box-shadow:none!important;
  transform:none!important;
}
.apps-brand-button:focus,
.stage-brand-grid .stage-brand:focus,
.apps-model-button:focus,
.stage-model-button:focus{
  outline:none!important;
  box-shadow:none!important;
}
.apps-brand-grid,
.stage-brand-grid,
.apps-model-panel.visible,
.stage-brand-panel:not(:empty){
  border:1px solid #d2d7da!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.56)!important;
  box-shadow:none!important;
  padding:14px!important;
}
.apps-model-grid,
.stage-model-list{
  grid-template-columns:repeat(7,minmax(92px,126px))!important;
  justify-content:start!important;
  gap:10px!important;
}
.apps-brand-grid,
.stage-brand-grid{
  grid-template-columns:repeat(7,minmax(92px,126px))!important;
  justify-content:start!important;
  gap:10px!important;
}
@media(max-width:1150px){
  .apps-brand-grid,.stage-brand-grid,.apps-model-grid,.stage-model-list{
    grid-template-columns:repeat(5,minmax(80px,1fr))!important;
  }
}
@media(max-width:850px){
  .apps-brand-grid,.stage-brand-grid,.apps-model-grid,.stage-model-list{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
  }
  .apps-brand-button,.stage-brand-grid .stage-brand,
  .apps-model-button,.stage-model-button{
    min-height:36px!important;
    padding:6px 3px!important;
    font-size:9.8px!important;
    clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%)!important;
    border-radius:6px 2px 6px 2px!important;
  }
}
@media(max-width:430px){
  .apps-brand-grid,.stage-brand-grid,.apps-model-grid,.stage-model-list{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:5px!important;
  }
}

/* V64 — full-width desktop selectors and clean two-line model labels. */
@media(min-width:851px){
  .stage-top-grid,
  .stage-top-grid.apps-top-grid{
    display:block!important;
    position:relative!important;
  }
  .stage-top-selector,
  .apps-top-selector{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
  }
  .stage-top-selector>h1,
  .apps-top-selector>h1,
  .stage-top-selector>.lead,
  .apps-top-selector>.lead,
  .stage-top-selector>.eyebrow,
  .apps-top-selector>.eyebrow{
    max-width:calc(100% - 390px)!important;
  }
  .stage-top-logo,
  .apps-top-logo{
    position:absolute!important;
    top:0!important;
    right:18px!important;
    width:340px!important;
    max-width:28%!important;
    margin:0!important;
  }
  .stage-top-selector .stage-brand-grid,
  .apps-brand-grid{
    width:100%!important;
    margin-top:30px!important;
    grid-template-columns:repeat(7,minmax(0,1fr))!important;
  }
  .stage-brand-panel:not(:empty),
  .apps-model-panel.visible{
    width:100%!important;
    max-width:none!important;
  }
  .stage-model-list,
  .apps-model-grid{
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:10px!important;
  }
  .stage-model-button,
  .apps-model-button{
    flex:0 1 auto!important;
    width:max-content!important;
    min-width:132px!important;
    max-width:238px!important;
    min-height:54px!important;
    padding:9px 16px!important;
    line-height:1.16!important;
    text-align:center!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    hyphens:none!important;
  }
}

/* V66 — keep heading and brand selector in the original left column; only the model panel expands. */
@media(min-width:851px){
  .stage-top-grid,
  .stage-top-grid.apps-top-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 340px!important;
    gap:34px!important;
    align-items:start!important;
    position:relative!important;
  }
  .stage-top-selector,
  .apps-top-selector{
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    grid-column:1!important;
  }
  .stage-top-selector>h1,
  .apps-top-selector>h1,
  .stage-top-selector>.lead,
  .apps-top-selector>.lead,
  .stage-top-selector>.eyebrow,
  .apps-top-selector>.eyebrow{
    max-width:760px!important;
  }
  .stage-top-logo,
  .apps-top-logo{
    position:static!important;
    grid-column:2!important;
    grid-row:1!important;
    width:340px!important;
    max-width:100%!important;
    margin:0!important;
    align-self:start!important;
  }
  .stage-top-selector .stage-brand-grid,
  .apps-brand-grid{
    width:100%!important;
    margin-top:18px!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
  .stage-brand-panel:not(:empty),
  .apps-model-panel.visible{
    width:calc(100% + 374px)!important;
    max-width:none!important;
    box-sizing:border-box!important;
  }
}

/* V67 — align the right-side Corek artwork with the top edge of the brand selector. */
@media(min-width:851px){
  .stage-top-logo,
  .apps-top-logo{
    margin-top:120px!important;
  }
}

/* V68 — right artwork sits directly opposite the brand-button block on both selector pages. */
@media(min-width:851px){
  .stage-top-grid,
  .stage-top-grid.apps-top-grid{
    grid-template-columns:minmax(0,1fr) 380px!important;
    gap:36px!important;
    position:relative!important;
  }
  .stage-top-logo,
  .apps-top-logo{
    position:absolute!important;
    right:0!important;
    top:var(--selector-logo-top, 150px)!important;
    width:370px!important;
    max-width:370px!important;
    margin:0!important;
    align-self:auto!important;
  }
  .stage-top-logo img,
  .apps-top-logo img{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    height:auto!important;
  }
  .stage-brand-panel:not(:empty),
  .apps-model-panel.visible{
    width:calc(100% + 416px)!important;
  }
}


/* V69 — enlarge the right artwork and align its bottom edge with the brand selector block. */
@media(min-width:851px){
  .stage-top-grid,
  .stage-top-grid.apps-top-grid{
    grid-template-columns:minmax(0,1fr) 480px!important;
    gap:34px!important;
  }
  .stage-top-logo,
  .apps-top-logo{
    position:absolute!important;
    right:0!important;
    top:var(--selector-logo-top, 70px)!important;
    width:470px!important;
    max-width:470px!important;
    margin:0!important;
  }
  .stage-top-logo img,
  .apps-top-logo img{
    width:100%!important;
    height:auto!important;
    object-fit:contain!important;
  }
  .stage-brand-panel:not(:empty),
  .apps-model-panel.visible{
    width:calc(100% + 514px)!important;
  }
}

/* V70 — keep the brand button block at its original V68 width; enlarge only the right artwork. */
@media(min-width:851px){
  .stage-top-grid,
  .stage-top-grid.apps-top-grid{
    grid-template-columns:minmax(0,1fr) 380px!important;
    gap:36px!important;
  }
  .stage-top-logo,
  .apps-top-logo{
    right:0!important;
    width:470px!important;
    max-width:470px!important;
  }
  .stage-brand-panel:not(:empty),
  .apps-model-panel.visible{
    width:calc(100% + 416px)!important;
  }
}

/* V71 — approved desktop layout: brands and artwork share the top row;
   the model selector starts below both columns and model names stay on one line.
   Mobile rules remain unchanged. */
@media(min-width:851px){
  .stage-top-grid,
  .stage-top-grid.apps-top-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 430px!important;
    column-gap:36px!important;
    align-items:start!important;
    position:relative!important;
  }
  .stage-top-selector,
  .apps-top-selector{
    grid-column:1!important;
    grid-row:1!important;
    min-width:0!important;
    width:auto!important;
  }
  .stage-top-logo,
  .apps-top-logo{
    position:static!important;
    grid-column:2!important;
    grid-row:1!important;
    width:430px!important;
    max-width:100%!important;
    margin:0!important;
    align-self:start!important;
  }
  .stage-top-logo img,
  .apps-top-logo img{
    display:block!important;
    width:100%!important;
    height:auto!important;
    max-width:none!important;
    object-fit:contain!important;
  }
  .stage-top-selector .stage-brand-grid,
  .apps-brand-grid{
    width:100%!important;
    margin-top:18px!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
  .stage-brand-panel:not(:empty),
  .apps-model-panel.visible{
    width:calc(100% + 466px)!important;
    max-width:none!important;
    box-sizing:border-box!important;
    margin-top:var(--models-clearance,14px)!important;
  }
  .stage-model-list,
  .apps-model-grid{
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:10px!important;
  }
  .stage-model-button,
  .apps-model-button{
    flex:0 0 auto!important;
    width:max-content!important;
    min-width:132px!important;
    max-width:none!important;
    min-height:42px!important;
    padding:8px 16px!important;
    white-space:nowrap!important;
    word-break:keep-all!important;
    overflow-wrap:normal!important;
    hyphens:none!important;
  }
}

/* V72 — enlarge the desktop artwork while keeping its bottom edge no lower
   than the bottom edge of the brand-selector block. The model block remains
   below the complete top row. Mobile layout is intentionally unchanged. */
@media(min-width:851px){
  .stage-top-grid,
  .stage-top-grid.apps-top-grid{
    grid-template-columns:minmax(0,1fr) minmax(430px,510px)!important;
    column-gap:28px!important;
  }
  .stage-top-logo,
  .apps-top-logo{
    width:var(--selector-art-size,500px)!important;
    height:var(--selector-art-size,500px)!important;
    max-width:510px!important;
    max-height:510px!important;
    justify-self:end!important;
    align-self:start!important;
    overflow:hidden!important;
    border-radius:42px!important;
  }
  .stage-top-logo img,
  .apps-top-logo img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
  }
  .stage-brand-panel:not(:empty),
  .apps-model-panel.visible{
    width:calc(100% + 538px)!important;
  }
}

/* V73 — desktop artwork fills the whole right-hand area without extending
   below the brand selector. Model buttons remain in the full-width row below.
   Mobile layout is unchanged. */
@media(min-width:851px){
  .stage-top-grid,
  .stage-top-grid.apps-top-grid{
    grid-template-columns:minmax(0, 880px) minmax(0, 1fr)!important;
    column-gap:24px!important;
    align-items:start!important;
  }
  .stage-top-logo,
  .apps-top-logo{
    width:100%!important;
    max-width:none!important;
    height:var(--selector-art-height, 500px)!important;
    max-height:none!important;
    justify-self:stretch!important;
    align-self:start!important;
    overflow:hidden!important;
    border-radius:42px!important;
  }
  .stage-top-logo img,
  .apps-top-logo img{
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    object-fit:cover!important;
    object-position:center!important;
  }
  .stage-brand-panel:not(:empty),
  .apps-model-panel.visible{
    width:calc(100% + var(--selector-right-span, 560px))!important;
    margin-top:14px!important;
  }
}


/* V74 — artwork is aligned exactly with the desktop brand-selector block:
   its top matches the top of the brand buttons and its bottom matches the
   bottom of that block. The model row remains below the complete top area. */
@media(min-width:851px){
  .stage-top-logo,
  .apps-top-logo{
    margin-top:var(--selector-art-top, 0px)!important;
    height:var(--selector-art-height, 420px)!important;
  }
}

/* V75 — desktop-only: place the right artwork directly opposite the brand
   selector. Its top and bottom follow the brand block; no mobile changes. */
@media(min-width:851px){
  .stage-top-grid,
  .stage-top-grid.apps-top-grid{
    position:relative!important;
    grid-template-columns:minmax(0,1fr) 360px!important;
    column-gap:24px!important;
  }
  .stage-top-logo,
  .apps-top-logo{
    position:absolute!important;
    right:0!important;
    top:var(--selector-art-top, 0px)!important;
    margin:0!important;
    width:var(--selector-art-width, 340px)!important;
    height:var(--selector-art-height, 340px)!important;
    max-width:none!important;
    max-height:none!important;
    border-radius:36px!important;
    overflow:hidden!important;
  }
  .stage-top-logo img,
  .apps-top-logo img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
  }
  .stage-brand-panel:not(:empty),
  .apps-model-panel.visible{
    width:calc(100% + var(--selector-right-span, 384px))!important;
  }
}

/* V76 — final desktop placement approved by reference:
   artwork is larger, bottom-aligned with the brand block, and extends upward.
   Model controls remain in the full-width row below. Mobile is unchanged. */
@media(min-width:851px){
  .stage-top-grid,
  .stage-top-grid.apps-top-grid{
    grid-template-columns:minmax(0,1fr) 430px!important;
    column-gap:24px!important;
  }
  .stage-top-logo,
  .apps-top-logo{
    right:0!important;
    top:var(--selector-art-top,0px)!important;
    width:var(--selector-art-size,430px)!important;
    height:var(--selector-art-size,430px)!important;
    border-radius:36px!important;
  }
  .stage-brand-panel:not(:empty),
  .apps-model-panel.visible{
    width:calc(100% + var(--selector-right-span,454px))!important;
  }
}

/* V78 — exact desktop alignment: the artwork fills the right column and its
   top/bottom edges match the brand selector block. Higher specificity is
   intentional to override legacy Corek image sizing rules. Mobile unchanged. */
@media(min-width:851px){
  .stage-top-grid,
  .stage-top-grid.apps-top-grid{
    grid-template-columns:minmax(0,1fr) minmax(360px,430px)!important;
    column-gap:24px!important;
    position:relative!important;
    align-items:start!important;
  }
  .corek-inner .stage-top-logo,
  .corek-inner .apps-top-logo,
  .stage-top-logo,
  .apps-top-logo{
    position:absolute!important;
    top:var(--selector-art-top,0px)!important;
    right:0!important;
    width:var(--selector-art-width,430px)!important;
    height:var(--selector-art-height,340px)!important;
    max-width:none!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    display:block!important;
    overflow:hidden!important;
    border-radius:32px!important;
  }
  .corek-inner .stage-top-logo img,
  .corek-inner .apps-top-logo img,
  .corek-inner .pagehero-logo-art.stage-top-logo img,
  .corek-inner .pagehero-logo-art.apps-top-logo img,
  .stage-top-logo img,
  .apps-top-logo img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-width:100%!important;
    min-height:100%!important;
    max-width:none!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    object-fit:cover!important;
    object-position:center!important;
    border-radius:32px!important;
  }
  .stage-brand-panel:not(:empty),
  .apps-model-panel.visible{
    width:calc(100% + var(--selector-right-span,454px))!important;
  }
}

/* V79 — desktop artwork uses the complete square source without cropping.
   It is positioned identically on Apps and Stage 1: top and bottom align with
   the brand selector, right-aligned, with no gray plate or side gutters.
   Mobile rules remain untouched. */
@media(min-width:851px){
  .corek-inner .stage-top-logo,
  .corek-inner .apps-top-logo,
  .stage-top-logo,
  .apps-top-logo{
    top:var(--selector-art-top,0px)!important;
    right:0!important;
    width:var(--selector-art-height,340px)!important;
    height:var(--selector-art-height,340px)!important;
    background:transparent!important;
    background-color:transparent!important;
    box-shadow:none!important;
    border:0!important;
    overflow:visible!important;
    border-radius:32px!important;
  }
  .corek-inner .stage-top-logo img,
  .corek-inner .apps-top-logo img,
  .corek-inner .pagehero-logo-art.stage-top-logo img,
  .corek-inner .pagehero-logo-art.apps-top-logo img,
  .stage-top-logo img,
  .apps-top-logo img{
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    object-fit:contain!important;
    object-position:center!important;
    background:transparent!important;
    box-shadow:none!important;
    border-radius:32px!important;
  }
}

/* V80 — desktop-only: widen the brand selector toward the artwork while
   preserving the approved artwork size and position. Applied identically to
   Apps and Stage 1. Mobile layout remains unchanged. */
@media(min-width:851px){
  .stage-top-grid,
  .stage-top-grid.apps-top-grid{
    grid-template-columns:minmax(0,1fr) 340px!important;
    column-gap:24px!important;
  }
  .stage-top-selector .stage-brand-grid,
  .apps-brand-grid{
    width:100%!important;
    max-width:none!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
  .corek-inner .stage-top-logo,
  .corek-inner .apps-top-logo,
  .stage-top-logo,
  .apps-top-logo{
    width:340px!important;
    height:var(--selector-art-height,340px)!important;
    right:0!important;
  }
  .stage-brand-panel:not(:empty),
  .apps-model-panel.visible{
    width:calc(100% + 364px)!important;
  }
}