/* SimplePageHeader — Figma baseline 1440px, vw skaliranje */

/* ===== SEKCIJA ===== */
.simple-page-header {
    position: relative;
    width: 100%;
    background: #fff;
    height: 39.375vw; /* 567px @ 1440px */
}

/* ===== NASLOV ===== */
/* Figma: top 230px, left 22px, Inter 400, 46px, line-height 100% */
.simple-page-header__title {
    position: absolute;
    top: 15.972vw;  /* 230px @ 1440px */
    left: 1.528vw;  /* 22px @ 1440px */
    width: 26.667vw; /* 384px @ 1440px */
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 3.194vw; /* 46px @ 1440px */
    line-height: 1;
    letter-spacing: 0;
    color: #000;
    margin: 0;
}

/* ===== TEKST ===== */
/* Figma: top 311px, left 22px, width 574px, Open Sans 400, 16px, line-height 24px */
.simple-page-header__text {
    position: absolute;
    top: 21.597vw;  /* 311px @ 1440px */
    left: 1.528vw;  /* 22px @ 1440px */
    width: 39.861vw; /* 574px @ 1440px */
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 1.111vw; /* 16px @ 1440px */
    line-height: 1.667vw; /* 24px @ 1440px */
    letter-spacing: 0;
    color: #000;
    margin: 0;
}

.simple-page-header__text p {
    margin: 0;
}

/* ===== TABLET ( < 1300px ) ===== */
@media (max-width: 1300px) {
    .simple-page-header {
        height: auto;
        padding: 8vw 5vw 5vw;
        display: flex;
        flex-direction: column;
    }

    .simple-page-header__title,
    .simple-page-header__text {
        position: static;
        width: 100%;
    }

    .simple-page-header__title {
        font-size: clamp(28px, 3.194vw, 46px);
        margin-bottom: 2vw;
    }

    .simple-page-header__text {
        font-size: 16px;
        line-height: 24px;
    }
}

/* ===== MOBITEL ( < 768px ) ===== */
@media (max-width: 767px) {
    .simple-page-header {
        padding: 80px 20px 40px;
    }

    .simple-page-header__title {
        font-size: 32px;
        line-height: 1.2;
        margin-bottom: 15px;
    }

    .simple-page-header__text {
        font-size: 16px;
        line-height: 24px;
        width: 100%;
    }
}