@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    src: local('Montserrat'), url('../../fonts/sharred/Montserrat.woff2');
}

.ad {
    --main-font: 400 14px / 1.2 'Montserrat', sans-serif;

    --background-color: #000;
    --background-position: center;
    --background-size: cover;
    --brand-width: 7rem;

    --btn-background: #ffa800;
    --btn-radius: 3rem;
    --pin-input-radius: 1rem;
    --btn-font-size: 1.5rem;
    /*--btn-color: white;*/
    --btn-box-shadow: none;

    --ad-color: #ffa800;
    --ad-light-color: #ffa80080;
    --ad-background-color: #ffa800d0;

    --highlight-color: #ffa800;
}

.ad.ninja_warrior {
    --background-url: url(../../images/bg/bg_ninja_warrior_1.jpg);
}

.ad.ninja_warrior.blue {
    --background-url: url(../../images/bg/bg_ninja_warrior_2.jpg);
}

.ad.angry_birds {
    --background-url: url(../../images/bg/bg_angrybirds_nologo.jpg);
}
.ad.angry_birds.logo {
    --background-url: url(../../images/bg/bg_angrybirds.jpg);
}

.ad.deadcells {
    --background-url: url(../../images/bg/bg_deadcells_nologo.jpg);
}
.ad.deadcells.logo {
    --background-url: url(../../images/bg/bg_deadcells.jpg);
}

.ad.game_of_thrones {
    --background-url: url(../../images/bg/bg_got_nologo.jpg);
}
.ad.game_of_thrones.logo {
    --background-url: url(../../images/bg/bg_got.jpg);
}

.ad.metroland_evolution{
    --background-url: url(../../images/bg/bg_metroland_evolution.jpg);
}

.ad .title h1 {
    text-shadow: 1px 1px 1px #0004, -1px 1px 1px #0004, 1px -1px 1px #0004, -1px -1px 1px #0004, 1rem 1rem 1rem #0004;
    font-size: 1.5rem;
}

.ad .card {
    background-color: rgba(0, 0, 0, .5);
    backdrop-filter: blur(8px);
}

.ad h3 {
    margin: 0;
}

.ad .product_container {
    color: #ddd;
}

.ad footer, .ad footer a {
    background: linear-gradient(#0000, #0008 30%);
    color: white;
}

.ad .phone-input .phone {
    color: var(--ad-color);
}

/*.ad .phone-input:has(input:focus) {*/
/*    box-shadow: inset 0 0 1rem var(--ad-light-color);*/
/*    border-color: #fff;*/
/*}*/

.ad footer a {
    font-weight: bold;
}

.ad .btn {
    padding: 1.25rem 1rem;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .5), inset 0 30px 0 #fff4;
}

.ad .card {
    /*margin-top: 14rem;*/
}