/* =========================================================
   MASALA ZONE
   PREMIUM FOOTER
========================================================= */

.mz-footer{

    position:relative;

    background:#080808;

    color:#fff;

    padding:75px 0 0;

    overflow:hidden;

    border-top:2px solid rgba(212,175,55,.85);

}


/* =========================================================
   GOLD GLOW
========================================================= */

.mz-footer::before{

    content:"";

    position:absolute;

    top:-180px;

    left:-180px;

    width:500px;

    height:500px;

    border-radius:50%;

    background:rgba(212,175,55,.045);

    filter:blur(130px);

    pointer-events:none;

}

.mz-footer::after{

    content:"";

    position:absolute;

    right:-200px;

    bottom:-200px;

    width:500px;

    height:500px;

    border-radius:50%;

    background:rgba(212,175,55,.035);

    filter:blur(140px);

    pointer-events:none;

}


/* =========================================================
   CONTAINER
========================================================= */

.mz-footer .mz-container{

    position:relative;

    z-index:2;

}


/* =========================================================
   MAIN GRID
========================================================= */

.mz-footer-grid{

    display:grid;

    grid-template-columns:
        1.3fr
        1fr
        1.45fr
        1.15fr;

    gap:55px;

    padding-bottom:45px;

}


/* =========================================================
   ALL COLUMNS
========================================================= */

.mz-footer-about,
.mz-footer-links,
.mz-footer-contact,
.mz-footer-hours{

    min-width:0;

}


/* =========================================================
   BRAND
========================================================= */

.mz-footer-about h2{

    margin:0 0 12px;

    color:#fff;

    font-family:"Playfair Display",serif;

    font-size:42px;

    line-height:1.05;

}

.mz-footer-about span{

    display:block;

    margin-bottom:22px;

    color:#D4AF37;

    font-size:16px;

    font-weight:700;

    letter-spacing:.7px;

}

.mz-footer-about p{

    max-width:300px;

    margin:0;

    color:#b8b8b8;

    font-size:15px;

    line-height:1.85;

}


/* =========================================================
   HEADINGS
========================================================= */

.mz-footer h3{

    position:relative;

    display:inline-block;

    margin:0 0 28px;

    color:#fff;

    font-family:"Playfair Display",serif;

    font-size:22px;

    line-height:1.2;

}

.mz-footer h3::after{

    content:"";

    display:block;

    width:55px;

    height:2px;

    margin-top:10px;

    background:#D4AF37;

}


/* =========================================================
   QUICK LINKS
========================================================= */

.mz-footer ul{

    margin:0;

    padding:0;

    list-style:none;

}

.mz-footer-links li{

    margin-bottom:15px;

}

.mz-footer-links a{

    color:#cfcfcf;

    text-decoration:underline;

    text-underline-offset:3px;

    font-size:15px;

    transition:.3s ease;

}

.mz-footer-links a:hover{

    color:#D4AF37;

}


/* =========================================================
   CONTACT
========================================================= */

.mz-footer-contact li{

    display:flex;

    align-items:flex-start;

    gap:14px;

    margin-bottom:18px;

    color:#d0d0d0;

    font-size:15px;

    line-height:1.65;

}

.mz-footer-contact li i{

    flex:0 0 18px;

    width:18px;

    margin-top:4px;

    color:#D4AF37;

    text-align:center;

}

.mz-footer-contact a{

    color:#d0d0d0;

    text-decoration:underline;

    text-underline-offset:3px;

    overflow-wrap:anywhere;

    transition:.3s ease;

}

.mz-footer-contact a:hover{

    color:#D4AF37;

}

.mz-footer-contact span{

    overflow-wrap:anywhere;

}


/* =========================================================
   OPENING HOURS
========================================================= */

.mz-footer-hours p{

    margin:0 0 18px;

    color:#d0d0d0;

    font-size:15px;

}

.mz-footer-hours strong{

    display:block;

    width:max-content;

    max-width:100%;

    padding:16px 24px;

    margin-bottom:18px;

    background:#111;

    border:1px solid rgba(212,175,55,.45);

    border-radius:14px;

    color:#fff;

    font-size:21px;

    white-space:nowrap;

}

.mz-footer-hours small{

    display:block;

    max-width:270px;

    color:#b8b8b8;

    font-size:13px;

    line-height:1.6;

}


/* =========================================================
   FOOTER BOTTOM
========================================================= */

.mz-footer-bottom{

    display:grid;

    grid-template-columns:1fr auto 1fr;

    align-items:center;

    gap:25px;

    padding:24px 0;

    border-top:1px solid rgba(255,255,255,.10);

}


