:root {
    --color-kale-navy: #002e5b;   /* KALE yazısı rengi */
    --color-kale-blue: #00aeef;   /* GRUP yazısı / Buton rengi */
    --color-white: #ffffff;
}

/* 1. SLIDER & CAPTION */
.page-slider { 
    position: relative; 
    width: 100%; 
    height: 350px; 
    overflow: hidden; 
    background: #1a1e23; /* DÜZ ZEMİN */
}

/* DÜZ SLIDER: RESMİ TAMAMEN KAPAT (İKİ RENK SORUNUNUN ASIL KAYNAĞI) */
.page-slider .slider-item { height: 350px !important; }
.page-slider .slider-item > img { display: none !important; }

/* Slider'da overlay/pseudo katman varsa kapat */
.page-slider::before,
.page-slider::after,
.slider-caption::before,
.slider-caption::after {
    content: none !important;
    display: none !important;
    background: transparent !important;
}

/* 1b. CAPTION */
.slider-caption { 
    position: absolute; 
    inset: 0; 
    display: flex; 
    flex-direction: column; 
    align-items: center; 
    justify-content: center; 
    text-align: center; 
    color: var(--color-white); 
    z-index: 5; 
    background: transparent !important; 
    background-color: transparent !important;
}

.slider-caption h1 { 
    font-size: clamp(32px, 5vw, 60px); 
    font-weight: 900; 
    letter-spacing: 4px; 
    margin-bottom: 5px; 
    font-family: serif; 
    background: transparent !important; 
}

.slider-caption p { 
    font-size: clamp(14px, 1.5vw, 20px); 
    font-weight: 400; 
    opacity: 0.9; 
    background: transparent !important; 
}

/* 2. ARA BAŞLIK */
.page-header-section { padding: 70px 0 30px; text-align: center; }
.main-title { color: var(--color-kale-navy); font-weight: 800; font-size: 34px; margin-bottom: 12px; }
.header-line { width: 120px; height: 3px; background: var(--color-kale-blue); margin: 0 auto; border-radius: 2px; }

/* 3. GRID DÜZENİ */
.container-grid {
    max-width: 1560px; margin: 0 auto; padding: 20px;
    display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px;
}
@media (min-width: 992px) {
    .app-card:last-child:nth-child(3n+1) { grid-column: 2; }
}

/* 4. KART TASARIMI */
.app-card {
    position: relative; height: 380px; border-radius: 15px; overflow: hidden;
    text-decoration: none; display: block; box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    transition: transform 0.4s ease;
}
.app-card:hover { transform: translateY(-10px); }

.card-bg { position: absolute; inset: 0; background-size: cover; background-position: center; transition: transform 0.6s ease; z-index: 1; }
.app-card:hover .card-bg { transform: scale(1.1); }

.card-overlay {
    position: absolute; inset: 0; z-index: 2;
    background: linear-gradient(to top, rgba(0,46,91,0.7) 0%, rgba(0,46,91,0.1) 100%);
}

.card-content {
    position: absolute; inset: 0; z-index: 3;
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    padding: 35px; text-align: center;
}
.card-content h3 { 
    color: var(--color-white); 
    font-size: 23px; 
    font-weight: 800; 
    text-transform: uppercase; 
    margin-bottom: 25px; 
    line-height: 1.2; 
    text-shadow: 0 2px 10px rgba(0,0,0,0.5);
    background: rgba(0, 0, 0, 0.4); /* kart başlığı perdesi */
    padding: 8px 15px;
    width: 100%;
}

/* 5. BUTON TASARIMI */
.btn-text {
    background: var(--color-kale-blue) !important; 
    color: var(--color-white) !important;
    padding: 10px 24px; border-radius: 50px;
    font-size: 13px; font-weight: 700; display: inline-flex; align-items: center; gap: 8px;
    box-shadow: 0 6px 18px rgba(0,174,239,0.4);
    transition: all 0.3s ease;
}
.app-card:hover .btn-text { background: var(--color-white) !important; color: var(--color-kale-navy) !important; box-shadow: 0 8px 22px rgba(0,0,0,0.2); }

/* MOBİL & TABLET DÜZENLEMELERİ */
@media (max-width: 992px) { .container-grid { grid-template-columns: repeat(2, 1fr); } }

