/* =========================================================
   AYUSHRUDHRA PREMIUM LIGHT CTA SLIDER
   High-conversion / mobile-optimized / premium spiritual UI
========================================================= */

.arx-lite-slider{
    position:relative;
    width:100%;
    padding:18px 0 10px;
    overflow:hidden;
}

.arx-lite-slider *{
    box-sizing:border-box;
}

.arx-lite-shell{
    max-width:1440px;
    margin:0 auto;
    padding:0 16px;
}

#arxLiteCarousel{
    position:relative;
    overflow:hidden;
    border-radius:34px;
    background:
        radial-gradient(circle at 0% 0%, rgba(255,196,86,.20), transparent 30%),
        radial-gradient(circle at 100% 100%, rgba(255,139,34,.14), transparent 28%),
        linear-gradient(135deg, #fffdf9 0%, #fff8ee 44%, #fff4e4 100%);
    border:1px solid rgba(226,133,22,.14);
    box-shadow:
        0 28px 70px rgba(130,77,11,.10),
        0 10px 24px rgba(218,140,37,.08),
        inset 0 1px 0 rgba(255,255,255,.70);
}

#arxLiteCarousel::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
        linear-gradient(90deg, rgba(255,255,255,.38), transparent 28%, transparent 72%, rgba(255,255,255,.18));
    opacity:.65;
}

#arxLiteCarousel .carousel-inner,
#arxLiteCarousel .carousel-item{
    width:100%;
}

#arxLiteCarousel .carousel-item{
    min-height:540px;
}

#arxLiteCarousel .arx-lite-slide{
    position:relative;
    min-height:540px;
    display:grid;
    grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);
    align-items:center;
    gap:34px;
    padding:46px 54px 58px;
}

#arxLiteCarousel .arx-lite-content{
    position:relative;
    z-index:2;
    max-width:760px;
}

#arxLiteCarousel .arx-lite-topline{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:12px;
    margin-bottom:16px;
}

#arxLiteCarousel .arx-lite-eyebrow{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:38px;
    padding:8px 16px;
    border-radius:999px;
    background:linear-gradient(135deg, rgba(255,202,113,.28), rgba(255,149,39,.16));
    border:1px solid rgba(228,141,35,.22);
    color:#a95a00;
    font-size:12px;
    font-weight:900;
    letter-spacing:.09em;
    text-transform:uppercase;
    box-shadow:0 8px 20px rgba(232,151,40,.08);
}

#arxLiteCarousel .arx-lite-rating{
    display:inline-flex;
    align-items:center;
    min-height:38px;
    padding:8px 14px;
    border-radius:999px;
    background:rgba(255,255,255,.82);
    border:1px solid rgba(226,133,22,.12);
    color:#6c4a19;
    font-size:12px;
    font-weight:800;
    box-shadow:0 8px 16px rgba(145,95,26,.05);
}

#arxLiteCarousel .arx-lite-content h1,
#arxLiteCarousel .arx-lite-content h2{
    margin:0 0 14px;
    font-size:clamp(32px, 4vw, 56px);
    line-height:1.04;
    font-weight:900;
    letter-spacing:-.045em;
    color:#1b140d;
    text-wrap:balance;
}

#arxLiteCarousel .arx-lite-desc{
    margin:0;
    max-width:94%;
    font-size:18px;
    line-height:1.78;
    color:#5f4930;
    font-weight:500;
}

#arxLiteCarousel .arx-lite-trustbar{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:20px;
}

#arxLiteCarousel .arx-lite-trustbar span{
    display:inline-flex;
    align-items:center;
    min-height:38px;
    padding:8px 14px;
    border-radius:999px;
    background:rgba(255,255,255,.88);
    border:1px solid rgba(224,136,26,.12);
    color:#7a5220;
    font-size:12px;
    font-weight:800;
    box-shadow:0 8px 16px rgba(149,98,30,.05);
}

#arxLiteCarousel .arx-lite-tags{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:20px;
}

