/* ==========================================================================
   Samsung promocija 09-2026 — responsive overrides

   - Ilustracija: fiksna px veličina po breakpointu, centrirana — unutar banda
     se NE skalira (bočni rubovi se clipaju), a prelaskom breakpointa pada na
     manju fiksnu veličinu pa se visina smanjuje i SAMSUNG logo ostaje u kadru.
     Na mobitelu 100% širine (cijela ilustracija vidljiva).
   - Product rowovi: sve je native px × --k; --k pada po breakpointima pa se
     kompozicije smanjuju proporcionalno (pozicije djece su u % boxa).
   - Tablet/mobile dobivaju margin-top zbog fiksnog site headera.
   ========================================================================== */

@media (min-width: 992px) and (max-width: 1199px) {
    .promo-illustration {
        height: 619px;
        background-size: 1200px auto; /* fiksno; bokovi se clipaju do 992px */
    }
    .promo-rows {
        --k: 0.85;
    }
}

/* Tablet */
@media (min-width: 768px) and (max-width: 991px) {
    .promo-illustration {
        height: 512px;
        margin-top: 76px;
        background-size: 992px auto; /* fiksno; bokovi se clipaju do 768px */
    }
    .promo-rows {
        --k: 0.72;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .promo-illustration {
        height: 66vw; /* 825/1250 — mobilna ilustracija cijela u kadru */
        margin-top: 61.05px;
        background-image: url("/custom/samsung-promo-09-2026/assets/images/illustration-mobile.jpg");
        background-size: 100% auto;
    }
    .promo-rows {
        --k: 0.52;
    }
    .promo-legal {
        padding: 36px 20px 46px;
        font-size: 17px;
    }
    .promo-legal p {
        margin-bottom: 40px;
    }
    .promo-legal p:last-of-type {
        margin-bottom: 28px;
    }
    .promo-legal__big {
        font-size: 21px;
    }
    .promo-legal p + .promo-btn--register {
        margin-top: -25px;
    }
    .promo-btn--register {
        margin-bottom: 40px;
    }
    .promo-btn--rules {
        font-size: 15px;
        margin-top: -13px; /* isti razmak kao crveni na mobilnom (40−25 = 28−13) */
    }
}

@media (max-width: 480px) {
    .promo-rows {
        --k: 0.38;
    }
    .promo-legal {
        font-size: 16px;
    }
    .promo-legal__big {
        font-size: 19px;
    }
}