/* DEALFOXX HERO SECTION 2025 - EINZIGARTIGE CSS-KLASSEN */
/* Diese Datei überschreibt alle anderen CSS-Konflikte */

/* HERO CONTAINER - HÖCHSTE PRIORITÄT */
.dealfoxx-hero-main-2025,
#dealfoxx-hero-unique,
body .dealfoxx-hero-main-2025,
html body .dealfoxx-hero-main-2025,
html body main .dealfoxx-hero-main-2025 {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    width: 100vw !important;
    min-height: 600px !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

/* HERO CONTENT CONTAINER */
.dealfoxx-hero-content-2025,
body .dealfoxx-hero-content-2025,
html body .dealfoxx-hero-content-2025,
html body main .dealfoxx-hero-content-2025 {
    text-align: center !important;
    margin: 0 auto !important;
    max-width: 1000px !important;
    width: 100% !important;
    display: block !important;
    padding: 60px 30px !important;
    color: white !important;
}

/* HERO TEXT ELEMENTE */
.dealfoxx-hero-title-2025,
.dealfoxx-hero-subtitle-2025,
.dealfoxx-hero-description-2025,
body .dealfoxx-hero-title-2025,
body .dealfoxx-hero-subtitle-2025,
body .dealfoxx-hero-description-2025,
html body .dealfoxx-hero-title-2025,
html body .dealfoxx-hero-subtitle-2025,
html body .dealfoxx-hero-description-2025,
html body main .dealfoxx-hero-title-2025,
html body main .dealfoxx-hero-subtitle-2025,
html body main .dealfoxx-hero-description-2025 {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
    display: block !important;
}

/* HERO CTA BEREICH */
.dealfoxx-hero-cta-2025,
body .dealfoxx-hero-cta-2025,
html body .dealfoxx-hero-cta-2025,
html body main .dealfoxx-hero-cta-2025 {
    text-align: center !important;
    margin: 30px auto 0 auto !important;
    width: 100% !important;
    display: block !important;
}

/* HERO CTA BUTTON */
.dealfoxx-cta-button-2025,
body .dealfoxx-cta-button-2025,
html body .dealfoxx-cta-button-2025,
html body main .dealfoxx-cta-button-2025 {
    display: inline-block !important;
    text-align: center !important;
    margin: 0 auto !important;
    background: #ffffff !important;
    color: #174d9a !important;
    padding: 18px 40px !important;
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    border-radius: 10px !important;
    box-shadow: 0 6px 20px rgba(0,0,0,0.3) !important;
    transition: all 0.3s ease !important;
}

/* MOBILE OPTIMIERUNGEN */
@media (max-width: 768px) {
    .dealfoxx-hero-main-2025 {
        min-height: 450px !important;
        padding: 40px 0 !important;
    }
    
    .dealfoxx-hero-content-2025 {
        padding: 40px 20px !important;
    }
    
    .dealfoxx-hero-title-2025 {
        font-size: 2.2rem !important;
    }
    
    .dealfoxx-hero-subtitle-2025 {
        font-size: 1.2rem !important;
    }
    
    .dealfoxx-hero-description-2025 {
        font-size: 1rem !important;
        padding: 0 10px !important;
    }
    
    .dealfoxx-cta-button-2025 {
        padding: 14px 28px !important;
        font-size: 1rem !important;
    }
}

/* TABLET OPTIMIERUNGEN */
@media (max-width: 1024px) and (min-width: 769px) {
    .dealfoxx-hero-title-2025 {
        font-size: 2.8rem !important;
    }
    
    .dealfoxx-hero-subtitle-2025 {
        font-size: 1.3rem !important;
    }
}

/* KLEINSTE MOBILE GERÄTE */
@media (max-width: 480px) {
    .dealfoxx-hero-main-2025 {
        min-height: 400px !important;
    }
    
    .dealfoxx-hero-content-2025 {
        padding: 30px 15px !important;
    }
    
    .dealfoxx-hero-title-2025 {
        font-size: 1.8rem !important;
    }
    
    .dealfoxx-hero-subtitle-2025 {
        font-size: 1rem !important;
    }
    
    .dealfoxx-hero-description-2025 {
        font-size: 0.9rem !important;
    }
}

/* ANTI-KONFLIKT REGELN */
/* Überschreibt alle anderen CSS-Dateien */
body .homepage .dealfoxx-hero-main-2025,
html body .homepage .dealfoxx-hero-main-2025,
.homepage .dealfoxx-hero-main-2025 {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}

/* Grid-Fix für neue Produkte Section */
@media (max-width: 768px) {
    .new-products-grid,
    .categories-grid,
    .dealfoxx-new-products-grid,
    .dealfoxx-categories-grid,
    [class*="-grid"]:not(.features-grid):not(.footer-grid) {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 20px !important;
        width: 100% !important;
        margin: 0 !important;
    }
}