/* /Components/Layout/CustomLayout.razor.rz.scp.css */
.site-wrapper[b-c9vl0tkklh] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.site-wrapper main[b-c9vl0tkklh] {
    flex: 1;
}


/* =========================================================
   LANGUAGE BAR
   ========================================================= */

.language-bar[b-c9vl0tkklh] {
    height: 36px;
    display: flex;
    align-items: center;
    background: #f7f9fb;
    border-bottom: 1px solid #e9ecef;
}

.language-bar .container-fluid[b-c9vl0tkklh] {
    display: flex;
    justify-content: flex-end;
}

.language-switcher[b-c9vl0tkklh] {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.language-link[b-c9vl0tkklh] {
    color: #687580;
    text-decoration: none;
    transition: color 0.2s ease;
}

.language-link:hover[b-c9vl0tkklh] {
    color: #0d6efd;
}

.language-link.active[b-c9vl0tkklh] {
    color: #0d6efd;
}

.language-separator[b-c9vl0tkklh] {
    color: #c5ccd2;
}


/* =========================================================
   FOOTER
   ========================================================= */

.site-footer[b-c9vl0tkklh] {
    padding: 60px 0 0;
    background: #172b3a;
    color: #c8d1d8;
}

.site-footer h5[b-c9vl0tkklh] {
    max-width: 450px;
    margin-bottom: 18px;
    color: #fff;
    font-size: 1.1rem;
    line-height: 1.5;
}

.site-footer h6[b-c9vl0tkklh] {
    margin-bottom: 18px;
    color: #fff;
    font-size: 0.85rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.site-footer p[b-c9vl0tkklh] {
    max-width: 500px;
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.7;
    color: #aebbc5;
}


/* Footer navigation */

.footer-links[b-c9vl0tkklh] {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer-links li[b-c9vl0tkklh] {
    margin-bottom: 9px;
}

.footer-links a[b-c9vl0tkklh] {
    color: #aebbc5;
    font-size: 0.9rem;
    text-decoration: none;
    transition: color 0.2s ease;
}

.footer-links a:hover[b-c9vl0tkklh] {
    color: #fff;
}


/* Footer contact */

.footer-contact[b-c9vl0tkklh] {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer-contact li[b-c9vl0tkklh] {
    margin-bottom: 15px;
    color: #aebbc5;
    font-size: 0.9rem;
    line-height: 1.5;
}

.footer-contact span[b-c9vl0tkklh] {
    display: block;
    margin-bottom: 3px;
    color: #fff;
    font-size: 0.72rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.7px;
}


/* Footer bottom */

.footer-bottom[b-c9vl0tkklh] {
    margin-top: 50px;
    padding: 20px 0;

    display: flex;
    justify-content: space-between;
    align-items: center;

    gap: 20px;

    border-top: 1px solid rgba(255, 255, 255, 0.1);

    color: #84939e;
    font-size: 0.75rem;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 767.98px) {

    .language-bar[b-c9vl0tkklh] {
        height: 34px;
    }

    .language-switcher[b-c9vl0tkklh] {
        font-size: 0.68rem;
    }

    .site-footer[b-c9vl0tkklh] {
        padding-top: 45px;
    }

    .footer-bottom[b-c9vl0tkklh] {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
}

/*====================================
активен јазик
=========================================*/


.language-switcher .language-link[b-c9vl0tkklh] {
    color: #343a40;
    text-decoration: none;
    font-weight: 500;
    padding: 5px 8px;
    border-radius: 5px;
    transition: color 0.2s ease, background-color 0.2s ease;
}

.language-switcher .language-link:hover[b-c9vl0tkklh] {
    color: #0d6efd;
    background-color: #f1f5f9;
}

.language-switcher .language-link.active[b-c9vl0tkklh] {
    color: #0d6efd;
    font-weight: 700;
    background-color: #eaf2ff;
}
/* /Components/Pages/Clenstvo.razor.rz.scp.css */

/* ================================
   MEMBERSHIP PAGE
================================ */

.membership-page[b-l4utifv1jd] {
    --membership-primary: #174b70;
    --membership-accent: #2d89a7;
    --membership-text: #34495e;
    --membership-muted: #687b8c;
    --membership-light: #f3f7fa;
    --membership-border: #e0e8ee;

    color: var(--membership-text);
    background: #fff;
    overflow: hidden;
}

.membership-page *[b-l4utifv1jd] {
    box-sizing: border-box;
}

.membership-page a[b-l4utifv1jd] {
    text-decoration: none;
}


/* Hero */

.membership-hero[b-l4utifv1jd] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 350px;
    padding: 64px clamp(24px, 7vw, 100px);
    background: linear-gradient(115deg, #174b70 0%, #205f83 65%, #2d89a7 100%);
    color: #fff;
    overflow: hidden;
}

.membership-hero-content[b-l4utifv1jd] {
    position: relative;
    z-index: 2;
    max-width: 690px;
}

.membership-eyebrow[b-l4utifv1jd] {
    display: inline-block;
    margin-bottom: 15px;
    color: var(--membership-accent);
    font-size: .78rem;
    font-weight: 750;
    letter-spacing: 2px;
    line-height: 1.6;
    text-transform: uppercase;
}

.membership-hero .membership-eyebrow[b-l4utifv1jd] {
    color: #bde8f4;
}

.membership-hero h1[b-l4utifv1jd] {
    margin: 0 0 20px;
    color: #fff;
    font-size: clamp(2.2rem, 4.5vw, 3.5rem);
    font-weight: 750;
    line-height: 1.15;
    letter-spacing: -.8px;
}

.membership-hero-description[b-l4utifv1jd] {
    max-width: 620px;
    margin: 0;
    color: #e5f0f6;
    font-size: 1.05rem;
    line-height: 1.9;
}

.membership-hero-link[b-l4utifv1jd] {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-top: 28px;
    padding: 12px 20px;
    border: 1px solid rgba(255, 255, 255, .5);
    border-radius: 5px;
    color: #fff;
    font-size: .92rem;
    font-weight: 650;
    transition: background-color .2s ease;
}

.membership-hero-link:hover[b-l4utifv1jd] {
    background: rgba(255, 255, 255, .12);
    color: #fff;
}

.membership-hero-decoration[b-l4utifv1jd] {
    position: absolute;
    top: 50%;
    right: 8%;
    width: 280px;
    height: 280px;
    transform: translateY(-50%);
    pointer-events: none;
}

.membership-decoration-circle[b-l4utifv1jd] {
    position: absolute;
    inset: 0;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 50%;
    box-shadow:
        0 0 0 24px rgba(255, 255, 255, .035),
        0 0 0 48px rgba(255, 255, 255, .025);
}

.membership-decoration-inner[b-l4utifv1jd] {
    position: absolute;
    inset: 45px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 50%;
    background: rgba(255, 255, 255, .06);
}

.membership-decoration-symbol[b-l4utifv1jd] {
    color: rgba(255, 255, 255, .85);
    font-size: 100px;
    font-weight: 200;
}


/* Shared sections */

.membership-section[b-l4utifv1jd],
.membership-documents-section[b-l4utifv1jd] {
    padding: 78px clamp(22px, 6vw, 84px);
}

.membership-section-heading[b-l4utifv1jd] {
    max-width: 720px;
    margin: 0 auto 40px;
    text-align: center;
}

.membership-section-heading h2[b-l4utifv1jd],
.membership-conditions-content h2[b-l4utifv1jd] {
    margin: 0 0 17px;
    color: var(--membership-primary);
    font-size: clamp(1.75rem, 3vw, 2.35rem);
    font-weight: 750;
    line-height: 1.3;
}

.membership-section-heading > p[b-l4utifv1jd] {
    margin: 0;
    color: var(--membership-muted);
    font-size: 1rem;
    line-height: 1.85;
}


/* Benefits */

.membership-benefits-grid[b-l4utifv1jd] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 22px;
    max-width: 1250px;
    margin: 0 auto;
}

.membership-benefit-card[b-l4utifv1jd] {
    padding: 30px 25px;
    border: 1px solid var(--membership-border);
    border-top: 3px solid var(--membership-accent);
    border-radius: 7px;
    background: #fff;
}

.membership-card-icon[b-l4utifv1jd],
.membership-document-icon[b-l4utifv1jd] {
    display: grid;
    place-items: center;
    width: 54px;
    height: 54px;
    margin-bottom: 22px;
    border-radius: 7px;
    background: #eaf4f8;
    color: var(--membership-accent);
}

.membership-card-icon svg[b-l4utifv1jd],
.membership-document-icon svg[b-l4utifv1jd] {
    width: 27px;
    height: 27px;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.membership-benefit-card h3[b-l4utifv1jd] {
    margin: 0 0 13px;
    color: var(--membership-primary);
    font-size: 1.12rem;
    font-weight: 700;
    line-height: 1.5;
}

.membership-benefit-card p[b-l4utifv1jd] {
    margin: 0;
    color: var(--membership-muted);
    font-size: .94rem;
    line-height: 1.85;
}


/* Membership conditions */

.membership-conditions-section[b-l4utifv1jd] {
    display: grid;
    grid-template-columns: minmax(0, 1.6fr) minmax(250px, .8fr);
    align-items: center;
    gap: 55px;
    padding: 75px clamp(22px, 7vw, 100px);
    background: var(--membership-light);
}

.membership-conditions-content[b-l4utifv1jd] {
    max-width: 760px;
}

.membership-conditions-content h2[b-l4utifv1jd] {
    margin-bottom: 18px;
}

.membership-conditions-intro[b-l4utifv1jd] {
    margin: 0 0 27px;
    color: var(--membership-muted);
    line-height: 1.9;
}

.membership-condition-item[b-l4utifv1jd] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 17px;
}

.membership-check[b-l4utifv1jd] {
    display: grid;
    flex: 0 0 25px;
    place-items: center;
    width: 25px;
    height: 25px;
    margin-top: 2px;
    border-radius: 50%;
    background: #dceff4;
    color: var(--membership-primary);
    font-size: .85rem;
    font-weight: 800;
}

.membership-condition-item p[b-l4utifv1jd] {
    margin: 0;
    color: var(--membership-text);
    line-height: 1.8;
}

.membership-conditions-note[b-l4utifv1jd] {
    margin: 27px 0 0;
    padding: 15px 18px;
    border-left: 3px solid var(--membership-accent);
    background: #fff;
    color: var(--membership-muted);
    font-size: .9rem;
    line-height: 1.8;
}

.membership-conditions-aside[b-l4utifv1jd] {
    padding: 35px 30px;
    border-radius: 8px;
    background: var(--membership-primary);
    color: #fff;
}

.membership-aside-mark[b-l4utifv1jd] {
    display: grid;
    place-items: center;
    width: 58px;
    height: 58px;
    margin-bottom: 24px;
    border: 1px solid rgba(255, 255, 255, .45);
    border-radius: 50%;
    color: #fff;
    font-size: 1.7rem;
    font-weight: 750;
}

.membership-conditions-aside h3[b-l4utifv1jd] {
    margin: 0 0 14px;
    color: #fff;
    font-size: 1.35rem;
    line-height: 1.5;
}

.membership-conditions-aside p[b-l4utifv1jd] {
    margin: 0;
    color: #e0edf4;
    font-size: .96rem;
    line-height: 1.9;
}


/* Documents */

.membership-documents-section[b-l4utifv1jd] {
    padding-top: 78px;
    padding-bottom: 90px;
}

.membership-documents-grid[b-l4utifv1jd] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 25px;
    max-width: 980px;
    margin: 0 auto;
}

.membership-document-card[b-l4utifv1jd] {
    padding: 30px;
    border: 1px solid var(--membership-border);
    border-radius: 8px;
    background: #fff;
}

.membership-document-top[b-l4utifv1jd] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 15px;
    margin-bottom: 22px;
}

.membership-document-icon[b-l4utifv1jd] {
    margin: 0;
}

.membership-document-type[b-l4utifv1jd] {
    padding: 5px 10px;
    border-radius: 4px;
    background: #fcebea;
    color: #a23c38;
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: 1px;
}

.membership-document-card h3[b-l4utifv1jd] {
    margin: 0 0 12px;
    color: var(--membership-primary);
    font-size: 1.25rem;
    font-weight: 750;
    line-height: 1.5;
}

.membership-document-card > p[b-l4utifv1jd] {
    min-height: 55px;
    margin: 0 0 25px;
    color: var(--membership-muted);
    font-size: .95rem;
    line-height: 1.8;
}

.membership-download-link[b-l4utifv1jd] {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 12px 17px;
    border-radius: 5px;
    background: var(--membership-primary);
    color: #fff;
    font-size: .92rem;
    font-weight: 650;
    transition: background-color .2s ease;
}

.membership-download-link:hover[b-l4utifv1jd] {
    background: var(--membership-accent);
    color: #fff;
}


/* Responsive */

@media (max-width: 1050px) {
    .membership-benefits-grid[b-l4utifv1jd] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .membership-hero-decoration[b-l4utifv1jd] {
        right: -55px;
        opacity: .65;
    }

    .membership-hero-content[b-l4utifv1jd] {
        max-width: 75%;
    }

    .membership-conditions-section[b-l4utifv1jd] {
        gap: 30px;
    }
}

@media (max-width: 700px) {
    .membership-hero[b-l4utifv1jd] {
        min-height: auto;
        padding: 55px 24px;
    }

    .membership-hero-content[b-l4utifv1jd] {
        max-width: 100%;
    }

    .membership-hero h1[b-l4utifv1jd] {
        font-size: 2.15rem;
    }

    .membership-hero-description[b-l4utifv1jd] {
        font-size: .98rem;
    }

    .membership-hero-decoration[b-l4utifv1jd] {
        top: auto;
        right: -110px;
        bottom: -100px;
        width: 220px;
        height: 220px;
        transform: none;
        opacity: .25;
    }

    .membership-decoration-symbol[b-l4utifv1jd] {
        font-size: 75px;
    }

    .membership-section[b-l4utifv1jd],
    .membership-documents-section[b-l4utifv1jd] {
        padding: 55px 20px;
    }

    .membership-section-heading[b-l4utifv1jd] {
        margin-bottom: 30px;
    }

    .membership-benefits-grid[b-l4utifv1jd] {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .membership-benefit-card[b-l4utifv1jd] {
        padding: 25px 22px;
    }

    .membership-conditions-section[b-l4utifv1jd] {
        grid-template-columns: 1fr;
        gap: 30px;
        padding: 55px 22px;
    }

    .membership-conditions-aside[b-l4utifv1jd] {
        padding: 28px 25px;
    }

    .membership-documents-grid[b-l4utifv1jd] {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .membership-document-card[b-l4utifv1jd] {
        padding: 25px 22px;
    }

    .membership-document-card > p[b-l4utifv1jd] {
        min-height: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .membership-page *[b-l4utifv1jd],
    .membership-page *[b-l4utifv1jd]::before,
    .membership-page *[b-l4utifv1jd]::after {
        scroll-behavior: auto !important;
        transition: none !important;
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
/* ========================================
HERO
======================================== */

.hero-section[b-j3f8c92vyd] {
position: relative;
min-height: 540px;
display: flex;
align-items: center;
background:
linear-gradient(
90deg,
rgba(10, 35, 60, 0.94) 0%,
rgba(10, 35, 60, 0.82) 45%,
rgba(10, 35, 60, 0.35) 100%
),
url('/images/hero.jpg') center center / cover no-repeat;
color: #ffffff;
}

.hero-content[b-j3f8c92vyd] {
max-width: 720px;
padding: 80px 0;
}

.hero-eyebrow[b-j3f8c92vyd] {
display: block;
margin-bottom: 18px;
font-size: 0.95rem;
font-weight: 600;
letter-spacing: 2px;
opacity: 0.85;
}

.hero-section h1[b-j3f8c92vyd] {
margin: 0;
font-size: clamp(2.3rem, 5vw, 4.2rem);
line-height: 1.1;
font-weight: 700;
letter-spacing: -1px;
}

.hero-section p[b-j3f8c92vyd] {
margin: 25px 0 30px;
font-size: 1.15rem;
font-weight: 400;
}

.hero-section p span[b-j3f8c92vyd] {
margin: 0 8px;
opacity: 0.6;
}

.hero-buttons[b-j3f8c92vyd] {
display: flex;
gap: 12px;
flex-wrap: wrap;
}

.hero-buttons .btn[b-j3f8c92vyd] {
padding: 11px 22px;
border-radius: 7px;
font-weight: 500;
}

/* ========================================
GENERAL SECTIONS
======================================== */

.activities-section[b-j3f8c92vyd],
.events-section[b-j3f8c92vyd],
.news-section[b-j3f8c92vyd],
.partners-section[b-j3f8c92vyd] {
padding: 90px 0;
}

.activities-section[b-j3f8c92vyd] {
background: #ffffff;
}

.events-section[b-j3f8c92vyd] {
background: #f7f9fb;
}

.news-section[b-j3f8c92vyd] {
background: #ffffff;
}

.partners-section[b-j3f8c92vyd] {
background: #f7f9fb;
}

.section-heading[b-j3f8c92vyd] {
max-width: 700px;
margin: 0 auto 45px;
text-align: center;
}

.section-heading > span[b-j3f8c92vyd] {
    display: block;
    margin-bottom: 10px;
    color: #0d6efd;
    font-size: 0.95rem;
    font-weight: 700;
    letter-spacing: 1.8px;
    line-height: 1.3;
}

.section-heading h2[b-j3f8c92vyd] {
margin-bottom: 14px;
color: #172b3a;
font-size: 2.2rem;
font-weight: 700;
}

.section-heading p[b-j3f8c92vyd] {
margin: 0;
color: #687580;
line-height: 1.7;
}

.section-heading-inline[b-j3f8c92vyd] {
max-width: none;
display: flex;
justify-content: space-between;
align-items: end;
text-align: left;
}

.section-heading-inline h2[b-j3f8c92vyd] {
margin-bottom: 0;
}

.section-link[b-j3f8c92vyd] {
color: #0d6efd;
font-weight: 600;
text-decoration: none;
}

.section-link:hover[b-j3f8c92vyd] {
text-decoration: underline;
}

/* ========================================
ACTIVITIES
======================================== */

.activity-card[b-j3f8c92vyd] {
display: block;
height: 100%;
padding: 30px 25px;
color: inherit;
background: #ffffff;
border: 1px solid #e5eaf0;
border-radius: 12px;
text-decoration: none;
transition:
transform 0.2s ease,
box-shadow 0.2s ease,
border-color 0.2s ease;
}

.activity-card:hover[b-j3f8c92vyd] {
transform: translateY(-5px);
border-color: #d5e2ef;
box-shadow: 0 12px 30px rgba(20, 50, 80, 0.08);
}

.activity-icon[b-j3f8c92vyd] {
width: 52px;
height: 52px;
margin-bottom: 22px;
display: flex;
align-items: center;
justify-content: center;
background: #eef5fc;
color: #0d6efd;
border-radius: 10px;
font-size: 1.35rem;
}

.activity-card h3[b-j3f8c92vyd] {
margin-bottom: 12px;
color: #172b3a;
font-size: 1.25rem;
}

.activity-card p[b-j3f8c92vyd] {
margin-bottom: 20px;
color: #687580;
font-size: 0.94rem;
line-height: 1.65;
}

.activity-link[b-j3f8c92vyd] {
color: #0d6efd;
font-size: 0.9rem;
font-weight: 600;
}

.activity-link span[b-j3f8c92vyd] {
margin-left: 4px;
}

/* ========================================
EVENTS
======================================== */

.event-card[b-j3f8c92vyd] {
height: 100%;
overflow: hidden;
background: #ffffff;
border: 1px solid #e5eaf0;
border-radius: 12px;
box-shadow: 0 5px 20px rgba(20, 50, 80, 0.04);
}

.event-image[b-j3f8c92vyd] {
position: relative;
height: 220px;
overflow: hidden;
}

.event-image img[b-j3f8c92vyd] {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.3s ease;
}

.event-card:hover .event-image img[b-j3f8c92vyd] {
transform: scale(1.04);
}

.event-date[b-j3f8c92vyd] {
position: absolute;
top: 15px;
left: 15px;
width: 58px;
padding: 8px 5px;
text-align: center;
background: #ffffff;
border-radius: 8px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}

.event-date strong[b-j3f8c92vyd] {
display: block;
color: #172b3a;
font-size: 1.35rem;
line-height: 1;
}

.event-date span[b-j3f8c92vyd] {
color: #0d6efd;
font-size: 0.65rem;
font-weight: 700;
}

.event-body[b-j3f8c92vyd] {
padding: 25px;
}

.event-category[b-j3f8c92vyd] {
color: #0d6efd;
font-size: 0.7rem;
font-weight: 700;
letter-spacing: 1.2px;
}

.event-body h3[b-j3f8c92vyd] {
margin: 10px 0;
color: #172b3a;
font-size: 1.2rem;
line-height: 1.4;
}

.event-body p[b-j3f8c92vyd] {
color: #687580;
font-size: 0.9rem;
line-height: 1.6;
}

.event-body a[b-j3f8c92vyd],
.featured-news a[b-j3f8c92vyd],
.news-item a[b-j3f8c92vyd] {
color: #0d6efd;
font-size: 0.9rem;
font-weight: 600;
text-decoration: none;
}

.event-body a:hover[b-j3f8c92vyd],
.featured-news a:hover[b-j3f8c92vyd],
.news-item a:hover[b-j3f8c92vyd] {
text-decoration: underline;
}

/* ========================================
NEWS
======================================== */

.featured-news[b-j3f8c92vyd] {
height: 100%;
overflow: hidden;
background: #ffffff;
border: 1px solid #e5eaf0;
border-radius: 12px;
}

.featured-news img[b-j3f8c92vyd] {
width: 100%;
height: 280px;
object-fit: cover;
}

.featured-news-content[b-j3f8c92vyd] {
padding: 28px;
}

.news-date[b-j3f8c92vyd] {
color: #84909a;
font-size: 0.8rem;
}

.featured-news h3[b-j3f8c92vyd] {
margin: 8px 0 12px;
color: #172b3a;
font-size: 1.5rem;
}

.featured-news p[b-j3f8c92vyd] {
color: #687580;
line-height: 1.6;
}

.news-list[b-j3f8c92vyd] {
height: 100%;
display: flex;
flex-direction: column;
}

.news-item[b-j3f8c92vyd] {
padding: 0 0 22px;
margin-bottom: 22px;
border-bottom: 1px solid #e5eaf0;
}

.news-item:last-child[b-j3f8c92vyd] {
margin-bottom: 0;
}

.news-item h3[b-j3f8c92vyd] {
margin: 7px 0 10px;
color: #172b3a;
font-size: 1.1rem;
line-height: 1.4;
}

/* ========================================
PARTNERS
======================================== */

.partners[b-j3f8c92vyd] {
display: flex;
justify-content: center;
align-items: center;
gap: 60px;
flex-wrap: wrap;
}

.partner-logo[b-j3f8c92vyd] {
width: 160px;
height: 90px;
display: flex;
align-items: center;
justify-content: center;
padding: 15px;
background: #ffffff;
border: 1px solid #e5eaf0;
border-radius: 10px;
}

.partner-logo img[b-j3f8c92vyd] {
max-width: 100%;
max-height: 60px;
object-fit: contain;
}

/* ========================================
MOBILE
======================================== */

@media (max-width: 767.98px) {


.hero-section[b-j3f8c92vyd] {
    min-height: 500px;
}

.hero-content[b-j3f8c92vyd] {
    padding: 60px 0;
}

.hero-section h1[b-j3f8c92vyd] {
    font-size: 2.35rem;
}

.activities-section[b-j3f8c92vyd],
.events-section[b-j3f8c92vyd],
.news-section[b-j3f8c92vyd],
.partners-section[b-j3f8c92vyd] {
    padding: 65px 0;
}

.section-heading h2[b-j3f8c92vyd] {
    font-size: 1.8rem;
}

.section-heading-inline[b-j3f8c92vyd] {
    display: block;
}

.section-heading-inline .section-link[b-j3f8c92vyd] {
    display: inline-block;
    margin-top: 15px;
}

.event-image[b-j3f8c92vyd] {
    height: 200px;
}

.partners[b-j3f8c92vyd] {
    gap: 20px;
}


}
/* /Components/Pages/Kontakt.razor.rz.scp.css */

/* ===== Kontakt stranica ===== */

.kontakt-page[b-qnjg5zxtzi] {
    --kontakt-primary: #174b70;
    --kontakt-accent: #2d89a7;
    --kontakt-text: #263746;
    --kontakt-muted: #718096;
    --kontakt-border: #d5e0e9;
    --kontakt-background: #f5f8fb;

    max-width: 820px;
    margin: 0 auto;
    padding: 48px 24px 64px;
    color: var(--kontakt-text);
    box-sizing: border-box;
}

/* Naslov */

.kontakt-heading[b-qnjg5zxtzi] {
    text-align: left;
    margin-bottom: 32px;
}

.kontakt-eyebrow[b-qnjg5zxtzi] {
    display: block;
    margin-bottom: 10px;
    color: var(--kontakt-accent);
    font-size: 0.85rem;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.kontakt-heading h1[b-qnjg5zxtzi] {
    margin: 0 0 14px;
    color: var(--kontakt-primary);
    font-size: clamp(2rem, 4vw, 2.7rem);
    font-weight: 750;
    line-height: 1.2;
    letter-spacing: -0.6px;
}

.kontakt-description[b-qnjg5zxtzi] {
    max-width: 680px;
    margin: 0 0 12px;
    color: var(--kontakt-muted);
    font-size: 1.05rem;
    line-height: 1.8;
}

.kontakt-email[b-qnjg5zxtzi] {
    margin: 0;
    font-size: 1rem;
}

.kontakt-email a[b-qnjg5zxtzi] {
    color: var(--kontakt-accent);
    text-decoration: none;
    overflow-wrap: anywhere;
}

.kontakt-email a:hover[b-qnjg5zxtzi] {
    text-decoration: underline;
}

/* Forma - ramna 2D ramka */

.kontakt-page .kontakt-card[b-qnjg5zxtzi] {
    background: transparent;
    border: 1px solid var(--kontakt-border);
    border-radius: 0;
    box-shadow: none;
    padding: 30px;
    transform: none;
    box-sizing: border-box;
}

/* Polinja */

.kontakt-field[b-qnjg5zxtzi] {
    margin-bottom: 23px;
}

.kontakt-field label[b-qnjg5zxtzi],
.kontakt-captcha > label[b-qnjg5zxtzi] {
    display: block;
    margin-bottom: 9px;
    color: var(--kontakt-primary);
    font-size: 0.95rem;
    font-weight: 650;
}

.kontakt-page .kontakt-input[b-qnjg5zxtzi] {
    display: block;
    width: 100%;
    min-height: 48px;
    padding: 12px 14px;
    border: 1px solid var(--kontakt-border);
    border-radius: 3px;
    background: #fff;
    color: var(--kontakt-text);
    font-family: inherit;
    font-size: 0.96rem;
    box-sizing: border-box;
    box-shadow: none;
    transition: none;
}

.kontakt-page .kontakt-input:hover[b-qnjg5zxtzi] {
    border-color: #a9bdce;
}

.kontakt-page .kontakt-input:focus[b-qnjg5zxtzi] {
    outline: none;
    border: 1px solid var(--kontakt-accent);
    box-shadow: none;
}

/* Sodrzina */

.kontakt-page textarea.kontakt-textarea[b-qnjg5zxtzi] {
    display: block;
    width: 100%;
    height: 300px !important;
    min-height: 300px !important;
    padding: 14px;
    resize: vertical;
    line-height: 1.7;
    font-family: inherit;
    font-size: 0.96rem;
    box-sizing: border-box;
    border-radius: 3px;
    box-shadow: none;
}

/* Validacija */

.kontakt-field .validation-message[b-qnjg5zxtzi] {
    display: block;
    margin-top: 7px;
    color: #b42318;
    font-size: 0.875rem;
}

/* CAPTCHA */

.kontakt-captcha[b-qnjg5zxtzi] {
    margin: 28px 0 24px;
    padding: 20px;
    border: 1px solid var(--kontakt-border);
    border-radius: 0;
    background: transparent;
}

.kontakt-captcha h3[b-qnjg5zxtzi] {
    margin: 0 0 10px;
    color: var(--kontakt-primary);
    font-size: 1.05rem;
    font-weight: 700;
}

.captcha-image[b-qnjg5zxtzi] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 14px 0 20px;
    max-width: 100%;
    overflow: hidden;
}

.captcha-image button[b-qnjg5zxtzi] {
    appearance: none;
    -webkit-appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: 0;
    border: 1px solid var(--kontakt-border);
    border-radius: 3px;
    background: #fff;
    color: var(--kontakt-primary);
    box-shadow: none;
    cursor: pointer;
}

.captcha-image button:hover[b-qnjg5zxtzi] {
    background: #fff;
    color: var(--kontakt-accent);
}

.captcha-image button svg[b-qnjg5zxtzi] {
    width: 20px;
    height: 20px;
}

/* Kopce */

.kontakt-page .kontakt-submit[b-qnjg5zxtzi] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    width: 100%;
    min-height: 52px;
    margin-top: 8px;
    padding: 14px 22px;
    border: none;
    border-radius: 3px;
    background: var(--kontakt-primary);
    color: #fff;
    font-family: inherit;
    font-size: 1rem;
    font-weight: 700;
    box-shadow: none;
    cursor: pointer;
    transition: none;
}

.kontakt-page .kontakt-submit:hover[b-qnjg5zxtzi] {
    background: var(--kontakt-accent);
    box-shadow: none;
}

.kontakt-page .kontakt-submit:focus-visible[b-qnjg5zxtzi] {
    outline: 2px solid var(--kontakt-accent);
    outline-offset: 3px;
}

.kontakt-page .kontakt-submit:active[b-qnjg5zxtzi] {
    background: #123b59;
}

/* Povratni poraki */

.kontakt-feedback[b-qnjg5zxtzi] {
    margin-top: 18px;
    padding: 14px 16px;
    border-radius: 3px;
    font-size: 0.94rem;
    line-height: 1.6;
    overflow-wrap: anywhere;
}

.kontakt-success[b-qnjg5zxtzi] {
    color: #17663a;
    background: #edf8f0;
    border: 1px solid #b8e2c5;
}

.kontakt-error[b-qnjg5zxtzi] {
    color: #a32121;
    background: #fff1f0;
    border: 1px solid #f1c4c0;
}

/* Mobilni uredi */

@media (max-width: 600px) {
    .kontakt-page[b-qnjg5zxtzi] {
        padding: 30px 14px 40px;
    }

    .kontakt-heading[b-qnjg5zxtzi] {
        margin-bottom: 24px;
    }

    .kontakt-heading h1[b-qnjg5zxtzi] {
        font-size: 2rem;
    }

    .kontakt-description[b-qnjg5zxtzi] {
        font-size: 0.95rem;
    }

    .kontakt-page .kontakt-card[b-qnjg5zxtzi] {
        padding: 18px 14px;
    }

    .kontakt-captcha[b-qnjg5zxtzi] {
        padding: 14px;
    }

    .kontakt-page textarea.kontakt-textarea[b-qnjg5zxtzi] {
        height: 230px !important;
        min-height: 230px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .kontakt-page *[b-qnjg5zxtzi] {
        scroll-behavior: auto;
        transition: none;
    }
}

/* Сите полиња да ја користат целата ширина */

.kontakt-page .kontakt-field[b-qnjg5zxtzi],
.kontakt-page .kontakt-captcha[b-qnjg5zxtzi] {
    width: 100%;
    box-sizing: border-box;
}

.kontakt-page .kontakt-field .kontakt-input[b-qnjg5zxtzi] {
    display: block;
    width: 100% !important;
    max-width: none;
    box-sizing: border-box;
}

/* Големо поле за содржина */
.kontakt-page .kontakt-field textarea.kontakt-input[b-qnjg5zxtzi] {
    width: 100% !important;
    max-width: none;
    height: 300px !important;
    min-height: 300px !important;
    box-sizing: border-box;
}

/* CAPTCHA поле */
.kontakt-page .kontakt-captcha .kontakt-input[b-qnjg5zxtzi] {
    width: 100% !important;
    max-width: none;
    box-sizing: border-box;
}
/* /Components/Pages/Nastan.razor.rz.scp.css */

.event-page[b-z27swcz2rh] {
    --event-primary: #174b70;
    --event-accent: #2d89a7;
    --event-text: #263746;
    --event-muted: #718096;
    --event-border: #e3eaf0;
    --event-bg: #f5f8fb;

    background: #fff;
    color: var(--event-text);
    min-height: 600px;
    padding-bottom: 90px;
}

.event-container[b-z27swcz2rh] {
    width: min(1120px, calc(100% - 48px));
    margin: 0 auto;
}

/* Breadcrumb */

.event-breadcrumb[b-z27swcz2rh] {
    background: var(--event-bg);
    border-bottom: 1px solid var(--event-border);
    padding: 17px 0;
    font-size: 13px;
}

.event-breadcrumb .event-container[b-z27swcz2rh] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 11px;
}

.event-breadcrumb a[b-z27swcz2rh] {
    color: var(--event-primary);
    text-decoration: none;
    transition: color 0.2s ease;
}

.event-breadcrumb a:hover[b-z27swcz2rh] {
    color: var(--event-accent);
}

.event-breadcrumb span[b-z27swcz2rh] {
    color: #9aa8b5;
}

.event-breadcrumb .breadcrumb-current[b-z27swcz2rh] {
    color: var(--event-muted);
}

/* Header */

.event-header[b-z27swcz2rh] {
    max-width: 920px;
    padding: 65px 0 42px;
}

.event-category[b-z27swcz2rh] {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: var(--event-accent);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.5px;
    margin-bottom: 20px;
}

.event-category-dot[b-z27swcz2rh] {
    width: 8px;
    height: 8px;
    background: var(--event-accent);
    border-radius: 50%;
}

.event-header h1[b-z27swcz2rh] {
    color: var(--event-primary);
    font-size: clamp(30px, 4vw, 46px);
    font-weight: 700;
    line-height: 1.22;
    letter-spacing: -1px;
    margin: 0 0 22px;
    max-width: 900px;
}

.event-intro[b-z27swcz2rh] {
    color: var(--event-muted);
    font-size: 18px;
    line-height: 1.8;
    max-width: 780px;
    margin: 0;
}

/* Event metadata */

.event-meta[b-z27swcz2rh] {
    display: flex;
    flex-wrap: wrap;
    gap: 32px;
    margin-top: 35px;
    padding-top: 27px;
    border-top: 1px solid var(--event-border);
}

.event-meta-item[b-z27swcz2rh] {
    display: flex;
    align-items: center;
    gap: 13px;
    min-width: 180px;
}

.event-meta-icon[b-z27swcz2rh] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    flex-shrink: 0;
    color: var(--event-primary);
    background: #edf4f8;
    border-radius: 12px;
    font-size: 23px;
}

.event-meta-item div:last-child[b-z27swcz2rh] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.event-meta-item small[b-z27swcz2rh] {
    color: var(--event-muted);
    font-size: 12px;
}

.event-meta-item strong[b-z27swcz2rh] {
    color: var(--event-text);
    font-size: 14px;
    font-weight: 600;
}

/* Cover image */

.event-cover[b-z27swcz2rh] {
    width: 100%;
    height: 440px;
    overflow: hidden;
    border-radius: 16px;
    background: var(--event-bg);
    margin-bottom: 65px;
}

.event-cover img[b-z27swcz2rh] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/* Content layout */

.event-content-grid[b-z27swcz2rh] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 310px;
    align-items: start;
    gap: 65px;
}

.event-description h2[b-z27swcz2rh] {
    color: var(--event-primary);
    font-size: 25px;
    font-weight: 700;
    line-height: 1.4;
    margin: 0 0 20px;
}

.event-description h2:not(:first-child)[b-z27swcz2rh] {
    margin-top: 42px;
}

.event-description p[b-z27swcz2rh] {
    color: #596a79;
    font-size: 16px;
    line-height: 1.95;
    margin: 0 0 20px;
}

.event-highlight[b-z27swcz2rh] {
    display: flex;
    gap: 20px;
    margin: 35px 0 40px;
    padding: 25px;
    background: var(--event-bg);
    border-radius: 10px;
}

.event-highlight-line[b-z27swcz2rh] {
    display: block;
    flex: 0 0 4px;
    align-self: stretch;
    background: var(--event-accent);
    border-radius: 5px;
}

.event-highlight strong[b-z27swcz2rh] {
    display: block;
    color: var(--event-primary);
    font-size: 16px;
    margin-bottom: 8px;
}

.event-highlight p[b-z27swcz2rh] {
    margin: 0;
    font-size: 14px;
    line-height: 1.8;
}

/* Sidebar */

.event-sidebar[b-z27swcz2rh] {
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.event-info-card[b-z27swcz2rh],
.event-contact-card[b-z27swcz2rh] {
    border: 1px solid var(--event-border);
    border-radius: 13px;
    padding: 27px;
    background: #fff;
}

.event-info-card h3[b-z27swcz2rh],
.event-contact-card h3[b-z27swcz2rh] {
    color: var(--event-primary);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
    margin: 0 0 25px;
}

.event-info-row[b-z27swcz2rh] {
    display: flex;
    flex-direction: column;
    gap: 7px;
    padding: 16px 0;
    border-bottom: 1px solid var(--event-border);
}

.event-info-row:first-of-type[b-z27swcz2rh] {
    padding-top: 0;
}

.event-info-row:last-child[b-z27swcz2rh] {
    padding-bottom: 0;
    border-bottom: none;
}

.event-info-row span[b-z27swcz2rh] {
    color: var(--event-muted);
    font-size: 12px;
}

.event-info-row strong[b-z27swcz2rh] {
    color: var(--event-text);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.6;
}

.event-contact-card[b-z27swcz2rh] {
    background: var(--event-bg);
    border-color: transparent;
}

.event-contact-symbol[b-z27swcz2rh] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    margin-bottom: 18px;
    border-radius: 12px;
    background: #e2eef5;
    color: var(--event-primary);
    font-size: 21px;
}

.event-contact-card h3[b-z27swcz2rh] {
    margin-bottom: 10px;
}

.event-contact-card p[b-z27swcz2rh] {
    color: var(--event-muted);
    font-size: 14px;
    line-height: 1.8;
    margin: 0 0 22px;
}

.event-contact-button[b-z27swcz2rh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 17px;
    background: var(--event-primary);
    color: #fff;
    border: 1px solid var(--event-primary);
    border-radius: 7px;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    transition: background 0.2s ease,
                border-color 0.2s ease;
}

.event-contact-button:hover[b-z27swcz2rh] {
    background: var(--event-accent);
    border-color: var(--event-accent);
    color: #fff;
}

/* Back link */

.event-back-link[b-z27swcz2rh] {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    color: var(--event-primary);
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    margin-top: 5px;
    transition: color 0.2s ease;
}

.event-back-link span[b-z27swcz2rh] {
    font-size: 20px;
    transition: transform 0.2s ease;
}

.event-back-link:hover[b-z27swcz2rh] {
    color: var(--event-accent);
}

.event-back-link:hover span[b-z27swcz2rh] {
    transform: translateX(-4px);
}

/* Responsive */

@media (max-width: 900px) {
    .event-content-grid[b-z27swcz2rh] {
        grid-template-columns: minmax(0, 1fr) 270px;
        gap: 30px;
    }

    .event-cover[b-z27swcz2rh] {
        height: 350px;
    }

    .event-meta[b-z27swcz2rh] {
        gap: 24px;
    }
}

@media (max-width: 700px) {
    .event-page[b-z27swcz2rh] {
        padding-bottom: 55px;
    }

    .event-container[b-z27swcz2rh] {
        width: calc(100% - 36px);
    }

    .event-header[b-z27swcz2rh] {
        padding: 42px 0 30px;
    }

    .event-header h1[b-z27swcz2rh] {
        font-size: 30px;
        letter-spacing: -0.5px;
    }

    .event-intro[b-z27swcz2rh] {
        font-size: 16px;
        line-height: 1.8;
    }

    .event-meta[b-z27swcz2rh] {
        display: grid;
        grid-template-columns: 1fr;
        gap: 20px;
        margin-top: 28px;
        padding-top: 24px;
    }

    .event-cover[b-z27swcz2rh] {
        height: 250px;
        margin-bottom: 40px;
        border-radius: 10px;
    }

    .event-content-grid[b-z27swcz2rh] {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .event-description h2[b-z27swcz2rh] {
        font-size: 23px;
    }

    .event-description p[b-z27swcz2rh] {
        font-size: 15px;
    }

    .event-highlight[b-z27swcz2rh] {
        padding: 20px;
    }

    .event-sidebar[b-z27swcz2rh] {
        gap: 18px;
    }
}

@media (max-width: 400px) {
    .event-header h1[b-z27swcz2rh] {
        font-size: 27px;
    }

    .event-cover[b-z27swcz2rh] {
        height: 210px;
    }

    .event-info-card[b-z27swcz2rh],
    .event-contact-card[b-z27swcz2rh] {
        padding: 22px;
    }
}

/* Sponsors section */

.event-sponsors[b-z27swcz2rh] {
    margin-top: 85px;
    padding-top: 55px;
    border-top: 1px solid var(--event-border);
}

.event-sponsors-header[b-z27swcz2rh] {
    max-width: 650px;
    margin: 0 auto 38px;
    text-align: center;
}

.event-sponsors-label[b-z27swcz2rh] {
    display: inline-block;
    margin-bottom: 12px;
    color: var(--event-accent);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
}

.event-sponsors-header h2[b-z27swcz2rh] {
    margin: 0 0 14px;
    color: var(--event-primary);
    font-size: 29px;
    font-weight: 700;
    line-height: 1.4;
}

.event-sponsors-header p[b-z27swcz2rh] {
    margin: 0;
    color: var(--event-muted);
    font-size: 15px;
    line-height: 1.8;
}

.event-sponsors-grid[b-z27swcz2rh] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 22px;
}

.event-sponsor-card[b-z27swcz2rh] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 145px;
    padding: 25px;
    background: #fff;
    border: 1px solid var(--event-border);
    border-radius: 12px;
    transition: border-color 0.25s ease,
                box-shadow 0.25s ease,
                transform 0.25s ease;
}

.event-sponsor-card:hover[b-z27swcz2rh] {
    border-color: #c5dce8;
    box-shadow: 0 10px 28px rgba(23, 75, 112, 0.07);
    transform: translateY(-3px);
}

.event-sponsor-card img[b-z27swcz2rh] {
    display: block;
    width: 100%;
    max-width: 190px;
    max-height: 85px;
    object-fit: contain;
}

/* Responsive sponsors */

@media (max-width: 900px) {
    .event-sponsors-grid[b-z27swcz2rh] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
    }

    .event-sponsor-card[b-z27swcz2rh] {
        min-height: 125px;
    }
}

@media (max-width: 500px) {
    .event-sponsors[b-z27swcz2rh] {
        margin-top: 55px;
        padding-top: 40px;
    }

    .event-sponsors-header h2[b-z27swcz2rh] {
        font-size: 25px;
    }

    .event-sponsors-header p[b-z27swcz2rh] {
        font-size: 14px;
    }

    .event-sponsors-grid[b-z27swcz2rh] {
        gap: 12px;
    }

    .event-sponsor-card[b-z27swcz2rh] {
        min-height: 105px;
        padding: 15px;
        border-radius: 9px;
    }

    .event-sponsor-card img[b-z27swcz2rh] {
        max-height: 65px;
    }
}

/* ========================================
   Листа на настани - рамни картички
   ======================================== */

.event-list[b-z27swcz2rh] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.event-list-item[b-z27swcz2rh] {
    display: flex;
    align-items: flex-start;
    gap: 26px;
    padding: 24px 0;
    border-bottom: 1px solid var(--event-border);
    background: transparent;
    border-radius: 0;
    box-shadow: none;
}

.event-list-image[b-z27swcz2rh] {
    display: block;
    flex: 0 0 240px;
    width: 240px;
    height: 155px;
    object-fit: cover;
    object-position: center;
}

.event-list-details[b-z27swcz2rh] {
    display: flex;
    flex: 1;
    min-width: 0;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    padding: 3px 0;
}

.event-list-date[b-z27swcz2rh] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--event-muted);
    font-size: 13px;
    line-height: 1.5;
}

