/*=========================================
RESET
=========================================*/

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

:root{

    --primary:#8B1E12;
    --secondary:#E67E22;
    --light:#FFF8F1;
    --white:#ffffff;
    --dark:#222;
    --gray:#666;

}

html{
    scroll-behavior:smooth;
}

body{
    font-family:'Poppins',sans-serif;
    background:#fff;
    color:var(--dark);
    overflow-x:hidden;
}

a{
    text-decoration:none;
}

ul{
    list-style:none;
}

img{
    max-width:100%;
    display:block;
}

.container{
    width:90%;
    max-width:1320px;
    margin:auto;
}

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

@media (max-width: 768px) {

    .container {
        width: 90%;
    }

    .hero {
        padding: 80px 20px;
    }

    .hero-content {
        display: flex;
        flex-direction: column;
        text-align: center;
        gap: 30px;
    }

    .hero-left,
    .hero-right {
        width: 100%;
    }

    .hero img {
        max-width: 100%;
        height: auto;
    }

    h1 {
        font-size: 32px;
    }

    h2 {
        font-size: 26px;
    }

    p {
        font-size: 16px;
    }

    .services-grid,
    .puja-grid,
    .pandit-grid,
    .testimonial-grid,
    .footer-grid {
        display: grid;
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .navbar {
        flex-direction: column;
        padding: 15px;
    }

    .nav-links {
        flex-direction: column;
        width: 100%;
        text-align: center;
        gap: 15px;
    }

    .btn {
        width: 100%;
    }
}

/* ==========================================
   PREMIUM MOBILE BOTTOM ACTION BAR
========================================== */

.mobile-bottom-bar{
    position:fixed;
    left:12px;
    right:12px;
    bottom:calc(env(safe-area-inset-bottom) + 12px);
    height:60px;

    display:none;
    align-items:center;
    justify-content:space-between;

    background:#fff;
    border-radius:16px;

    overflow:hidden;

    box-shadow:
        0 12px 35px rgba(0,0,0,.22);

    z-index:99999;
}

.mobile-bottom-bar a{
    flex:1;
    height:100%;

    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;

    text-decoration:none;
    color:#fff;

    font-size:10px;
    font-weight:600;

    transition:.25s;
}

.mobile-bottom-bar a:hover{
    transform:translateY(-2px);
}

.mobile-bottom-bar i{
    font-size:20px;
    margin-bottom:0px;
}

/* Call */

.call-btn{
    background:#123d72;
}

/* WhatsApp */

.whatsapp-btn{

    background:#17b53d;

    position:relative;

    transform:scale(1.08);

    z-index:5;

    box-shadow:0 6px 20px rgba(23,181,61,.45);

}

/* Book */

.book-now-btn{
    background:#ef7d00;
}

/* Active press */

.mobile-bottom-bar a:active{

    transform:scale(.96);

}

/* Mobile only */

@media(max-width:768px){

    .mobile-bottom-bar{
        display:flex;
    }

    body{
        padding-bottom:95px;
    }

}

@media(min-width:769px){

    .mobile-bottom-bar{
        display:none;
    }

}