/* -------------- DIMENSIUNE SLIDER ---------------- */
.main_slider_area .swiper {
    height: clamp(260px, 55vh, 500px); /* slider mai „compact” */
}

.main_slider_area .swiper-slide {
    height: 100%;
}

/* -------------- IMAGINE --------------------------- */
.slide-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* gradient pentru lizibilitate */
.swiper-slide::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg,
    rgba(0, 0, 0, .65) 0%,
    rgba(0, 0, 0, .25) 45%,
    rgba(0, 0, 0, 0) 70%);
    z-index: 1;
}

/* -------------- CAPTION -------------------------- */
.slide-caption {
    position: absolute;
    inset: 0; /* ocupă întreaga poză   */
    display: flex;
    flex-direction: column;
    justify-content: center; /* vertical: pe mijloc   */
    align-items: flex-start; /* orizontal: stânga     */
    padding-left: clamp(2rem, 6vw, 5rem);
    padding-right: 2rem;
    z-index: 2;

    /* animaţie la apariţie */
    opacity: 0;
    transform: translateY(20px);
    transition: opacity .7s ease, transform .7s ease;
}

.swiper-slide-active .slide-caption {
    opacity: 1;
    transform: translateY(0);
}

/* -------------- TEXT ----------------------------- */
.slide-title {
    font-size: clamp(1.75rem, 3.5vw, 3.25rem);
    font-weight: 800;
    margin: 0 0 .45em;
    line-height: 1.1;
}

.slide-desc {
    max-width: 40ch;
    font-size: clamp(1rem, 1.35vw, 1.25rem);
    margin: 0 0 1.25em;
    line-height: 1.5;
    color: #e0e0e0;
}

/* -------------- BUTON ---------------------------- */
.slide-btn {
    display: inline-block;
    padding: .9em 2.4em;
    border-radius: 9999px;
    background: #ff0066;
    color: #fff;
    font-weight: 600;
    text-decoration: none;
    box-shadow: 0 6px 15px rgba(255, 0, 102, .35);
    transition: transform .25s ease, box-shadow .25s ease;
}

.slide-btn:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 18px rgba(255, 0, 102, .45);
}

.slide-btn:active {
    transform: translateY(-1px);
    box-shadow: 0 4px 10px rgba(255, 0, 102, .45);
}

@media (max-width: 576px) {
    /* împinge caption-ul puțin spre dreapta */
    .slide-caption {
        padding-left: 4.5rem; /* ~72 px; ajustează după gust */
    }

    /* opțional: micșorează săgețile ca să arate mai finuț */
    .swiper-button-prev,
    .swiper-button-next {
        width: 32px; /* default e 44px */
        height: 32px;
    }
}