/* Home Slider Liquid Rose Force Fix - public only */

.hero-card.home-slider{
    position:relative !important;
    overflow:hidden !important;
    min-height:540px !important;
    background:
        radial-gradient(circle at 12% 12%,rgba(248,199,216,.52),transparent 28%),
        radial-gradient(circle at 88% 8%,rgba(216,91,138,.28),transparent 32%),
        linear-gradient(135deg,rgba(255,255,255,.82),rgba(255,241,247,.78)) !important;
    border:1px solid rgba(185,65,115,.16) !important;
    box-shadow:0 34px 100px rgba(111,41,79,.18) !important;
    backdrop-filter:blur(24px) saturate(1.35) !important;
    -webkit-backdrop-filter:blur(24px) saturate(1.35) !important;
}

.hero-card.home-slider::before{
    content:"" !important;
    position:absolute !important;
    width:360px !important;
    height:360px !important;
    right:-120px !important;
    top:-120px !important;
    border-radius:50% !important;
    background:linear-gradient(135deg,rgba(216,91,138,.32),rgba(248,199,216,.56)) !important;
    filter:blur(8px) !important;
    animation:homeRoseBlob 9s ease-in-out infinite alternate !important;
    pointer-events:none !important;
}

.hero-card.home-slider::after{
    content:"" !important;
    position:absolute !important;
    inset:-35% !important;
    background:linear-gradient(120deg,transparent 38%,rgba(255,255,255,.22) 49%,transparent 60%) !important;
    animation:homeRoseSweep 7s ease-in-out infinite !important;
    pointer-events:none !important;
}

.home-slides{
    position:relative !important;
    width:100% !important;
    z-index:2 !important;
}

.home-slider .home-slide{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    height:0 !important;
    overflow:hidden !important;
    transform:translateY(22px) scale(.985) !important;
    filter:blur(8px) !important;
}

.home-slider .home-slide.active{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    height:auto !important;
    overflow:visible !important;
    transform:translateY(0) scale(1) !important;
    filter:blur(0) !important;
    animation:homeSlideIn .78s cubic-bezier(.2,.8,.2,1) both !important;
}

.home-slider .home-slide:not(.active){display:none !important;}

.home-slider .hero-img,
.home-slider .hero-placeholder{
    height:420px !important;
    border:1px solid rgba(216,91,138,.20) !important;
    box-shadow:0 28px 80px rgba(111,41,79,.20) !important;
    animation:homeImageFloat 6.4s ease-in-out infinite !important;
}

.home-slider .hero-img img{
    transition:transform 1.6s cubic-bezier(.2,.8,.2,1), filter .8s ease !important;
}
.home-slider .home-slide.active .hero-img img{transform:scale(1.035) !important;}

.home-slider-controls{
    position:absolute !important;
    z-index:50 !important;
    left:34px !important;
    bottom:26px !important;
    right:auto !important;
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    padding:8px !important;
    border-radius:999px !important;
    background:rgba(255,247,250,.66) !important;
    border:1px solid rgba(216,91,138,.16) !important;
    box-shadow:0 18px 42px rgba(111,41,79,.14) !important;
    backdrop-filter:blur(18px) saturate(1.3) !important;
    -webkit-backdrop-filter:blur(18px) saturate(1.3) !important;
    animation:homeControlsIn .7s ease .28s both !important;
}

.home-slider-skip{
    height:42px !important;
    border:0 !important;
    border-radius:999px !important;
    padding:0 18px !important;
    background:linear-gradient(135deg,#e77aa0,#d85b8a,#6f294f) !important;
    color:#fff !important;
    font-size:14px !important;
    font-weight:900 !important;
    box-shadow:0 14px 32px rgba(216,91,138,.28) !important;
    transition:transform .2s ease, box-shadow .2s ease !important;
}
.home-slider-skip:hover{transform:translateY(-2px)!important;box-shadow:0 20px 46px rgba(216,91,138,.36)!important;}

.home-slider-btn{
    width:42px !important;
    height:42px !important;
    border:1px solid rgba(216,91,138,.18) !important;
    border-radius:50% !important;
    background:rgba(255,255,255,.86) !important;
    color:#3b142b !important;
    font-size:28px !important;
    font-weight:900 !important;
    line-height:1 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    box-shadow:0 10px 24px rgba(111,41,79,.10) !important;
    transition:transform .2s ease, box-shadow .2s ease, background .2s ease !important;
}
.home-slider-btn:hover{transform:translateY(-2px) scale(1.06)!important;background:#fff1f6!important;}

.home-slider-dots{
    display:flex !important;
    align-items:center !important;
    gap:7px !important;
    padding:9px 12px !important;
    border-radius:999px !important;
    background:rgba(255,255,255,.72) !important;
    border:1px solid rgba(216,91,138,.13) !important;
}

.home-slider-dot{
    width:9px !important;
    height:9px !important;
    border:0 !important;
    border-radius:999px !important;
    padding:0 !important;
    background:rgba(111,41,79,.22) !important;
    transition:width .25s ease, transform .2s ease, background .2s ease !important;
}

.home-slider-dot.active{
    width:32px !important;
    background:linear-gradient(135deg,#e77aa0,#d85b8a,#6f294f) !important;
    box-shadow:0 8px 20px rgba(216,91,138,.25) !important;
}
.home-slider-dot:hover{transform:scale(1.18)!important;}

@keyframes homeSlideIn{
    from{opacity:0;transform:translateY(26px) scale(.985);filter:blur(10px)}
    to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}
}
@keyframes homeImageFloat{
    0%,100%{transform:translateY(0) rotate(0deg)}
    50%{transform:translateY(-12px) rotate(.45deg)}
}
@keyframes homeRoseBlob{
    0%{transform:translate(0,0) scale(1)}
    100%{transform:translate(-32px,24px) scale(1.16)}
}
@keyframes homeRoseSweep{
    0%,28%{transform:translateX(-55%) rotate(8deg);opacity:0}
    42%{opacity:1}
    58%,100%{transform:translateX(55%) rotate(8deg);opacity:0}
}
@keyframes homeControlsIn{
    from{opacity:0;transform:translateY(18px);filter:blur(8px)}
    to{opacity:1;transform:translateY(0);filter:blur(0)}
}

@media(max-width:767px){
    .hero-card.home-slider{min-height:auto !important;border-radius:28px !important;}
    .home-slider .hero-img,
    .home-slider .hero-placeholder{height:310px !important;}
    .home-slider-controls{
        position:relative !important;
        left:auto !important;
        bottom:auto !important;
        justify-content:center !important;
        margin-top:20px !important;
        flex-wrap:wrap !important;
    }
}