@media (max-width: 768px) { 
    .container-grid { grid-template-columns: 1fr; } 
    .slider-caption h1 { font-size: 26px !important; letter-spacing: 1px !important; }
    .slider-caption p { font-size: 14px !important; }
}

/* BLOK-2: MENÜ HUB METİN + FAQ (ŞABLON UYUMLU) */
.menuhub-text { padding: 40px 0 40px; background: #fff; }
.menuhub-text-inner { max-width: 1200px; margin: 0 auto; padding: 0 15px; text-align: left; }

.menuhub-text-inner p {
    font-size: 18px;
    line-height: 1.75;
    color: #222;
    margin: 0 0 14px 0;
    font-weight: 400;
}
.menuhub-text-inner h2 {
    margin: 26px 0 12px 0;
    font-size: 28px;
    line-height: 1.25;
    font-weight: 800;
    color: var(--color-kale-navy);
}
.menuhub-text-inner ul { margin: 10px 0 18px 18px; padding: 0; }
.menuhub-text-inner li {
    font-size: 18px;
    line-height: 1.65;
    color: #222;
    margin: 0 0 10px 0;
}
.menuhub-text-inner strong { color: var(--color-kale-navy); }

.kg-faq { padding: 0 0 80px; background: #fff; }
.kg-faq-inner { max-width: 1200px; margin: 0 auto; padding: 0 15px; }
.kg-faq-inner h2 {
    margin: 0 0 14px 0;
    font-size: 28px;
    line-height: 1.25;
    font-weight: 800;
    color: var(--color-kale-navy);
}

.kg-faq-item {
    border: 1px solid #e7edf4;
    background: #f8fafc;
    border-radius: 12px;
    overflow: hidden;
    margin: 0 0 12px 0;
}
.kg-faq-q {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 16px 18px;
    cursor: pointer;
    color: var(--color-kale-navy);
    font-weight: 800;
    font-size: 18px;
    list-style: none;
}
.kg-faq-q::-webkit-details-marker { display: none; }
.kg-faq-body {
    padding: 0 18px 16px 18px;
    color: #222;
    font-size: 17px;
    line-height: 1.7;
}
.kg-faq-icon::before {
    content: "+";
    display: inline-block;
    width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    border-radius: 50%;
    background: #fff;
    color: var(--color-kale-blue);
    border: 1px solid #dbe6f2;
    font-weight: 900;
}
.kg-faq-item[open] .kg-faq-icon::before { content: "–"; }

@media (max-width: 768px) {
    .menuhub-text-inner p { font-size: 17px; }
    .menuhub-text-inner h2, .kg-faq-inner h2 { font-size: 24px; }
    .menuhub-text-inner li { font-size: 17px; }
    .kg-faq-q { font-size: 17px; }
    .kg-faq-body { font-size: 16px; }
}
/* UYGULAMALAR / FAQ MİKRO DOKUNUŞ (başlık ortala + border kalın/mavi + font okunaklı + +/- belirgin) */

/* Başlık ortala */
.kg-faq-inner h2{
  text-align:center;
}

/* FAQ kutuları: border daha mavi + biraz daha kalın */
.kg-faq-item{
  border:2px solid #b9d9ff;              /* daha mavi */
  background:#f8fbff;
}

/* FAQ yazı fontu: okunaklı (sadece FAQ alanına) */
.kg-faq, .kg-faq *{
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Helvetica Neue", sans-serif !important;
}

/* Soru satırı ve cevap font/renk netliği */
.kg-faq-q{
  font-size:19px;
  color:#002e5b;
}
.kg-faq-body{
  font-size:17px;
  color:#1b2430;
}

/* +/- ikon belirgin */
.kg-faq-icon::before{
  width:28px;
  height:28px;
  line-height:28px;
  font-size:18px;
  border:2px solid #5bbcff;             /* daha belirgin mavi */
  color:#00aeef;
  background:#ffffff;
  box-shadow:0 2px 10px rgba(0,174,239,0.15);
}

/* Açıkken (eksi) biraz daha koyu dursun */
.kg-faq-item[open] .kg-faq-icon::before{
  border-color:#2aa8ff;
  color:#002e5b;
}