/* ==========================================================
   Mobile
========================================================== */

@media (max-width:767px){

    /* ==========================
       CTA
    ========================== */

    .hemritu-footer-cta{

        padding:50px 0;

    }

    .hemritu-footer-cta-wrap{

        flex-direction:column;

        text-align:center;

        gap:30px;

    }

    .hemritu-footer-badge{

        margin:0 auto 15px;

    }

    .hemritu-footer-cta-content{

        max-width:100%;

    }

    .hemritu-footer-cta-content h2{

        font-size:30px;

        line-height:1.25;

    }

    .hemritu-footer-cta-content p{

        font-size:15px;

        margin-top:15px;

    }

    .hemritu-footer-cta-buttons{

        width:100%;

        flex-direction:column;

    }

    .hemritu-footer-btn{

        width:100%;

        min-width:100%;

    }

    /* ==========================
       Main Footer
    ========================== */

    .hemritu-footer-main{

        padding:50px 0;

    }

    .hemritu-footer-grid{

        grid-template-columns:1fr;

        gap:28px;

    }

    .hemritu-footer-brand{

        padding-right:0;

    }

    .hemritu-footer-logo{

        text-align:center;

    }

    .hemritu-footer-logo img{

        max-width:170px;

    }

    .hemritu-footer-description{

        text-align:center;

    }

    .hemritu-footer-features{

        margin-top:20px;

    }

    .hemritu-footer-features li{

        font-size:14px;

    }

    /* ==========================
       Mobile Accordion
    ========================== */

    .hemritu-footer-column:not(.hemritu-footer-brand) h3{

        cursor:pointer;

        margin-bottom:15px;

    }

    .hemritu-footer-column ul{

        margin-top:10px;

    }

    /* ==========================
       Trust
    ========================== */

    .hemritu-footer-trust{

        padding:30px 0;

    }

    .hemritu-footer-trust-grid{

        grid-template-columns:1fr;

        gap:15px;

    }

    .hemritu-footer-trust-grid > div{

        min-height:70px;

        font-size:14px;

    }

    /* ==========================
       Extra
    ========================== */

    .hemritu-footer-extra{

        padding:30px 0;

    }

    .hemritu-footer-payment,

    .hemritu-footer-social{

        padding:20px;

    }

    /* ==========================
       Bottom
    ========================== */

    .hemritu-footer-bottom{

        padding:20px 0;

    }

    .hemritu-footer-bottom .hemritu-footer-container{

        flex-direction:column;

        justify-content:center;

        text-align:center;

    }

    .hemritu-footer-bottom-links{

        justify-content:center;

        gap:15px;

    }

}

/* ==========================================================
   Small Mobile
========================================================== */

@media (max-width:480px){

    .hemritu-footer-container{

        padding:0 16px;

    }

    .hemritu-footer-cta-content h2{

        font-size:26px;

    }

    .hemritu-footer-column h3{

        font-size:20px;

    }

    .hemritu-footer-description{

        font-size:14px;

    }

    .hemritu-footer-btn{

        height:46px;

        font-size:14px;

    }

}



/* ==========================================================
   HEMRITU MOBILE FOOTER
   Part 2 : Premium Layout Improvements
========================================================== */

@media (max-width:767px){

    /* Column spacing */

    .hemritu-footer-column{

        padding-bottom:8px;

        border-bottom:1px solid #f3f3f3;

    }

    .hemritu-footer-column:last-child{

        border-bottom:none;

    }

    /* Better heading */

    .hemritu-footer-column h3{

        margin:0;

        padding:16px 0;

        font-size:18px;

    }

    .hemritu-footer-column h3::after{

        display:none;

    }

    /* Categories */

    .hemritu-footer-categories{

        gap:12px;

        padding-bottom:16px;

    }

    /* Links */

    .hemritu-footer-column ul{

        padding-bottom:16px;

    }

    .hemritu-footer-column li{

        margin-bottom:12px;

    }

    .hemritu-footer-column a{

        font-size:15px;

    }

}

/* ==========================================================
   HEMRITU MOBILE FOOTER
   Part 3 : Accordion
========================================================== */

