/*
=========================================================
 EYIB OJS — ISSUE 15 STYLE CLONE / FULL SAFE CSS
 Sayt: https://eyib.org.uz/index.php/Journal
 Maqsad:
 1) Issue view / 15 sahifasidagi tartibli ko'rinishni butun jurnalga berish
 2) pageHeaderLogoImage_en.png yuqorini to'liq to'ldirsin
 3) cover_issue_15_en.jpg va boshqa cover rasmlar haddan tashqari kattalashmasin
 4) Maqolalar ro'yxati keng, sidebar esa pastda bloklar ko'rinishida chiqsin
 Yuklash joyi:
 Settings → Website → Appearance → Advanced → Journal Style Sheet
 Keyin:
 Administration → Clear Data Caches
 Administration → Clear Template Cache
 Brauzer: Ctrl + F5
=========================================================
*/

:root {
    --eyib-bg: #f3f4f6;
    --eyib-card: #ffffff;
    --eyib-text: #243041;
    --eyib-muted: #64748b;
    --eyib-border: #dfe5ee;
    --eyib-primary: #0b5e7a;
    --eyib-primary-dark: #073f52;
    --eyib-primary-soft: #eef8fb;
    --eyib-accent: #d9a441;
    --eyib-accent-soft: #fff7e6;
    --eyib-max: 1180px;
    --eyib-radius: 16px;
    --eyib-radius-sm: 12px;
    --eyib-shadow: 0 10px 28px rgba(15, 23, 42, .08);
    --eyib-shadow-sm: 0 6px 18px rgba(15, 23, 42, .055);
    --eyib-header-img: url("https://eyib.org.uz/public/journals/1/pageHeaderLogoImage_en.png");
    --eyib-header-h: clamp(150px, 26.9vw, 330px);
}

*, *::before, *::after {
    box-sizing: border-box !important;
}

html {
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden !important;
    scroll-behavior: smooth !important;
    font-size: 16px !important;
}

body {
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden !important;
    background: var(--eyib-bg) !important;
    color: var(--eyib-text) !important;
    font-family: "Segoe UI", Arial, sans-serif !important;
    font-size: 16px !important;
    line-height: 1.65 !important;
}

img, iframe, video, table {
    max-width: 100% !important;
}

img {
    height: auto !important;
}

a {
    color: var(--eyib-primary) !important;
    text-decoration: none !important;
    transition: color .18s ease, background .18s ease, border-color .18s ease, transform .18s ease, box-shadow .18s ease !important;
}

a:hover, a:focus {
    color: var(--eyib-primary-dark) !important;
}

