body {
  margin: 0px;
}

.embla {
    --slide-spacing: 1rem;
    --slide-size: 100%;
    position: relative;
  }
  
  .embla__viewport {
    overflow: hidden;
  }
  
  .embla__container {
    backface-visibility: hidden;
    display: flex;
    touch-action: pan-y;
  }
  
  .embla__slide {
    flex: 0 0 var(--slide-size);
    min-width: 0;
    position: relative;
  }
  
  .embla__slide__img {
    display: block;
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  
  .embla__slide__number {
    width: 4.6rem;
    height: 4.6rem;
    z-index: 1;
    position: absolute;
    top: 0.6rem;
    right: 0.6rem;
    border-radius: 50%;
    background-color: rgba(var(--background-site-rgb-value), 0.85);
    line-height: 4.6rem;
    font-weight: 900;
    text-align: center;
    pointer-events: none;
  }
  
  .embla__slide__number > span {
    color: var(--brand-primary);
    background-image: linear-gradient(
      45deg,
      var(--brand-primary),
      var(--brand-secondary)
    );
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 1.6rem;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  
  .embla__prev {
    position: absolute; 
    top: 50%;
    transform: translateY(-50%)
  }

  .embla__next {
    position: absolute;
    right: 0%;
    top: 50%;
    transform: translateY(-50%);
  }

  .embla-thumbs {
    --thumbs-slide-spacing: 0.8rem;
  }
  
  .embla-thumbs__viewport {
    overflow: hidden;
  }
  
  .embla-thumbs__container {
    display: flex;
    flex-direction: row;
  }
  
  .embla-thumbs__slide {
    flex: 0 0 50%;
    min-width: 0;
    position: relative;
  }
  
  .embla-thumbs__slide__button {
    background-color: transparent;
    touch-action: manipulation;
    display: block;
    text-decoration: none;
    cursor: pointer;
    border: 0;
    padding: 0;
    margin: 0;
    width: 100%;
    opacity: 0.4;
    transition: opacity 0.2s;
  }
  
  .embla-thumbs__slide--selected .embla-thumbs__slide__button {
    opacity: 1;
  }
  
  .embla-thumbs__slide__img {
    display: block;
    height: var(--thumbs-slide-height);
    width: 100%;
    object-fit: cover;
  }
  
  .embla-thumbs__slide__number {
    width: 3rem;
    height: 3rem;
    z-index: 1;
    position: absolute;
    top: 0.3rem;
    right: 0.3rem;
    border-radius: 50%;
    background-color: rgba(var(--background-site-rgb-value), 0.85);
    line-height: 3rem;
    font-weight: 900;
    text-align: center;
    pointer-events: none;
  }
  
  .embla-thumbs__slide__number > span {
    color: var(--brand-primary);
    background-image: linear-gradient(
      45deg,
      var(--brand-primary),
      var(--brand-secondary)
    );
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 1.4rem;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  
  @media only screen and (min-width: 768px) {
    .extras-carousel:not(#feature-1, #feature-4, #extra-mini-kit) .embla__next, 
    .extras-carousel:not(#feature-1, #feature-4, #extra-mini-kit) .embla__prev {
      width: 32.18px;
      height: 32.18px;
      padding: 0 8px;
    }
    
    #extra-mini-kit .embla__next, #extra-mini-kit .embla__prev, #feature-1 .embla__next, 
    #feature-1 .embla__prev, #feature-4 .embla__next, #feature-4 .embla__prev {
      width: 96.53px;
      height: 96.53px;
    }

    #feature-4 .embla-thumbs__slide {
      flex: 0 0 33.3%;
    }

    .extras .extras-carousel {
      margin-top: 0;
    }
    
    .extras .extras-carousel:not(:first-child) .via-strip {
      display: none;
    }

    .extras {
      overflow: hidden;
    }

    #mini-std-cars, #mini-large-vehs, #std-cars, #large-vehs, #delux-cars {
      min-width: 33.333%;
      width: 33.333%;
      float: left;
    }

    .extras-carousel:not(#extra-mini-kit) .extras-title {
      font-size: 36px;
      line-height: 36px;
      margin-top: 25px;
    }
  }

  @media only screen and (min-width: 1200px) {
    .extras-carousel:not(#feature-1, #feature-4, #extra-mini-kit) .embla__next, 
    .extras-carousel:not(#feature-1, #feature-4, #extra-mini-kit) .embla__prev {
      width: 50.22px;
      height: 50.22px;
      padding: 0 20px;
    }
    
    #extra-mini-kit .embla__next, #extra-mini-kit .embla__prev, 
    #feature-1 .embla__next, #feature-1 .embla__prev,
    #feature-4 .embla__next, #feature-4 .embla__prev {
      width: 87.6945px;
      height: 87.6945px;
    }
    
    .extras-carousel:not(#extra-mini-kit) .extras-title {
      font-size: 56px;
      line-height: 56px;
  }

    #extra-mini-kit .embla-thumbs {
      order: 1;
    }
  }

  @media only screen and (min-width: 1600px) {
    .extras-carousel:not(#feature-1, #feature-4, #extra-mini-kit) .embla__next, 
    .extras-carousel:not(#feature-1, #feature-4, #extra-mini-kit) .embla__prev {
      width: 80.44px;
      height: 80.44px;
      padding: 0 20px;
    }
    
    #extra-mini-kit .embla__next, #extra-mini-kit .embla__prev,
    #feature-1 .embla__next, #feature-1 .embla__prev,
    #feature-4 .embla__next, #feature-4 .embla__prev {
      width: 135.389px;
      height: 135.389px;
    }
  }