/* =====================================================================
   VIDEO BG + RENK + STICKY + PROCESS JS-POWERED KART İSTİFİ
   ===================================================================== */
/* ============================================
   FOOTER — okunabilir renkler
   blocks-v4.css color: var(--bg) eziyor (siyah üstüne siyah)
   ============================================ */
.site-footer-v4 {
    color: rgba(242, 237, 228, 0.75) !important;
}
.site-footer-v4 a {
    color: rgba(242, 237, 228, 0.75) !important;
}
.site-footer-v4 a:hover {
    color: #E8FE5B !important;
}
.site-footer-v4__col-title {
    color: rgba(242, 237, 228, 0.45) !important;
}
.site-footer-v4__bottom {
    color: rgba(242, 237, 228, 0.4) !important;
}
.site-footer-v4__bottom a {
    color: rgba(242, 237, 228, 0.4) !important;
}
.site-footer-v4__bottom a:hover {
    color: #E8FE5B !important;
}
/* ============================================
   STICKY — Process HARİÇ tüm bölümler
   ============================================ */
.hero-v4,
.services-v4,
.work-v4,
.about-v4,
.testimonials-v4,
.faq-v4,
.cta-v4,
.contact-v4 {
    position: sticky !important;
    top: 0 !important;
    min-height: 100vh !important;
}

.hero-v4         { z-index: 1 !important; }
.services-v4     { z-index: 2 !important; }
.work-v4         { display: none !important; }
.about-v4        { z-index: 4 !important; }
.testimonials-v4 { display: none !important; }
.faq-v4          { z-index: 7 !important; }
.cta-v4          { z-index: 8 !important; }
.contact-v4      { z-index: 9 !important; }

@media (max-width: 768px) {
    .hero-v4, .services-v4, .work-v4,
    .about-v4, .testimonials-v4,
    .faq-v4, .cta-v4, .contact-v4 {
        position: relative !important;
        min-height: auto !important;
    }
}

/* ============================================
   VIDEO İZOLASYONU
   ============================================ */
.about-v4,
.testimonials-v4,
.faq-v4,
.cta-v4 {
    overflow: hidden !important;
    isolation: isolate !important;
}

.about-v4 > .video-bg,
.testimonials-v4 > .video-bg,
.faq-v4 > .video-bg,
.cta-v4 > .video-bg {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    z-index: 0 !important;
    filter: brightness(0.35) contrast(1.15) saturate(0.75) !important;
    pointer-events: none !important;
    transform: translateZ(0) !important;
}

.about-v4 > *:not(.video-bg),
.testimonials-v4 > *:not(.video-bg),
.faq-v4 > *:not(.video-bg),
.cta-v4 > *:not(.video-bg) {
    position: relative;
    z-index: 2;
}

/* ============================================
   SERVICES — KREM
   Tüm satırlar 100vh içine sığacak şekilde kompakt
   ============================================ */