@media (max-width:767px){
    
    .hemritu-footer-toggle{

    display:block;

}

    .hemritu-footer-column:not(.hemritu-footer-brand) h3{

        display:flex;

        align-items:center;

        justify-content:space-between;

    }

    .hemritu-footer-toggle{

        font-size:22px;

        font-weight:400;

        color:#C89B3C;

        transition:.25s;

    }

    .hemritu-footer-column ul,

    .hemritu-footer-categories{

        display:none;

    }

    .hemritu-footer-column.active ul,

    .hemritu-footer-column.active .hemritu-footer-categories{

        display:flex;

        flex-direction:column;

    }

    .hemritu-footer-column.active .hemritu-footer-toggle{

        transform:rotate(45deg);

    }

}

/* ==========================================================
   HEMRITU MOBILE FOOTER
   Part 4 : Premium Accordion Animation
========================================================== */

@media (max-width:767px){

    .hemritu-footer-column ul,
    .hemritu-footer-categories{

        max-height:0;

        overflow:hidden;

        opacity:0;

        transition:
            max-height .35s ease,
            opacity .25s ease,
            margin .25s ease;

        margin-top:0;

    }

    .hemritu-footer-column.active ul,
    .hemritu-footer-column.active .hemritu-footer-categories{

        max-height:500px;

        opacity:1;

        margin-top:14px;

    }

    .hemritu-footer-toggle{

        display:flex;

        align-items:center;

        justify-content:center;

        width:28px;

        height:28px;

        border-radius:50%;

        background:#f8f8f8;

        color:#C89B3C;

        font-size:20px;

        font-weight:400;

        transition:.3s ease;

    }

    .hemritu-footer-column.active .hemritu-footer-toggle{

        transform:rotate(45deg);

        background:#C89B3C;

        color:#fff;

    }

    .hemritu-footer-column h3{

        user-select:none;

        -webkit-user-select:none;

    }

}

/* ==========================================================
   HEMRITU MOBILE FOOTER
   Part 5 : Payment Methods (3 + 2)
========================================================== */

@media (max-width:767px){

    .hemritu-footer-payment{

        padding:0;

    }

    .hemritu-footer-payment h3{

        margin-bottom:18px;

    }

    .hemritu-footer-payment-icons{

        display:grid;

        grid-template-columns:repeat(3,1fr);

        gap:10px;

    }

    .hemritu-footer-payment-icons a{

        width:100%;

        min-width:0;

        height:52px;

        padding:8px;

        flex-direction:column;

        justify-content:center;

        gap:6px;

        font-size:12px;

        text-align:center;

    }

    .hemritu-footer-payment-icons svg,
    .hemritu-footer-payment-icons img{

        width:18px;

        height:18px;

    }

    /* Last 2 Items */

    .hemritu-footer-payment-icons a:nth-child(4){

        grid-column:1 / span 1;

    }

    .hemritu-footer-payment-icons a:nth-child(5){

        grid-column:2 / span 2;

    }

}

/* ==========================================================
   HEMRITU MOBILE
   Trust Strip (2×2)
========================================================== */

@media (max-width:767px){

    .hemritu-footer-trust-grid{

        display:grid;

        grid-template-columns:repeat(2,1fr);

        gap:12px;

    }

    .hemritu-footer-trust-grid > div{

        min-height:72px;

        padding:16px 10px;

        font-size:14px;

        border-radius:12px;

        text-align:center;

        display:flex;

        align-items:center;

        justify-content:center;

    }

}

/* ==========================================================
   HEMRITU MOBILE
   Follow Us (3×3 Grid)
========================================================== */

@media (max-width:767px){

    .hemritu-footer-social{

        padding:0;

    }

    .hemritu-footer-social h3{

        margin-bottom:18px;

        text-align:center;

    }

    .hemritu-footer-social-icons{

        display:grid;

        grid-template-columns:repeat(3,1fr);

        gap:14px;

        justify-items:center;

    }

    .hemritu-footer-social-icons a{

        width:48px;

        height:48px;

        border-radius:50%;

        display:flex;

        align-items:center;

        justify-content:center;
    }

    .hemritu-footer-social-icons img{

        width:22px;

        height:22px;

        object-fit:contain;

    }

}

/* ==========================================================
   Mobile Footer Bottom
========================================================== */

@media (max-width:767px){

    .hemritu-footer-bottom .hemritu-footer-container{

        display:flex;

        flex-direction:column;

        align-items:center;

        justify-content:center;

        gap:10px;

        text-align:center;

    }

}