/* =========================================================
   1) OJS UMUMIY STRUKTURA — eski float/width konfliktlarini sindirish
========================================================= */
.pkp_structure_page,
.pkp_structure_head,
.pkp_structure_content,
.pkp_structure_footer_wrapper {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.pkp_head_wrapper,
.pkp_navigation_primary_row,
.pkp_structure_content,
.pkp_footer_content,
.pkp_structure_footer {
    width: min(var(--eyib-max), calc(100% - 32px)) !important;
    max-width: var(--eyib-max) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.pkp_head_wrapper::before,
.pkp_head_wrapper::after,
.pkp_site_name_wrapper::before,
.pkp_site_name_wrapper::after,
.pkp_navigation_primary_row::before,
.pkp_navigation_primary_row::after,
.pkp_structure_content::before,
.pkp_structure_content::after,
.pkp_structure_footer::before,
.pkp_structure_footer::after,
.pkp_structure_main::before,
.pkp_structure_main::after,
.pkp_structure_sidebar::before,
.pkp_structure_sidebar::after {
    content: none !important;
    display: none !important;
    clear: none !important;
}

/* =========================================================
   2) HEADER RASMI — yuqorini to'liq to'ldiradi
   Rasm nisbati: taxminan 1000 x 269. Balandlik shunga mos clamp bilan berildi.
========================================================= */
.pkp_structure_head {
    position: relative !important;
    z-index: 20 !important;
    background: #ffffff !important;
    border-bottom: 1px solid var(--eyib-border) !important;
    box-shadow: 0 6px 18px rgba(15, 23, 42, .05) !important;
    overflow: hidden !important;
}

.pkp_head_wrapper {
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.pkp_site_name_wrapper {
    position: relative !important;
    display: block !important;
    width: 100vw !important;
    max-width: 100vw !important;
    height: var(--eyib-header-h) !important;
    min-height: var(--eyib-header-h) !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    padding: 0 !important;
    overflow: hidden !important;
    background-image: var(--eyib-header-img) !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

.pkp_site_name,
.pkp_site_name > a,
.pkp_site_name .is_img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
}

.pkp_site_name img,
.pkp_site_name .is_img img,
.pkp_site_name a img,
.pkp_site_name_wrapper img,
img[src*="pageHeaderLogoImage"] {
    display: block !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: center center !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.pkp_site_name .is_text {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: var(--eyib-header-h) !important;
    margin: 0 !important;
    padding: 20px !important;
    background: linear-gradient(135deg, #f8fafc, #e0f2fe) !important;
    color: var(--eyib-primary-dark) !important;
    font-size: clamp(1.5rem, 4vw, 3rem) !important;
    font-weight: 900 !important;
    line-height: 1.15 !important;
    text-align: center !important;
}

/* =========================================================
   3) YUQORI MENYU — header tagida issue sahifadagidek ixcham
========================================================= */
.pkp_navigation_primary_row {
    position: relative !important;
    z-index: 30 !important;
    margin-top: 0 !important;
    padding: 0 14px !important;
    background: var(--eyib-primary) !important;
    border: 0 !important;
    border-radius: 0 0 14px 14px !important;
    min-height: 52px !important;
    box-shadow: 0 10px 24px rgba(7, 63, 82, .14) !important;
}

.pkp_navigation_primary_wrapper {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.pkp_navigation_primary {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 4px !important;
    min-height: 52px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.pkp_navigation_primary > li {
    margin: 0 !important;
    padding: 0 !important;
}

.pkp_navigation_primary > li > a,
.pkp_navigation_primary > li > button,
.pkp_navigation_search_wrapper a,
.pkp_navigation_search_wrapper button,
.pkp_navigation_user > li > a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 40px !important;
    padding: 11px 14px !important;
    color: #ffffff !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 10px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-transform: none !important;
    box-shadow: none !important;
}

.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > button:hover,
.pkp_navigation_primary > li > a:focus,
.pkp_navigation_primary > li > button:focus,
.pkp_navigation_search_wrapper a:hover,
.pkp_navigation_search_wrapper button:hover,
.pkp_navigation_user > li > a:hover {
    color: #ffffff !important;
    background: rgba(255,255,255,.16) !important;
}

.pkp_navigation_primary ul,
.pkp_navigation_primary .dropdown-menu {
    background: #ffffff !important;
    border: 1px solid var(--eyib-border) !important;
    border-radius: 12px !important;
    box-shadow: var(--eyib-shadow) !important;
    padding: 8px !important;
    overflow: hidden !important;
}

.pkp_navigation_primary ul a,
.pkp_navigation_primary .dropdown-menu a {
    display: block !important;
    color: var(--eyib-text) !important;
    background: transparent !important;
    border-radius: 8px !important;
    padding: 10px 12px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}

.pkp_navigation_primary ul a:hover,
.pkp_navigation_primary .dropdown-menu a:hover {
    color: var(--eyib-primary) !important;
    background: var(--eyib-primary-soft) !important;
}

/* =========================================================
   4) ASOSIY LAYOUT — issue sahifasi kabi main keng, sidebar pastda
========================================================= */
.pkp_structure_content {
    display: flex !important;
    flex-direction: column !important;
    gap: 24px !important;
    clear: both !important;
    padding: 28px 0 42px 0 !important;
}

.pkp_structure_main,
.pkp_structure_sidebar {
    float: none !important;
    clear: both !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.pkp_structure_main {
    order: 1 !important;
}

.pkp_structure_sidebar {
    order: 2 !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 18px !important;
    align-items: start !important;
}

/* =========================================================
   5) ISSUE-STYLE KARTALAR
========================================================= */
.pkp_structure_main > .page,
.page,
.pkp_page_index .homepage_about,
.pkp_page_index .current_issue,
.current_issue,
.obj_issue_toc,
.obj_issue_summary,
.pkp_block,
.block_make_submission {
    background: var(--eyib-card) !important;
    border: 1px solid var(--eyib-border) !important;
    border-radius: var(--eyib-radius) !important;
    box-shadow: var(--eyib-shadow) !important;
}

.pkp_structure_main > .page,
.page,
.pkp_page_index .homepage_about,
.pkp_page_index .current_issue,
.current_issue,
.obj_issue_toc,
.obj_issue_summary {
    padding: 24px !important;
    margin-bottom: 22px !important;
}

.pkp_structure_main h1,
.pkp_structure_main h2,
.pkp_structure_main h3,
.pkp_structure_main h4,
.pkp_block .title,
.pkp_block h2,
.pkp_block h3 {
    color: var(--eyib-primary-dark) !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
}

.pkp_structure_main h1 {
    font-size: clamp(1.45rem, 2.3vw, 2.1rem) !important;
    margin-top: 0 !important;
    margin-bottom: 18px !important;
}

.pkp_structure_main h2,
.pkp_block .title,
.pkp_block h2 {
    position: relative !important;
    font-size: clamp(1.14rem, 1.7vw, 1.48rem) !important;
    margin-top: 0 !important;
    margin-bottom: 18px !important;
    padding-bottom: 11px !important;
}

.pkp_structure_main h2::after,
.pkp_block .title::after,
.pkp_block h2::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    bottom: 0 !important;
    display: block !important;
    width: 54px !important;
    height: 4px !important;
    border-radius: 100px !important;
    background: var(--eyib-accent) !important;
}

.cmp_breadcrumbs {
    margin: 0 0 18px 0 !important;
    color: var(--eyib-muted) !important;
    font-size: 13px !important;
}

/* =========================================================
   6) ISSUE COVER — cover_issue_15_en.jpg katta chiqmasin
========================================================= */
.current_issue .cover,
.obj_issue_toc .cover,
.obj_issue_summary .cover,
.page_issue_archive .cover,
.issue-summary .cover,
.issue_cover,
.cover_image,
.cover {
    width: 100% !important;
    max-width: 220px !important;
    margin: 0 auto 22px auto !important;
    text-align: center !important;
    float: none !important;
    clear: both !important;
}

.current_issue .cover img,
.obj_issue_toc .cover img,
.obj_issue_summary .cover img,
.page_issue_archive .cover img,
.issue-summary .cover img,
.issue_cover img,
.cover_image img,
.cover img,
img[src*="cover_issue"] {
    display: block !important;
    width: auto !important;
    max-width: 220px !important;
    height: auto !important;
    max-height: 300px !important;
    object-fit: contain !important;
    object-position: center center !important;
    margin: 0 auto 18px auto !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .14) !important;
}

/* issue archive ichida muqova yanada ixcham */
.page_issue_archive .cover,
.page_issue_archive .obj_issue_summary .cover {
    max-width: 160px !important;
}

.page_issue_archive .cover img,
.page_issue_archive .obj_issue_summary .cover img {
    max-width: 160px !important;
    max-height: 225px !important;
}

/* =========================================================
   7) CURRENT ISSUE / ISSUE TOC / MAQOLA RO'YXATI
========================================================= */
.current_issue_title,
.obj_issue_toc .heading .title,
.obj_issue_summary .title,
.page_issue_archive .title {
    color: var(--eyib-primary-dark) !important;
    font-size: clamp(1.35rem, 2.2vw, 1.8rem) !important;
    font-weight: 900 !important;
    line-height: 1.25 !important;
    margin: 0 0 12px 0 !important;
}

.obj_issue_toc .heading,
.current_issue .heading,
.obj_issue_summary .heading {
    margin-bottom: 18px !important;
}

.obj_issue_toc .description,
.current_issue .description,
.obj_issue_summary .description,
.pkp_page_index .homepage_about,
.about_site,
.page_index_journal .about,
.pkp_page_index .journal_description {
    color: var(--eyib-text) !important;
    line-height: 1.75 !important;
}

.obj_issue_toc .sections,
.sections,
.cmp_article_list {
    margin: 0 !important;
    padding: 0 !important;
}

.obj_issue_toc .section,
.sections .section {
    margin: 22px 0 0 0 !important;
    padding: 0 !important;
}

.obj_issue_toc .section > h2,
.sections .section > h2,
.section_title {
    padding: 12px 16px !important;
    margin: 0 0 14px 0 !important;
    background: linear-gradient(90deg, var(--eyib-primary-soft), #ffffff) !important;
    border-left: 5px solid var(--eyib-primary) !important;
    border-radius: 12px !important;
    color: var(--eyib-primary-dark) !important;
    font-size: 19px !important;
    font-weight: 900 !important;
}

.obj_article_summary,
.section > .obj_article_summary,
.cmp_article_list > li,
.sections .section .articles > li,
.obj_issue_toc .articles > li {
    position: relative !important;
    display: block !important;
    background: #ffffff !important;
    border: 1px solid var(--eyib-border) !important;
    border-radius: 14px !important;
    padding: 18px 20px !important;
    margin: 0 0 16px 0 !important;
    box-shadow: var(--eyib-shadow-sm) !important;
    overflow: hidden !important;
}

.obj_article_summary:hover,
.cmp_article_list > li:hover,
.sections .section .articles > li:hover,
.obj_issue_toc .articles > li:hover {
    transform: translateY(-2px) !important;
    border-color: #cbd5e1 !important;
    box-shadow: 0 14px 30px rgba(15, 23, 42, .09) !important;
}

.obj_article_summary .title,
.obj_article_summary .title a,
.obj_article_summary h3,
.obj_article_summary h3 a,
.obj_article_summary h4,
.obj_article_summary h4 a,
.cmp_article_list .title,
.cmp_article_list .title a {
    color: var(--eyib-primary-dark) !important;
    font-size: clamp(16px, 1.45vw, 18px) !important;
    line-height: 1.42 !important;
    font-weight: 900 !important;
    margin: 0 0 8px 0 !important;
}

.obj_article_summary .title a:hover,
.obj_article_summary h3 a:hover,
.obj_article_summary h4 a:hover,
.cmp_article_list .title a:hover {
    color: var(--eyib-primary) !important;
}

.obj_article_summary .authors,
.obj_article_summary .meta,
.obj_article_summary .pages,
.obj_article_summary .doi,
.obj_article_summary .galley_links,
.cmp_article_list .authors,
.cmp_article_list .meta {
    color: var(--eyib-muted) !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
}

/* PDF / HTML / XML / Submit tugmalari */
.obj_article_summary .galley_links a,
.obj_galley_link,
.cmp_button,
.cmp_manuscript_button,
.block_make_submission_link,
.article_galleys a,
.galley-link,
.download {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 34px !important;
    padding: 7px 13px !important;
    margin: 5px 5px 3px 0 !important;
    border-radius: 999px !important;
    border: 1px solid var(--eyib-primary) !important;
    background: var(--eyib-primary) !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    box-shadow: none !important;
}

.obj_article_summary .galley_links a:hover,
.obj_galley_link:hover,
.cmp_button:hover,
.cmp_manuscript_button:hover,
.block_make_submission_link:hover,
.article_galleys a:hover,
.galley-link:hover,
.download:hover {
    background: var(--eyib-primary-dark) !important;
    border-color: var(--eyib-primary-dark) !important;
    color: #ffffff !important;
}

/* =========================================================
   8) SIDEBAR — pastda 3 blokli ko'rinish
========================================================= */
.pkp_block {
    padding: 18px !important;
    margin: 0 !important;
    overflow: hidden !important;
}

.pkp_block .title,
.pkp_block h2,
.pkp_block h3 {
    font-size: 18px !important;
}

.pkp_block p,
.pkp_block li {
    color: var(--eyib-text) !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
}

.pkp_block ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.pkp_block li {
    padding: 9px 0 !important;
    border-bottom: 1px solid var(--eyib-border) !important;
}

.pkp_block li:last-child {
    border-bottom: 0 !important;
}

.pkp_block a {
    color: var(--eyib-text) !important;
    font-weight: 650 !important;
}

.pkp_block a:hover {
    color: var(--eyib-primary) !important;
}

.pkp_block img {
    max-width: 100% !important;
    height: auto !important;
    border-radius: 12px !important;
}

.pkp_block.block_custom a,
.pkp_block.block_browse a,
.pkp_block.block_information a {
    display: block !important;
    padding: 10px 12px !important;
    background: #f8fafc !important;
    border: 1px solid var(--eyib-border) !important;
    border-radius: 11px !important;
    margin-bottom: 8px !important;
}

.pkp_block.block_custom a:hover,
.pkp_block.block_browse a:hover,
.pkp_block.block_information a:hover {
    background: var(--eyib-primary-soft) !important;
    border-color: #c7e4ed !important;
}

/* =========================================================
   9) RASMLAR / HOMEPAGE IMAGE — cover bilan adashtirmasin
========================================================= */
.homepage_image img,
.pkp_page_index .homepage_image img,
.issue_cover_image img,
.obj_article_details .cover_image img {
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    border-radius: 14px !important;
    box-shadow: var(--eyib-shadow) !important;
}

/* =========================================================
   10) FORMALAR, JADVALLAR
========================================================= */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="url"],
textarea,
select {
    max-width: 100% !important;
    border: 1px solid var(--eyib-border) !important;
    border-radius: 11px !important;
    padding: 10px 12px !important;
    background: #ffffff !important;
    color: var(--eyib-text) !important;
    box-shadow: none !important;
}

input:focus,
textarea:focus,
select:focus {
    border-color: var(--eyib-primary) !important;
    outline: 3px solid rgba(11, 94, 122, .13) !important;
}

table {
    width: 100% !important;
    border-collapse: collapse !important;
    background: #ffffff !important;
    border-radius: 12px !important;
    overflow: hidden !important;
}

th, td {
    padding: 10px !important;
    border-bottom: 1px solid var(--eyib-border) !important;
    vertical-align: top !important;
}

th {
    color: var(--eyib-primary-dark) !important;
    background: #f8fafc !important;
    font-weight: 900 !important;
}

/* =========================================================
   11) FOOTER
========================================================= */
.pkp_structure_footer_wrapper,
.pkp_structure_footer {
    background: var(--eyib-primary-dark) !important;
    color: #e7f3f7 !important;
    border-top: 0 !important;
    margin-top: 12px !important;
}

.pkp_footer_content,
.pkp_structure_footer {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

.pkp_structure_footer p,
.pkp_structure_footer li,
.pkp_structure_footer div {
    color: rgba(255,255,255,.88) !important;
}

.pkp_structure_footer a {
    color: #ffffff !important;
}

.pkp_structure_footer a:hover {
    color: var(--eyib-accent) !important;
}

.pkp_brand_footer {
    display: none !important;
}

/* =========================================================
   12) RESPONSIVE — TABLET
========================================================= */
@media (max-width: 1024px) {
    :root {
        --eyib-header-h: clamp(130px, 26.9vw, 275px);
    }

    .pkp_navigation_primary_row,
    .pkp_structure_content,
    .pkp_footer_content,
    .pkp_structure_footer {
        width: calc(100% - 24px) !important;
        max-width: none !important;
    }

    .pkp_structure_sidebar {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

/* =========================================================
   13) RESPONSIVE — MOBILE
========================================================= */
@media (max-width: 760px) {
    :root {
        --eyib-header-h: clamp(105px, 30vw, 190px);
    }

    html, body {
        font-size: 15px !important;
    }

    .pkp_navigation_primary_row,
    .pkp_structure_content,
    .pkp_footer_content,
    .pkp_structure_footer {
        width: calc(100% - 18px) !important;
    }

    .pkp_navigation_primary_row {
        border-radius: 0 0 10px 10px !important;
        padding: 6px 10px !important;
        min-height: 46px !important;
    }

    .pkp_navigation_primary {
        display: block !important;
        min-height: 0 !important;
    }

    .pkp_navigation_primary > li > a,
    .pkp_navigation_primary > li > button,
    .pkp_navigation_search_wrapper a,
    .pkp_navigation_search_wrapper button {
        display: flex !important;
        width: 100% !important;
        justify-content: flex-start !important;
        font-size: 14px !important;
        padding: 10px 12px !important;
    }

    .pkp_structure_content {
        padding-top: 18px !important;
        padding-bottom: 30px !important;
        gap: 18px !important;
    }

    .pkp_structure_main > .page,
    .page,
    .pkp_page_index .homepage_about,
    .pkp_page_index .current_issue,
    .current_issue,
    .obj_issue_toc,
    .obj_issue_summary {
        padding: 16px !important;
        border-radius: 13px !important;
        margin-bottom: 18px !important;
    }

    .pkp_structure_sidebar {
        display: block !important;
    }

    .pkp_block {
        margin-bottom: 16px !important;
        padding: 16px !important;
        border-radius: 13px !important;
    }

    .obj_article_summary,
    .cmp_article_list > li,
    .sections .section .articles > li,
    .obj_issue_toc .articles > li {
        padding: 15px !important;
        border-radius: 12px !important;
    }

    .current_issue .cover,
    .obj_issue_toc .cover,
    .obj_issue_summary .cover,
    .page_issue_archive .cover,
    .issue-summary .cover,
    .issue_cover,
    .cover_image,
    .cover {
        max-width: 170px !important;
        margin-bottom: 18px !important;
    }

    .current_issue .cover img,
    .obj_issue_toc .cover img,
    .obj_issue_summary .cover img,
    .page_issue_archive .cover img,
    .issue-summary .cover img,
    .issue_cover img,
    .cover_image img,
    .cover img,
    img[src*="cover_issue"] {
        max-width: 170px !important;
        max-height: 240px !important;
        margin-bottom: 15px !important;
    }
}

/* =========================================================
   14) JUDA KICHIK TELEFON
========================================================= */
@media (max-width: 420px) {
    :root {
        --eyib-header-h: clamp(92px, 31vw, 145px);
    }

    .pkp_navigation_primary_row,
    .pkp_structure_content,
    .pkp_footer_content,
    .pkp_structure_footer {
        width: calc(100% - 12px) !important;
    }

    .pkp_structure_main > .page,
    .page,
    .pkp_page_index .homepage_about,
    .pkp_page_index .current_issue,
    .current_issue,
    .obj_issue_toc,
    .obj_issue_summary {
        padding: 13px !important;
    }

    .current_issue .cover,
    .obj_issue_toc .cover,
    .obj_issue_summary .cover,
    .page_issue_archive .cover,
    .issue-summary .cover,
    .issue_cover,
    .cover_image,
    .cover {
        max-width: 145px !important;
    }

    .current_issue .cover img,
    .obj_issue_toc .cover img,
    .obj_issue_summary .cover img,
    .page_issue_archive .cover img,
    .issue-summary .cover img,
    .issue_cover img,
    .cover_image img,
    .cover img,
    img[src*="cover_issue"] {
        max-width: 145px !important;
        max-height: 205px !important;
    }

    .current_issue_title,
    .obj_issue_toc .heading .title,
    .obj_issue_summary .title,
    .page_issue_archive .title {
        font-size: 1.25rem !important;
    }
}

/* =========================================================
   15) :has() ishlamaydigan brauzerlarda xavfsiz fallback
========================================================= */
@supports not selector(:has(*)) {
    .pkp_structure_main {
        background: transparent !important;
    }
}