/* Основний стиль (більше 1507px) */
.ssfs-absolute-form {
    position: absolute;
    top: 80%;
    left: 70%;
    transform: translate(0%, -75%);
    width: 13vw;
    min-height: 17vh;
    min-width: max-content; /* фон завжди щонайменше по ширині вмісту */
    color: #fff;
    box-shadow: 0 2px 6px rgba(0,0,0,0.3);
    background: rgba(0, 0, 0, 0.4);
    padding: 0.5em;
    margin: 0.25em;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

/* Основний розмір тексту та стрілки */
.special-offer > div > h2 {
    font-size: 1.5em;
    white-space: nowrap;
    color: #fff;
    text-align: center;
}

.ssfs-absolute-form .arrow-down img {
    width: 100%;
    height: auto;
    max-width: 180px;
}

/* ≤1507px */
@media (max-width: 1507px) {
    .ssfs-absolute-form {
        left: 75%; /* збільшуємо left до 75% */
        width: 12vw;
        min-height: 16vh;
        padding: 0.45em;
        margin: 0.225em;
        min-width: max-content;
    }
    
    .special-offer > div > h2 {
        font-size: 1.3em;
    }
    
    .ssfs-absolute-form .arrow-down img {
        max-width: 140px !important;
    }
}

/* ≤1200px */
@media (max-width: 1200px) {
    .ssfs-absolute-form {
        left: 75%; /* збільшуємо left до 75% */
        width: 11vw;
        min-height: 15vh;
        padding: 0.4em;
        margin: 0.2em;
        min-width: max-content;
    }
    
    .special-offer > div > h2 {
        font-size: 1.1em;
    }
    
    .ssfs-absolute-form .arrow-down img {
        max-width: 100px !important;
    }
}

/* ≤991px */
@media (max-width: 991px) {
    .ssfs-absolute-form {
        left: 75%;
        width: 10vw;
        min-height: 14vh;
        padding: 0.35em;
        margin: 0.175em;
        min-width: max-content;
    }
    
    .special-offer > div > h2 {
        font-size: 0.9em;
    }
    
    .ssfs-absolute-form .arrow-down img {
        max-width: 80px !important;
    }
}

@media (max-width: 875px) {
    .ssfs-absolute-form {
        left: 70%;
    }
}

/* Повністю приховуємо форму та її вміст ≤768px */
@media (max-width: 768px) {
    #ad-form-ssfs,
    .ssfs-absolute-form,
    .ssfs-absolute-form * {
        display: none !important;
    }
}