/**
 * DEALFOXX - Desktop Layout Fix
 * Stellt die ursprüngliche 1550px maximale Breite wieder her
 */

/* DESKTOP LAYOUT RESTORE - NUR für Bildschirme über 768px */
@media (min-width: 769px) {
    
    /* Hauptcontainer auf 1550px begrenzen */
    main.container,
    main[class*="max-w-"] {
        max-width: 1550px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        width: auto !important;
    }
    
    /* Standard Container-Klasse */
    .container {
        max-width: 1550px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        width: auto !important;
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }
    
    /* Sections und andere Container */
    .section-container,
    .main-content,
    .content-wrapper {
        max-width: 1550px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    
    /* Header Container */
    .header-main {
        max-width: 1550px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    
    /* Body und HTML sollten nicht full-width sein */
    body {
        overflow-x: hidden !important;
    }
    
    /* Alle top-level Container begrenzen */
    body > main,
    body > .container,
    body > section {
        max-width: 1550px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    
    /* Spezifische Tailwind-Klassen */
    .mx-auto {
        margin-left: auto !important;
        margin-right: auto !important;
    }
    
    /* Produktseite spezifisch */
    .product-container,
    .product-content,
    .product-wrapper {
        max-width: 1550px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}