.event-list-title[b-z27swcz2rh] {
    margin: 0;
    color: var(--event-primary);
    font-size: 22px;
    font-weight: 700;
    line-height: 1.4;
}

.event-list-title a[b-z27swcz2rh] {
    color: inherit;
    text-decoration: none;
    transition: color 0.2s ease;
}

.event-list-title a:hover[b-z27swcz2rh] {
    color: var(--event-accent);
}

.event-list-link[b-z27swcz2rh] {
    display: inline-block;
    margin-top: 3px;
    color: var(--event-accent);
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
}

.event-list-link:hover[b-z27swcz2rh] {
    text-decoration: underline;
}

/* Responsive */

@media (max-width: 600px) {
    .event-list-item[b-z27swcz2rh] {
        flex-direction: column;
        gap: 16px;
        padding: 22px 0;
    }

    .event-list-image[b-z27swcz2rh] {
        flex: none;
        width: 100%;
        height: auto;
        aspect-ratio: 16 / 9;
    }

    .event-list-title[b-z27swcz2rh] {
        font-size: 20px;
    }
}
/* /Components/Pages/Nastani.razor.rz.scp.css */

/* ===== Страница со настани ===== */

.events-page[b-st3souijf4] {
    --events-primary: #174b70;
    --events-accent: #2d89a7;
    --events-text: #263746;
    --events-muted: #718096;
    --events-border: #e3eaf0;

    padding: 48px 24px 64px;
    background: #f6f8fb;
}

