.hastonechooseshop--banner{
    background-color:rgba(0,0,0,.8);
    color:#FFFFFF;
    padding-block:1rem;
}

.hastonechooseshop--container{
    width: min(1600px, calc(100% - (15px * 2)));
    margin:auto;
}

.hastonechooseshop--flex p{
    margin-bottom:0.7em;
}


.hastonechooseshop--banner select{
    width: 100%;
    margin-bottom:0.7em;
}
.hastonechooseshop--banner button.btn {
    margin: 0.1em auto;
}

#hcc_btn_ignore{
    background-color:rgb(108,108,108);
    color:#FFFFFF;
}
#hcc_btn_ignore:hover{
    color:rgba(0,0,0,.8);
    background-color:#FFFFFF;
}

@media (min-width: 1024px) {
    .hastonechooseshop--flex{
        display: flex;
        gap:15px;
        align-items: center;
        justify-content: center;
    }

    .hastonechooseshop--flex p{
        max-width:500px;
        text-align: right;
        margin-bottom:initial;
    }

    .hastonechooseshop-form{
        display: flex;
        align-items: stretch;
        gap:15px;
    }

    .hastonechooseshop--banner select{
        width: auto;
        margin-bottom:initial;
    }

    .hastonechooseshop--banner button.btn {
        margin: initial;
    }
}





.hastonechooseshop--flex > *{
    margin:0;
    padding:0;
    color:#FFFFFF;
}



.hastonechooseshop--banner select{
    background-color:rgb(108 108 108);
    color:#FFFFFF;
    border-radius:0.5rem;
    padding:0.5rem 1.5rem;
}

.hastonechooseshop--banner button.btn {
    border-radius: 0.5rem;
    background-color: #FFFFFF;
    color: rgb(108 108 108);
    padding: 0.5rem 1.5rem;
}

.hastonechooseshop--banner_close{
    background-color: transparent;
    color:#FFFFFF;
    cursor: pointer;
    border: 0;
}