/* AYGE Step28 - Hizmet sayfası ilgili yazılar alanı */
.ayge-related-articles{
    margin:55px 0 35px;
    padding:34px;
    border-radius:28px;
    background:linear-gradient(135deg,#fffaf5,#ffffff);
    border:1px solid rgba(199,119,61,.18);
    box-shadow:0 24px 70px rgba(35,22,12,.08);
}
.ayge-related-articles .ayge-related-head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:20px;
    margin-bottom:24px;
}
.ayge-related-articles h2{
    margin:0;
    color:#1f1a17;
    font-size:30px;
    line-height:1.18;
}
.ayge-related-articles p{
    color:#5b524b;
    line-height:1.75;
    margin:0;
}
.ayge-related-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
}
.ayge-related-card{
    display:block;
    padding:22px;
    border-radius:22px;
    background:#fff;
    border:1px solid rgba(35,22,12,.08);
    color:#1f1a17;
    text-decoration:none;
    box-shadow:0 16px 45px rgba(35,22,12,.07);
    transition:.28s ease;
}
.ayge-related-card:hover{
    transform:translateY(-7px);
    border-color:rgba(199,119,61,.45);
    box-shadow:0 26px 65px rgba(35,22,12,.12);
    color:#1f1a17;
}
.ayge-related-card span{
    display:inline-flex;
    margin-bottom:10px;
    padding:7px 11px;
    border-radius:999px;
    background:rgba(199,119,61,.10);
    color:#a35b27;
    font-size:12px;
    font-weight:700;
}
.ayge-related-card strong{
    display:block;
    font-size:18px;
    line-height:1.32;
    margin-bottom:10px;
}
.ayge-related-card em{
    font-style:normal;
    color:#c7773d;
    font-weight:700;
}
@media(max-width:991px){
    .ayge-related-grid{grid-template-columns:1fr}
    .ayge-related-articles{padding:26px}
    .ayge-related-articles .ayge-related-head{display:block}
    .ayge-related-articles h2{font-size:26px;margin-bottom:12px}
}




/* STEP33 - Okunabilir açık premium ilgili yazılar tasarımı */
.ayge-related-articles{
    position:relative !important;
    overflow:hidden !important;
    margin:58px 0 42px !important;
    padding:42px !important;
    border-radius:34px !important;
    background:
        radial-gradient(circle at 92% 8%,rgba(199,119,61,.12),transparent 30%),
        linear-gradient(135deg,#fffaf4,#ffffff 58%,#f8efe7) !important;
    border:1px solid rgba(199,119,61,.18) !important;
    box-shadow:0 26px 75px rgba(46,29,16,.10) !important;
    color:#1f1a17 !important;
}

.ayge-related-articles:before{
    content:"" !important;
    position:absolute !important;
    left:-80px !important;
    bottom:-90px !important;
    width:260px !important;
    height:260px !important;
    border-radius:50% !important;
    background:radial-gradient(circle,rgba(199,119,61,.10),transparent 68%) !important;
    pointer-events:none !important;
}

.ayge-related-articles .ayge-related-head{
    position:relative !important;
    z-index:2 !important;
    display:block !important;
    margin-bottom:28px !important;
}

.ayge-related-articles h2{
    color:#1f1a17 !important;
    font-size:34px !important;
    line-height:1.16 !important;
    letter-spacing:-.7px !important;
    margin:0 0 12px !important;
    font-weight:800 !important;
}

.ayge-related-articles p{
    color:#5a514a !important;
    font-size:17px !important;
    line-height:1.82 !important;
    max-width:780px !important;
    margin:0 !important;
}

.ayge-related-grid{
    position:relative !important;
    z-index:2 !important;
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:20px !important;
}

.ayge-related-card{
    position:relative !important;
    overflow:hidden !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:space-between !important;
    min-height:210px !important;
    padding:28px !important;
    border-radius:28px !important;
    background:#ffffff !important;
    border:1px solid rgba(64,42,27,.10) !important;
    color:#1f1a17 !important;
    text-decoration:none !important;
    box-shadow:0 18px 48px rgba(46,29,16,.08) !important;
    transition:.32s ease !important;
}

.ayge-related-card:before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    background:linear-gradient(135deg,rgba(199,119,61,.075),transparent 45%) !important;
    opacity:0 !important;
    transition:.32s ease !important;
    pointer-events:none !important;
}

.ayge-related-card:hover{
    transform:translateY(-8px) !important;
    border-color:rgba(199,119,61,.42) !important;
    box-shadow:0 30px 72px rgba(46,29,16,.14),0 0 0 1px rgba(199,119,61,.13) !important;
}

