.state path {transition: all 0.5s ease}
.state:hover path {filter:brightness(0.5); }
body { overflow-x:hidden}
.map__svg { height: fit-content}

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

#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;}
#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;
}

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

@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 }
}

.cdb-container img, .h8x-container img { position: sticky; top:100px}

.cdb-container hr, .h8x-container hr { display: none}
.cdb-container .px-5, .h8x-container .px-5 { padding: unset !important }
.cdb-container img, .h8x-container img { margin-bottom:20px; }

.cdb-container h4 { font-weight: 800}
.h8x-container h4 { font-weight: 800}

.cdb-container p, .h8x-container p { font-weight: 500; font-size: 14px}

.cdb-container .cdb-1 { border-radius:20px; padding:30px; margin-bottom:20px; background:#f4ead8 } /* дуже світлий пісок */
.cdb-container .cdb-2 { border-radius:20px; padding:30px; margin-bottom:20px; background:#efe3cb } /* світле дерево */
.cdb-container .cdb-3 { border-radius:20px; padding:30px; margin-bottom:20px; background:#e4edc8 } /* світла шавлія */


.h8x-container .h8x-1 { border-radius:20px; padding:30px; margin-bottom:20px; background:#eef3d6 } /* світла олива */
.h8x-container .h8x-2 { border-radius:20px; padding:30px; margin-bottom:20px; background:#e4edc8 } /* світла шавлія */
.h8x-container .h8x-3 { border-radius:20px; padding:30px; margin-bottom:20px; background:#efe8c8 } /* світлий бурштин */
.h8x-container .h8x-4 { border-radius:20px; padding:30px; margin-bottom:20px; background:#d9ead7 } /* світлий мох */


.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;
}


 




/* ДАЄМО 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 ===== */

.card[class*="card_"] {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}


/* Чистота – світле скло + мʼята */
.card_0 {
  background-image: linear-gradient(
    145deg,
    #f4fbf8 0%,
    #c3e3d6 55%,
    #a8d6c4 100%
  ) !important;
}

/* Натуральність – hemp / олива */
.card_1 {
  background-image: linear-gradient(
    145deg,
    #f7f9ee 0%,
    #dde6c4 55%,
    #c2cf9e 100%
  ) !important;
}

/* Технологія – фарм світлий teal */
.card_2 {
  background-image: linear-gradient(
    145deg,
    #f0fbfa 0%,
    #cbe7e3 55%,
    #a6d4ce 100%
  ) !important;
}

/* Premium – теплий беж + золото */
.card_3 {
  background-image: linear-gradient(
    145deg,
    #fbf7eb 0%,
    #ead9a8 55%,
    #d3b86f 100%
  ) !important;
}

/* Сертифікація – папір + sage */
.card_4 {
  background-image: linear-gradient(
    145deg,
    #f9fbf7 0%,
    #dde8d6 55%,
    #c4d5bf 100%
  ) !important;
}

/* Безпека – молочний + stone */
.card_5 {
  background-image: linear-gradient(
    145deg,
    #ffffff 0%,
    #e7e7e7 55%,
    #d2d2d2 100%
  ) !important;
}

/* Консистентність – світлий sand */
.card_6 {
  background-image: linear-gradient(
    145deg,
    #fffaf1 0%,
    #eadfca 55%,
    #d5c5a2 100%
  ) !important;
}

/* Баланс – mint + cream */
.card_7 {
  background-image: linear-gradient(
    145deg,
    #f1fbf7 0%,
    #d2ede2 55%,
    #b7dccd 100%
  ) !important;
}