.events-container[b-st3souijf4] {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

/* Наслов на страницата */

.events-heading[b-st3souijf4] {
    margin-bottom: 36px;
}

.events-heading h1[b-st3souijf4] {
    margin: 8px 0 12px;
    color: var(--events-primary);
    font-size: clamp(2rem, 4vw, 2.7rem);
    font-weight: 750;
    letter-spacing: -0.8px;
}

.events-heading p[b-st3souijf4] {
    max-width: 680px;
    margin: 0;
    color: var(--events-muted);
    font-size: 1.05rem;
    line-height: 1.7;
}

.events-heading .events-eyebrow[b-st3souijf4] {
    color: var(--events-accent);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}

/* Grid со картички */

.events-list[b-st3souijf4] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 28px;
}

/* Картичка */

.event-list-card[b-st3souijf4] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow: hidden;
    background: #fff;
    border: 1px solid var(--events-border);
    border-radius: 10px;
    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        border-color 0.25s ease;
}

.event-list-card:hover[b-st3souijf4] {
    transform: none;
    border-color: var(--events-border);
    box-shadow: none;
}

/* Фотографија */

.event-list-image-link[b-st3souijf4] {
    display: block;
    overflow: hidden;
    aspect-ratio: 16 / 10;
    background: #eaf0f4;
}

