html, body {
    margin: 0;
    padding: 0;
    min-height: 100%;
    background: #333;
    color: #fff;
    font-family: Tahoma, Verdana, Arial, sans-serif;
}

.the-main-data { min-height: 100vh; }
.bf-landing { position: relative; padding-bottom: 32px; }
.bf-hero { position: relative; }
.bf-hero img { width: 100%; height: auto; }

.button-back-to-site {
    position: absolute;
    top: 25px;
    left: 3%;
    width: 100px;
    height: 30px;
    background: url('../promotions/promotiinikon-bf/Buton_inapoi_in_site_yellow.svg') no-repeat center / contain;
    z-index: 2;
}

.form-email-abonare {
    position: relative;
    width: 94%;
    margin: -3% auto 0;
}

.newsletter-flex {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 240px;
    gap: 16px;
    align-items: start;
}

.newsletter-flex .the-form-input {
    width: 100%;
    min-width: 0;
    height: 48px;
    padding: 12px 14px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background: #fff;
    color: #333;
    font-size: 16px;
    box-sizing: border-box;
}

.frm-do-send-button {
    width: 100%;
    height: 48px;
    padding: 0;
    border: 0;
    border-radius: 4px;
    background: #fff900 url('../promotions/promotiinikon-bf/2025/button_y.png?v=2') no-repeat center / contain;
    cursor: pointer;
}

.frm-do-send-button:hover { opacity: .9; }
.newsletter-flex .the-form-input:focus,
.frm-do-send-button:focus-visible,
.button-back-to-site:focus-visible {
    outline: 2px solid #fff900;
    outline-offset: 3px;
}

.newsletter-flex .g-recaptcha { position: absolute; }
.grecaptcha-badge { visibility: hidden; }

.terms-container {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: 16px minmax(0, 1fr);
    column-gap: 10px;
    row-gap: 8px;
}

.terms-container input[type="checkbox"] {
    width: 16px;
    height: 16px;
    margin: 2px 0 0;
}

.news_terms_label,
.newsletter-note {
    margin: 0;
    color: #ccc;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.5;
    overflow-wrap: break-word;
}

.news_terms_label a { color: inherit; text-decoration: underline; }
.newsletter-note { grid-column: 2; }
.blockUI { opacity: 1 !important; }

/* The mobile artwork has an empty area below its instructions. */
@media (max-width: 991px) {
    html, body { background: #212121; }
    .form-email-abonare { width: 78%; margin-top: -60%; }
    .newsletter-flex { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .frm-do-send-button {
        grid-column: 1 / -1;
        width: 240px;
        max-width: 100%;
        justify-self: center;
    }
    .button-back-to-site { top: 16px; left: 11%; }
}

@media (max-width: 575px) {
    .newsletter-flex { grid-template-columns: minmax(0, 1fr); gap: 12px; }
    .frm-do-send-button { width: 100%; }
    .terms-container { margin-top: 4px; }
}