/* Merav-tal pricing – match reference design */
/* Section background, card #d8cbb8, title/price #2c3e50, desc #000, CTA #8c5b6b */

.mtp-wrap{
    position:relative;
    width:100%;
    /* Generous padding so scaled active card is never cut (parent may have overflow) */
    padding:80px 0 80px;
    overflow:visible;
    direction:rtl;
    background:#2E435A;
}

.mtp-slider{
    width:100%;
    overflow:visible;
    /* Vertical space for active card grow without clipping */
    padding:32px 0 32px;
}

.mtp-slide{
    display:flex;
    justify-content:center;
    align-items:stretch;
    transition:transform .4s cubic-bezier(.22,1,.36,1), opacity .35s ease;
    will-change:transform, opacity;
}

.mtp-card{
    position:relative;
    width:100%;
    max-width:360px;
    min-height:420px;
    background:#d8cbb8;
    border-radius:24px;
    box-shadow:0 8px 24px rgba(0,0,0,.12);
    overflow:hidden;
    transform-origin:center center;
    transition:
        transform .45s cubic-bezier(.22,1,.36,1),
        box-shadow .45s ease;
    backface-visibility:hidden;
}

.mtp-card-inner{
    position:relative;
    z-index:2;
    height:100%;
    min-height:420px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:space-between;
    text-align:center;
    padding:36px 24px 32px;
}

.mtp-title{
    margin:0;
    color:#2c3e50;
    font-size:clamp(22px, 2.2vw, 32px);
    line-height:1.15;
    font-weight:700;
}

.mtp-price-wrap{
    display:flex;
    align-items:flex-start;
    justify-content:center;
    gap:6px;
    direction:ltr;
    color:#2c3e50;
    margin:8px 0 16px;
}

.mtp-currency{
    font-size:clamp(28px, 2.2vw, 40px);
    font-weight:700;
    line-height:1.1;
    margin-top:8px;
    vertical-align:super;
}

.mtp-price{
    font-size:clamp(56px, 5.5vw, 88px);
    line-height:.95;
    font-weight:800;
    letter-spacing:-0.02em;
}

.mtp-description{
    color:#000000;
    font-size:clamp(15px, 1.4vw, 18px);
    font-weight:400;
    line-height:1.4;
    max-width:90%;
    margin:0 0 24px;
}

/* CTA – fully rounded (pill), #8c5b6b, white text */
.mtp-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:200px;
    max-width:100%;
    min-height:52px;
    padding:14px 28px;
    border:none;
    border-radius:999px;
    background:#8c5b6b;
    color:#ffffff;
    text-decoration:none;
    font-size:clamp(16px, 1.4vw, 20px);
    font-weight:700;
    line-height:1;
    transition:transform .2s ease, background .2s ease, box-shadow .2s ease;
    box-shadow:0 4px 12px rgba(0,0,0,.15);
}

.mtp-btn:hover{
    background:#7a4f5e;
    transform:translateY(-2px);
    box-shadow:0 6px 16px rgba(0,0,0,.2);
}

.mtp-btn:active{
    transform:translateY(0);
}

.mtp-badge{
    position:absolute;
    top:14px;
    inset-inline-start:14px;
    z-index:4;
    padding:8px 14px;
    border-radius:999px;
    background:#2c3e50;
    color:#fff;
    font-size:13px;
    font-weight:700;
    line-height:1;
}

/* Active card – grow effect (moderate scale so it never gets cut) */
.mtp-slide.swiper-slide-active{
    z-index:3;
}

.mtp-slide.swiper-slide-active .mtp-card{
    transform:scale(1.04) translateY(-6px);
    box-shadow:0 20px 40px rgba(0,0,0,.2);
}

.mtp-slide.swiper-slide-prev .mtp-card,
.mtp-slide.swiper-slide-next .mtp-card{
    transform:scale(0.96);
    opacity:.92;
}

.mtp-slide:not(.swiper-slide-active):not(.swiper-slide-prev):not(.swiper-slide-next) .mtp-card{
    transform:scale(0.9);
    opacity:.85;
}

.mtp-slide.is-recommended .mtp-card{
    outline:2px solid rgba(44,62,80,.2);
}

.mtp-empty{
    padding:20px;
    background:#2E435A;
    color:rgba(255,255,255,.9);
    border-radius:12px;
}

/* Tablet: 2 cards */
@media (min-width: 768px) and (max-width: 1023px){
    .mtp-card,
    .mtp-card-inner{
        min-height:400px;
    }
    .mtp-card-inner{
        padding:32px 20px 28px;
    }
    .mtp-btn{
        min-width:180px;
        min-height:48px;
    }
}

/* Desktop: 3 cards in a row (handled by JS slidesPerView: 3) */
@media (min-width: 1024px){
    .mtp-card,
    .mtp-card-inner{
        min-height:440px;
    }
    .mtp-card-inner{
        padding:40px 28px 36px;
    }
}

/* Mobile: ~20% peek on each side (1.4 slidesPerView in JS) */
@media (max-width: 767px){
    .mtp-wrap{
        padding:64px 0 64px;
    }

    .mtp-card{
        max-width:85%;
        min-height:380px;
        border-radius:20px;
    }

    .mtp-card-inner{
        min-height:380px;
        padding:28px 18px 24px;
    }

    .mtp-title{
        font-size:clamp(20px, 5.5vw, 26px);
    }

    .mtp-price{
        font-size:clamp(48px, 14vw, 72px);
    }

    .mtp-currency{
        font-size:clamp(24px, 6vw, 32px);
        margin-top:6px;
    }

    .mtp-description{
        font-size:clamp(14px, 3.8vw, 17px);
    }

    .mtp-btn{
        width:100%;
        min-width:0;
        font-size:clamp(15px, 4vw, 18px);
        min-height:48px;
        padding:12px 20px;
        border-radius:999px;
    }

    .mtp-slide.swiper-slide-active .mtp-card{
        transform:scale(1.03) translateY(-4px);
    }
}