.ayge-related-card:hover:before{
    opacity:1 !important;
}

.ayge-related-card span{
    position:relative !important;
    z-index:1 !important;
    display:inline-flex !important;
    width:max-content !important;
    margin-bottom:16px !important;
    padding:8px 13px !important;
    border-radius:999px !important;
    background:rgba(199,119,61,.10) !important;
    color:#9d5525 !important;
    border:1px solid rgba(199,119,61,.18) !important;
    font-size:12px !important;
    font-weight:800 !important;
    letter-spacing:.5px !important;
}

.ayge-related-card strong{
    position:relative !important;
    z-index:1 !important;
    display:block !important;
    color:#211b17 !important;
    font-size:21px !important;
    line-height:1.34 !important;
    letter-spacing:-.35px !important;
    margin-bottom:18px !important;
    font-weight:800 !important;
}

.ayge-related-card em{
    position:relative !important;
    z-index:1 !important;
    display:inline-flex !important;
    align-items:center !important;
    gap:8px !important;
    font-style:normal !important;
    color:#c7773d !important;
    font-weight:800 !important;
    transition:.25s ease !important;
}

.ayge-related-card:hover em{
    transform:translateX(6px) !important;
}

@media(max-width:991px){
    .ayge-related-articles{
        padding:30px !important;
        border-radius:28px !important;
    }
    .ayge-related-grid{
        grid-template-columns:1fr !important;
    }
    .ayge-related-articles h2{
        font-size:28px !important;
    }
    .ayge-related-card{
        min-height:auto !important;
    }
}


