/* Large desktops and laptops */
@media (min-width: 1200px) {
}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
}

/* Landscape phones and portrait tablets */
@media (max-width: 768px) {

    /* Mobil Header genel */
    .mobil-header {
        background: #fff;
        position: relative;
        z-index: 999;
    }

    /* Menü animasyonu */
    .mobile-menu {
        position: fixed;
        top: 0;
        left: -100%;
        width: 75%;
        height: 100vh;
        background: #fff;
        box-shadow: 2px 0 10px rgba(0,0,0,0.15);
        overflow-y: auto;
        transition: left 0.35s ease;
        padding: 1rem;
    }

        .mobile-menu.active {
            left: 0;
        }

        .mobile-menu ul li {
            border-bottom: 1px solid #eee;
        }

            .mobile-menu ul li a {
                display: block;
                padding: 12px 0;
                color: #222;
                text-decoration: none;
                font-weight: 500;
            }

                .mobile-menu ul li a:hover {
                    color: #51b575;
                }

    /* Arama kutusu gizli */
    .mobile-search {
        display: none;
    }

        .mobile-search.active {
            display: block;
        }

    /* Sepet adedi */
    .cart-count {
        position: absolute;
        top: -5px;
        right: -10px;
        background: #000;
        color: #fff;
        border-radius: 50%;
        font-size: 10px;
        padding: 2px 5px;
    }

    /* Hamburger animasyonu */
    #menuToggle.active {
        transform: rotate(90deg);
        transition: transform 0.3s ease;
    }

    .genislik {
        max-width: 100%;
        margin: 0px auto;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .beden-secim {
       
        bottom: 35px !important;      
        padding: 5px 5px !important;
       
    }

        .beden-secim span {
            font-size: 12px !important;
            padding: 3px 3px !important;
            min-width: 20px !important;
        }

 
}

/* Portrait phones and smaller */
@media (max-width: 480px) {
}