.event-list-image[b-st3souijf4] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.35s ease;
}

.event-list-card:hover .event-list-image[b-st3souijf4] {
    transform: scale(1.035);
}

/* Содржина */

.event-list-details[b-st3souijf4] {
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: flex-start;
    padding: 22px 22px 24px;
}

.event-list-date[b-st3souijf4] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
    color: var(--events-accent);
    font-size: 0.84rem;
    font-weight: 650;
}

.event-date-icon[b-st3souijf4] {
    font-size: 1.05rem;
}

.event-list-details h2[b-st3souijf4] {
    margin: 0 0 22px;
    color: var(--events-text);
    font-size: 1.18rem;
    font-weight: 700;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.event-list-details h2 a[b-st3souijf4] {
    color: inherit;
    text-decoration: none;
    transition: color 0.2s ease;
}

.event-list-details h2 a:hover[b-st3souijf4] {
    color: var(--events-accent);
}

/* Линк на дното од картичката */

.event-read-more[b-st3souijf4] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: auto;
    color: var(--events-primary);
    font-size: 0.92rem;
    font-weight: 700;
    text-decoration: none;
}

.event-read-more span[b-st3souijf4] {
    font-size: 1.2rem;
    transition: transform 0.2s ease;
}

.event-read-more:hover[b-st3souijf4] {
    color: var(--events-accent);
}

