/* Asosiy button */
        .dropbtn{
        background-color: rgba(255, 255, 255, 0);
        color: #fff;
        padding: 10px 12px;
        font-size: 18px;
        border: none;
        border-radius: 8px;
        cursor: pointer;
        transition: transform .18s ease, box-shadow .18s ease;
        display: flex;
        align-items: center;
        justify-content: center;
        }

        .dropbtn:hover{ transform: translateY(-2px); }

        .dropdown{ position: relative; display: inline-block; }

        /* asosiy menyu paneli */
        .dropdown-content{
        display: none;
        position: absolute;
        left: 0;
        top: calc(100% + 10px);
        background: var(--panel);
        min-width: 240px;
        box-shadow: 0 10px 30px rgba(0,0,0,0.12);
        z-index: 1000;
        padding: 6px 6px;
        border-radius: 8px;
        overflow: visible;
        animation: fadeIn .18s ease;
        background-color: #fefefe;
        }
        .dropdown-content.show{ display: block; }

        .dropdown-content a{
        display: block;
        padding: 10px 10px;
        color: var(--text);
        text-decoration: none;
        border-radius: 6px;
        transition: background .14s ease, padding-left .14s ease;
        font-size: 14.5px;
        }
        .dropdown-content a:hover{
        background: #dedede;
        padding-left: 18px;
        }

        /* Submenu wrapper */
        .submenu{ position: relative; }

        /* Submenu o‘ngga chiqadi */
        .submenu-content{
        display: none;
        position: absolute;
        left: 100%;
        top: -5px;
        margin-left: 10px; /* oraliq */
        background: var(--panel);
        min-width: 200px;
        border-radius: 8px;
         box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
        z-index: 1100;
        padding: 6px 6px;
        background-color: #ffffff;
        }

        /* Hover uzilmasligi uchun "ko‘prik" hudud */
        .submenu-content::before{
        content: "";
        position: absolute;
        top: 0;
        left: -10px;       /* margin bilan teng */
        width: 10px;       /* shu bo‘shliqning eni */
        height: 100%;
        }


        .submenu-content a{
        padding: 10px 14px;
        white-space: nowrap;
        font-size: 14px;
        }

        /* Hover bilan ochiladi */
        .submenu:hover > .submenu-content{
        display: block;
        }

        /* Mobile uchun open class */
        .submenu.open > .submenu-content{ display: block; }

        /* Arrow belgilari */
        .submenu > a::after{
        content: " ▸";
        float: right;
        color: var(--muted);
        font-size: 20px;
        }

        @keyframes fadeIn{
        from {opacity: 0; transform: translateY(6px);}
        to   {opacity: 1; transform: translateY(0);}
        }

        /* kichik ekranlarda */
        @media (max-width: 520px){
        .dropdown-content{
            left: 0;
            right: 0;
            top: calc(100% + 8px);
            min-width: auto;
        }
        .submenu-content{ width: 95%; left: auto;  margin-top: 50px; margin-left: 0; background-color: #ffffff; }
        .submenu > a::after{ content: " ▾"; }
        }



        /* Hover emas */
        .submenu:hover > .submenu-content { display: none; }

        /* Clickda ochiladigan variant */
        .submenu.open > .submenu-content {
        display: block;
        }