/* ====== Service & Warranty (Bootstrap) ====== */
:root{
  --sw-bg:#f6f8fb;
  --sw-card:#ffffff;
  --sw-text:#0f172a;
  --sw-muted:#6b7280;
  --sw-accent:#e52037;
  --sw-accent-2:#ff6b6b;
  --sw-border:rgba(15,23,42,.08);
  --sw-shadow:0 16px 40px rgba(2,6,23,.08);
}

.service-warranty-section{
  background:
    radial-gradient(110% 120% at 0% 0%, rgba(229,32,55,.06) 0%, transparent 50%),
    linear-gradient(180deg, var(--sw-bg) 0%, #ffffff 100%);
}

.sw-title{
  position:relative;
  font-weight: 700;
}
.sw-title::after{
  content:"";
  display:block;
  width:80px; height:3px; margin:10px auto 0;
  background:linear-gradient(90deg,var(--sw-accent),var(--sw-accent-2));
  border-radius:3px;
  font-weight: 700;
}

.sw-card{
  border:1px solid var(--sw-border);
  border-radius:16px;
  box-shadow:var(--sw-shadow);
  overflow:hidden;
}

/* Фото у гарантії */
.sw-img{
  height:clamp(230px, 50vw, 230px);
  object-fit: contain;
}

/* Небольшой эффект наведения на карточки */
.sw-card:hover{
  transform:translateY(-2px);
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
  box-shadow:0 20px 44px rgba(2,6,23,.12);
  border-color:rgba(15,23,42,.14);
}

/* Тонкие акценты для ссылок */
.service-warranty-section a:hover{
  filter:saturate(1.05);
  background-color: #e77b23;
}

.service-warranty-section .btn{
    width:100%;
    display: inline-block;
    padding: 10px 16px;
    border-radius: 10px;
    font-weight: 600;
    text-decoration: none;
    background-color: #e77b23;
    color: #fff;
    text-decoration: none !important;
    border-color: transparent;
  }
  .service-warranty-section .btn-primary:focus {
    color: #fff;
    background-color: transparent;
    border-color: transparent;
  }
  .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle {
    color: #000;
    background-color: transparent;
    border-color: transparent;
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle
 {
    color: #000;
    background-color: transparent;
    border-color: transparent;
}
  
/* Адаптивные мелочи */
@media (max-width: 575.98px){
  
}

/* Плавное появление — использует уже существующие .reveal/.is-visible из твоего CSS */
/* Ничего менять в базовых анимациях не нужно */

/* Карточки: лёгкий hover-эффект */
.sw-card{
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.sw-card:hover{
  transform: translateY(-2px);
  box-shadow: 0 20px 44px rgba(2,6,23,.12);
  border-color: rgba(15,23,42,.14);
}

/* Изображение в «Гарантії»: SVG аккуратно центрируется */
.sw-img{
  height: clamp(220px, 32vw, 380px);
  object-fit: cover;
}
.sw-img.sw-img-contain{
  object-fit: contain;                /* для SVG значков */
  background: #fff;                   /* чистый фон под SVG */
  padding: 12px;                      /* немного воздуха вокруг */
}

/* Уважение reduced motion (если ещё не добавлял) */
@media (prefers-reduced-motion: reduce){
  .reveal{ opacity:1 !important; transform:none !important; transition:none !important; }
}

.service img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contein;
  object-position: center;
  aspect-ratio: 16 / 9; /* квадрат можно сделать 1/1, если хочешь */
  border-radius: 8px;
  transition: transform .25s ease, filter .25s ease;
}

.service img:hover {
  transform: scale(1.02);
  filter: brightness(1.05);
}