.event-read-more:hover span[b-st3souijf4] {
    transform: translateX(4px);
}

/* Порака кога нема настани */

.events-message[b-st3souijf4] {
    padding: 28px;
    background: #fff;
    border: 1px solid var(--events-border);
    border-radius: 8px;
    color: var(--events-muted);
}

/* Пагинација */

.events-pagination[b-st3souijf4] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin-top: 44px;
}

.page-button[b-st3souijf4] {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-width: 42px;
    height: 42px;
    padding: 0 12px;
    border: 1px solid var(--events-border);
    border-radius: 7px;
    background: #fff;
    color: var(--events-primary);
    font-weight: 650;
    text-decoration: none;
    transition: background 0.2s ease, color 0.2s ease;
}

.page-button:hover[b-st3souijf4],
.page-button.active[b-st3souijf4] {
    border-color: var(--events-primary);
    background: var(--events-primary);
    color: #fff;
}

.events-page-info[b-st3souijf4] {
    margin-top: 14px;
    color: var(--events-muted);
    font-size: 0.9rem;
    text-align: center;
}

/* Таблет */

@media (max-width: 950px) {
    .events-list[b-st3souijf4] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 22px;
    }

    .events-page[b-st3souijf4] {
        padding: 36px 20px 48px;
    }
}

