/* ============================================
   IQITCROSSSELLING SWIPER FIX
   Speziell für Swiper Carousel - 2-3 Produkte nebeneinander
   ============================================ */

/* Hauptproblem: Swiper setzt inline-styles mit festen Breiten (119.8px)
   Lösung: Swiper überschreiben und Grid-Layout erzwingen */

/* Swiper Container deaktivieren und Grid aktivieren */
.crossselling-products .swiper-container,
.crossselling-products .swiper {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 20px !important;
    width: 100% !important;
}

/* Swiper Wrapper als Grid */
.crossselling-products .swiper-wrapper {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 20px !important;
    width: 100% !important;
    transform: none !important;
    transition: none !important;
}

/* Swiper Slides - einzelne Produktkacheln */
.crossselling-products .swiper-slide {
    max-width: 100% !important;
    margin: 0 !important;
    flex: none !important;
}

/* Desktop: 3 Produkte nebeneinander */
@media (min-width: 992px) {
    .crossselling-products .swiper-container,
    .crossselling-products .swiper {
        grid-template-columns: repeat(3, 1fr) !important;
    }
    
    .crossselling-products .swiper-wrapper {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* Tablet: 2 Produkte */
@media (min-width: 768px) and (max-width: 991px) {
    .crossselling-products .swiper-container,
    .crossselling-products .swiper {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    
    .crossselling-products .swiper-wrapper {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

/* Mobile: 1 Produkt */
@media (max-width: 767px) {
    .crossselling-products .swiper-container,
    .crossselling-products .swiper {
        grid-template-columns: repeat(1, 1fr) !important;
    }
    
    .crossselling-products .swiper-wrapper {
        grid-template-columns: repeat(1, 1fr) !important;
    }
}

/* Navigation und Pagination ausblenden (nicht mehr benötigt) */
.crossselling-products .swiper-button-prev,
.crossselling-products .swiper-button-next,
.crossselling-products .swiper-pagination {
    display: none !important;
}

/* Produkt-Miniature Container */
.crossselling-products .js-product-miniature-wrapper {
    width: 100% !important;
    max-width: 100% !important;
}

/* Produktkachel selbst */
.crossselling-products .product-miniature {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
}

/* Produktbild Container */
.crossselling-products .thumbnail-container {
    width: 100% !important;
    height: auto !important;
}

/* Produktbilder */
.crossselling-products .thumbnail-container img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* Produktbeschreibung */
.crossselling-products .product-description {
    width: 100% !important;
    padding: 15px !important;
}

/* Titel der Sektion */
.crossselling-products .section-title {
    width: 100% !important;
    margin-bottom: 25px !important;
}

/* Block Content Wrapper */
.crossselling-products .block-content {
    width: 100% !important;
}

.crossselling-products .swiper-container-wrapper {
    width: 100% !important;
}
#opc_login_customer_popup {
    z-index: 999999;
}