/* EV v0.0.31 — ONLY /hang-xe/vinfast/vf3/ workshop hero.
   Built into the vehicle page template. Does not affect any other vehicle, homepage, shop or combo. */
.tpa-evv-vehicle .tpa-evv-vehicle-hero.tpa-evv-vf3-workshop-hero {
  position:relative;isolation:isolate;overflow:hidden;color:#fff;
  background:linear-gradient(110deg,#072b47 0%,#07486c 72%,#065f80 100%);
}
.tpa-evv-vehicle .tpa-evv-vf3-workshop-hero::before {
  content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;
  background-image:url('../images/ev-vf3-hero/vf3-workshop.webp') !important;
  background-repeat:no-repeat;background-position:right center;background-size:auto 100%;
}
.tpa-evv-vehicle .tpa-evv-vf3-workshop-hero::after {
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(90deg,#06304e 0%,#073e5f 33%,rgba(7,62,95,.88) 43%,rgba(7,62,95,.32) 65%,rgba(7,62,95,0) 91%);
}
.tpa-evv-vehicle .tpa-evv-vf3-workshop-hero .tpa-evv-vehicle-hero-grid {
  position:relative;z-index:1;grid-template-columns:minmax(0,58%) minmax(0,42%);
  min-height:490px;padding-top:48px;padding-bottom:48px;
}
.tpa-evv-vehicle .tpa-evv-vf3-workshop-hero .tpa-evv-vehicle-hero-grid > :first-child {max-width:660px;min-width:0;}
.tpa-evv-vehicle .tpa-evv-vf3-workshop-hero .tpa-evv-vehicle-hero-photo {display:none!important;}
.tpa-evv-vehicle .tpa-evv-vf3-workshop-hero h1 {font-size:clamp(34px,4.1vw,58px);text-wrap:balance;}
.tpa-evv-vehicle .tpa-evv-vf3-workshop-hero .tpa-evv-actions {position:relative;z-index:2;}
@media (min-width:801px) and (max-width:1050px) {
  .tpa-evv-vehicle .tpa-evv-vf3-workshop-hero .tpa-evv-vehicle-hero-grid {min-height:425px;grid-template-columns:minmax(0,62%) minmax(0,38%);}
  .tpa-evv-vehicle .tpa-evv-vf3-workshop-hero::before {background-position:125% center;}
}
@media (max-width:800px) {
  .tpa-evv-vehicle .tpa-evv-vf3-workshop-hero .tpa-evv-vehicle-hero-grid {
    display:block;min-height:0;padding-top:34px;padding-bottom:265px;
  }
  .tpa-evv-vehicle .tpa-evv-vf3-workshop-hero::before {
    inset:auto 0 0;height:290px;
    background-position:center center;background-size:cover;
  }
  .tpa-evv-vehicle .tpa-evv-vf3-workshop-hero::after {
    background:linear-gradient(180deg,#06324f 0%,#06324f 45%,rgba(6,50,79,.95) 56%,rgba(6,50,79,0) 78%);
  }
  .tpa-evv-vehicle .tpa-evv-vf3-workshop-hero .tpa-evv-actions {margin-bottom:0;}
}
@media (max-width:560px) {
  .tpa-evv-vehicle .tpa-evv-vf3-workshop-hero .tpa-evv-vehicle-hero-grid {padding-top:34px;padding-bottom:215px;}
  .tpa-evv-vehicle .tpa-evv-vf3-workshop-hero::before {height:235px;background-position:center center;}
  .tpa-evv-vehicle .tpa-evv-vf3-workshop-hero h1 {font-size:clamp(29px,8vw,36px);}
  .tpa-evv-vehicle .tpa-evv-vf3-workshop-hero .tpa-evv-actions {margin-top:20px;}
}