/* Мобилен телефон */

@media (max-width: 600px) {
    .events-page[b-st3souijf4] {
        padding: 28px 16px 40px;
    }

    .events-list[b-st3souijf4] {
        grid-template-columns: minmax(0, 1fr);
        gap: 20px;
    }

    .events-heading[b-st3souijf4] {
        margin-bottom: 26px;
    }

    .event-list-image-link[b-st3souijf4] {
        aspect-ratio: 16 / 9;
    }

    .event-list-details[b-st3souijf4] {
        padding: 18px 18px 20px;
    }

    .event-list-details h2[b-st3souijf4] {
        font-size: 1.1rem;
        margin-bottom: 18px;
    }
}

/* Почитување на поставката за намалено движење */

@media (prefers-reduced-motion: reduce) {
    .event-list-card[b-st3souijf4],
    .event-list-image[b-st3souijf4],
    .event-list-details h2 a[b-st3souijf4],
    .event-read-more span[b-st3souijf4] {
        transition: none;
    }

    .event-list-card:hover[b-st3souijf4],
    .event-list-card:hover .event-list-image[b-st3souijf4] {
        transform: none;
    }
}
/* /Components/Pages/Nauka.razor.rz.scp.css */

/* ===== Страница со научни трудови ===== */

.science-page[b-d1ge2g79hb] {
    --science-primary: #174b70;
    --science-accent: #2d89a7;
    --science-text: #263746;
    --science-muted: #718096;
    --science-border: #e3eaf0;

    padding: 48px 24px 64px;
    background: #f6f8fb;
    min-height: 60vh;
}

.science-container[b-d1ge2g79hb] {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}

/* Наслов на страницата */

.science-heading[b-d1ge2g79hb] {
    margin-bottom: 36px;
}

.science-eyebrow[b-d1ge2g79hb] {
    display: inline-block;
    color: var(--science-accent);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.science-heading h1[b-d1ge2g79hb] {
    margin: 8px 0 12px;
    color: var(--science-primary);
    font-size: clamp(2rem, 4vw, 2.7rem);
    font-weight: 750;
    letter-spacing: -0.8px;
}

.science-heading > p[b-d1ge2g79hb] {
    max-width: 720px;
    margin: 0;
    color: var(--science-muted);
    font-size: 1.05rem;
    line-height: 1.7;
}

/* Листа со трудови */

.science-list[b-d1ge2g79hb] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* Картичка на труд */

.science-card[b-d1ge2g79hb] {
    min-width: 0;
    overflow: hidden;
    background: #fff;
    border: 1px solid var(--science-border);
    border-radius: 10px;
    transition: border-color 0.2s ease;
}

.science-card:hover[b-d1ge2g79hb] {
    border-color: #cbd9e3;
}

/* Горен дел: област и датум */

.science-card-top[b-d1ge2g79hb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    padding: 17px 24px;
    background: #f9fbfd;
    border-bottom: 1px solid var(--science-border);
}

.science-category[b-d1ge2g79hb] {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: var(--science-accent);
    font-size: 0.78rem;
    font-weight: 750;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.science-category-dot[b-d1ge2g79hb] {
    width: 8px;
    height: 8px;
    flex-shrink: 0;
    background: var(--science-accent);
    border-radius: 50%;
}

.science-date[b-d1ge2g79hb] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--science-muted);
    font-size: 0.84rem;
    font-weight: 600;
}