#arxLiteCarousel .arx-lite-tags span{
    display:inline-flex;
    align-items:center;
    padding:9px 14px;
    border-radius:999px;
    background:linear-gradient(180deg, #ffffff, #fff8f0);
    border:1px solid rgba(228,141,35,.14);
    color:#8a5716;
    font-size:13px;
    font-weight:800;
    box-shadow:0 10px 20px rgba(196,132,48,.06);
}

#arxLiteCarousel .arx-lite-meta{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
    margin-top:22px;
}

#arxLiteCarousel .arx-lite-meta-box{
    padding:16px 17px;
    border-radius:20px;
    background:linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,248,238,.90));
    border:1px solid rgba(229,141,32,.12);
    box-shadow:
        0 12px 28px rgba(140,93,35,.05),
        inset 0 1px 0 rgba(255,255,255,.70);
}

#arxLiteCarousel .arx-lite-meta-box strong{
    display:block;
    color:#22170c;
    font-size:15px;
    font-weight:900;
    margin-bottom:5px;
}

#arxLiteCarousel .arx-lite-meta-box small{
    display:block;
    color:#7b6347;
    font-size:12px;
    line-height:1.55;
    font-weight:600;
}

#arxLiteCarousel .arx-lite-actions{
    display:flex;
    flex-wrap:wrap;
    gap:14px;
    margin-top:26px;
}

#arxLiteCarousel .arx-lite-btn{
    position:relative;
    min-height:58px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    padding:14px 22px;
    border-radius:16px;
    text-decoration:none;
    font-size:16px;
    font-weight:900;
    transition:transform .25s ease, box-shadow .25s ease, background .25s ease, border-color .25s ease;
    will-change:transform;
}

#arxLiteCarousel .arx-lite-btn:hover{
    text-decoration:none;
    transform:translateY(-2px);
}

#arxLiteCarousel .arx-lite-btn:focus{
    outline:none;
    box-shadow:0 0 0 4px rgba(255,177,76,.18);
}

#arxLiteCarousel .arx-lite-btn-icon{
    font-size:17px;
    line-height:1;
}

#arxLiteCarousel .arx-lite-btn-primary{
    color:#1f1306 !important;
    background:linear-gradient(135deg, #ffd27f 0%, #ffae3d 48%, #f18b10 100%);
    border:1px solid rgba(241,139,16,.24);
    box-shadow:
        0 18px 32px rgba(243,145,19,.22),
        inset 0 1px 0 rgba(255,255,255,.42);
}

#arxLiteCarousel .arx-lite-btn-primary:hover{
    color:#1f1306 !important;
    box-shadow:
        0 24px 36px rgba(243,145,19,.28),
        inset 0 1px 0 rgba(255,255,255,.42);
}

#arxLiteCarousel .arx-lite-btn-secondary{
    background:#fff;
    color:#6b470f !important;
    border:1px solid rgba(227,138,27,.16);
    box-shadow:0 10px 24px rgba(161,103,22,.08);
}

#arxLiteCarousel .arx-lite-btn-secondary:hover{
    color:#6b470f !important;
    background:#fffaf3;
}

#arxLiteCarousel .arx-lite-btn-wa{
    color:#fff !important;
    background:linear-gradient(135deg, #27d366 0%, #18b95c 100%);
    border:1px solid rgba(25,165,82,.18);
    box-shadow:
        0 16px 30px rgba(37,211,102,.18),
        inset 0 1px 0 rgba(255,255,255,.18);
}

#arxLiteCarousel .arx-lite-btn-wa:hover{
    color:#fff !important;
    box-shadow:
        0 22px 36px rgba(37,211,102,.22),
        inset 0 1px 0 rgba(255,255,255,.18);
}

#arxLiteCarousel .arx-lite-contact-strip{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:18px;
}

