/* Responsive Layout and Container Styles */

/* Container Layout Adjustments */
@media (max-width: 1300px) {
    .container.maxWidthContent {
        max-width: 1300px !important;
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        margin: 45px auto 0px auto !important;
        padding: 0px 20px !important;
    }
    
    /* PLP-specific container margin override */
    body.blog-post .container.maxWidthContent,
    body[class*="404"] .container.maxWidthContent,
    body.category .container.maxWidthContent,
    body.search .container.maxWidthContent {
        margin: 10px auto 0px auto !important;
    }
}

/* Remove Featured Section Max-Width on Smaller Screens */
@media (max-width: 1100px) {
    .demdaco-featured {
        max-width: none !important;
        width: 100%;
        margin: 0px auto;
        padding: 0 20px;
    }
}

/* Container Layout for Tablets (760px - 1045px) */
@media (max-width: 1045px) and (min-width: 760px) {
    .plp-content {
        padding: 0px 20px !important;
    }
    
    .plp-featured {
        display: none;
    }
}

/* Hide Faceted Search Container on Smaller Screens */
@media (max-width: 1000px) {
    #faceted-search-container {
        display: none !important;
    }
    
    .container.maxWidthContent {
        margin: 10px auto 0px auto !important;
        padding: 0px !important;
    }
    
    /* PLP-specific container margin override for tablets */
    body.blog-post .container.maxWidthContent,
    body[class*="404"] .container.maxWidthContent,
    body.category .container.maxWidthContent,
    body.search .container.maxWidthContent {
        margin: 10px auto 0px auto !important;
    }
}

/* Mobile-specific container adjustments */
@media (max-width: 768px) {
    /* PLP-specific container margin override for mobile */
    body.blog-post .container.maxWidthContent,
    body[class*="404"] .container.maxWidthContent,
    body.category .container.maxWidthContent,
    body.search .container.maxWidthContent {
        margin: 0px auto 0px auto !important;
        padding: 0px !important;
    }
}