#imageModal.show {
  display: flex !important;
}

/* catalog car slider */
.scrollbar-hide {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.scrollbar-hide::-webkit-scrollbar {
  display: none;
}
.control-dot.active {
  background-color: #ffffff;
}

.car-gallery {
  scroll-behavior: smooth;
}

/* Убираем стрелочки у input[type="number"] */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield;
  /* Firefox */
}

.fullpage-body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
.fullpage-main {
  flex-grow: 1;
}
.fullpage-footer {
  flex-shrink: 0;
}

.no-select {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

@media (max-width: 768px) {
  .price-details {
    transform: translateX(-25%);
  }
}
@media (max-width: 400px) {
  .price-details {
    transform: translateX(-35%);
  }
}

/* CarCardBorder */

:root {
  --angle: 45deg;
  --opacity: 0.5;
}

.border-card {
  --border-size: 0.1rem;
  border: var(--border-size) solid transparent;
}

.border-card:hover {
  border-image: conic-gradient(
      from var(--angle),
      #00000000 0deg 150deg,
      #5fb02d 180deg 180deg,
      #00000000 180deg 330deg,
      #5fb02d 360deg 360deg
    )
    1 stretch;
  background: rgb(255 255 255 / var(--opacity));
}

@property --opacity {
  syntax: "<number>";
  initial-value: 0.5;
  inherits: false;
}

@property --angle {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}

@keyframes opacityChange {
  to {
    --opacity: 1;
  }
}

@keyframes rotate {
  to {
    --angle: 360deg;
  }
}

.border-card:hover {
  animation: rotate 4s linear infinite, opacityChange 3s infinite alternate;
}