/* ================= SITE FOOTER ================= */
.footer-cta {
    position: relative;
}

.footer-cta::before,
.footer-cta::after {
    content: "";
    position: absolute;
    z-index: 0;
    top: 0;
    bottom: 0;
    width: 50%;
}

.footer-cta::before {
    left: 0;
    background-color: var(--blue);
}

.footer-cta::after {
    right: 0;
    background: linear-gradient(-79deg, var(--theme) 20%, var(--gold-light) 93%);
}

.footer-cta .container {
    position: relative;
    z-index: 1;
}

.footer-cta__row {
    display: flex;
    flex-wrap: wrap;
}

.footer-cta__panel {
    position: relative;
    flex: 1 1 50%;
    min-width: 280px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding:52px 60px;
}

.footer-cta__panel:first-child {
    padding-left: 0;
}

.footer-cta__panel:last-child {
    padding-right: 0;
}

.footer-cta__title {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom:10px;
}

.footer-cta__title [class*="heading-"] {
    color: var(--white);
    margin-bottom: 0;
}

.footer-cta__title--dark [class*="heading-"] {
    color: var(--black);
}

.footer-cta__desc {
    font-size: 16px;
    line-height:1.36;
    color: var(--white);
}

.footer-cta__desc--dark {
    color: var(--black);
}

/* ---- Trust badges ---- */
.footer-badges-wrap {
    padding: 24px 0;
    background-color: var(--white);
}
.footer-badges.slick-initialized{
    display:block;
}
.footer-badges {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content:space-between;
    list-style: none;
    margin: 0;
    padding: 0;
}

.footer-badges li {
    margin:0;
}

.footer-badge {
    display: flex;
    align-items: center;
    gap: 12px;
}

.footer-badge__text {
    font-size: 16px;
    font-weight: var(--font-weight-semibold);
    color: var(--black);
}

/* ---- Main footer ---- */
.footer-main {
    background-color: var(--primary);
    padding: 80px 0 22px;
}

.footer-main__row {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 60px;
}

.footer-col {
    flex: 1 1 200px;
}

