/*==================================================
    ADI YOGPEETH
    STICKY BAR
==================================================*/


/*==================================================
    STICKY BAR
==================================================*/

.ay-sticky-bar{

    position:fixed;

    left:0;

    right:0;

    bottom:20px;

    z-index:9999;

    padding:0 20px;

    pointer-events:none;

}


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

.ay-sticky-container{

    max-width:1350px;

    margin:auto;

    min-height:56px;

    padding:10px 20px;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:35px;

    border-radius:24px;

    background:rgba(255,255,255,.96);

    backdrop-filter:blur(18px);

    border:1px solid rgba(15,118,110,.08);

    box-shadow:

        0 18px 45px rgba(0,0,0,.12);

    pointer-events:auto;

}


/*==================================================
    LEFT CONTENT
==================================================*/

.ay-sticky-content{

    display:flex;

    align-items:center;

    gap:22px;

    flex:1;

}


/*==================================================
    ICON
==================================================*/

.ay-icon{

    width:42px;

    height:42px;

    flex-shrink:0;

    border-radius:20px;

    background:linear-gradient(

        135deg,

        #0F766E,

        #15803D

    );

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:20px;

    color:#fff;

    box-shadow:

        0 15px 35px rgba(15,118,110,.30);

}


/*==================================================
    TEXT
==================================================*/

.ay-text h4{

    margin:0;

    font-size:16px;

    font-weight:700;

    line-height:1.2;

    color:#111827;

}


.ay-text p{

    margin-top:8px;

    color:#64748B;

    font-size:12px;

    margin-top:2px;

    line-height:1.7;

}
/*==================================================
    TRUST BADGE
==================================================*/

.ay-trust{

    margin-top:2px;

    padding:1px 6px;

    font-size:10px;

}
/*==================================================
    CTA BUTTONS
==================================================*/

.ay-sticky-buttons{

    display:flex;

    align-items:center;

    gap:18px;

    flex-shrink:0;

}
/*==================================================
    DOWNLOAD BUTTON
==================================================*/

.ay-download{

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    min-width:180px;

    height:42px;

    border-radius:18px;

    background:linear-gradient(
        135deg,
        #0F766E,
        #15803D
    );

    color:#fff;

    font-weight:700;

    text-decoration:none;

    transition:.35s;

    box-shadow:

        0 15px 35px rgba(15,118,110,.28);

}

.ay-download:hover{

    transform:translateY(-5px);

    box-shadow:

        0 25px 50px rgba(15,118,110,.35);

}
/*==================================================
    WHATSAPP BUTTON
==================================================*/

.ay-whatsapp{

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    min-width:180px;

    height:42px;

    border-radius:18px;

    background:#25D366;

    color:#fff;

    font-weight:700;

    text-decoration:none;

    transition:.35s;

    box-shadow:

        0 15px 35px rgba(37,211,102,.28);

}

.ay-whatsapp:hover{

    transform:translateY(-5px);

    box-shadow:

        0 25px 50px rgba(37,211,102,.35);

}
.ay-btn-title{

    font-size:12px;

    font-weight:700;

    line-height:1;

}
.ay-btn-sub{

    margin-top:2px;

    font-size:10px;

    opacity:.92;

    font-weight:500;

}
/*==================================================
    STICKY BAR ENTRANCE
==================================================*/

@keyframes stickySlideUp{

    from{

        transform:translateY(120px);

        opacity:0;

    }

    to{

        transform:translateY(0);

        opacity:1;

    }

}

.ay-sticky-bar{

    animation:stickySlideUp .6s ease-out;

}
/*==================================================
    STICKY BAR ENTRANCE
==================================================*/

@keyframes stickySlideUp{

    from{

        transform:translateY(120px);

        opacity:0;

    }

    to{

        transform:translateY(0);

        opacity:1;

    }

}

.ay-sticky-bar{

    animation:stickySlideUp .6s ease-out;

}
/*==================================================
    BUTTON HOVER
==================================================*/

.ay-download,
.ay-whatsapp{

    position:relative;

    overflow:hidden;

}

.ay-download::before,
.ay-whatsapp::before{

    content:"";

    position:absolute;

    left:-120%;

    top:0;

    width:120%;

    height:100%;

    background:linear-gradient(

        90deg,

        transparent,

        rgba(255,255,255,.25),

        transparent

    );

    transition:.8s;

}

.ay-download:hover::before,
.ay-whatsapp:hover::before{

    left:120%;

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

@media(max-width:992px){

    .ay-sticky-container{

        flex-direction:column;

        text-align:center;

        gap:22px;

        padding:22px;

    }

    .ay-sticky-content{

        justify-content:center;

    }

    .ay-sticky-buttons{

        width:100%;

        justify-content:center;

    }

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

@media (max-width:768px){

    .ay-sticky-bar{

        left:8px;
        right:8px;
        bottom:8px;

        padding:0;

    }

    .ay-sticky-container{

        padding:10px 12px;

        min-height:60px;

        border-radius:18px;

        display:flex;

        flex-direction:column;

        gap:10px;

    }

    /* Left */

    .ay-sticky-content{

        width:100%;

        display:flex;

        align-items:center;

        justify-content:center;

        gap:10px;

        text-align:center;

    }

    .ay-icon{

        width:36px;

        height:36px;

        font-size:18px;

        border-radius:10px;

    }

    .ay-text h4{

        font-size:15px;

        margin:0;

        line-height:1.2;

    }

    /* Hide subtitle */

    .ay-text p{

        display:none;

    }

    /* Hide trust badge */

    .ay-trust{

        display:none;

    }

    /* Buttons */

    .ay-sticky-buttons{

        width:100%;

        display:grid;

        grid-template-columns:1fr 1fr;

        gap:10px;

    }

    .ay-download,
    .ay-whatsapp{

        width:100%;

        min-width:unset;

        height:42px;

        border-radius:12px;

    }

    .ay-btn-title{

        font-size:13px;

    }

    .ay-btn-sub{

        display:none;

    }

}
@media (max-width:480px){

    .ay-text h4{

        font-size:14px;

    }

    .ay-icon{

        width:32px;

        height:32px;

        font-size:16px;

    }

    .ay-download,
    .ay-whatsapp{

        height:40px;

    }

    .ay-btn-title{

        font-size:12px;

    }

}

/*==================================================
    SMART STICKY
==================================================*/

.ay-sticky-bar{

    transition:transform .35s ease, opacity .35s ease;

}

.sticky-hidden{

    transform:translateY(120px);

    opacity:0;

}