/* =========================
   DETAIL HERO
========================= */
.detail-hero {
    height: 70vh;
    background-image: url("/static/img/dolguhero.jpg");
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    position: relative;
    padding-bottom: 80px;
}

.botoks-hero {
    background-image: url("/static/img/botokshero.jpg");
}
/* BOTOKS */
.hero-burun-botoksu {
    background-image: url("/static/img/botoks/burunbotokshero.png");
}
.hero-cene-botoksu {
    background-image: url("/static/img/botoks/cenebotokshero.png");
}
.hero-dudak-botoksu {
    background-image: url("/static/img/botoks/dudakbotokshero.png");
}
.hero-el-ayak-terleme-botoksu {
    background-image: url("/static/img/botoks/elayakterlemebotoksuhero.png");
}
.hero-kas-botoksu {
    background-image: url("/static/img/botoks/kasbotoksuhero.jpg");
}
.hero-migren-botoksu {
    background-image: url("/static/img/botoks/migrenbotoksuhero.jpg");
}
.hero-terleme-botoksu {
    background-image: url("/static/img/botoks/terlemebotoksuhero.png");
}
/* DOLGU */
.hero-alin-dolgusu {
    background-image: url("/static/img/dolgu/alindolgusuhero.jpg");
}
.hero-burun-dolgusu {
    background-image: url("/static/img/dolgu/burundolgusuhero.png");
}
.hero-cene-dolgusu {
    background-image: url("/static/img/dolgu/cenedolgusuhero.jpg");
}
.hero-dudak-dolgusu {
    background-image: url("/static/img/dolgu/dudakdolgusuhero.jpeg");
}
.hero-elmacik-dolgusu {
    background-image: url("/static/img/dolgu/elmacikdolgusuhero.jpg");
}
.hero-goz-dolgusu {
    background-image: url("/static/img/dolgu/gozdolgusuhero.jpg");
}
.hero-sakak-dolgusu {
    background-image: url("/static/img/dolgu/sakakdolgusuhero.jpg");
}
.hero-yanak-dolgusu {
    background-image: url("/static/img/dolgu/yanakdolgusuhero.jpg");
}
.hero-yuzcukur-dolgusu {
    background-image: url("/static/img/dolgu/yuzcukurdolgusuhero.jpg");
}
/* ERKEK GENİTAL ESTETİK */
.hero-erkenbosalma {
    background-image: url("/static/img/erkekgenitalestetik/bosalmahero.jpg");
}
.hero-kalinlastirma {
    background-image: url("/static/img/erkekgenitalestetik/kalinlastirmahero.jpg");
}
.hero-pubis {
    background-image: url("/static/img/erkekgenitalestetik/pubishero.jpg");
}
.hero-uzatma {
    background-image: url("/static/img/erkekgenitalestetik/uzatmahero.jpg");
}
/* MEZOTERAPİ */
.hero-leke-mezoterapisi {
    background-image: url("/static/img/mezoterapi/lekemezoterapisihero.jpg");
}
.hero-lipolitik-mezoterapi {
    background-image: url("/static/img/mezoterapi/lipolitikmezoterapihero.jpg");
}
.hero-renkacici-mezoterapi {
    background-image: url("/static/img/mezoterapi/renkacicimezoterapihero.png");
}
.hero-selulit-mezoterapisi {
    background-image: url("/static/img/mezoterapi/selulitmezoterapisihero.jpg");
}
.hero-yuz-mezoterapisi {
    background-image: url("/static/img/mezoterapi/yuzmezoterapisihero.jpg");
}
/* SAÇ İŞLEMLERİ */
.hero-sac-eksozom {
    background-image: url("/static/img/sacislemleri/saceksozomhero.jpg");
}
.hero-sac-kokhucre {
    background-image: url("/static/img/sacislemleri/sackokhucrehero.jpg");
}
.hero-sac-prp {
    background-image: url("/static/img/sacislemleri/sacprphero.jpg");
}
.hero-sac-mezoterapi {
    background-image: url("/static/img/sacislemleri/sacmezohero.jpg");
}
/* SAÇ İŞLEMLERİ SON */