.footer-col--brand {
    flex:1 1 300px;
    padding-right:60px;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.footer-col--categories {
    flex:1 1 290px;
    padding:0 80px;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.footer-col--links {
       flex: 1 1 180px;
    padding: 0 40px 0 100px;
}

.footer-col--newsletter {
    flex: 1 1 165px;
}

.footer-col__title {
    font-size: 18px;
    font-weight: var(--font-weight-bold);
    color: var(--white);
    margin-bottom: 22px;
}

.footer-logo {
    display: inline-block;
    margin-bottom: 22px;
}

.footer-logo img {
    display: block;
    width: 220px;
    height: auto;
}

.footer-contact {
    list-style: none;
    margin: 0;
    padding: 0;
    max-width:244px;
}

.footer-contact li {
    margin: 0;
}

.footer-contact li:not(:last-child) {
    margin-bottom: 18px;
}

.footer-contact__item {
    display: flex;
    align-items: flex-start;
    gap: 14px;
}

.footer-contact__item img {
    flex-shrink: 0;
    margin-top: 2px;
}

.footer-contact__text,
.footer-contact__text a {
    font-size: 16px;
    line-height: 1.5;

    color: #E8E8E8;
}
.footer-contact__text{
    font-weight:normal;
}
.footer-contact__text a{
    font-weight:var(--font-weight-semibold);
}
.footer-contact__text a:hover {
    color: var(--theme);
}

.footer-links {
    list-style: none;
    margin: 0;
    padding: 0;
}

.footer-links li {
    margin: 0;
}

.footer-links li:not(:last-child) {
    margin-bottom: 14px;
}

.footer-links a {
    font-size: 16px;
    color: #B2B2B2;
}

.footer-links a:hover {
    color: var(--theme);
}

.footer-newsletter__desc {
    font-size: 16px;
    line-height: 1.625;
    color: #B2B2B2;
    margin-bottom: 20px;
}

.footer-newsletter {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.footer-newsletter__field {
    position: relative;
}

.footer-newsletter__field input {
    width: 100%;
    padding: 16px 44px 16px 20px;
    border: 0;
    border-radius: var(--radius-default);
    background-color: var(--white);
    color: var(--black);
    font-size: 16px;
    font-family: var(--font-body-family);
}

.footer-newsletter__field input::placeholder {
    color: #7E7E7E;
}

.footer-newsletter__field i {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    color: #7E7E7E;
    pointer-events: none;
}

.footer-newsletter .button {
    width: 100%;
}

/* ---- Bottom bar ---- */
.footer-bottom {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 30px;
}

.footer-social {
    display: flex;
    flex-wrap: wrap;
    gap:10px;
}

.footer-social__btn {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 18px;
    border-radius: var(--radius-default);
    font-size: 16px;
    font-weight: var(--font-weight-medium);
    color: var(--white);
}
.footer-social__btn>i {
    font-size: 20px;
}
.footer-social__btn--facebook {
    background-color: #0866FF;
}

.footer-social__btn--instagram {
    background: linear-gradient(40deg, #6862DF, #6862DF, #B34BA0, #E54375, #E54375);
}

.footer-pay {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.footer-pay li {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 53px;
    height: 32px;
    margin: 0;
    background-color: var(--white);
    border-radius: var(--radius-default);
}

.footer-pay li:nth-child(3) {
    background-color: #4093DB;
}

.footer-pay__cash {
    font-size: 14px;
    font-weight: var(--font-weight-semibold);
    color: var(--black);
}

.footer-legal {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding-top:22px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.footer-legal__copy {
    font-size: 16px;
    color: #B2B2B2;
}

.footer-legal__links {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
}

.footer-legal__links li {
    margin: 0;
    display: flex;
    align-items: center;
    line-height:1.12;
}

.footer-legal__links li:not(:first-child)::before {
    content: "|";
    margin: 0 8px;
    color: #B2B2B2;
}

.footer-legal__links a {
    font-size: 16px;
    color: #B2B2B2;
}

.footer-legal__links a:hover {
    color: var(--theme);
}

/* ---- Scroll to top ---- */
.scrollTop {
    position: fixed;
    right: 30px;
    bottom: 30px;
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: var(--circle);
    background: linear-gradient(105deg, var(--gold-light) 17.706%, var(--theme) 82.494%);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.18), 0 0 0 4px rgba(197, 158, 90, 0.16);
    color: var(--black);
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    transform: scale(0.6) rotate(-45deg);
    transition: var(--transition-default);
}

.scrollTop.vis {
    opacity: 1;
    visibility: visible;
    transform: scale(1) rotate(0deg);
}

.scrollTop:hover {
    background: var(--theme);
    color: var(--white);
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.22), 0 0 0 6px rgba(197, 158, 90, 0.22);
    transform: scale(1) translateY(-4px);
}

.scrollTop i {
    transition: transform 0.25s ease;
}

.scrollTop:hover i {
    transform: translateY(-2px);
}


@media(max-width:1599.98px){
    .footer-cta__panel
    {
        padding:30px;
       .footer-cta__text {
            flex:1;
        } 
    }

    .footer-col--brand{
      flex: 1 1 210px;
      padding-right: 40px;  
    }
    .footer-col--categories{
       flex: 1 1 250px;
       padding: 0px 40px;
    }
    .footer-col--links{
        padding:0 40px;
    }
}

@media(max-width:1439.98px){
    .footer-col--brand{
      flex: 1 1 30%;  
    }
    .footer-col--categories {
        flex: 1 1 26%;
    }
    .footer-col--links {
        flex: 1 1 22%;
    }
    .footer-col--newsletter {
        flex: 1 1 22%;
    }
    .footer-badges li{
        width:25%;
    }
    .footer-badges li:not(:nth-child(-n + 4)){
        display:none;
    }
}

@media(max-width:1199.98px){
    
    .footer-cta__panel
    {
        gap:10px;
    }
    .footer-links li{
        line-height:1.21;
    }
    .footer-links li:not(:last-child) {
        margin-bottom:15px;
    }

    ul.footer-badges{
        margin:0 -10px;
    }
    .footer-badge__text{
        line-height:1.21;
    }
     .footer-badges li{
        width:33.33%;
        padding:0 10px;
    }
    .footer-badges li:not(:nth-child(-n + 3)){
        display:none;
    }
}

@media(max-width:991.98px){
     .footer-cta__panel{
        flex: unset;
        min-width: unset;
        width: 50%;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: flex-start;
    } 
    
    .footer-cta{
        position: relative;
    }
    .footer-logo,.footer-col__title{
        margin-bottom:16px;
    }

    .footer-col--brand {
        flex: unset;
        width: 100%;
        padding-right: 0;
        border-right: 0;
        margin-bottom:30px;
    }
    .footer-contact{
        max-width: 100%;
        gap: 14px;
        display: flex;
        flex-wrap: wrap;
    }
    .footer-contact li:not(:last-child) {
        margin-bottom: 0;
    }
    .footer-contact li{
           width: calc(50% - 7px); 
    }
    .footer-col--categories {
        flex: unset;
        width: 33.33%;
        padding: 0 20px 0 0;
    }
    .footer-col--links {
        flex: unset;
        width: 33.33%;
        padding: 0 20px;
    }
    .footer-col--newsletter {
        flex: unset;
        width: 33.33%;
    }
    .footer-main{
        padding:40px 0;
    }
    .footer-main__row{
        margin-bottom:30px;
    }
}

@media(max-width:767.98px){
    .footer-col--categories{
        width:100%;
        padding:0;
        border-right:0;
    
    }
    .footer-link-wr 
    {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        margin-bottom: 0;
        
    }
    .footer-col--links{
        width:100%;
        padding:0;
        margin-bottom:0px;
    }
    .footer-link-wr .footer-col__title
    {
       position: relative;
       margin-bottom:0;
       padding:15px 0;
    }
    .footer-link-wr .footer-col__title.showhide + .footer-links{
        display:block;
        padding-bottom:20px;
    }
    .footer-link-wr .footer-col__title:before{
         position:absolute;
         content:"";
         width:26px;
         height:26px;
         right:0;
         background-image:url('../images/icon/select-arrow-dark.svg');
         background-repeat:no-repeat;
         background-position:center center;
         filter:invert(1) brightness(100%);
    }
    .footer-link-wr .footer-col__title.showhide:before
    {
             transform: rotate(180deg);
        transform-origin: 50% 45%; 
    }
    .footer-link-wr  .footer-links{
        display:none;
    }
    .footer-col--brand{
        margin-bottom:20px;
    }
    .footer-col--newsletter{
        width:100%;
        margin:20px 0 0 0;
    }
    .footer-newsletter__desc{
        margin-bottom:10px;
        line-height:1.4;
    }
    .footer-col__title{margin-bottom:5px;line-height:1.2;}
        .footer-links li:not(:last-child) {
        margin-bottom: 12px;
    }
    .footer-contact{
        gap:10px;
    }
    .footer-contact li
    {
        width: calc(50% - 5px);
    }
    .footer-contact__item{
        gap:10px;
    }
    .footer-contact__text, .footer-contact__text a{
        font-size:14px;
    }
    .footer-legal__copy{
        font-size:14px;
        line-height:1.26;
    }
    .footer-legal__links a{
        font-size:14px;
    }
    .footer-legal__links li:not(:first-child)::before{
        margin:0 6px;
    }

    .footer-badges li{
        width:50%;
    }
    .footer-badges li:not(:nth-child(-n + 2)){
        display:none;
    }

}

@media (max-width: 575.98px) {
    .scrollTop{
        display:none;
    }
    footer {
    padding-bottom:40px;
}
    .footer-newsletter__desc{
        font-size:14px;
    }
    .footer-badges-wrap{
        padding:16px 0;
    }
    .scrollTop {
        right: 16px;
        bottom: 16px;
        width: 40px;
        height: 40px;
        font-size: 16px;
    }
   
    .footer-cta__panel {
        padding:0;
        width:100%;
        flex-direction:column;
        align-items:flex-start;
        .footer-cta__text{
           
            flex: unset;
        }
    }
    
    .footer-cta{
     background-color: var(--blue);   
     padding:20px 0;
     overflow:hidden;
    }
    .footer-cta__row{
        gap:30px;
        padding:0 15px;
    }
    .footer-cta::before{
        width:100%;
        height:50%;
        top:0;
    }
    .footer-cta::after{
        width:100%;
        height:50%;
        bottom:0;
        top:auto;
    }
    .footer-cta__desc{
        line-height:1.20;
    }
    .footer-contact li {
        width:100%;
    }
    .footer-col--brand {
        margin-bottom: 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        padding-bottom: 20px;
    }
    .footer-social{
        gap:6px;
    }
    .footer-pay{
        gap:8px;
    }
    .footer-main__row {
        margin-bottom:20px;
    }
    .footer-bottom{
        gap:10px;
        margin-bottom:20px;
    }
    .footer-legal{
        padding-top:20px;
    }
    ul.footer-badges {
        margin: 0 -5px;
        gap: 0px;
    }
    .footer-badges li {
        width: 50%;
        padding: 0 5px;
    }
    .footer-badge>img {
        width: 26px;
    }
    .footer-badge__text {
        line-height: 1.21;
            font-size: 14px;
        width: calc(100% - 26px);
    }
    .footer-badge{
        gap:6px;
    }
    
}