#arxLiteCarousel .arx-lite-contact-strip a{
    display:inline-flex;
    align-items:center;
    min-height:42px;
    padding:10px 14px;
    border-radius:14px;
    background:rgba(255,255,255,.82);
    border:1px solid rgba(228,141,35,.12);
    color:#6b4b20;
    text-decoration:none;
    font-size:13px;
    font-weight:800;
    box-shadow:0 10px 18px rgba(154,102,32,.05);
    transition:all .25s ease;
}

#arxLiteCarousel .arx-lite-contact-strip a:hover{
    color:#5c3d13;
    background:#fffaf4;
    transform:translateY(-2px);
    text-decoration:none;
}

#arxLiteCarousel .arx-lite-visual{
    position:relative;
    display:flex;
    justify-content:center;
    align-items:center;
}

#arxLiteCarousel .arx-lite-image-wrap{
    position:relative;
    width:100%;
    max-width:390px;
}

#arxLiteCarousel .arx-lite-image-card{
    position:relative;
    width:100%;
    padding:12px;
    border-radius:32px;
    background:
        linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,246,233,.95));
    border:1px solid rgba(228,141,35,.16);
    box-shadow:
        0 30px 60px rgba(143,91,19,.14),
        0 10px 24px rgba(255,153,0,.08),
        inset 0 1px 0 rgba(255,255,255,.75);
}

#arxLiteCarousel .arx-lite-image-badge{
    position:absolute;
    left:18px;
    top:18px;
    z-index:3;
    display:inline-flex;
    align-items:center;
    min-height:36px;
    padding:8px 12px;
    border-radius:999px;
    background:rgba(255,255,255,.88);
    border:1px solid rgba(228,141,35,.18);
    color:#704a15;
    font-size:12px;
    font-weight:900;
    box-shadow:0 10px 18px rgba(147,98,28,.08);
    backdrop-filter:blur(8px);
}

#arxLiteCarousel .arx-lite-image-ring{
    position:absolute;
    inset:-10px;
    border-radius:38px;
    border:1px dashed rgba(228,141,35,.20);
    pointer-events:none;
}

#arxLiteCarousel .arx-lite-image-card img{
    position:relative;
    z-index:1;
    width:100%;
    height:400px;
    object-fit:cover;
    border-radius:24px;
    display:block;
    box-shadow:0 14px 26px rgba(120,77,19,.10);
}

#arxLiteCarousel .arx-lite-indicators{
    bottom:16px;
    margin-bottom:0;
    z-index:8;
}

#arxLiteCarousel .arx-lite-indicators li{
    width:10px;
    height:10px;
    border-radius:50%;
    border:none;
    margin:0 5px;
    background:rgba(190,123,30,.26);
    opacity:1;
    transition:all .25s ease;
}

#arxLiteCarousel .arx-lite-indicators li.active{
    width:32px;
    border-radius:999px;
    background:linear-gradient(135deg, #ffbb5a, #eb8f23);
    box-shadow:0 8px 16px rgba(235,143,35,.22);
}

#arxLiteCarousel .arx-lite-control{
    width:64px;
    opacity:1;
    z-index:9;
}

#arxLiteCarousel .arx-lite-arrow{
    width:48px;
    height:48px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:rgba(255,255,255,.88);
    border:1px solid rgba(228,141,35,.16);
    color:#7d4d10;
    font-size:22px;
    box-shadow:0 12px 22px rgba(145,96,28,.08);
    transition:all .25s ease;
    backdrop-filter:blur(6px);
}

#arxLiteCarousel .arx-lite-control:hover .arx-lite-arrow{
    background:linear-gradient(135deg, #ffcf7a, #eb8f23);
    color:#211203;
    transform:scale(1.03);
}

@media (max-width:1280px){
    #arxLiteCarousel .carousel-item,
    #arxLiteCarousel .arx-lite-slide{
        min-height:520px;
    }

    #arxLiteCarousel .arx-lite-slide{
        gap:28px;
        padding:40px 40px 56px;
    }

    #arxLiteCarousel .arx-lite-image-wrap{
        max-width:360px;
    }

    #arxLiteCarousel .arx-lite-image-card img{
        height:370px;
    }
}

