/* ---------------------------------------------------------------------------
   Variant page, on suzuki.com.au's values (.offer__price__value and the model
   page's heading scale). Suzuki blue is #00368f.
   --------------------------------------------------------------------------- */
.szk-variant__name {
  font-family: "TT Commons Pro DemiBold", "TTCommons_DemiBold", Arial, sans-serif;
  font-size: 2.125rem;
  line-height: 1.1;
  color: #121212;
  margin: 0;
}
.szk-variant__grade {
  font-family: "TT Commons Pro Regular", "TTCommons_Regular", Arial, sans-serif;
  font-size: 1rem;
  color: #6d6d6d;
  margin-top: 4px;
}
.szk-variant__price {
  line-height: 1;
  margin: 18px 0 15px;
  color: #00368f;
}
.szk-variant__price-label,
.szk-variant__price-desc {
  display: block;
  font-family: "TT Commons Pro Regular", "TTCommons_Regular", Arial, sans-serif;
  font-size: 16px;
  line-height: 18px;
  text-transform: uppercase;
  margin-bottom: 0.1875rem;
}
.szk-variant__price-desc {
  text-transform: none;
  margin: 0.1875rem 0 0;
}
.szk-variant__price-value {
  display: block;
  font-family: "TT Commons Pro DemiBold", "TTCommons_DemiBold", Arial, sans-serif;
  font-size: 2.5rem;
  line-height: 1;
}

/* The asterisk is the tie to the disclaimer, so it is set as a reference mark
   rather than folded into the number. */
.szk-variant__price-value sup {
  line-height: 0;
  font-size: 20px;
}
@media (min-width: 1025px) {
.szk-variant__name {
    font-size: 2.75rem;
}
}
.variant-bg{
  position: relative;
  z-index: 0
}
.switcher-colour-hero-wrap {
  min-height: calc(-100px + 100vh);
}
.related-vehicles {
  position: relative;
  background-color: #fff;
  z-index: 999;
}
.spec-button {
  padding: 0 15px;
}
.uk-button {
  text-transform: none;
}
.variant-enquire .controlpanel {
    right: auto;
    left: 0;
    transform: translateX(0);
}
.variant-enquire .controlpanel-hide {
    transform: translateX(-150px)!important;
}
.variant-enquire .variant-colours-items .uk-border-circle {
    padding: 8px;
    margin-right: 5px!important;
}
.variant-enquire .variant-colours-items li.uk-active::after {
    content: "";
    width: 12px;
    height: 6px;
    margin: -27px 0 0 15px;
}
.box-shadow-left{
  position: relative;
  z-index: 1;
}
/* .box-shadow-left{
  box-shadow: -4px 0px 0px 0px rgb(0 0 0 / 8%);
} */
@media (min-width: 1200px) {
.switcher-colour-hero-wrap {
    position: fixed;
    left: 0;
}
#enquire-header {
    min-height: 100vh;
}
}
@media (max-width: 1200px) {
.switcher-colour-hero-wrap {
    position: relative;
}
}