@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slide-2 .fg-text-1   { width: 335px; left: calc(50% - 278px); top: 131px; }
    .slide-2 .fg-text-2   { width: 270px; left: calc(50% - 246px); top: 277px; }
    .slide-2 .fg-text-3   { width: 319px; left: calc(50% - 269px); top: 321px; }
    .slide-2 .fg-bubble-1 { width: 213px; left: calc(50% + 91px);  top: 129px; }
    .slide-2 .fg-bubble-2 { width: 162px; left: max(10px, calc(50% - 445px)); top: 295px; }
}

@media only screen and (max-width: 991px) {
    .main-section-wrapper {
        /* 76px offset maknut: stari fixed mobilni header; padding
           wrappera sad korigira modularni JS (header-pad.js) */
    }

    .slide-1, .slide-2, .slide-3, .slide-4 {
        height: auto;
        aspect-ratio: 1.8 / 1;
    }

    .slide-1 .fg-logo   { width: 30.91%; left: 11.85%; top: 15.41%; }
    .slide-1 .fg-text-1 { width: 16.92%; left: 11.92%; top: 46.49%; }
    .slide-1 .fg-text-2 { width: 23.11%; left: 11.99%; top: 68.67%; }

    .slide-2 .fg-text-1   { width: 27.40%; left: 27.26%; top: 16.40%; }
    .slide-2 .fg-text-2   { width: 22.11%; left: 29.91%; top: 34.67%; }
    .slide-2 .fg-text-3   { width: 26.07%; left: 28.03%; top: 40.18%; }
    .slide-2 .fg-bubble-1 { width: 17.45%; left: 57.44%; top: 16.15%; }
    .slide-2 .fg-bubble-2 { width: 13.21%; left: 13.57%; top: 36.92%; }

    .slide-3 .fg-text-1 { width: 31.05%; left: 49.23%; top: 18.80%; }
    .slide-3 .fg-bubble { width: 10.44%; left: 69.84%; top: 67.67%; }

    .slide-4 .fg-logo   { width: 35.56%; left: 18.19%; top: 26.00%; }
    .slide-4 .fg-text-1 { width: 25.56%; left: 55.90%; top: 29.75%; }
    .slide-4 .fg-text-2 { width: 33.61%; left: 33.54%; top: 64.00%; }
}

@media only screen and (max-width: 767px) {
    .main-section-wrapper {
        /* 61px offset maknut — vidi napomenu gore (header-pad.js) */
    }

    .slide-1, .slide-2, .slide-3, .slide-4 {
        aspect-ratio: 1.4 / 1;
    }

    .slide-1 .fg-logo   { width: 39.74%; left: 5%; top: 15.41%; }
    .slide-1 .fg-text-1 { width: 21.75%; left: 5%; top: 46.49%; }
    .slide-1 .fg-text-2 { width: 29.72%; left: 5%; top: 68.67%; }

    .slide-2 .fg-text-1   { width: 35.22%; left: 20.77%; top: 16.40%; }
    .slide-2 .fg-text-2   { width: 28.43%; left: 24.16%; top: 34.67%; }
    .slide-2 .fg-text-3   { width: 33.52%; left: 21.75%; top: 40.18%; }
    .slide-2 .fg-bubble-1 { width: 22.44%; left: 59.57%; top: 16.15%; }
    .slide-2 .fg-bubble-2 { width: 16.99%; left: 3.16%; top: 36.92%; }

    .slide-3 .fg-text-1 { width: 39.92%; left: 49.02%; top: 18.80%; }
    .slide-3 .fg-bubble { width: 13.43%; left: 75.51%; top: 67.67%; }

    .slide-4 .fg-logo   { width: 45.71%; left: 9.11%; top: 26.00%; }
    .slide-4 .fg-text-1 { width: 32.86%; left: 57.59%; top: 29.75%; }
    .slide-4 .fg-text-2 { width: 43.21%; left: 28.84%; top: 64.00%; }

    .slide-4 .lp-docs { gap: 10px; }
    .slide-4 .lp-doc-btn { font-size: 10.5px; padding: 9px 13px; letter-spacing: .4px; }
}