.services-v4 {
    background: #F2EDE4 !important;
    color: #14120E !important;
    padding: clamp(32px, 4.5vh, 56px) 0 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

.services-v4 .block-head {
    padding-bottom: clamp(12px, 2vh, 24px) !important;
    margin-bottom: 0 !important;
}
.services-v4 .block-head__title {
    color: #14120E !important;
    text-shadow: none !important;
    font-size: clamp(1.6rem, 3vw, 2.8rem) !important;
    margin-bottom: 6px !important;
}
.services-v4 .block-head__title em { color: #4A5238 !important; }
.services-v4 .block-head__meta    { color: rgba(20, 18, 14, 0.55) !important; }

.services-v4__row {
    padding: clamp(14px, 1.9vh, 22px) 0 !important;
    border-top-color: rgba(20, 18, 14, 0.12) !important;
    gap: clamp(16px, 2.5vw, 40px) !important;
}
.services-v4__row:last-child { border-bottom-color: rgba(20, 18, 14, 0.12) !important; }
.services-v4__row::before    { background: rgba(20, 18, 14, 0.04) !important; }

.services-v4__num     { color: rgba(20, 18, 14, 0.5) !important; }
.services-v4__name    {
    color: #14120E !important;
    font-size: clamp(1.2rem, 2vw, 2.2rem) !important;
}
.services-v4__tag     { color: rgba(20, 18, 14, 0.55) !important; }
.services-v4__excerpt {
    color: rgba(20, 18, 14, 0.72) !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
}
.services-v4__arrow {
    width: 48px !important;
    height: 48px !important;
    border-color: rgba(20, 18, 14, 0.22) !important;
    color: #14120E !important;
}
.services-v4__row:hover .services-v4__arrow {
    background: #E8FE5B !important;
    color: #14120E !important;
    border-color: #E8FE5B !important;
}

@media (max-width: 768px) {
    .services-v4 {
        padding: 52px 0 44px !important;
        display: block !important;
    }
}

/* ============================================
   ABOUT — ZEYTİN YEŞİLİ
   İçerik 100vh içine sığacak şekilde kompakt
   ============================================ */
.about-v4 {
    background: #4A5238 !important;
    color: #FFFFFF !important;
    padding: clamp(40px, 5.5vh, 72px) 0 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}
.about-v4::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background:
        linear-gradient(180deg,
            rgba(74, 82, 56, 0.85) 0%,
            rgba(74, 82, 56, 0.65) 30%,
            rgba(74, 82, 56, 0.75) 70%,
            rgba(74, 82, 56, 0.9) 100%);
    pointer-events: none;
}
.about-v4 .block-head {
    padding-bottom: clamp(20px, 3vh, 36px) !important;
    margin-bottom: 0 !important;
}
.about-v4 .block-head__title {
    color: #FFFFFF !important;
    text-shadow: 0 2px 20px rgba(0, 0, 0, 0.4);
    font-size: clamp(1.9rem, 3.8vw, 3.4rem) !important;
    line-height: 1.1 !important;
    margin-bottom: 10px !important;
}
.about-v4 .block-head__title em { color: rgba(255, 255, 255, 0.78) !important; }
.about-v4 .block-head__meta    { color: rgba(255, 255, 255, 0.6) !important; }

.about-v4__grid {
    gap: clamp(20px, 4vw, 64px) !important;
    align-items: center !important;
}
.about-v4__body p {
    color: rgba(255, 255, 255, 0.88) !important;
    text-shadow: 0 1px 6px rgba(0, 0, 0, 0.35);
    font-size: clamp(0.95rem, 1.3vw, 1.18rem) !important;
    line-height: 1.55 !important;
    margin: 0 0 14px 0 !important;
}
.about-v4__body p:first-child {
    color: #FFFFFF !important;
    font-size: clamp(1.1rem, 1.7vw, 1.55rem) !important;
    line-height: 1.3 !important;
    margin-bottom: 16px !important;
}
.about-v4__stats {
    background: rgba(30, 34, 22, 0.7) !important;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(242, 237, 228, 0.15) !important;
    padding: 28px 32px !important;
    gap: 20px !important;
}
.about-v4__stat-value {
    color: #E8FE5B !important;
    font-size: clamp(2.2rem, 4vw, 3.2rem) !important;
}
.about-v4__stat-label { color: rgba(255, 255, 255, 0.65) !important; }

@media (max-width: 768px) {
    .about-v4 {
        padding: 56px 0 48px !important;
        display: block !important;
    }
    .about-v4 .block-head__title {
        font-size: clamp(1.7rem, 5.5vw, 2.4rem) !important;
    }
    .about-v4__body p { font-size: 1rem !important; }
    .about-v4__body p:first-child { font-size: 1.2rem !important; }
    .about-v4__stats { padding: 24px !important; }
    .about-v4__stat-value { font-size: clamp(2rem, 8vw, 2.8rem) !important; }
}

/* ============================================================
   PROCESS — JS-powered kart istifi
   blocks-v4.css + scene-3d.css tamamen ezilir
   ============================================================ */

.process-v4 {
    position: relative !important;
    background: #B8A538 !important;
    color: #14120E !important;
    min-height: 400vh !important;
    padding: 0 !important;
    overflow: visible !important;
    z-index: 5 !important;
}

.process-v4 .block-head {
    position: sticky !important;
    top: 0 !important;
    z-index: 10 !important;
    background: #B8A538 !important;
    padding-top: 80px !important;
    padding-bottom: 40px !important;
    padding-inline: var(--page-pad-x, 32px) !important;
    margin-bottom: 0 !important;
}
.process-v4 .block-head__title {
    color: #14120E !important;
    text-shadow: none !important;
    max-width: 10ch;
}
.process-v4 .block-head__title em { color: #4A5238 !important; }
.process-v4 .block-head__meta    { color: rgba(20, 18, 14, 0.60) !important; }

.process-v4__list {
    position: sticky !important;
    top: 180px !important;
    height: 620px !important;
    max-width: var(--container, 1440px) !important;
    margin-inline: auto !important;
    padding-inline: var(--page-pad-x, 32px) !important;
    z-index: 20 !important;
}

.process-v4__step {
    position: absolute !important;
    width: 40% !important;
    max-width: 500px !important;
    min-height: 245px !important;
    margin: 0 !important;
    padding: 34px 38px !important;
    box-sizing: border-box !important;

    background: #F5F0E8 !important;
    border: 1px solid rgba(20, 18, 14, 0.07) !important;
    border-radius: 22px !important;

    display: grid !important;
    grid-template-columns: 88px 1fr !important;
    gap: 0 20px !important;
    align-items: start !important;

    box-shadow:
        0 2px 0 0 rgba(255,255,255,0.55) inset,
        0 28px 56px -14px rgba(20, 18, 14, 0.50),
        0 10px 20px -6px rgba(20, 18, 14, 0.22) !important;

    animation: none !important;
    transition: none !important;

    opacity: 0;
    transform-origin: center center;
    will-change: transform, opacity;
}

.process-v4__step:nth-child(1) {
    top:  0 !important;
    left: 37% !important;
    right: auto !important;
    z-index: 21 !important;
    transform: translateY(100vh) rotate(-4deg);
}
.process-v4__step:nth-child(2) {
    top:  24px !important;
    left: 57% !important;
    right: auto !important;
    z-index: 22 !important;
    transform: translateY(100vh) rotate(3deg);
}
.process-v4__step:nth-child(3) {
    top:  248px !important;
    left: 34% !important;
    right: auto !important;
    z-index: 23 !important;
    transform: translateY(100vh) rotate(-3deg);
}
.process-v4__step:nth-child(4) {
    top:  275px !important;
    left: 54% !important;
    right: auto !important;
    z-index: 24 !important;
    transform: translateY(100vh) rotate(4deg);
}

.process-v4__step-num {
    font-family: 'Instrument Serif', serif !important;
    font-size: clamp(2.8rem, 4.5vw, 4.2rem) !important;
    line-height: 1 !important;
    color: rgba(20, 18, 14, 0.22) !important;
    font-style: italic !important;
    padding-top: 4px !important;
    opacity: 1 !important;
}
.process-v4__step-title {
    font-family: 'Instrument Serif', serif !important;
    font-size: clamp(1.55rem, 2.4vw, 2.05rem) !important;
    line-height: 1.15 !important;
    font-weight: 400 !important;
    color: #14120E !important;
    margin: 8px 0 12px !important;
    letter-spacing: -0.025em !important;
}
.process-v4__step-text {
    font-size: 14.5px !important;
    line-height: 1.62 !important;
    color: rgba(20, 18, 14, 0.80) !important;
    max-width: 36ch !important;
    margin: 0 !important;
}

/* Mobilde JS iptal, düz akış */
@media (max-width: 900px) {
    .process-v4 {
        min-height: auto !important;
        padding: 80px 0 40px !important;
    }
    .process-v4 .block-head {
        position: relative !important;
        padding-top: 0 !important;
    }
    .process-v4__list {
        position: relative !important;
        top: auto !important;
        height: auto !important;
        display: block !important;
    }
      .process-v4__step,
    .process-v4__step:nth-child(1),
    .process-v4__step:nth-child(2),
    .process-v4__step:nth-child(3),
    .process-v4__step:nth-child(4),
    .process-v4__step:nth-child(5) {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        left: auto !important;
        width: calc(100% - 40px) !important;
        max-width: 100% !important;
        min-height: auto !important;
        margin: 0 20px 24px !important;
        padding: 28px 24px !important;
        grid-template-columns: 1fr !important;
        gap: 12px !important;
        opacity: 1 !important;
        transform: none !important;
        box-sizing: border-box !important;
    }
}


/* ============================================
   FAQ — KOYU
   5 soru 100vh içine sığacak şekilde kompakt
   ============================================ */
.faq-v4 {
    background: #0A0806 !important;
    color: #FFFFFF !important;
    padding: clamp(32px, 5vh, 56px) 0 clamp(24px, 4vh, 44px) !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}
.faq-v4::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background:
        linear-gradient(180deg,
            rgba(20, 18, 14, 0.85) 0%,
            rgba(20, 18, 14, 0.65) 30%,
            rgba(20, 18, 14, 0.75) 70%,
            rgba(20, 18, 14, 0.9) 100%);
    pointer-events: none;
}
.faq-v4 .block-head {
    padding-bottom: clamp(16px, 2.5vh, 28px) !important;
    margin-bottom: 0 !important;
}
.faq-v4 .block-head__title {
    color: #FFFFFF !important;
    text-shadow: 0 2px 20px rgba(0, 0, 0, 0.4);
    font-size: clamp(1.8rem, 3.5vw, 3rem) !important;
    margin-bottom: 6px !important;
}
.faq-v4 .block-head__title em { color: rgba(255, 255, 255, 0.85) !important; }
.faq-v4 .block-head__meta    { color: rgba(255, 255, 255, 0.55) !important; }

.faq-v4__list {
    position: relative;
    z-index: 2;
}
.faq-v4__q {
    padding: clamp(14px, 1.8vh, 22px) 0 !important;
}
.faq-v4__item { border-top-color: rgba(255, 255, 255, 0.12) !important; }
.faq-v4__item:last-child { border-bottom-color: rgba(255, 255, 255, 0.12) !important; }
.faq-v4__q-num { color: rgba(255, 255, 255, 0.45) !important; }
.faq-v4__q-text {
    color: #FFFFFF !important;
    text-shadow: 0 1px 8px rgba(0, 0, 0, 0.4);
    font-size: clamp(1rem, 1.6vw, 1.4rem) !important;
}
.faq-v4__q-icon {
    border-color: rgba(255, 255, 255, 0.25) !important;
    color: #FFFFFF !important;
    width: 38px !important;
    height: 38px !important;
}
.faq-v4__item[open] .faq-v4__q-icon {
    background: #E8FE5B !important;
    color: #14120E !important;
    border-color: #E8FE5B !important;
}
.faq-v4__a {
    color: rgba(255, 255, 255, 0.82) !important;
    padding-bottom: clamp(12px, 1.8vh, 20px) !important;
    font-size: 14.5px !important;
    line-height: 1.6 !important;
}
@media (max-width: 768px) {
    .faq-v4 {
        padding: 56px 0 48px !important;
        display: block !important;
    }
    .faq-v4 .block-head__title {
        font-size: clamp(1.6rem, 5vw, 2.2rem) !important;
    }
    .faq-v4__q {
        padding: 18px 0 !important;
    }
}

/* ============================================
   CTA — ZEYTİN KOYU
   ============================================ */
.cta-v4 {
    background: #3E4A2E !important;
    color: #FFFFFF !important;
}
.cta-v4::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background:
        radial-gradient(ellipse 70% 60% at 50% 50%, rgba(232, 254, 91, 0.08), transparent 70%),
        linear-gradient(180deg,
            rgba(62, 74, 46, 0.82) 0%,
            rgba(62, 74, 46, 0.68) 50%,
            rgba(62, 74, 46, 0.9) 100%);
    pointer-events: none;
}
.cta-v4__eyebrow { color: rgba(255, 255, 255, 0.65) !important; }
.cta-v4__eyebrow::before,
.cta-v4__eyebrow::after { background: rgba(255, 255, 255, 0.3) !important; }
.cta-v4__title {
    color: #FFFFFF !important;
    text-shadow: 0 2px 24px rgba(0, 0, 0, 0.4);
}
.cta-v4__title em {
    color: #E8FE5B !important;
    text-shadow: 0 2px 24px rgba(232, 254, 91, 0.3);
    font-style: italic;
}
.cta-v4__btn {
    background: #E8FE5B !important;
    color: #14120E !important;
}
.cta-v4__btn:hover {
    background: #FFFFFF !important;
    color: #14120E !important;
}

