/* AEH Sigorta - Modern Responsive Fixes */
/* Added for Cloudflare Pages deployment */

/* Fix min-width constraint */
html, body {
    min-width: 0 !important;
    width: 100% !important;
}

.header {
    min-width: 0 !important;
}

/* Responsive breakpoints */
@media screen and (max-width: 1140px) {
    .header .menu-area {
        float: none;
        padding: 12px 15px 0;
    }
    .header .logo {
        margin: 25px 0 0 15px;
    }
}

@media screen and (max-width: 768px) {
    .header {
        height: auto;
        position: relative;
    }
    .header .logo {
        float: none;
        margin: 15px auto;
        display: block;
    }
    .header .menu-area {
        float: none;
        padding: 10px;
        text-align: center;
    }
    .header .menu-area .top-area {
        text-align: center;
        height: auto;
    }
    .header .menu-area .main-menu {
        text-align: center;
    }
    .header .menu-area .main-menu ul li {
        display: block;
        margin: 5px 0;
    }
    .banner-area img {
        max-width: 100%;
        height: auto;
    }
    .product-list li {
        width: 100% !important;
        margin: 5px 0 !important;
    }
    .brand-list li {
        width: 45% !important;
        margin: 5px !important;
    }
    .news-area .tab-content {
        padding: 10px;
    }
}

@media screen and (max-width: 480px) {
    .header .menu-area .top-area .callcenter {
        font-size: 16px !important;
        display: block;
        margin: 5px 0;
    }
    .header .menu-area .top-area .search-box {
        margin: 5px 0;
        display: block;
    }
    .brand-list li {
        width: 90% !important;
    }
}

/* Modern modal styles - included via modern-fixes.css */