/* Add here all your css styles (customizations) */

input {
    border-radius: 25px !important;
}

.form-control.has-error {
    border-color: #dc3545 !important;
}

.sign-up-header-button {
    padding: 0px 30px 0px 30px;
    border-radius: 25px !important;
    background-color: #30c4e1 !important;
}

@media (min-width: 768px) {
    .sign-up-header-button{
        margin: 0px -20px 0px 0px;
    }
}
@media (min-width: 1200px) {
    .nav.navbar-nav li{
        margin: 0px 35px 0px 35px;
    }
}

.about-brand-header-menu {
    border-radius: 25px !important;
    border: 2px solid #eee !important;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 10px;
}

.about-brand-header-menu img {
    height:30px;
}
.custom-top-menu-button:hover {
    color: #ffffff !important;
}
.custom-top-menu-button:hover .about-brand-header-menu {
    /*background: #28abe2 !important;*/
    /*border: 2px solid #28abe2 !important;*/
    background: #30c4e1 !important;
    border: 2px solid #30c4e1 !important;
}

@media (max-width: 991px) {
    .about-brand-header-menu {
        border: 1px solid #eee !important;
        margin: 0px 0px 0px 0px !important;
        padding: 0px 0px 0px 10px !important;
        line-height: 2.1 !important;
    }
    .custom-top-menu-button {
        border-bottom: none !important;
    }
    .custom-top-menu-button:hover .about-brand-header-menu {
        /*background: #28abe2 !important;*/
        /*border: 2px solid #28abe2 !important;*/
        background: #30c4e1 !important;
        border: 1px solid #30c4e1 !important;
    }
}

.add-to-cart-button {
    margin: 0px 0px 0px 25px;
    padding: 7px 25px;
}
@media (max-width: 521px) {
    .add-to-cart-button {
        margin: 12px 0px 0px 0px;
        padding: 7px 25px !important;
    }
}

.product-page-headers {
    font-size: 26px;
    font-weight: 600;
    color: #28abe2;
}
.product-utp-list p {
    font-size: 18px;
}

.catalog-filter-elements select {
    border-radius: 12px;
}

.custom-select-arrow {
    appearance: none;           /* убираем нативную стрелку */
    -webkit-appearance: none;   /* Safari/Chrome */
    -moz-appearance: none;      /* Firefox */
    background: white url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>") no-repeat right 0.75rem center;
    background-size: 16px;
    padding-right: 2rem; /* место под стрелку */
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
    height: 36px;
}


.catalog-product-price-red {
    color: #c9253c;
    font-size: 18px;
    font-weight: 600;
}

.catalog-product-price-grey {
    color: #bbb !important;
    font-size: 18px;
    font-weight: 400;
}


.shop-rgba-dark-blue {
    background: #28abe2;
}

.rgba-new-banner {
    top: 0px;
    right: 0px;
    color: #fff;
    font-size: 14px;
    padding: 3px 15px;
    font-weight: 400;
    position: absolute;
    text-transform: none;
    border-radius: 25px;
}

@media (max-width: 991px) {
    .filter-results {
        border-top: none !important;
    }
}
/* COOKIE BANNER */
#cookieBanner {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 400000
}

@supports ((-webkit-backdrop-filter: blur(40px)) or (backdrop-filter:blur(40px))) {
    #cookieBanner {
        background:rgba(240,245,247,.8);
        -webkit-box-shadow: 0 -2px 4px rgba(6,36,54,.03);
        box-shadow: 0 -2px 4px rgba(6,36,54,.03);
        -webkit-backdrop-filter: blur(40px);
        backdrop-filter: blur(40px)
    }
}

@supports not ((-webkit-backdrop-filter: blur(40px)) or (backdrop-filter:blur(40px))) {
    #cookieBanner {
        background:rgba(240,245,247,.95);
        -webkit-box-shadow: 0 -2px 4px rgba(6,36,54,.03);
        box-shadow: 0 -2px 4px rgba(6,36,54,.03)
    }
}
.cookieBanner__container {
    padding: 16px 5vw 9px;
}

.cookieBanner__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 5vw
}

.cookieBanner__text {
    /*font-family: ProximaNova-Regular,Verdana,Geneva,sans-serif;*/
    font-size:24px;
    line-height: 1.5em;
}
@media (max-width: 768px) {
    .cookieBanner__text {
        /*font-family: ProximaNova-Regular,Verdana,Geneva,sans-serif;*/
        font-size:16px;
        line-height: 15.6px
    }
}
/* END COOKIE BANNER */