/* Главна содржина */

.science-card-body[b-d1ge2g79hb] {
    padding: 24px;
}

.science-title[b-d1ge2g79hb] {
    margin: 0 0 15px;
    color: var(--science-text);
    font-size: clamp(1.2rem, 2.5vw, 1.5rem);
    font-weight: 750;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.science-author[b-d1ge2g79hb] {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    margin-bottom: 24px;
    color: var(--science-muted);
    font-size: 0.92rem;
    font-weight: 600;
    line-height: 1.7;
}

.science-author-icon[b-d1ge2g79hb] {
    color: var(--science-accent);
    font-size: 1.05rem;
}

/* Резиме */

.science-abstract[b-d1ge2g79hb] {
    padding-top: 21px;
    border-top: 1px solid var(--science-border);
}

.science-abstract h3[b-d1ge2g79hb] {
    margin: 0 0 11px;
    color: var(--science-primary);
    font-size: 1rem;
    font-weight: 750;
}

.science-abstract-text[b-d1ge2g79hb] {
    color: var(--science-text);
    font-size: 0.96rem;
    line-height: 1.85;
    overflow-wrap: anywhere;
}

.science-abstract-text p[b-d1ge2g79hb] {
    margin: 0 0 12px;
}

.science-abstract-text p:last-child[b-d1ge2g79hb] {
    margin-bottom: 0;
}

.science-abstract-text ul[b-d1ge2g79hb],
.science-abstract-text ol[b-d1ge2g79hb] {
    margin: 10px 0;
    padding-left: 24px;
}

/* Клучни зборови */

.science-keywords[b-d1ge2g79hb] {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 23px;
    padding-top: 19px;
    border-top: 1px solid var(--science-border);
}

.science-keywords-label[b-d1ge2g79hb] {
    padding-top: 5px;
    color: var(--science-muted);
    font-size: 0.82rem;
    font-weight: 700;
}

.science-keywords-text[b-d1ge2g79hb] {
    display: inline-block;
    max-width: 100%;
    padding: 5px 11px;
    color: var(--science-primary);
    background: #eef5f9;
    border: 1px solid #dce8f0;
    border-radius: 5px;
    font-size: 0.82rem;
    line-height: 1.7;
    overflow-wrap: anywhere;
}

/* Линк до трудот */

.science-card-footer[b-d1ge2g79hb] {
    display: flex;
    justify-content: flex-end;
    padding: 16px 24px;
    background: #fbfcfe;
    border-top: 1px solid var(--science-border);
    gap:10px;
}

.science-read-button[b-d1ge2g79hb] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    max-width: 100%;
    padding: 11px 17px;
    color: #fff;
    background: var(--science-primary);
    border: 1px solid var(--science-primary);
    border-radius: 7px;
    font-size: 0.9rem;
    font-weight: 700;
    line-height: 1.5;
    text-decoration: none;
    overflow-wrap: anywhere;
    transition: background 0.2s ease, border-color 0.2s ease;
}

.science-read-button:hover[b-d1ge2g79hb] {
    color: #fff;
    background: var(--science-accent);
    border-color: var(--science-accent);
}

.science-read-arrow[b-d1ge2g79hb] {
    flex-shrink: 0;
    font-size: 1.1rem;
}

/* Пагинација */

.science-pagination[b-d1ge2g79hb] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin-top: 44px;
}

.science-page-button[b-d1ge2g79hb] {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-width: 42px;
    height: 42px;
    padding: 0 12px;
    border: 1px solid var(--science-border);
    border-radius: 7px;
    background: #fff;
    color: var(--science-primary);
    font-size: 0.95rem;
    font-weight: 650;
    text-decoration: none;
    transition: background 0.2s ease, color 0.2s ease,
                border-color 0.2s ease;
}

.science-page-button:hover[b-d1ge2g79hb],
.science-page-button.active[b-d1ge2g79hb] {
    border-color: var(--science-primary);
    background: var(--science-primary);
    color: #fff;
}

.science-page-button.active[b-d1ge2g79hb] {
    cursor: default;
}

.science-page-arrow[b-d1ge2g79hb] {
    font-size: 1.4rem;
    font-weight: 400;
}

.science-page-info[b-d1ge2g79hb] {
    margin-top: 14px;
    color: var(--science-muted);
    font-size: 0.9rem;
    text-align: center;
}

/* Кога нема трудови */

.science-empty[b-d1ge2g79hb] {
    padding: 32px 28px;
    background: #fff;
    border: 1px solid var(--science-border);
    border-radius: 8px;
    color: var(--science-muted);
}

.science-empty-icon[b-d1ge2g79hb] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    margin-bottom: 14px;
    color: var(--science-accent);
    background: #eef5f9;
    border-radius: 50%;
    font-size: 1.5rem;
}

.science-empty h2[b-d1ge2g79hb] {
    margin: 0 0 10px;
    color: var(--science-primary);
    font-size: 1.2rem;
}

.science-empty p[b-d1ge2g79hb] {
    margin: 0;
    color: var(--science-muted);
    line-height: 1.7;
}

/* Таблет */

@media (max-width: 950px) {
    .science-page[b-d1ge2g79hb] {
        padding: 36px 20px 48px;
    }

    .science-list[b-d1ge2g79hb] {
        gap: 22px;
    }
}

/* Мобилен телефон */

@media (max-width: 600px) {
    .science-page[b-d1ge2g79hb] {
        padding: 28px 16px 40px;
    }

    .science-heading[b-d1ge2g79hb] {
        margin-bottom: 26px;
    }

    .science-heading > p[b-d1ge2g79hb] {
        font-size: 0.96rem;
    }

    .science-card-top[b-d1ge2g79hb] {
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
        padding: 16px 18px;
    }

    .science-card-body[b-d1ge2g79hb] {
        padding: 20px 18px;
    }

    .science-title[b-d1ge2g79hb] {
        font-size: 1.18rem;
    }

    .science-abstract-text[b-d1ge2g79hb] {
        font-size: 0.92rem;
        line-height: 1.8;
    }

    .science-card-footer[b-d1ge2g79hb] {
        padding: 15px 18px;
    }

    .science-read-button[b-d1ge2g79hb] {
        width: 100%;
    }

    .science-pagination[b-d1ge2g79hb] {
        gap: 6px;
        margin-top: 32px;
    }

    .science-page-button[b-d1ge2g79hb] {
        min-width: 38px;
        height: 38px;
        padding: 0 9px;
    }
}

/* Почитување на поставката за намалено движење */

@media (prefers-reduced-motion: reduce) {
    .science-card[b-d1ge2g79hb],
    .science-read-button[b-d1ge2g79hb],
    .science-page-button[b-d1ge2g79hb] {
        transition: none;
    }
}

/* Пребарување на научни трудови */
.science-search[b-d1ge2g79hb] {
    display: flex;
    gap: 10px;
    max-width: 700px;
    margin: 28px auto 32px;
}

.science-search input[b-d1ge2g79hb] {
    flex: 1;
    min-width: 0;
    padding: 13px 16px;
    border: 1px solid #e3eaf0;
    border-radius: 8px;
    background: #fff;
    color: #263746;
    font-size: 15px;
    outline: none;
}

.science-search input:focus[b-d1ge2g79hb] {
    border-color: #2d89a7;
    box-shadow: 0 0 0 3px rgb(45 137 167 / 12%);
}

.science-search-button[b-d1ge2g79hb] {
    padding: 12px 22px;
    border: none;
    border-radius: 8px;
    background: #174b70;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
}

.science-search-button:hover[b-d1ge2g79hb] {
    background: #2d89a7;
}

@media (max-width: 520px) {
    .science-search[b-d1ge2g79hb] {
        flex-direction: column;
    }

    .science-search-button[b-d1ge2g79hb] {
        width: 100%;
    }
}
/* /Components/Pages/ZaZdruzenieto.razor.rz.scp.css */

/* ===== Za zdruzenieto ===== */

.about-page[b-zt40wqdeqj] {
    --about-primary: #174b70;
    --about-accent: #2d89a7;
    --about-text: #263746;
    --about-muted: #718096;
    --about-border: #dce5ed;
    --about-background: #f5f8fb;

    max-width: 1100px;
    margin: 0 auto;
    padding: 48px 24px 64px;
    color: var(--about-text);
    box-sizing: border-box;
}

/* ===== Zaglavje ===== */

.about-heading[b-zt40wqdeqj] {
    text-align: left;
    margin-bottom: 42px;
}

