/* 1. ASOSIY KONTEYNERNI TO'G'RILASH */
.pkp_structure_main {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Sidebar pastga tushib ketmasligi uchun */
    max-width: 1200px !important;
    margin: 0 auto !important;
    gap: 20px !important;
    align-items: flex-start !important;
}

/* 2. ASOSIY KONTENT (CHAP TOMON) */
.pkp_structure_content {
    flex: 0 0 72% !important; /* Aniq 72% joy egallaydi */
    width: 72% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

/* 3. SIDEBAR (O'NG TOMON) - O'LCHAMNI MOSLASH */
.pkp_structure_sidebar {
    flex: 0 0 25% !important; /* Sidebar uchun 25% joy */
    width: 25% !important;
    max-width: 300px !important;
    display: block !important;
    margin-top: 0 !important; /* Yuqoriga ko'tarish uchun */
}

/* 4. SIDEBAR BLOKLARI (ORIGINAL USLUBDA) */
.pkp_block {
    margin-bottom: 20px !important;
    padding: 10px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 5. TUGMALAR O'LCHAMI (MAKE A SUBMISSION) */
.pkp_block a.make_submission, 
.pkp_block .pkp_button {
    width: 100% !important;
    display: block !important;
    text-align: center !important;
    box-sizing: border-box !important;
}

/* 6. MOBIL QURILMALAR UCHUN (EKRAN KICHIKLASHGANDA) */
@media (max-width: 900px) {
    .pkp_structure_main {
        flex-direction: column !important;
    }
    .pkp_structure_content, 
    .pkp_structure_sidebar {
        width: 100% !important;
        flex: 0 0 100% !important;
    }
}