/* STEP34 - Real premium FAQ UI */
.ayge-premium-faq{
    position:relative;
    overflow:hidden;
    margin:70px 0 40px;
    padding:42px;
    border-radius:34px;
    background:
      radial-gradient(circle at top right, rgba(199,119,61,.10), transparent 26%),
      linear-gradient(135deg,#fffaf5,#ffffff 62%,#f8f1ea);
    border:1px solid rgba(199,119,61,.16);
    box-shadow:0 28px 80px rgba(31,20,12,.08);
}

.ayge-premium-faq-title{
    margin-bottom:30px;
}

.ayge-premium-faq-title h2{
    font-size:38px;
    line-height:1.08;
    letter-spacing:-1px;
    margin:0 0 12px;
    color:#1f1a17;
}

.ayge-premium-faq-title p{
    margin:0;
    color:#655b54;
    font-size:17px;
    line-height:1.8;
    max-width:760px;
}

.ayge-faq-grid{
    display:grid;
    gap:18px;
}

.ayge-faq-item{
    position:relative;
    overflow:hidden;
    border-radius:28px;
    background:#ffffff;
    border:1px solid rgba(44,28,16,.08);
    box-shadow:0 14px 40px rgba(31,20,12,.05);
    transition:.30s ease;
}

.ayge-faq-item:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:5px;
    height:100%;
    background:linear-gradient(180deg,#c7773d,#e2a16d);
    opacity:.85;
}

.ayge-faq-item:hover{
    transform:translateY(-4px);
    border-color:rgba(199,119,61,.34);
    box-shadow:0 22px 55px rgba(31,20,12,.10);
}

.ayge-faq-question{
    position:relative;
    padding:26px 32px 10px 32px;
    color:#08384c;
    font-size:22px;
    line-height:1.35;
    font-weight:800;
    letter-spacing:-.4px;
}

.ayge-faq-answer{
    padding:0 32px 28px 32px;
    color:#6a625c;
    font-size:17px;
    line-height:1.95;
}

@media(max-width:768px){
    .ayge-premium-faq{
        padding:28px;
        border-radius:26px;
    }

    .ayge-premium-faq-title h2{
        font-size:30px;
    }

    .ayge-faq-question{
        font-size:19px;
        padding:22px 22px 10px 22px;
    }

    .ayge-faq-answer{
        padding:0 22px 22px 22px;
        font-size:16px;
        line-height:1.8;
    }
}


/* STEP35 - SSS yazı başlangıcı kesin okunurluk düzeltmesi */
.ayge-premium-faq .ayge-faq-item{
    padding-left:0 !important;
}

.ayge-premium-faq .ayge-faq-item:before{
    width:6px !important;
    left:0 !important;
    z-index:1 !important;
}

.ayge-premium-faq .ayge-faq-question{
    display:block !important;
    padding:26px 34px 12px 46px !important;
    margin:0 !important;
    text-indent:0 !important;
    overflow:visible !important;
    color:#08384c !important;
    font-size:22px !important;
    line-height:1.35 !important;
    font-weight:800 !important;
    letter-spacing:-.3px !important;
}

.ayge-premium-faq .ayge-faq-answer{
    display:block !important;
    padding:0 34px 28px 46px !important;
    margin:0 !important;
    text-indent:0 !important;
    overflow:visible !important;
    color:#5f6870 !important;
    font-size:17px !important;
    line-height:1.85 !important;
}

.ayge-premium-faq .ayge-faq-question *,
.ayge-premium-faq .ayge-faq-answer *{
    margin-left:0 !important;
    text-indent:0 !important;
}

@media(max-width:768px){
    .ayge-premium-faq .ayge-faq-question{
        padding:22px 22px 10px 34px !important;
        font-size:19px !important;
    }
    .ayge-premium-faq .ayge-faq-answer{
        padding:0 22px 22px 34px !important;
        font-size:16px !important;
    }
}





/* STEP38 - Ana sayfa eski SSS bloğu güvenli okunurluk düzeltmesi */
/* HTML yapısına dokunmaz. Sadece eski beyaz soru kartlarının iç boşluğunu düzeltir. */
body.upper-faq-real-fix .site-main .container h2,
body.upper-faq-real-fix .site-main .container h3{
    box-sizing:border-box !important;
    padding-left:42px !important;
    padding-right:32px !important;
    margin-left:0 !important;
    text-indent:0 !important;
    overflow:visible !important;
}

body.upper-faq-real-fix .site-main .container h2 + p,
body.upper-faq-real-fix .site-main .container h3 + p{
    box-sizing:border-box !important;
    padding-left:42px !important;
    padding-right:32px !important;
    margin-left:0 !important;
    text-indent:0 !important;
    overflow:visible !important;
}

/* Soru kartı beyaz kutu görünümünde ise sol kesilmeyi önler */
body.upper-faq-real-fix .site-main .container h2,
body.upper-faq-real-fix .site-main .container h3{
    border-top-left-radius:24px;
}

/* Gereksiz taşma olmasın */
body.upper-faq-real-fix .site-main{
    overflow-x:hidden;
}

@media(max-width:768px){
    body.upper-faq-real-fix .site-main .container h2,
    body.upper-faq-real-fix .site-main .container h3{
        padding-left:28px !important;
        padding-right:20px !important;
    }

    body.upper-faq-real-fix .site-main .container h2 + p,
    body.upper-faq-real-fix .site-main .container h3 + p{
        padding-left:28px !important;
        padding-right:20px !important;
    }
}


/* STEP39 - Ana sayfa Merak Edilenler kesin düzeltme */
/* Sadece ekran görüntüsündeki ana sayfa soru kartlarını hedefler. */
body.home-merak-fixed .home-merak-question-text{
    display:block !important;
    padding-left:42px !important;
    padding-right:28px !important;
    margin-left:0 !important;
    text-indent:0 !important;
    overflow:visible !important;
    box-sizing:border-box !important;
}

body.home-merak-fixed .home-merak-question-text::before{
    content:"";
    position:absolute;
}

/* Bu span'ların bulunduğu h başlıkları sol kenara yapışmasın */
body.home-merak-fixed h2:has(.home-merak-question-text),
body.home-merak-fixed h3:has(.home-merak-question-text),
body.home-merak-fixed h4:has(.home-merak-question-text){
    padding-left:0 !important;
    margin-left:0 !important;
    overflow:visible !important;
    text-indent:0 !important;
    box-sizing:border-box !important;
}

/* Cevap paragraflarını da aynı hizada başlat */
body.home-merak-fixed h2:has(.home-merak-question-text) + p,
body.home-merak-fixed h3:has(.home-merak-question-text) + p,
body.home-merak-fixed h4:has(.home-merak-question-text) + p{
    padding-left:42px !important;
    padding-right:28px !important;
    margin-left:0 !important;
    text-indent:0 !important;
    box-sizing:border-box !important;
}

/* :has desteklemeyen tarayıcılar için geniş ama sadece body marker altında güvenli fallback */
body.home-merak-fixed .site-main .container .home-merak-question-text{
    transform:translateX(0) !important;
}

/* Kartların sol turuncu çizgisi yazının üstüne binmesin */
body.home-merak-fixed .site-main .container h2,
body.home-merak-fixed .site-main .container h3,
body.home-merak-fixed .site-main .container h4{
    overflow:visible !important;
}

@media(max-width:768px){
    body.home-merak-fixed .home-merak-question-text{
        padding-left:30px !important;
        padding-right:18px !important;
    }

    body.home-merak-fixed h2:has(.home-merak-question-text) + p,
    body.home-merak-fixed h3:has(.home-merak-question-text) + p,
    body.home-merak-fixed h4:has(.home-merak-question-text) + p{
        padding-left:30px !important;
        padding-right:18px !important;
    }
}


/* STEP44 - Burun estetiği soru blokları kesin fix */
body.burun-faq-fix .burun-safe-question{
    display:block !important;
    padding-left:42px !important;
    padding-right:24px !important;
    margin-left:0 !important;
    text-indent:0 !important;
    overflow:visible !important;
    box-sizing:border-box !important;
}

body.burun-faq-fix .faq-box,
body.burun-faq-fix .faq-item,
body.burun-faq-fix .ayge-premium-faq,
body.burun-faq-fix .ayge-faq-item{
    overflow:visible !important;
}

body.burun-faq-fix h2:has(.burun-safe-question),
body.burun-faq-fix h3:has(.burun-safe-question),
body.burun-faq-fix h4:has(.burun-safe-question),
body.burun-faq-fix .faq-question:has(.burun-safe-question),
body.burun-faq-fix .ayge-faq-question:has(.burun-safe-question){
    padding-left:0 !important;
    overflow:visible !important;
    text-indent:0 !important;
}

body.burun-faq-fix h2:has(.burun-safe-question)+p,
body.burun-faq-fix h3:has(.burun-safe-question)+p,
body.burun-faq-fix h4:has(.burun-safe-question)+p{
    padding-left:42px !important;
    padding-right:24px !important;
}

@media(max-width:768px){
    body.burun-faq-fix .burun-safe-question{
        padding-left:30px !important;
        padding-right:16px !important;
    }

    body.burun-faq-fix h2:has(.burun-safe-question)+p,
    body.burun-faq-fix h3:has(.burun-safe-question)+p,
    body.burun-faq-fix h4:has(.burun-safe-question)+p{
        padding-left:30px !important;
        padding-right:16px !important;
    }
}

/* STEP96 - Ana sayfa 'Merak Edilenler' kart başlangıcı düzeltmesi
   Sadece ana sayfadaki ayge-home-local bölümünü hedefler. Diğer sayfa/kart CSS'lerine dokunmaz. */
.ayge-home-local- .ayge-faq-grid{
    gap:18px !important;
}

.ayge-home-local- .ayge-faq-item{
    padding:0 !important;
    overflow:hidden !important;
    border-radius:26px !important;
}

.ayge-home-local- .ayge-faq-item::before{
    width:5px !important;
    left:0 !important;
    z-index:1 !important;
}

.ayge-home-local- .ayge-faq-item h3{
    display:block !important;
    position:relative !important;
    margin:0 !important;
    padding:24px 34px 10px 46px !important;
    color:#08384c !important;
    font-size:26px !important;
    line-height:1.24 !important;
    letter-spacing:-.35px !important;
    text-indent:0 !important;
    overflow:visible !important;
    box-sizing:border-box !important;
    z-index:2 !important;
}

.ayge-home-local- .home-merak-question-text{
    display:block !important;
    padding:0 !important;
    margin:0 !important;
    text-indent:0 !important;
    transform:none !important;
}

.ayge-home-local- .ayge-faq-item p{
    position:relative !important;
    margin:0 !important;
    padding:0 34px 24px 46px !important;
    color:#7a8790 !important;
    line-height:1.75 !important;
    text-indent:0 !important;
    box-sizing:border-box !important;
    z-index:2 !important;
}

@media(max-width:768px){
    .ayge-home-local- .ayge-faq-item h3{
        padding:22px 22px 10px 34px !important;
        font-size:21px !important;
        line-height:1.28 !important;
    }

    .ayge-home-local- .ayge-faq-item p{
        padding:0 22px 22px 34px !important;
        font-size:15.5px !important;
    }
}


/* STEP97 - Ana sayfa hero altındaki hizmet kutuları mesafesi
   Sadece index.html body class ile çalışır; diğer sayfalara dokunmaz. */
body.home-hero-service-gap .site-main > .row-top-section:first-child{
    padding-top:34px !important;
}

body.home-hero-service-gap .site-main > .row-top-section:first-child .mt_45{
    margin-top:0 !important;
}

@media(max-width:991px){
    body.home-hero-service-gap .site-main > .row-top-section:first-child{
        padding-top:24px !important;
    }
}