/*
 * Ferah teması — aqua / nane, yumuşak köşeler, sabun köpüğü ve silecek efekti.
 * Renkler panelden değişir; burada yalnızca --zt-* değişkenleri kullanılır.
 */

.theme-ferah .zt-hero-ferah {
    background:
        radial-gradient(520px 340px at 92% 8%, rgba(var(--zt-primary-rgb), .16), transparent 70%),
        radial-gradient(420px 260px at 0% 100%, rgba(var(--zt-accent-rgb), .18), transparent 70%),
        linear-gradient(180deg, var(--zt-light), var(--zt-body) 92%);
    padding-bottom: clamp(96px, 11vw, 150px);
}

.theme-ferah .zt-hero-ferah .zt-hero-title {
    background: linear-gradient(100deg, var(--zt-dark) 55%, var(--zt-primary-dark));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.theme-ferah .zt-hero-wave {
    position: absolute;
    bottom: -1px;
    left: 0;
    color: var(--zt-body);
}

.theme-ferah .zt-hero-stage {
    position: relative;
    padding: 0 0 34px 34px;
}

[dir="rtl"] .theme-ferah .zt-hero-stage {
    padding: 0 34px 34px 0;
}

.theme-ferah .zt-hero-visual {
    border-radius: 42% 58% 46% 54% / 18% 18% 20% 20%;
    border: 6px solid var(--bs-body-bg);
}

.theme-ferah .zt-quick-price {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 240px;
    animation: zt-float 8s ease-in-out infinite;
    z-index: 3;
}

[dir="rtl"] .theme-ferah .zt-quick-price {
    left: auto;
    right: 0;
}

.theme-ferah .zt-hero-proof {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 10px 16px 10px 10px;
    border-radius: 999px;
    background: var(--bs-body-bg);
    border: 1px solid var(--zt-line);
    box-shadow: var(--zt-shadow-sm);
}

.theme-ferah .zt-hero-proof small {
    display: block;
    color: var(--zt-muted);
}

.theme-ferah .zt-hero-g {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    font-weight: 800;
    font-family: Arial, sans-serif;
    color: #fff;
    background: conic-gradient(#ea4335 0 25%, #fbbc05 0 50%, #34a853 0 75%, #4285f4 0);
}

.theme-ferah .zt-trust {
    margin-top: -64px;
}

.theme-ferah .zt-service-card {
    border-radius: var(--zt-radius-lg);
}

.theme-ferah .zt-service-card .zt-service-media {
    margin: 10px 10px 0;
    border-radius: calc(var(--zt-radius-lg) - 8px);
}

.theme-ferah .zt-step-num {
    border-style: solid;
    background: radial-gradient(circle at 30% 30%, #fff, rgba(var(--zt-primary-rgb), .14));
}

@media (max-width: 991.98px) {
    .theme-ferah .zt-hero-stage {
        padding: 0 0 70px;
    }

    .theme-ferah .zt-quick-price {
        left: 50%;
        transform: translateX(-50%);
        animation: none;
        width: min(300px, 90%);
    }

    [dir="rtl"] .theme-ferah .zt-quick-price {
        right: auto;
    }

    .theme-ferah .zt-trust {
        margin-top: -40px;
    }
}

[data-bs-theme="dark"] .theme-ferah .zt-hero-ferah {
    background:
        radial-gradient(520px 340px at 92% 8%, rgba(var(--zt-primary-rgb), .22), transparent 70%),
        linear-gradient(180deg, #11232c, #0d1a21 92%);
}

[data-bs-theme="dark"] .theme-ferah .zt-hero-ferah .zt-hero-title {
    background: linear-gradient(100deg, #f1f7f9 55%, var(--zt-primary));
    -webkit-background-clip: text;
    background-clip: text;
}

[data-bs-theme="dark"] .theme-ferah .zt-hero-wave {
    color: #0d1a21;
}

[data-bs-theme="dark"] .theme-ferah .zt-hero-proof {
    background: #12252f;
}