/* HERO MULTI IMAGEN / CARRUSEL */
.store-body .hero,
.store-body .hero.hero-dynamic,
.store-body .hero-force{
    display:none !important;
}

.hero-carousel{
    width:100% !important;
    height:430px !important;
    min-height:430px !important;
    position:relative !important;
    overflow:hidden !important;
    background:#f9cedb !important;
}

.hero-carousel::before,
.hero-carousel::after,
.hero-slide::before,
.hero-slide::after{
    content:none !important;
    display:none !important;
}

.hero-slide{
    position:absolute !important;
    inset:0 !important;
    opacity:0 !important;
    pointer-events:none !important;
    transition:opacity .45s ease !important;
    display:flex !important;
    align-items:center !important;
    padding:5% !important;
}

.hero-slide.is-active{
    opacity:1 !important;
    pointer-events:auto !important;
}

.hero-slide-img{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center right !important;
    z-index:1 !important;
}

.hero-slide-overlay{
    position:absolute !important;
    inset:0 !important;
    z-index:2 !important;
    background:linear-gradient(90deg, rgba(249,206,219,.98) 0%, rgba(249,206,219,.78) 38%, rgba(249,206,219,.05) 100%) !important;
}

.hero-slide-content{
    position:relative !important;
    z-index:3 !important;
    max-width:560px !important;
}

.hero-slide-content h1{
    font-size:48px !important;
    line-height:1.08 !important;
    margin:0 0 12px !important;
    color:#111 !important;
}

.hero-slide-content em{
    color:#e9007f !important;
    font-family:Georgia,serif !important;
    font-style:italic !important;
}

.hero-slide-content p{
    font-size:18px !important;
    color:#111 !important;
    max-width:480px !important;
}

.hero-arrow{
    position:absolute !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    z-index:5 !important;
    width:46px !important;
    height:46px !important;
    border:0 !important;
    border-radius:999px !important;
    background:rgba(17,17,17,.75) !important;
    color:#fff !important;
    font-size:32px !important;
    cursor:pointer !important;
}

.hero-prev{left:18px !important;}
.hero-next{right:18px !important;}

.hero-dots{
    position:absolute !important;
    left:50% !important;
    bottom:18px !important;
    transform:translateX(-50%) !important;
    z-index:5 !important;
    display:flex !important;
    gap:8px !important;
}

.hero-dots button{
    width:11px !important;
    height:11px !important;
    border-radius:999px !important;
    border:0 !important;
    background:rgba(17,17,17,.35) !important;
    cursor:pointer !important;
}

.hero-dots button.is-active{
    background:#e9007f !important;
    width:26px !important;
}

.hero-admin-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(260px,1fr));
    gap:18px;
}

.hero-admin-card{
    background:#fff;
    border:1px solid #eee;
    border-radius:16px;
    overflow:hidden;
    box-shadow:0 8px 22px rgba(0,0,0,.06);
}

.hero-admin-card img{
    width:100%;
    height:150px;
    object-fit:cover;
    background:#f4f4f5;
}

.hero-admin-card div{
    padding:12px;
}

.hero-admin-card small{
    display:block;
    color:#6b7280;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    margin-top:4px;
}

.hero-admin-actions{
    display:flex;
    gap:8px;
    padding:12px !important;
}

.btn.danger{
    background:#dc2626 !important;
}

.check-row{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
}

.check-row input{
    width:auto !important;
}

.notice-error{
    background:#fee2e2;
    color:#991b1b;
    border:1px solid #ef4444;
    border-radius:10px;
    padding:14px 18px;
    margin:15px 0;
    font-weight:700;
}

@media(max-width:768px){
    .hero-carousel{
        height:420px !important;
        min-height:420px !important;
    }

    .hero-slide{
        padding:28px !important;
    }

    .hero-slide-img{
        object-position:center !important;
    }

    .hero-slide-overlay{
        background:rgba(249,206,219,.70) !important;
    }

    .hero-slide-content h1{
        font-size:34px !important;
    }
}