.bro_gpl, .bro_gpl.bro_design {
    --main-font: 400 14px / 1.2 'Poppins', sans-serif;

    --background-url: url("../../images/bg/Football_Goal-bro.svg");
    --background-size: contain;
    --background-color: #d4dcdf;
    --btn-color: #000;

    --brand-bg-color: #2a3236;
    --footer-background-color: transparent;
    --footer-color: var(--main-color);
}

/* latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    src: url('../../fonts/sharred/Poppins_400.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    src: url('../../fonts/sharred/Poppins_700.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body.bro_gpl {
    background-color: var(--background-color);
}

.bro_gpl .card {
    padding: 0.5rem;
    backdrop-filter: blur(8px);
    border-radius: 0.5rem;
}

.bro_gpl .card *:not(.sms-highlight),
.bro_gpl .phone-input .phone {
    color: var(--main-color);
}

.bro_gpl .btn {
    color: var(--btn-color)!important;
    box-shadow: 0 .25rem .5rem rgba(0, 0, 0, .15), inset 0 -30px 0 rgba(0, 0, 0, .05);
}

.bro_gpl .phone-input:has(input:focus) {
    box-shadow: inset 0 0 1rem var(--background-color);
    border-color: #fff;
}

.bro_gpl.ninja {
    --background-url: url("../../images/bg/Ninja-pana.svg");
}

.bro_gpl.junior {
    --background-url: url("../../images/bg/Junior_soccer-bro.svg");
}

.bro_gpl.space {
    --background-color: white;
    --card-color: transparent;
    --background-url: url("../../images/bg/Outer_space-cuate.svg");
    --footer-background-color: #a7adb0;
    --footer-color: white;
}

.bro_gpl.grey {
    --brand-bg-color: #ababad;

    --background-url: none;
    --background-color: white;

    --main-color: #333;
    --outside-color: #333;
    --card-color: #transparent;
    --highlight-color: #f2c945;
    --support-color: #888;
    --btn-background: #f2c945;
    --btn-color: white;

    --footer-background-color: transparent;
    --footer-color: #333;
}

.bro_gpl.space .card {
    backdrop-filter: none;
}

.bro_gpl .card:has(li) #mobile_number {
    display: none;
}

.bro_gpl:has(.action.click_two.invisible) .list_container li:first-of-type,
.bro_gpl:has(.action.click_one.invisible) .list_container li:last-of-type{
    color: var(--highlight-color);
    font-weight: bold;
}