@media (max-width:1024px){
    #arxLiteCarousel .carousel-item,
    #arxLiteCarousel .arx-lite-slide{
        min-height:500px;
    }

    #arxLiteCarousel .arx-lite-slide{
        grid-template-columns:minmax(0,1fr) 320px;
        padding:34px 30px 52px;
        gap:22px;
    }

    #arxLiteCarousel .arx-lite-desc{
        font-size:16px;
        max-width:100%;
    }

    #arxLiteCarousel .arx-lite-meta{
        grid-template-columns:1fr;
    }

    #arxLiteCarousel .arx-lite-image-wrap{
        max-width:310px;
    }

    #arxLiteCarousel .arx-lite-image-card img{
        height:320px;
    }
}

@media (max-width:991.98px){
    .arx-lite-shell{
        padding:65px 12px;
    }

    #arxLiteCarousel{
        border-radius:24px;
    }

    #arxLiteCarousel .carousel-item,
    #arxLiteCarousel .arx-lite-slide{
        min-height:auto;
    }

    #arxLiteCarousel .arx-lite-slide{
        grid-template-columns:1fr;
        gap:18px;
        padding:26px 20px 52px;
    }

    #arxLiteCarousel .arx-lite-content{
        order:2;
        max-width:100%;
        text-align:center;
    }

    #arxLiteCarousel .arx-lite-visual{
        order:1;
    }

    #arxLiteCarousel .arx-lite-topline,
    #arxLiteCarousel .arx-lite-trustbar,
    #arxLiteCarousel .arx-lite-tags,
    #arxLiteCarousel .arx-lite-actions,
    #arxLiteCarousel .arx-lite-contact-strip{
        justify-content:center;
    }

    #arxLiteCarousel .arx-lite-image-wrap{
        max-width:270px;
    }

    #arxLiteCarousel .arx-lite-image-card img{
        height:270px;
    }

    #arxLiteCarousel .arx-lite-image-badge{
        left:50%;
        transform:translateX(-50%);
        white-space:nowrap;
    }

    #arxLiteCarousel .arx-lite-desc{
        margin:0 auto;
    }
}

@media (max-width:767.98px){
    .arx-lite-slider{
        padding:10px 0 4px;
    }

    #arxLiteCarousel{
        border-radius:20px;
    }

    #arxLiteCarousel .arx-lite-slide{
        padding:18px 14px 44px;
        gap:14px;
    }

    #arxLiteCarousel .arx-lite-topline{
        gap:8px;
        margin-bottom:10px;
    }

    #arxLiteCarousel .arx-lite-eyebrow,
    #arxLiteCarousel .arx-lite-rating{
        min-height:32px;
        font-size:10px;
        padding:7px 11px;
    }

    #arxLiteCarousel .arx-lite-content h1,
    #arxLiteCarousel .arx-lite-content h2{
        font-size:24px;
        line-height:1.16;
        margin-bottom:10px;
    }

    #arxLiteCarousel .arx-lite-desc{
        font-size:14px;
        line-height:1.68;
    }

    #arxLiteCarousel .arx-lite-trustbar{
        gap:8px;
        margin-top:14px;
    }

    #arxLiteCarousel .arx-lite-trustbar span{
        min-height:32px;
        padding:7px 10px;
        font-size:10px;
    }

    #arxLiteCarousel .arx-lite-tags{
        gap:8px;
        margin-top:12px;
    }

    #arxLiteCarousel .arx-lite-tags span{
        font-size:11px;
        padding:7px 10px;
    }

    #arxLiteCarousel .arx-lite-meta{
        gap:10px;
        margin-top:14px;
    }

    #arxLiteCarousel .arx-lite-meta-box{
        padding:12px 13px;
        border-radius:15px;
        text-align:left;
    }

    #arxLiteCarousel .arx-lite-actions{
        flex-direction:column;
        gap:10px;
        margin-top:16px;
    }

    #arxLiteCarousel .arx-lite-btn{
        width:100%;
        min-height:50px;
        padding:12px 16px;
        font-size:15px;
        border-radius:13px;
    }

    #arxLiteCarousel .arx-lite-contact-strip{
        flex-direction:column;
        gap:8px;
        margin-top:12px;
    }

    #arxLiteCarousel .arx-lite-contact-strip a{
        width:100%;
        justify-content:center;
        min-height:40px;
        padding:10px 12px;
        border-radius:12px;
        font-size:12px;
    }

    #arxLiteCarousel .arx-lite-image-wrap{
        max-width:220px;
    }

    #arxLiteCarousel .arx-lite-image-card{
        padding:10px;
        border-radius:22px;
    }

    #arxLiteCarousel .arx-lite-image-ring{
        inset:-6px;
        border-radius:26px;
    }

    #arxLiteCarousel .arx-lite-image-badge{
        top:12px;
        min-height:28px;
        font-size:10px;
        padding:6px 10px;
    }

    #arxLiteCarousel .arx-lite-image-card img{
        height:215px;
        border-radius:16px;
    }

    #arxLiteCarousel .arx-lite-control{
        width:40px;
    }

    #arxLiteCarousel .arx-lite-arrow{
        width:34px;
        height:34px;
        font-size:16px;
    }

    #arxLiteCarousel .arx-lite-indicators{
        bottom:10px;
    }

    #arxLiteCarousel .arx-lite-indicators li{
        width:8px;
        height:8px;
        margin:0 4px;
    }

    #arxLiteCarousel .arx-lite-indicators li.active{
        width:22px;
    }
}

