.state path {transition: all 0.5s ease}
.state:hover path {filter:brightness(0.5); }
body { overflow-x:hidden; min-height:  calc(100vh + 20px)}
.map__svg { height: fit-content}

/*header>div.py-1.py-lg-2 { padding-bottom: 0px !important; padding-top: 0px !important;}*/
header .logo { border-radius: 15px; max-height: 60px}

#hero2 .swiper-slide { aspect-ratio: 3/2}
#hero2 { width:100% !important}
#heroslider {  height: 80vh; min-height:550px}

section { padding-bottom: 60px}

h1,h2,h3 { font-weight: 900 !important; color:black}

#heroslider .swiper-slide { position: relative;}
#heroslider .swiper-slide::before{ position: absolute; top:0px; left:0px; height:100%; width:100%; content:"  "; background: rgba(0,0,0,0.4);}
#heroslider h2 { color: white; text-align: center}
#heroslider p { text-align: center}
#heroslider  .slider-content { position: relative; z-index: 999; color: white; justify-content: center; padding: 0px 10%; flex-flow: column;
    display: flex; align-items: center; height: 100%; opacity: 1; transform: none;}

#heroslider .swiper { border-radius: 0px !important}
#heroslider div:not(.swiper-scrollbar-heroslider) { border-radius: 0px !important}
#heroslider img { border-radius: 0px !important}
#heroslider .lead { font-size: 20px; line-height: 1.2}


[data-bs-theme=dark] .swiper-scrollbar:not([data-bs-theme=light]) { border-radius: 50px !important}

.logo {
  padding: 5px;
  height: 60px;
  max-width:unset;
}


.categories a { text-decoration: unset !important; color:black;}
.categories a:hover { text-decoration: underline !important}
.categories .left-border { margin-left: 20px; padding-left: 10px; border-left: 5px solid black; margin-bottom: 30px}


.faq>div { padding: 0px !important}
.faq .col-accordion { width:80%; margin: auto}
.faq .col-accordion h3 button span { font-size: 20px;  line-height: 1.0; display: block }
.faq .col-accordion p { font-size: 18px }

@media (max-width:540px) {
  .faq .col-accordion { width:100%; margin: auto}
  .faq .col-accordion h3 button span { font-size: 20px; line-height: 1.0; display: block }
  .faq .col-accordion p { font-size: 16px }
}
 
.footer-logo { width:250px; margin: auto}

._premium-gradient {
  font-weight: 800;

  background: linear-gradient(
    135deg,
    #0b0b0b 0%,     /* глибокий чорний */
    #2b1f14 25%,    /* темний шоколад */
    #b59a3a 50%,    /* яскраве золото */
    #556b2f 70%,    /* насичена олива */
    #000000 100%    /* чистий чорний */
  );

  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;

  letter-spacing: 0.05em;
}


.product-description-container h3 { font-size: 18px}




/* ДАЄМО SWIPER'У ТЯГНУТИСЬ ПО НАЙВИЩОМУ СЛАЙДУ */
.swiper-wrapper {
  align-items: stretch;  
}

/* СЛАЙД — FLEX КОНТЕЙНЕР */
.swiper-slide {
  display: flex;
  height: auto !important;    
  min-height: unset !important; /* перебиваємо Swiper */
}

/* ARTICLE — НА ВСЮ ВИСОТУ СЛАЙДУ */
.product-card-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  flex: 1; 
}

/* КОНТЕНТ РОЗТЯГУЄТЬСЯ */
.product-card-body {
  flex: 1 1 auto;
}

/* КНОПКА ЗАВЖДИ ВНИЗУ */
.product-card-footer {
  margin-top: auto;
}








/* ===== LIGHT / MORE EXPRESSIVE GRADIENTS ===== */

.features .swiper-wrapper { padding: 40px}

.card[class*="card_"] {
   
  outline: none !important;
 
  border: 1px solid #ddd;
  border-radius: unset !important;
  background: #fff;
box-shadow:
    0 8px 24px rgba(0, 0, 0, 0.08),
    0 16px 48px rgba(0, 0, 0, 0.06);
}