.sb4ycc {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding: 18px;
    background: linear-gradient(180deg, rgba(6, 19, 12, 0), rgba(6, 19, 12, .28));
    color: #06130c;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.sb4ycc[hidden] {
    display: none !important;
}

.sb4ycc__panel {
    width: min(760px, 100%);
    padding: clamp(20px, 4vw, 30px);
    border: 1px solid #c7a473;
    border-radius: 30px;
    background:
        radial-gradient(circle at top left, rgba(199, 164, 115, .22), transparent 24rem),
        rgba(255, 252, 244, .97);
    box-shadow: 0 24px 70px rgba(6, 19, 12, .24);
}

.sb4ycc__kicker {
    margin-bottom: 10px;
    color: #c7a473;
    font-size: .78rem;
    font-weight: 950;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.sb4ycc h2 {
    margin: 0 0 10px;
    color: #06130c;
    font-size: clamp(1.7rem, 4vw, 2.55rem);
    line-height: 1.05;
    letter-spacing: -.035em;
}

.sb4ycc p {
    margin: 0;
    color: rgba(14, 28, 20, .82);
    font-size: 1rem;
    line-height: 1.55;
}

.sb4ycc__settings {
    display: grid;
    gap: 10px;
    margin-top: 18px;
}

.sb4ycc__settings[hidden] {
    display: none !important;
}

.sb4ycc__choice {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 14px;
    align-items: center;
    padding: 14px;
    border: 1px solid rgba(199, 164, 115, .44);
    border-radius: 18px;
    background: rgba(255, 255, 255, .55);
}

.sb4ycc__choice strong,
.sb4ycc__choice em {
    display: block;
}

.sb4ycc__choice strong {
    color: #0e3a25;
    font-size: .98rem;
}

.sb4ycc__choice em {
    margin-top: 3px;
    color: rgba(14, 28, 20, .72);
    font-size: .9rem;
    font-style: normal;
    line-height: 1.4;
}

.sb4ycc__choice input {
    width: 24px;
    height: 24px;
    accent-color: #0e3a25;
}

.sb4ycc__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 20px;
}

.sb4ycc__button {
    min-height: 46px;
    padding: 11px 16px;
    border: 1px solid #c7a473;
    border-radius: 999px;
    background: rgba(255, 255, 255, .68);
    color: #0e3a25;
    font-weight: 900;
    cursor: pointer;
}

.sb4ycc__button--primary {
    background: #0e3a25;
    color: #fff;
}

.sb4ycc__button--gold {
    background: #c7a473;
    color: #06130c;
}

.sb4ycc__button[hidden] {
    display: none !important;
}

.sb4ycc__links {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 14px;
    font-size: .92rem;
    font-weight: 800;
}

.sb4ycc__links a {
    color: #0e3a25;
    text-underline-offset: .18em;
}

@media (max-width: 560px) {
    .sb4ycc {
        padding: 10px;
    }

    .sb4ycc__panel {
        border-radius: 24px;
    }

    .sb4ycc__actions,
    .sb4ycc__button {
        width: 100%;
    }
}