.section-title {
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
  margin-bottom: 10px !important;
  font-size: 42px !important;
}

.section-title h2 {
  color: #FFFFFF !important;
  font-size: 42px !important;
  font-weight: 700 !important;
  margin-bottom: 10px !important;
  text-align: center !important;
  width: 100% !important;
}

.section-subtitle {
  text-align: center !important;
  margin-bottom: 3rem !important;
}

.section-subtitle p {
  color: rgba(255,255,255,0.8) !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  text-align: center !important;
  max-width: 800px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

html, body {
    max-width: 100%;
    overflow-x: hidden;
}

::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}

::-webkit-scrollbar-track {
  background: #000000;
}

::-webkit-scrollbar-thumb {
  background: #1a1a1a;
  border-radius: 6px;
}

::-webkit-scrollbar-thumb:hover {
  background: #2a2a2a;
}

* {
  scrollbar-width: thin;
  scrollbar-color: #1a1a1a #000000;
}

/* ==========================================
   SELLAUTH: DEAKTIVIERT ALLE PRODUKT-ANIMATIONEN
   ========================================== */

/* Deaktiviert Hover-Effekte, Skalierungen und Smooth-Transitions auf den Produktkarten */
.products .card, 
.products .card *,
.products [class*="transition"],
.products [class*="duration"] {
    transition-property: none !important;
    transition-duration: 0s !important;
    transform: none !important;
    animation: none !important;
}

/* Erzwingt, dass das Overlay (z.B. "In den Warenkorb"-Button) sofort ein- und ausgeblendet wird */
.products .card .card-img-top .overlay {
    transition: none !important;
    animation: none !important;
}

/* Falls Sellauth standardmäßig die Deckkraft (Opacity) animiert, wird dies hier sofort geschaltet */
.products .card:hover .card-img-top .overlay {
    opacity: 1 !important;
    transition: none !important;
}