/* ============================================
   CONTACT — KREM
   ============================================ */
.contact-v4 {
    background: #F2EDE4 !important;
    color: #14120E !important;
}
.contact-v4 .block-head__title { color: #14120E !important; }
.contact-v4 .block-head__title em { color: #4A5238 !important; }
.contact-v4 .block-head__meta { color: rgba(20, 18, 14, 0.55) !important; }
.contact-v4__block { border-bottom-color: rgba(20, 18, 14, 0.12) !important; }
.contact-v4__label { color: rgba(20, 18, 14, 0.55) !important; }
.contact-v4__value { color: #14120E !important; }
.contact-v4__field input,
.contact-v4__field textarea {
    background: rgba(255, 255, 255, 0.7) !important;
    border-color: rgba(20, 18, 14, 0.12) !important;
    color: #14120E !important;
}
.contact-v4__field input:focus,
.contact-v4__field textarea:focus {
    background: #FFFFFF !important;
    border-color: #4A5238 !important;
}
.contact-v4__field label { color: rgba(20, 18, 14, 0.6) !important; }
.contact-v4__submit {
    background: #14120E !important;
    color: #F2EDE4 !important;
}
.contact-v4__submit:hover {
    background: #4A5238 !important;
    color: #F2EDE4 !important;
}

/* ============================================
   WORK — KOYU
   ============================================ */
.work-v4 {
    background: #14120E !important;
    color: #FFFFFF !important;
}
.work-v4 .block-head__title { color: #FFFFFF !important; }
.work-v4 .block-head__title em { color: #E8FE5B !important; }
.work-v4 .block-head__meta { color: rgba(255, 255, 255, 0.55) !important; }
.work-v4__scene-title { color: #FFFFFF !important; }
.work-v4__scene-title em { color: rgba(255, 255, 255, 0.75) !important; }
.work-v4__scene-excerpt { color: rgba(255, 255, 255, 0.75) !important; }
.work-v4__scene-meta { color: rgba(255, 255, 255, 0.5) !important; }
.work-v4__scene-cta {
    color: #FFFFFF !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
}
/* =====================================================================
   TESTIMONIALS SLIDER — Apollo tarzı 3D kart carousel
   Koyu kahve zemin, krem kartlar, sarı "Kaydır" butonu
   ===================================================================== */

.testimonials-v4 {
    background: #2A2419 !important;
    color: #FFFFFF !important;
    min-height: 100vh !important;
    padding: 80px 0 120px !important;
    overflow: hidden !important;
    isolation: isolate;
}

.testimonials-v4::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background:
        radial-gradient(ellipse 80% 60% at 50% 50%, rgba(184, 165, 56, 0.12), transparent 70%),
        linear-gradient(180deg,
            rgba(42, 36, 25, 0.88) 0%,
            rgba(42, 36, 25, 0.72) 30%,
            rgba(42, 36, 25, 0.8) 70%,
            rgba(42, 36, 25, 0.95) 100%);
    pointer-events: none;
}

.testimonials-v4__inner {
    position: relative;
    z-index: 2;
    max-width: var(--container, 1440px);
    margin-inline: auto;
    padding-inline: var(--page-pad-x, 32px);
}

/* Başlık */
.testimonials-v4 .block-head {
    text-align: center;
    margin-bottom: 80px;
}
.testimonials-v4 .block-head__title {
    color: #FFFFFF !important;
    font-size: clamp(2.2rem, 5vw, 4rem) !important;
    line-height: 1.1 !important;
    margin: 0 0 24px 0 !important;
    text-shadow: 0 2px 30px rgba(0, 0, 0, 0.4);
}
.testimonials-v4 .block-head__title em {
    color: #E8FE5B !important;
    font-style: italic;
}
.testimonials-v4 .block-head__meta {
    color: rgba(255, 255, 255, 0.55) !important;
    font-family: 'JetBrains Mono', monospace;
    font-size: 11px;
    letter-spacing: 0.12em;
    display: inline-flex;
    gap: 32px;
    justify-content: center;
    width: 100%;
}

/* =========== SLIDER ============ */
.slider-v4 {
    position: relative;
    width: 100%;
    height: 540px;
    perspective: 1600px;
    margin-top: 40px;
}

.slider-v4__stage {
    position: relative;
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
}

/* Her kart */
.slider-v4__card {
    position: absolute;
    top: 50%;
    left: 50%;
    width: min(440px, 80vw);
    height: 460px;
    padding: 48px 44px;

    background: linear-gradient(155deg,
        rgba(242, 237, 228, 0.98) 0%,
        rgba(232, 225, 210, 0.95) 100%);
    color: #14120E;
    border: 1px solid rgba(20, 18, 14, 0.1);
    border-radius: 24px;

    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 24px;

    box-shadow:
        0 30px 80px -20px rgba(0, 0, 0, 0.55),
        0 15px 30px -10px rgba(0, 0, 0, 0.3);

    /* Default: uzakta, gizli */
    transform: translate(-50%, -50%) scale(0.7) translateX(0);
    opacity: 0;
    pointer-events: none;
    transition:
        transform 0.7s cubic-bezier(0.22, 1, 0.36, 1),
        opacity 0.5s ease,
        filter 0.5s ease;
    z-index: 1;
    filter: blur(4px);

    will-change: transform, opacity, filter;
}

/* Aktif (merkez) kart */
.slider-v4__card[data-active] {
    transform: translate(-50%, -50%) scale(1) rotate(-1deg);
    opacity: 1;
    pointer-events: auto;
    z-index: 10;
    filter: blur(0);
}

/* Önceki kart - soldan arka */
.slider-v4__card[data-prev] {
    transform: translate(-50%, -50%) translateX(-80%) scale(0.85) rotate(-6deg);
    opacity: 0.55;
    z-index: 5;
    filter: blur(1.5px);
}
.slider-v4__card[data-prev-2] {
    transform: translate(-50%, -50%) translateX(-130%) scale(0.72) rotate(-10deg);
    opacity: 0.25;
    z-index: 3;
    filter: blur(3px);
}

/* Sonraki kart - sağdan arka */
.slider-v4__card[data-next] {
    transform: translate(-50%, -50%) translateX(80%) scale(0.85) rotate(6deg);
    opacity: 0.55;
    z-index: 5;
    filter: blur(1.5px);
}
.slider-v4__card[data-next-2] {
    transform: translate(-50%, -50%) translateX(130%) scale(0.72) rotate(10deg);
    opacity: 0.25;
    z-index: 3;
    filter: blur(3px);
}

/* Kart içeriği */
.slider-v4__quote {
    margin: 0;
    flex: 1;
    display: flex;
    align-items: center;
}
.slider-v4__quote p {
    font-family: 'Instrument Serif', serif;
    font-size: clamp(1.1rem, 1.4vw, 1.35rem);
    line-height: 1.5;
    color: #14120E;
    margin: 0;
    font-style: italic;
    font-weight: 400;
}

.slider-v4__author {
    border-top: 1px solid rgba(20, 18, 14, 0.15);
    padding-top: 20px;
}
.slider-v4__firma {
    font-family: 'Instrument Sans', sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: #14120E;
    margin-bottom: 4px;
    letter-spacing: -0.01em;
}
.slider-v4__poz {
    font-family: 'JetBrains Mono', monospace;
    font-size: 10px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: rgba(20, 18, 14, 0.6);
}

/* Kaydır butonu - sağ altta */
.slider-v4__btn {
    position: absolute;
    bottom: 40px;
    right: 60px;
    z-index: 20;

    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 16px 24px;

    background: #E8FE5B;
    color: #14120E;
    border: 1px solid #E8FE5B;
    border-radius: 999px;
    font-family: 'Instrument Sans', sans-serif;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -0.01em;
    cursor: pointer;

    box-shadow:
        0 0 0 0 rgba(232, 254, 91, 0.4),
        0 10px 30px -5px rgba(232, 254, 91, 0.35);

    transition: all 0.3s ease;
    animation: sliderBtnPulse 2.8s ease-in-out infinite;
}

.slider-v4__btn:hover {
    background: #FFFFFF;
    color: #14120E;
    transform: translateY(-2px);
    box-shadow:
        0 0 0 6px rgba(232, 254, 91, 0.2),
        0 15px 40px -5px rgba(232, 254, 91, 0.55);
    animation: none;
}

.slider-v4__btn:active {
    transform: translateY(0) scale(0.97);
}

.slider-v4__btn svg {
    flex-shrink: 0;
}

@keyframes sliderBtnPulse {
    0%, 100% {
        box-shadow:
            0 0 0 0 rgba(232, 254, 91, 0.4),
            0 10px 30px -5px rgba(232, 254, 91, 0.35);
    }
    50% {
        box-shadow:
            0 0 0 10px rgba(232, 254, 91, 0),
            0 15px 40px -5px rgba(232, 254, 91, 0.5);
    }
}

/* Sayaç - sol altta */
.slider-v4__counter {
    position: absolute;
    bottom: 50px;
    left: 60px;
    z-index: 20;

    font-family: 'Instrument Serif', serif;
    font-size: 2rem;
    color: rgba(255, 255, 255, 0.9);
    font-style: italic;
    letter-spacing: 0.02em;
    display: inline-flex;
    gap: 8px;
    align-items: baseline;
}
.slider-v4__counter-sep {
    color: rgba(255, 255, 255, 0.3);
    font-size: 1.6rem;
}
.slider-v4__counter span[data-slider-total] {
    font-size: 1.3rem;
    color: rgba(255, 255, 255, 0.5);
    font-style: normal;
    font-family: 'JetBrains Mono', monospace;
}

/* Mobil */
@media (max-width: 900px) {
    .testimonials-v4 {
        padding: 60px 0 100px !important;
    }
    .slider-v4 {
        height: 480px;
    }
    .slider-v4__card {
        width: min(340px, 82vw);
        height: 420px;
        padding: 32px 28px;
    }
    .slider-v4__card[data-prev],
    .slider-v4__card[data-next] {
        opacity: 0.3;
    }
    .slider-v4__card[data-prev-2],
    .slider-v4__card[data-next-2] {
        opacity: 0;
    }
    .slider-v4__quote p {
        font-size: 1.05rem;
    }
    .slider-v4__btn {
        bottom: 24px;
        right: 20px;
        padding: 14px 20px;
        font-size: 13px;
    }
    .slider-v4__counter {
        bottom: 34px;
        left: 24px;
        font-size: 1.5rem;
    }
}