/* COPYRIGHT */

.mz-footer-copy{

    margin:0;

    color:#9d9d9d;

    font-size:14px;

    text-align:left;

}


/* DESIGNED BY */

.mz-footer-designed{

    margin:0;

    color:#9d9d9d;

    font-size:14px;

    text-align:center;

    white-space:nowrap;

}

.mz-footer-credit{

    display:inline-block;

    margin-left:5px;

    color:#D4AF37 !important;

    font-weight:700;

    text-decoration:underline;

    text-underline-offset:3px;

}


/* =========================================================
   SOCIAL ICONS
========================================================= */

.mz-footer-social{

    display:flex;

    justify-content:flex-end;

    align-items:center;

    gap:12px;

}

.mz-footer-social a{

    display:flex;

    align-items:center;

    justify-content:center;

    width:44px;

    height:44px;

    border-radius:50%;

    background:#111;

    border:1px solid rgba(212,175,55,.35);

    color:#D4AF37;

    font-size:17px;

    text-decoration:none;

    transition:.3s ease;

}

.mz-footer-social a:hover{

    background:#D4AF37;

    color:#111;

    transform:translateY(-4px);

    box-shadow:0 10px 25px rgba(212,175,55,.25);

}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:992px){

    .mz-footer{

        padding-top:65px;

    }

    .mz-footer-grid{

        grid-template-columns:1fr 1fr;

        gap:45px;

    }

    .mz-footer-bottom{

        grid-template-columns:1fr;

        justify-items:center;

        gap:18px;

        text-align:center;

    }

    .mz-footer-copy{

        text-align:center;

    }

    .mz-footer-designed{

        text-align:center;

    }

    .mz-footer-social{

        justify-content:center;

    }

}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:768px){

    .mz-footer{

        padding:55px 0 0;

    }

    .mz-footer .mz-container{

        width:100%;

        max-width:100%;

        padding-left:20px;

        padding-right:20px;

        box-sizing:border-box;

    }

    .mz-footer-grid{

        display:grid;

        grid-template-columns:1fr;

        gap:38px;

        width:100%;

        padding-bottom:35px;

    }

    .mz-footer-about,
    .mz-footer-links,
    .mz-footer-contact,
    .mz-footer-hours{

        width:100%;

        min-width:0;

    }

    .mz-footer-about h2{

        font-size:38px;

    }

    .mz-footer-about p{

        max-width:100%;

    }

    .mz-footer h3{

        font-size:21px;

        margin-bottom:22px;

    }

    .mz-footer-links li{

        margin-bottom:13px;

    }

    .mz-footer-contact li{

        font-size:14px;

        gap:12px;

    }

    .mz-footer-contact a{

        max-width:calc(100vw - 75px);

    }

    .mz-footer-hours strong{

        width:100%;

        max-width:100%;

        box-sizing:border-box;

        text-align:center;

        font-size:20px;

        white-space:normal;

    }

    .mz-footer-hours small{

        max-width:100%;

    }


    /* Bottom */

    .mz-footer-bottom{

        display:flex;

        flex-direction:column;

        align-items:center;

        justify-content:center;

        gap:14px;

        padding:22px 0;

        text-align:center;

    }

    .mz-footer-copy{

        width:100%;

        margin:0;

        text-align:center;

        font-size:13px;

        line-height:1.6;

    }

    .mz-footer-designed{

        width:100%;

        margin:0;

        text-align:center;

        white-space:normal;

        font-size:13px;

    }

    .mz-footer-social{

        width:100%;

        justify-content:center;

        flex-wrap:wrap;

        gap:10px;

    }

    .mz-footer-social a{

        width:42px;

        height:42px;

        font-size:16px;

    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media(max-width:480px){

    .mz-footer .mz-container{

        padding-left:18px;

        padding-right:18px;

    }

    .mz-footer-grid{

        gap:34px;

    }

    .mz-footer-about h2{

        font-size:36px;

    }

    .mz-footer-about span{

        font-size:14px;

    }

    .mz-footer-about p{

        font-size:14px;

        line-height:1.8;

    }

    .mz-footer-contact li{

        font-size:13px;

    }

    .mz-footer-hours strong{

        font-size:19px;

        padding:15px 18px;

    }

    .mz-footer-social a{

        width:40px;

        height:40px;

    }

}
/* =========================================================
   FLOATING CART — MOVE UP
========================================================= */

.mz-floating-cart{
    bottom:90px !important;
}

@media(max-width:768px){

    .mz-floating-cart{
        bottom:85px !important;
    }

}