/* ==============================================
   TM24 NOVAChild – Slider (Slick)
   Modul: modules/shared/slider/slider.css
   Scope: .slick-*, .item-slider, .product-slider,
          .carousel-arrows-inside
   Quelle: custom.css (Legacy)
   UTF-8 ohne BOM
   ============================================== */

.item-slider .slick-track {
    height: auto !important;
}

.slick-dots li button::before {
    color: #d1d1da !important;
    font-size: 10px !important;
    transition: color var(--speed) !important;
}

.slick-dots li.slick-active button::before {
    color: var(--p) !important;
}

/* ---- Section Headings ---- */
.heading-body h2 {
    font-size: 26px !important;
    font-weight: 900 !important;
    text-align: center !important;
    margin-bottom: 28px !important;
    letter-spacing: -.5px !important;
    color: var(--txt) !important;
}

.hr-sect.h2 {
    font-family: var(--f) !important;
    font-weight: 900 !important;
    font-size: 26px !important;
    color: var(--txt) !important;
    letter-spacing: -.5px !important;
    text-align: center !important;
    margin: 48px 0 28px !important;
}

.hr-sect a {
    color: var(--txt) !important;
    text-decoration: none !important;
}

.hr-sect a:hover {
    color: var(--p) !important;
}

.hr-sect::after {
    border-color: var(--brd) !important;
}

/* ---- Slider Wrapper ---- */
.product-slider-wrapper {
    margin-bottom: 40px !important;
    padding: 0 !important;
}

.product-slider-TopAngebot {
    background: transparent !important;
}

/* ---- Slick-Slider-Other ---- */
.slick-slider-other {
    padding: 0 10px !important;
}

.slick-slider-other .slick-slide {
    padding: 0 10px !important;
    height: auto !important;
}

.slick-slider-other .slick-track {
    display: flex !important;
    height: auto !important;
}

.slick-slider-other .slick-slide>div {
    height: 100% !important;
}

.slick-slider-other .productbox {
    margin: 10px 0 !important;
    height: auto !important;
}

/* ---- Slick Arrows ---- */
.slick-slider-other .slick-next {
    width: 40px !important;
    height: 40px !important;
    background: rgba(255, 255, 255, .95) !important;
    backdrop-filter: blur(10px) !important;
    border-radius: 50% !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, .08) !important;
    z-index: 10 !important;
    transition: all .25s !important;
}

.carousel-arrows-inside .slick-prev {
    left: 12px !important;
}

.carousel-arrows-inside .slick-next {
    right: 12px !important;
}

.slick-slider-other .slick-next::before {
    color: var(--p) !important;
    font-size: 16px !important;
    opacity: 1 !important;
}

.slick-slider-other .slick-next:hover {
    background: var(--p) !important;
    box-shadow: var(--sb) !important;
    transform: scale(1.1) !important;
}

.slick-slider-other .slick-next:hover::before {
    color: #fff !important;
}