/* Content Upgrade block */
.bkbg-cup-app { display: none; }

.bkbg-cup-wrap {
    display: flex;
    align-items: center;
    gap: 32px;
    border-radius: 12px;
    position: relative;
}

.bkbg-cup-wrap.style-boxed {
    border-width: 2px;
    border-style: solid;
}
.bkbg-cup-wrap.style-minimal {
    border-radius: 0;
    border-left-width: 4px;
    border-left-style: solid;
    background: transparent !important;
}
.bkbg-cup-wrap.style-inline {
    border: none;
}

.bkbg-cup-image-col { flex-shrink: 0; }
.bkbg-cup-image-col img { width: 140px; height: 140px; object-fit: cover; border-radius: 8px; display: block; }
.bkbg-cup-image-placeholder {
    width: 100px; height: 100px; border-radius: 8px;
    display: flex; align-items: center; justify-content: center;
    font-size: 36px; flex-shrink: 0;
}

.bkbg-cup-content { flex: 1; min-width: 0; }

.bkbg-cup-heading {
    margin: 0 0 8px;
    font-family: var(--bkcup-head-font-family, inherit);
    font-size: var(--bkcup-head-font-size-d, 20px);
    font-weight: var(--bkcup-head-font-weight, 700);
    line-height: var(--bkcup-head-line-height-d, 1.3);
    letter-spacing: var(--bkcup-head-letter-spacing-d, normal);
    text-transform: var(--bkcup-head-text-transform, none);
    text-decoration: var(--bkcup-head-text-decoration, none);
    font-style: var(--bkcup-head-font-style, normal);
    word-spacing: var(--bkcup-head-word-spacing-d, normal);
}
.bkbg-cup-desc {
    margin: 0 0 16px;
    font-family: var(--bkcup-desc-font-family, inherit);
    font-size: var(--bkcup-desc-font-size-d, 14px);
    font-weight: var(--bkcup-desc-font-weight, 400);
    line-height: var(--bkcup-desc-line-height-d, 1.6);
    letter-spacing: var(--bkcup-desc-letter-spacing-d, normal);
    text-transform: var(--bkcup-desc-text-transform, none);
    text-decoration: var(--bkcup-desc-text-decoration, none);
    font-style: var(--bkcup-desc-font-style, normal);
    word-spacing: var(--bkcup-desc-word-spacing-d, normal);
}

.bkbg-cup-form { display: flex; gap: 8px; }
.bkbg-cup-input {
    flex: 1; padding: 10px 14px; border-width: 1px; border-style: solid;
    border-radius: 6px; font-size: 14px; outline: none;
}
.bkbg-cup-submit {
    padding: 10px 20px; border: none; border-radius: 6px;
    font-weight: 600; font-size: 14px; cursor: pointer;
    white-space: nowrap; transition: opacity 0.2s;
}
.bkbg-cup-submit:hover { opacity: 0.88; }

.bkbg-cup-success {
    display: none; padding: 12px 16px; border-radius: 6px;
    font-size: 14px; font-weight: 600; text-align: center;
    margin-top: 8px;
}
.bkbg-cup-success.visible { display: block; }

@media (max-width: 1024px) {
    .bkbg-cup-heading {
        font-size: var(--bkcup-head-font-size-t, var(--bkcup-head-font-size-d, 20px));
        line-height: var(--bkcup-head-line-height-t, var(--bkcup-head-line-height-d, 1.3));
        letter-spacing: var(--bkcup-head-letter-spacing-t, var(--bkcup-head-letter-spacing-d, normal));
        word-spacing: var(--bkcup-head-word-spacing-t, var(--bkcup-head-word-spacing-d, normal));
    }
    .bkbg-cup-desc {
        font-size: var(--bkcup-desc-font-size-t, var(--bkcup-desc-font-size-d, 14px));
        line-height: var(--bkcup-desc-line-height-t, var(--bkcup-desc-line-height-d, 1.6));
        letter-spacing: var(--bkcup-desc-letter-spacing-t, var(--bkcup-desc-letter-spacing-d, normal));
        word-spacing: var(--bkcup-desc-word-spacing-t, var(--bkcup-desc-word-spacing-d, normal));
    }
}
@media (max-width: 767px) {
    .bkbg-cup-heading {
        font-size: var(--bkcup-head-font-size-m, var(--bkcup-head-font-size-t, var(--bkcup-head-font-size-d, 18px)));
        line-height: var(--bkcup-head-line-height-m, var(--bkcup-head-line-height-t, var(--bkcup-head-line-height-d, 1.3)));
        letter-spacing: var(--bkcup-head-letter-spacing-m, var(--bkcup-head-letter-spacing-t, var(--bkcup-head-letter-spacing-d, normal)));
        word-spacing: var(--bkcup-head-word-spacing-m, var(--bkcup-head-word-spacing-t, var(--bkcup-head-word-spacing-d, normal)));
    }
    .bkbg-cup-desc {
        font-size: var(--bkcup-desc-font-size-m, var(--bkcup-desc-font-size-t, var(--bkcup-desc-font-size-d, 13px)));
        line-height: var(--bkcup-desc-line-height-m, var(--bkcup-desc-line-height-t, var(--bkcup-desc-line-height-d, 1.6)));
        letter-spacing: var(--bkcup-desc-letter-spacing-m, var(--bkcup-desc-letter-spacing-t, var(--bkcup-desc-letter-spacing-d, normal)));
        word-spacing: var(--bkcup-desc-word-spacing-m, var(--bkcup-desc-word-spacing-t, var(--bkcup-desc-word-spacing-d, normal)));
    }
}

@media (max-width: 640px) {
    .bkbg-cup-wrap { flex-direction: column; text-align: center; }
    .bkbg-cup-form { flex-direction: column; }
    .bkbg-cup-submit { width: 100%; }
    .bkbg-cup-image-col img { width: 80px; height: 80px; }
}