/* Modül / sektör / ürün detay sayfaları + modul-detay dinamik şablonu */
/* İçerik bölümü: max-w-4xl + mx-auto (Tailwind gecikse bile ortalı sütun) */
.module-detail-page .module-hero-gradient + section {
    position: relative;
    z-index: 1;
    overflow-x: clip;
    width: 100%;
    max-width: min(56rem, 100%);
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    /* Hero gradient ile ilk kart arasında nefes payı */
    padding-top: 1.5rem;
}

@media (min-width: 640px) {
    .module-detail-page .module-hero-gradient + section {
        padding-top: 2rem;
    }
}

@media (min-width: 768px) {
    .module-detail-page .module-hero-gradient + section {
        padding-top: 2.5rem;
    }
}

.module-hero-gradient {
    background: linear-gradient(135deg, #f8fafc 0%, #eff6ff 35%, #dbeafe 70%, #bfdbfe 100%);
    overflow-x: clip;
    width: 100%;
}

/* Hero içerik: max-w-4xl fallback */
.module-hero-gradient > .relative.max-w-4xl {
    width: 100%;
    max-width: min(56rem, 100%);
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}

.module-hero-radials {
    background-image: radial-gradient(circle at 20% 50%, rgba(37, 99, 235, 0.12), transparent 50%),
        radial-gradient(circle at 80% 80%, rgba(37, 99, 235, 0.1), transparent 40%);
}

.module-icon-glow {
    box-shadow: 0 0 60px -12px rgba(37, 99, 235, 0.45), 0 0 24px -8px rgba(37, 99, 235, 0.25);
    /* Tailwind w-18/w-20/w-28 yüklenmeden önce sabit boyut (resize/FOUC koruması) */
    width: 4.5rem;
    height: 4.5rem;
    max-width: 100%;
    flex-shrink: 0;
}

@media (min-width: 640px) {
    .module-icon-glow {
        width: 5rem;
        height: 5rem;
    }
}

@media (min-width: 768px) {
    .module-icon-glow {
        width: 7rem;
        height: 7rem;
    }
}

.benefit-card {
    background: linear-gradient(135deg, rgba(37, 99, 235, 0.08) 0%, rgba(37, 99, 235, 0.04) 100%);
    border: 1px solid rgba(37, 99, 235, 0.18);
}

.back-btn {
    max-width: 100%;
}

.back-btn:hover {
    transform: translateX(-4px);
}

.module-detail-card,
.benefit-card,
.detail-page-ctas {
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
}

.module-detail-card :is(ul, ol) {
    padding-left: 1.25rem;
}

/* Flex benefit satırı: metin dar ekranda taşmasın */
.benefit-card .flex > div:last-child:not([class*="flex-shrink"]) {
    min-width: 0;
    flex: 1 1 auto;
    width: 100%;
}

.module-detail-page .module-hero-gradient h1,
.module-detail-page .module-hero-gradient .prose-safe {
    overflow-wrap: anywhere;
    word-break: break-word;
}

.module-detail-page .detail-page-ctas {
    width: 100%;
}

.module-detail-page .detail-page-ctas a {
    min-width: 0;
    max-width: 100%;
    text-align: center;
}

@media (max-width: 1023px) {
    .module-hero-gradient .relative.max-w-4xl {
        padding-left: max(1rem, env(safe-area-inset-left, 0px));
        padding-right: max(1rem, env(safe-area-inset-right, 0px));
    }

    .module-detail-page .module-hero-gradient + section {
        padding-left: max(1rem, env(safe-area-inset-left, 0px));
        padding-right: max(1rem, env(safe-area-inset-right, 0px));
    }
}

@media (max-width: 639px) {
    .module-icon-glow {
        box-shadow: 0 0 40px -12px rgba(37, 99, 235, 0.35), 0 0 16px -8px rgba(37, 99, 235, 0.2);
    }

    .benefit-card {
        padding: 1.25rem;
    }

    .module-hero-gradient h1 {
        font-size: clamp(1.5rem, 6.5vw, 1.875rem);
        line-height: 1.2;
    }

    .module-hero-gradient .relative.max-w-4xl {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }
}