/* NEM AŞISI */
.nem-hero {
    background-image: url("/static/img/nemasisihero.jpeg");
}

/* FİBROBLAST */
.fibroblast-hero {
    background-image: url("/static/img/fibroblasthero.jpg");
}




.mezoterapi-hero {
    background-image: url("/static/img/mezoterapihero.jpg");
}

.prp-hero {
    background-image: url("/static/img/prphero.jpg");
}

.kokhucre-hero {
    background-image: url("/static/img/kokhucrehero2.jpg");
}

.burun-hero {
    background-image: url("/static/img/burunhero.jpg");
}


.detail-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.13);
}

.detail-hero-content {
    position: relative;
    text-align: center;
    color: #38342a;
    max-width: 700px;
    padding: 0 20px;
}

.detail-hero-content h1 {
    font-size: 3rem;
    letter-spacing: 0.15em;
    font-weight: 400;
    margin-bottom: 50px;
    
}

.detail-hero-content p {
    font-size: 1.2rem;
    line-height: 1.6;
    opacity: 0.9;
}

/* =========================
   CONTENT SECTION
========================= */
.detail-content-section {
    background: #ffffff;
    margin-top: 150px;
}

.detail-row {
    display: flex;
    gap: 50px;
    align-items: center;
}

/* Sol Metin */
.detail-text {
    flex: 1;
    color: #333;
}

.detail-text h2 {
    font-size: 2.2rem;
    margin-bottom: 25px;
    font-weight: 500;
}

.detail-text p {
    font-size: 1.05rem;
    line-height: 1.8;
    color: #555;
    margin-bottom: 20px;
}

/* Sağ Video Alanı */
.detail-image {
    flex: 1;
    text-align: center;
    padding: 12px;
}

/* Video Stili */
.detail-image video {
    width: 100%;
    max-height: 520px;
    object-fit: cover;
    border-radius: 24px; /* yumuşak köşeler */
    box-shadow: 
        0 20px 40px rgba(0, 0, 0, 0.575),
        0 5px 15px rgba(0,0,0,0.08);
    background: #fbff00;
}

/* Hafif cam efekti isteyenler için */
.detail-image video {
    backdrop-filter: blur(6px);
}

/* =========================
   ELITE FAQ – YUMUŞAK AÇILMA
========================= */

.elite-faq-section {
    padding: 90px 0;
    background: #fafafa;
}

.elite-title {
    text-align: center;
    font-size: 2.2rem;
    font-weight: 500;
    margin-bottom: 60px;
    color: #222;
}

/* FAQ kutusu */
.elite-faq {
    max-width: 850px;
    margin: 0 auto;
}

/* Her soru */
.faq-item {
    border-bottom: 1px solid rgba(0,0,0,0.08);
    padding: 18px 0;
}

/* Soru satırı */
.faq-question {
    width: 100%;
    background: none;
    border: none;
    font-size: 1.1rem;
    font-weight: 400;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    padding: 15px 0;
    color: #222;
}

/* + / - ikon */
.faq-question .icon {
    font-size: 1.6rem;
    font-weight: 300;
    transition: transform 0.4s ease, color 0.3s ease;
    color: #ff9101; /* elit altın ton */
}

/* CEVAP */
.faq-answer {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transform: translateY(-6px);
    transition:
        max-height 0.9s ease,
        opacity 0.9s ease,
        transform 0.9s ease;
}

/* Açık hali */
.faq-item.active .faq-answer {
    max-height: 300px;
    opacity: 1;
    transform: translateY(0);
    margin-top: 10px;
}

/* Açıkken ikon */
.faq-item.active .icon {
    transform: rotate(45deg); /* + → x gibi ama zarif */
    color: #222;
}

.faq-answer p {
    font-size: 1rem;
    line-height: 1.7;
    color: #555;
    padding-right: 40px;
}



/* =========================
   RESPONSIVE
========================= */
@media (max-width: 992px) {
    .detail-row {
        flex-direction: column;
    }

    .detail-hero-content h1 {
        font-size: 2.2rem;
    }
}