.about-eyebrow[b-zt40wqdeqj] {
    display: inline-block;
    margin-bottom: 10px;
    color: var(--about-accent);
    font-size: 0.85rem;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.about-heading h1[b-zt40wqdeqj] {
    margin: 0 0 14px;
    color: var(--about-primary);
    font-size: clamp(2rem, 4vw, 2.7rem);
    font-weight: 750;
    letter-spacing: -0.6px;
    line-height: 1.2;
}

.about-description[b-zt40wqdeqj] {
    max-width: 760px;
    margin: 0;
    color: var(--about-muted);
    font-size: 1.05rem;
    line-height: 1.8;
}

/* ===== Sekcii ===== */

.about-section[b-zt40wqdeqj] {
    margin-top: 42px;
}

.about-section h2[b-zt40wqdeqj] {
    margin: 0 0 18px;
    color: var(--about-primary);
    font-size: clamp(1.45rem, 2.5vw, 1.8rem);
    font-weight: 750;
    line-height: 1.3;
}

.about-section p[b-zt40wqdeqj] {
    margin: 0;
    color: var(--about-muted);
    font-size: 1rem;
    line-height: 1.85;
}

/* ===== Naseto zdruzenie ===== */

.about-intro[b-zt40wqdeqj] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 220px;
    align-items: center;
    gap: 36px;
    padding: 0px;
   /* border: 1px solid var(--about-border);*/
    background: transparent;
    box-sizing: border-box;
}

.about-intro-content[b-zt40wqdeqj] {
    min-width: 0;
}

.about-intro-content h2[b-zt40wqdeqj] {
    margin-bottom: 14px;
}

.about-intro-image[b-zt40wqdeqj] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
}

.about-intro-image img[b-zt40wqdeqj] {
    display: block;
    width: 100%;
    max-width: 200px;
    height: auto;
    object-fit: contain;
}

/* ===== Misija, vizija i celi ===== */

.about-section-title[b-zt40wqdeqj] {
    margin-bottom: 22px !important;
}

.about-values-grid[b-zt40wqdeqj] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    align-items: stretch;
}

.about-value-card[b-zt40wqdeqj] {
    min-width: 0;
    padding: 26px 24px;
    border: 1px solid var(--about-border);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    box-sizing: border-box;
}

.about-value-icon[b-zt40wqdeqj] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 46px;
    height: 46px;
    margin-bottom: 18px;
    color: var(--about-accent);
}

.about-value-icon svg[b-zt40wqdeqj] {
    display: block;
    width: 38px;
    height: 38px;
}

.about-value-card h3[b-zt40wqdeqj] {
    margin: 0 0 12px;
    color: var(--about-primary);
    font-size: 1.2rem;
    font-weight: 750;
    line-height: 1.4;
}

.about-value-card p[b-zt40wqdeqj] {
    font-size: 0.96rem;
    line-height: 1.8;
}

/* ===== Rakovodstvo i clenstvo ===== */

.about-organization[b-zt40wqdeqj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    padding: 30px;
    border: 1px solid var(--about-border);
    background: transparent;
    box-sizing: border-box;
}

.about-organization-content[b-zt40wqdeqj] {
    flex: 1;
    min-width: 0;
}

.about-organization-content h2[b-zt40wqdeqj] {
    margin-bottom: 12px;
}

.about-organization-icon[b-zt40wqdeqj] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 72px;
    width: 72px;
    height: 72px;
    color: var(--about-accent);
}

.about-organization-icon svg[b-zt40wqdeqj] {
    display: block;
    width: 58px;
    height: 58px;
}

/* ===== Tablet ===== */

@media (max-width: 850px) {
    .about-page[b-zt40wqdeqj] {
        padding: 40px 20px 54px;
    }

    .about-values-grid[b-zt40wqdeqj] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
    }

    .about-intro[b-zt40wqdeqj] {
        grid-template-columns: minmax(0, 1fr) 160px;
        gap: 24px;
        padding: 24px;
    }

    .about-intro-image img[b-zt40wqdeqj] {
        max-width: 150px;
    }

    .about-value-card[b-zt40wqdeqj] {
        padding: 22px;
    }
}

/* ===== Mobilni ===== */

@media (max-width: 600px) {
    .about-page[b-zt40wqdeqj] {
        padding: 30px 14px 40px;
    }

    .about-heading[b-zt40wqdeqj] {
        margin-bottom: 28px;
    }

    .about-heading h1[b-zt40wqdeqj] {
        font-size: 2rem;
    }

    .about-description[b-zt40wqdeqj] {
        font-size: 0.95rem;
        line-height: 1.75;
    }

    .about-section[b-zt40wqdeqj] {
        margin-top: 30px;
    }

    .about-section h2[b-zt40wqdeqj] {
        font-size: 1.45rem;
    }

    .about-intro[b-zt40wqdeqj] {
        grid-template-columns: 1fr;
        gap: 22px;
        padding: 20px;
    }

    .about-intro-image[b-zt40wqdeqj] {
        justify-content: flex-start;
    }

    .about-intro-image img[b-zt40wqdeqj] {
        max-width: 130px;
    }

    .about-values-grid[b-zt40wqdeqj] {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .about-value-card[b-zt40wqdeqj] {
        padding: 22px 20px;
    }

    .about-value-icon[b-zt40wqdeqj] {
        margin-bottom: 12px;
    }

    .about-organization[b-zt40wqdeqj] {
        padding: 22px 20px;
        gap: 14px;
    }

    .about-organization-icon[b-zt40wqdeqj] {
        flex-basis: 46px;
        width: 46px;
        height: 46px;
    }

    .about-organization-icon svg[b-zt40wqdeqj] {
        width: 42px;
        height: 42px;
    }

    .about-section p[b-zt40wqdeqj] {
        font-size: 0.95rem;
    }
}

/* ===== Namaleno dvizenje ===== */

@media (prefers-reduced-motion: reduce) {
    .about-page *[b-zt40wqdeqj] {
        scroll-behavior: auto;
        transition: none;
        animation: none;
    }
}

/* ===== Раководство ===== */

.about-leadership[b-zt40wqdeqj] {
    margin-top: 56px;
}

.leadership-heading[b-zt40wqdeqj] {
    margin-bottom: 28px;
}

.leadership-heading h2[b-zt40wqdeqj] {
    margin: 0 0 14px;
    color: #174b70;
    font-size: clamp(1.45rem, 2.5vw, 1.8rem);
    font-weight: 750;
    line-height: 1.3;
}

.leadership-heading-line[b-zt40wqdeqj] {
    display: block;
    width: 54px;
    height: 3px;
    background: #2d89a7;
}

.leadership-list[b-zt40wqdeqj] {
    display: flex;
    flex-direction: column;
}

.leadership-member[b-zt40wqdeqj] {
    display: flex;
    align-items: center;
    gap: 28px;
    padding: 24px 0;
    border-bottom: 1px solid #e3eaf0;
}

.leadership-member:first-child[b-zt40wqdeqj] {
    padding-top: 0;
}

.leadership-member:last-child[b-zt40wqdeqj] {
    border-bottom: none;
    padding-bottom: 0;
}

.leadership-photo[b-zt40wqdeqj] {
    flex: 0 0 145px;
    width: 145px;
    height: 165px;
    overflow: hidden;
    background: #f1f5f8;
}

.leadership-photo img[b-zt40wqdeqj] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
}

.leadership-info[b-zt40wqdeqj] {
    flex: 1;
    min-width: 0;
}

.leadership-info h3[b-zt40wqdeqj] {
    margin: 0 0 10px;
    color: #174b70;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.4;
}

.leadership-profession[b-zt40wqdeqj] {
    margin: 0 0 12px;
    color: #526474;
    font-size: 0.96rem;
    line-height: 1.75;
}

.leadership-role[b-zt40wqdeqj] {
    display: inline-block;
    margin: 0;
    padding-left: 12px;
    border-left: 3px solid #2d89a7;
    color: #2d89a7;
    font-size: 0.94rem;
    font-weight: 650;
    line-height: 1.6;
}

/* ===== Мобилни уреди ===== */

@media (max-width: 600px) {
    .about-leadership[b-zt40wqdeqj] {
        margin-top: 38px;
    }

    .leadership-heading[b-zt40wqdeqj] {
        margin-bottom: 22px;
    }

    .leadership-member[b-zt40wqdeqj] {
        gap: 16px;
        padding: 20px 0;
        align-items: flex-start;
    }

    .leadership-photo[b-zt40wqdeqj] {
        flex: 0 0 100px;
        width: 100px;
        height: 120px;
    }

    .leadership-info h3[b-zt40wqdeqj] {
        font-size: 1.05rem;
        margin-bottom: 7px;
    }

    .leadership-profession[b-zt40wqdeqj] {
        font-size: 0.88rem;
        line-height: 1.6;
        margin-bottom: 9px;
    }

    .leadership-role[b-zt40wqdeqj] {
        font-size: 0.85rem;
        padding-left: 9px;
    }
}