/* small performance-safe motion */
@media (prefers-reduced-motion:no-preference){
    #arxLiteCarousel .arx-lite-image-card,
    #arxLiteCarousel .arx-lite-meta-box,
    #arxLiteCarousel .arx-lite-btn,
    #arxLiteCarousel .arx-lite-contact-strip a{
        transition:
            transform .25s ease,
            box-shadow .25s ease,
            background .25s ease,
            border-color .25s ease;
    }

    #arxLiteCarousel .carousel-item.active .arx-lite-content{
        animation:arxFadeUp .45s ease both;
    }

    #arxLiteCarousel .carousel-item.active .arx-lite-visual{
        animation:arxFadeIn .5s ease both;
    }

    @keyframes arxFadeUp{
        from{opacity:0;transform:translateY(10px);}
        to{opacity:1;transform:translateY(0);}
    }

    @keyframes arxFadeIn{
        from{opacity:0;transform:translateY(8px) scale(.985);}
        to{opacity:1;transform:translateY(0) scale(1);}
    }
}

/* ===== CLICK FIX ===== */

#arxLiteCarousel,
#arxLiteCarousel .carousel-inner,
#arxLiteCarousel .carousel-item,
#arxLiteCarousel .arx-lite-slide{
    position: relative;
}

#arxLiteCarousel .arx-lite-content{
    position: relative;
    z-index: 30;
}

#arxLiteCarousel .arx-lite-actions,
#arxLiteCarousel .arx-lite-contact-strip{
    position: relative;
    z-index: 35;
    pointer-events: auto;
}

#arxLiteCarousel .arx-lite-btn,
#arxLiteCarousel .arx-lite-contact-strip a{
    position: relative;
    z-index: 40;
    pointer-events: auto;
}

#arxLiteCarousel .arx-lite-visual,
#arxLiteCarousel .arx-lite-image-wrap,
#arxLiteCarousel .arx-lite-image-card{
    position: relative;
    z-index: 5;
}

#arxLiteCarousel .arx-lite-image-ring,
#arxLiteCarousel::before{
    pointer-events: none !important;
}

#arxLiteCarousel .carousel-control-prev,
#arxLiteCarousel .carousel-control-next{
    z-index: 50;
}

#arxLiteCarousel .carousel-indicators{
    z-index: 45;
}

/* =========================================================
   END
========================================================= */