/* Car detail slider styles — ported from CarSlider.vue's (global) <style>. */
.slider-nav .nav-item img { cursor: pointer; }
.slider-nav .text-img {
  margin: 0 auto; letter-spacing: 1px; right: 0; left: 0; align-self: center;
  position: absolute; top: 50%; transform: translateY(-50%); width: 100%;
  text-align: center; cursor: pointer;
}
.slider-nav .text-img p { color: #ffffff; font-size: 30px; }
.slider-nav .img-key-2 { filter: blur(2px); -webkit-filter: blur(2px); }

.slider-for, .slider-main { margin-bottom: 15px; min-height: 100%; }
.slider-for > img, .slider-main > img { width: 100%; }

.carseer-label {
  display: none; position: absolute; top: 12px; left: 12px; z-index: 10;
  align-items: center; padding: 12px 70px;
  background: linear-gradient(135deg, #F5A623, #e8930a);
  color: #fff; font-size: 15px; font-weight: 700; letter-spacing: 0.5px;
  border-radius: 6px; text-decoration: none;
  animation: carseerGlow 2s ease-in-out infinite;
  box-shadow: 0 4px 15px rgba(245, 166, 35, 0.4);
}
@media (min-width: 992px) { .carseer-label { display: flex; } }
.carseer-label:hover {
  color: #fff; text-decoration: none; animation: none; transform: scale(1.02);
  box-shadow: 0 6px 25px rgba(245, 166, 35, 0.7); transition: all 0.25s ease;
}
.carseer-mobile-btn {
  display: flex; align-items: center; justify-content: center; width: 100%;
  padding: 12px; margin-bottom: 12px;
  background: linear-gradient(135deg, #F5A623, #e8930a);
  color: #fff; font-size: 15px; font-weight: 700; border-radius: 6px; text-decoration: none;
}
.carseer-mobile-btn:hover { color: #fff; text-decoration: none; opacity: 0.9; }
@media (min-width: 992px) { .carseer-mobile-btn { display: none; } }

/* Physical Highlights carousel (replaces vue-slick-carousel center mode) */
.physical-carousel { position: relative; padding: 0 60px; }
.physical-track {
  display: flex; align-items: center; justify-content: center; gap: 16px; overflow: hidden;
}
.physical-slide { flex: 0 0 auto; cursor: pointer; }
.physical-slide img {
  width: 100%; max-width: 396px; display: block; margin: 0 auto; transition: transform 0.4s ease;
}
.physical-slide.is-center img { transform: scale(1.2); }
.physical-slide .slick-title { display: inline-block; margin-top: 8px; }

.custom-arrow {
  position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer; z-index: 50;
  color: #3f3f3f; background-color: #bababa; border-radius: 50%;
  width: 50px; height: 50px; display: flex; align-items: center; justify-content: center;
  opacity: 0.7;
}
.custom-arrow:hover { opacity: 1; }
.custom-arrow.physical-prev { left: 0; }
.custom-arrow.physical-next { right: 0; }

@keyframes carseerGlow {
  0%, 100% { box-shadow: 0 4px 15px rgba(245, 166, 35, 0.4); transform: scale(1); }
  50% { box-shadow: 0 6px 30px rgba(245, 166, 35, 0.8), 0 0 15px rgba(245, 166, 35, 0.3); transform: scale(1.03); }
}