/* ===== Общие отступы / якоря ===== */
.hero { padding-top: 3.5rem; padding-bottom: 3rem; }
.container { scroll-margin-top: 90px; }

/* ===== Премиальная панель фильтров ===== */
.filter-card{
  background:#fff;
  border:1px solid rgba(0,0,0,.06);
  border-radius:20px;
  padding:22px 26px;
  box-shadow:0 10px 28px rgba(0,0,0,.05);
  margin-bottom:30px;
}
.filter-card .form-select,
.filter-card .form-control,
.filter-card .btn{
  height:52px;
  border-radius:14px;
  font-size:15px;
}
.filter-card .row{ align-items:center; gap:12px; }
.filter-card .btn-cta{
  background:linear-gradient(135deg,#e53935 0%,#d81b60 100%);
  color:#fff !important;
  border:0;
  height:52px;
  font-weight:700;
  box-shadow:0 6px 18px rgba(216,27,96,.25);
  transition:transform .15s ease, box-shadow .2s ease;
  display:inline-flex; align-items:center; justify-content:center; line-height:1;
}
.filter-card .btn-cta:hover{ transform:translateY(-1px); box-shadow:0 10px 24px rgba(216,27,96,.28); }
.filter-card .btn-ghost{
  height:52px; border-radius:14px; font-weight:600;
  color:#6b7280 !important; border:1px solid #e3e6ea; background:#fff; transition:all .15s ease;
  display:inline-flex; align-items:center; justify-content:center; line-height:1;
}
.filter-card .btn-ghost:hover{ background:#f8fafc; border-color:#d1d5db; color:#374151 !important; }

@media (max-width:768px){
  .filter-card{ padding:18px; }
  .filter-card .row{ gap:10px; }
  .filter-card .form-control,.filter-card .form-select,.filter-card .btn{ height:48px; }
}

.min-160{min-width:160px;} .min-120{min-width:120px;} .min-200{min-width:200px;}

/* ===== Карточки ===== */
.car-card{
  border-radius:18px; overflow:hidden;
  background:linear-gradient(180deg,#ffffff 0%,#fbfcff 100%);
  box-shadow:0 10px 24px rgba(0,0,0,.07);
  transition:transform .18s ease, box-shadow .18s ease;
  margin-bottom:20px;
}
.car-card:hover{ transform:translateY(-3px); box-shadow:0 16px 30px rgba(0,0,0,.1); }
.car-card .card-img-top{ aspect-ratio:16/9; object-fit:cover; }

.badge-status{
  background:#f6f7fb; color:#6c757d; border:1px solid #e8eaf1; font-weight:600;
}

.control-44{ height:44px; border-radius:12px; }
.btn-ctrl{
  height:44px; border-radius:12px; font-weight:600; padding:0 22px;
  display:inline-flex; align-items:center; justify-content:center; margin-right:12px;
}
.btn-ctrl:last-child{ margin-right:0; }

.reveal{ opacity:0; transform:translateY(14px); transition:.35s ease; }
.reveal.reveal_visible{ opacity:1; transform:none; }

.row.g-4{ --bs-gutter-y:2rem; }

/* ===== Кнопки CTA ===== */
.btn-cta{
  background:linear-gradient(135deg,#e53935 0%,#d81b60 100%);
  color:#fff !important; border:0; height:48px; padding:0 24px; border-radius:12px; font-weight:700;
  box-shadow:0 10px 20px rgba(216,27,96,.25);
  transition:transform .15s ease, box-shadow .2s ease, filter .2s ease;
}
.btn-cta:hover{ transform:translateY(-1px); box-shadow:0 14px 28px rgba(216,27,96,.28); filter:brightness(1.03); }
.btn-cta:active{ transform:none; box-shadow:0 6px 14px rgba(216,27,96,.22); }
.btn-outline-danger{ border-radius:12px; font-weight:600; }

/* ===== Карточка авто: калькулятор ===== */
#calc .form-label{ margin-bottom:.35rem; }
#calc .form-control{ height:46px; }
#calc .calc-run{ margin-top:6px; }

/* ===== Галерея на детальной ===== */
#carGallery .carousel-item img{
  width:100%; height:auto; max-height:520px; object-fit:cover;
}
@media (max-width: 992px){
  #carGallery .carousel-item img{ max-height:420px; }
}

/* Стрелки — обновлённые, круглые, видимые */
.carousel-control-prev,
.carousel-control-next{
  background:transparent;
  width:8%; top:50%;
  transform:translateY(-50%);
  opacity:.95;
  transition:opacity .2s ease;
  z-index:3;
  border:none;
  outline:none;
}
.carousel-control-prev:hover,
.carousel-control-next:hover{ opacity:1; }

.carousel-control-prev-icon,
.carousel-control-next-icon{
  width:42px; height:42px;
  background-size:42px 42px;
  background-repeat:no-repeat;
  filter:drop-shadow(0 2px 6px rgba(0,0,0,.4));
}
.carousel-control-prev-icon{
  background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='20' cy='20' r='19' fill='rgba(0,0,0,0.35)'/%3E%3Cpath d='M23 10 L13 20 L23 30' fill='none' stroke='%23FFFFFF' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}
.carousel-control-next-icon{
  background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='20' cy='20' r='19' fill='rgba(0,0,0,0.35)'/%3E%3Cpath d='M17 10 L27 20 L17 30' fill='none' stroke='%23FFFFFF' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}
@media (max-width:768px){
  .carousel-control-prev,.carousel-control-next{ width:12%; }
  .carousel-control-prev-icon,.carousel-control-next-icon{
    width:32px; height:32px; background-size:32px 32px;
  }
}

/* Превьюшки под слайдером */
.thumb-img{
  width:90px; height:64px; object-fit:cover; border-radius:10px;
  border:1px solid #e6e9ef;
  transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.thumb-img:hover{ transform:translateY(-1px); box-shadow:0 8px 18px rgba(0,0,0,.08); }
.thumb.active .thumb-img{ outline:2px solid #d81b60; border-color:#d81b60; }

/* ===== Футер ===== */
.site-footer{ background:linear-gradient(180deg,#fafbff 0,#ffffff 100%); border-top:1px solid #eef1f6; }

/* ===== Плавающая кнопка WhatsApp ===== */
.wa-fab{
  position:fixed; right:18px; bottom:18px; width:56px; height:56px; border-radius:50%;
  display:inline-flex; align-items:center; justify-content:center; color:#fff; background:#25D366;
  box-shadow:0 12px 24px rgba(37,211,102,.35); z-index:999; text-decoration:none;
}
.wa-fab:hover{ filter:brightness(.95); }

.spec-table td{ padding:.4rem .6rem; border-bottom:1px dashed #eaecef; }

/* ===== Выровнять кнопки ===== */
.btn-danger,
.btn-cta {
  height: 52px !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 26px;
  font-weight: 700;
  font-size: 16px;
  border-radius: 12px;
  line-height: 1 !important;
}
.btn-danger {
  background: linear-gradient(135deg, #e53935 0%, #d81b60 100%);
  border: none;
  color: #fff;
  box-shadow: 0 8px 18px rgba(216,27,96,.25);
  transition: all .2s ease;
}
.btn-danger:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 24px rgba(216,27,96,.3);
}

/* ===== Кнопки заявки / WhatsApp ===== */
.btn-lead {
  height: 52px;
  border-radius: 14px;
  font-weight: 700;
  font-size: 16px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 26px;
  transition: all 0.2s ease-in-out;
}
.btn-lead-primary {
  background: linear-gradient(135deg, #e53935 0%, #d81b60 100%);
  border: none;
  color: #fff !important;
  box-shadow: 0 8px 18px rgba(216, 27, 96, 0.25);
}
.btn-lead-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 24px rgba(216, 27, 96, 0.3);
}
.btn-lead-outline {
  border: 2px solid #e53935;
  background: #fff;
  color: #d81b60 !important;
}
.btn-lead-outline:hover {
  background: #fff0f5;
  transform: translateY(-2px);
}
.lead-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  justify-content: center;
  margin-top: 24px;
}

/* ===== Специально для кнопки WhatsApp в карточке авто ===== */
.whatsapp-btn{
  height:52px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 26px;
  line-height:1;
  font-weight:700;
  border-radius:12px;
}
