/* Nebula hizmet kapak sistemi — metin HTML katmanında kaldığı için tüm ekranlarda net okunur. */
.service-cover { isolation: isolate; overflow: hidden; background: #500b11; }
.service-cover::after { z-index: 1; background: linear-gradient(140deg, rgba(45, 6, 10, .34), rgba(105, 14, 23, .72) 54%, rgba(26, 4, 6, .58)); }
.service-cover img { filter: saturate(.7) contrast(1.08) brightness(.72); }
.service-cover-overlay { position: absolute; inset: 0; z-index: 2; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .42rem; padding: 1.35rem; color: #fffaf6; text-align: center; pointer-events: none; }
.service-cover-logo { width: 38px !important; height: 38px !important; object-fit: contain !important; opacity: .72; filter: drop-shadow(0 7px 12px rgba(0,0,0,.3)) !important; }
.service-cover-eyebrow, .service-cover-caption { font-size: .61rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; opacity: .78; }
.service-cover-overlay strong { max-width: 16ch; font-size: clamp(1.12rem, 2vw, 1.65rem); line-height: 1.1; letter-spacing: -.045em; text-wrap: balance; text-shadow: 0 3px 15px rgba(0,0,0,.34); }
.service-cover-rule { display: block; width: 42px; height: 1px; background: #e8b9a4; opacity: .9; }
.service-cover .feature-badge { z-index: 3; }
.service-detail-cover { position: relative; min-height: clamp(360px, 48vw, 550px); display: grid; place-items: center; overflow: hidden; background: #4e0b11; }
.service-detail-cover > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.service-detail-cover-shade { position: absolute; inset: 0; background: radial-gradient(circle at center, rgba(105, 14, 23, .1), rgba(26, 4, 6, .72) 100%), linear-gradient(90deg, rgba(52,6,11,.45), transparent 48%, rgba(52,6,11,.45)); }
.service-detail-cover-content { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; max-width: 900px; padding: 4rem 1.5rem; color: #fffaf6; text-align: center; }
.service-detail-cover-logo { width: clamp(54px, 5.5vw, 74px); height: clamp(54px, 5.5vw, 74px); margin-bottom: 1.15rem; object-fit: contain; filter: drop-shadow(0 9px 18px rgba(0,0,0,.35)); }
.service-detail-cover-kicker { display: inline-flex; align-items: center; min-height: 28px; padding: 0 .9rem; border: 1px solid rgba(255,255,255,.34); border-radius: 999px; background: rgba(255,255,255,.1); font-size: .68rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.service-detail-cover h1 { max-width: 17ch; margin: 1rem 0 .85rem; color: #fffaf6; font-size: clamp(2.2rem, 5.3vw, 4.7rem); line-height: .99; letter-spacing: -.065em; text-wrap: balance; text-shadow: 0 5px 25px rgba(0,0,0,.38); }
.service-detail-cover-line { width: 60px; height: 2px; background: #edb79e; }
.service-detail-cover p { margin: .9rem 0 0; color: rgba(255,250,246,.88); font-size: .76rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
@media (max-width: 640px) { .service-detail-cover { min-height: 350px; } .service-cover-overlay strong { font-size: 1.12rem; } }

/* Ana sayfadaki metin kartları da boş blok olmaktan çıkar, aynı kapak kimliğine katılır. */
.homepage-service-cover { position: relative; isolation: isolate; overflow: hidden; color: #fffaf6; background: #611019; }
.homepage-service-cover-bg { position: absolute; inset: 0; z-index: -2; background: linear-gradient(rgba(72, 7, 13, .62), rgba(72, 7, 13, .78)), url('/assets/uploads/service-catalog/2026-10/nebula-kurumsal-hizmet-kapak-20261014.webp') center / cover no-repeat; }
.homepage-service-cover::after { content: ''; position: absolute; z-index: -1; inset: 0; border: 1px solid rgba(255,255,255,.18); pointer-events: none; }
.homepage-service-cover-mark { display: flex; align-items: center; gap: .55rem; margin-bottom: 1.45rem; color: rgba(255,250,246,.92); font-size: .67rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.homepage-service-cover-mark img { width: 30px; height: 30px; object-fit: contain; filter: drop-shadow(0 4px 8px rgba(0,0,0,.25)); }
.homepage-service-cover h3, .homepage-service-cover h3 a, .homepage-service-cover p, .homepage-service-cover .service-card-meta, .homepage-service-cover .service-card-link { color: #fffaf6; }
.homepage-service-cover .service-chip { background: rgba(255,255,255,.12); border-color: rgba(255,255,255,.28); color: #fffaf6; }