/* Satış odaklı bileşenler */
.mobile-sales-bar { display: none; }

@media (max-width: 991.98px) {
    .mobile-sales-bar {
        background: #ffffff;
        border-top: 1px solid rgba(15, 23, 42, 0.10);
        bottom: 0;
        box-shadow: 0 -8px 24px rgba(15, 23, 42, 0.10);
        display: flex;
        gap: 10px;
        left: 0;
        padding: 10px 16px calc(10px + env(safe-area-inset-bottom));
        position: fixed;
        right: 0;
        z-index: 1040;
    }

    .mobile-sales-demo,
    .mobile-sales-call {
        align-items: center;
        border-radius: 8px;
        display: inline-flex;
        font-weight: 800;
        justify-content: center;
        min-height: 46px;
    }

    .mobile-sales-demo {
        background: var(--ceneli-blue, #0067b8);
        color: #ffffff;
        flex: 1;
        gap: 8px;
    }

    .mobile-sales-call {
        border: 1px solid var(--ceneli-blue, #0067b8);
        color: var(--ceneli-blue, #0067b8);
        min-width: 52px;
    }

    body { padding-bottom: 72px; }
    .whatsapp-button { bottom: 88px !important; }
    .scroll-top { bottom: 88px !important; }
}

/* SSS */
.faq-list { display: grid; gap: 12px; margin-top: 8px; max-width: 920px; }
.faq-item { background: #ffffff; border: 1px solid rgba(15, 23, 42, 0.10); border-radius: 10px; padding: 0 20px; }
.faq-item summary { align-items: center; cursor: pointer; display: flex; font-weight: 700; gap: 16px; justify-content: space-between; list-style: none; padding: 18px 0; }
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item summary i { color: var(--ceneli-blue, #0067b8); flex: none; transition: transform 0.2s ease; }
.faq-item[open] summary i { transform: rotate(45deg); }
.faq-item p { color: #475569; line-height: 1.7; margin: 0 0 18px; }

/* Referans vaka alanları */
.reference-case { margin: 14px 0 0; }
.reference-case dt { color: var(--ceneli-blue, #0067b8); font-size: 0.78rem; font-weight: 800; letter-spacing: 0.04em; margin-top: 10px; text-transform: uppercase; }
.reference-case dd { color: #334155; margin: 2px 0 0; }
.reference-quote { border-left: 3px solid var(--ceneli-blue, #0067b8); margin: 14px 0 0; padding: 2px 0 2px 14px; }
.reference-quote p { font-style: italic; margin: 0 0 4px; }
.reference-quote footer { color: #64748b; font-size: 0.85rem; }

.reference-cta { align-items: center; background: #0f172a; border-radius: 14px; color: #ffffff; display: flex; flex-wrap: wrap; gap: 20px; justify-content: space-between; padding: 28px 32px; }
.reference-cta h3 { color: #ffffff; font-size: 1.4rem; margin: 0 0 4px; }
.reference-cta p { color: #cbd5e1; margin: 0; }

/* WhatsApp simgesi (yerel Bootstrap Icons) */
.whatsapp-button i { color: #ffffff; font-size: 30px; line-height: 1; }

/* Hata sayfası */
.error-page { padding: 96px 0; }
.error-page h1 { font-size: clamp(1.8rem, 4vw, 2.6rem); margin: 8px 0 14px; }
.error-lead { color: #475569; margin: 0 auto 28px; max-width: 560px; }
.error-actions { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; }
.error-request-id { color: #64748b; font-size: 0.85rem; margin-top: 28px; }

/* Çözüm kartları: 4 pastel rengi tek açık yüzeye indir, vurgu marka mavisinde kalsın */
.solution-tile-teal,
.solution-tile-sand,
.solution-tile-violet,
.solution-tile-orange {
    background: #f5f8fc;
}

.solution-tile-teal .solution-icon,
.solution-tile-sand .solution-icon,
.solution-tile-violet .solution-icon,
.solution-tile-orange .solution-icon,
.solution-tile-light .solution-icon {
    background: rgba(0, 103, 184, 0.10);
    color: var(--ceneli-blue, #0067b8);
}

/* Referans logo şeridi (ilk ekranın hemen altı) */
.home-trust { background: #ffffff; border-bottom: 1px solid rgba(15, 23, 42, 0.08); padding: 22px 0; }
.home-trust .container { align-items: center; display: flex; flex-wrap: wrap; gap: 14px 36px; justify-content: space-between; }
.home-trust-label { color: #64748b; font-size: 0.78rem; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; }
.home-trust-logos { align-items: center; display: flex; flex: 1; flex-wrap: wrap; gap: 14px 40px; justify-content: flex-end; }
.home-trust-logo img { filter: grayscale(1); height: 34px; max-width: 120px; object-fit: contain; opacity: 0.7; transition: filter 0.2s ease, opacity 0.2s ease; width: auto; }
.home-trust-logo:hover img,
.home-trust-logo:focus-visible img { filter: none; opacity: 1; }

/* Nasıl çalışırız */
.home-process { background: #ffffff; }
.process-steps { counter-reset: none; display: grid; gap: 16px; grid-template-columns: repeat(4, 1fr); list-style: none; margin: 8px 0 0; padding: 0; }
.process-step { background: #f5f8fc; border: 1px solid rgba(11, 31, 51, 0.08); border-radius: 18px; padding: 26px; position: relative; }
.process-number { color: rgba(0, 103, 184, 0.18); font-size: 2.4rem; font-weight: 800; line-height: 1; position: absolute; right: 22px; top: 18px; }
.process-icon { align-items: center; background: rgba(0, 103, 184, 0.10); border-radius: 12px; color: var(--ceneli-blue, #0067b8); display: inline-flex; font-size: 1.4rem; height: 48px; justify-content: center; margin-bottom: 16px; width: 48px; }
.process-step h3 { font-size: 1.1rem; margin: 0 0 8px; }
.process-step p { color: #475569; line-height: 1.65; margin: 0; }

@media (max-width: 991.98px) {
    .process-steps { grid-template-columns: repeat(2, 1fr); }
    .home-trust-logos { justify-content: flex-start; }
}

@media (max-width: 575.98px) {
    .process-steps { grid-template-columns: 1fr; }
    .home-trust-logo img { height: 28px; max-width: 96px; }
}

/* Mobil: logo şeridi etiketin altında 3 sütunlu ızgara, WhatsApp düğmesi küçük */
@media (max-width: 767.98px) {
    .home-trust .container { align-items: flex-start; flex-direction: column; gap: 14px; }
    .home-trust-logos { display: grid; gap: 18px 22px; grid-template-columns: repeat(3, minmax(0, 1fr)); justify-content: stretch; width: 100%; }
    .home-trust-logo { align-items: center; display: flex; height: 40px; }
    .home-trust-logo img { height: auto; max-height: 36px; max-width: 100%; }
    .whatsapp-button { height: 48px !important; width: 48px !important; }
    .whatsapp-button i { font-size: 24px; }
}

/* Mobil dokunma hedefleri (en az ~44 px) ve slider düzeni */
@media (max-width: 767.98px) {
    .header-language .language-link { align-items: center; display: inline-flex; min-height: 36px; padding: 6px 8px; }
    .home-products-intro a,
    .reference-showcase-link,
    .product-card-actions a,
    .cta-phone,
    .footer-links a,
    .home-cta-actions a { align-items: center; display: inline-flex; min-height: 44px; }

    /* Slayt ana düğmesinin yanında ürün bağlantısı da görünsün */
    .hero-secondary-action { display: inline-flex; }

    /* 10 slayt göstergesi tek satıra sığsın */
    .blog-hero .swiper-pagination-bullet { width: 14px; }
    .blog-hero .swiper-pagination-bullet-active { width: 28px; }
}

/* Mobil: çözüm kartları daha sıkı, sayfa kısalsın */
@media (max-width: 767.98px) {
    .solution-bento { gap: 12px; }
    .solution-tile { padding: 20px; }
    .solution-tile h3 { font-size: 1.15rem; }
    .process-step { padding: 20px; }
    .faq-item { padding: 0 16px; }
    .faq-item summary { padding: 16px 0; }
}

@media (max-width: 767.98px) {
    .solution-tile > a,
    .why-card a { min-height: 44px; }
    .product-module-preview { gap: 6px; }
    .product-module-preview span { font-size: 0.74rem; padding: 5px 10px; }
}

@media (max-width: 767.98px) {
    /* Göstergeler ekranın yarısına sıkışıp iki satıra bölünüyordu */
    .blog-hero .swiper-pagination { left: 0 !important; text-align: center; transform: none !important; width: 100% !important; }
    .blog-hero .swiper-pagination-bullet { margin: 0 3px !important; }
}

/* Mobil: ürün kartı eylemleri ve "Ürün mimarisini incele" düğmesi */
@media (max-width: 767.98px) {
    .product-card-actions { align-items: stretch; flex-direction: column; gap: 10px; }
    .product-card-actions a {
        align-items: center;
        border-radius: 8px;
        display: flex;
        font-size: 0.92rem;
        font-weight: 800;
        gap: 8px;
        justify-content: center;
        min-height: 48px;
        padding: 0 16px;
        text-align: center;
        width: 100%;
    }
    .product-card-actions .product-primary-link { background: var(--ceneli-blue, #0067b8); color: #ffffff; }
    .product-card-actions a:not(.product-primary-link) {
        background: #ffffff;
        border: 1px solid rgba(0, 103, 184, 0.34);
        color: var(--ceneli-blue, #0067b8);
    }

    .home-products-action { justify-content: center; margin-top: 20px; }
    .home-products-action .btn-fluent-outline { justify-content: center; min-height: 48px; width: 100%; }
}

/* Logo şeridi: "Tümünü gör" bağlantısı */
.home-trust-all { align-items: center; color: var(--ceneli-blue, #0067b8); display: inline-flex; font-size: 0.88rem; font-weight: 800; gap: 6px; white-space: nowrap; }
.home-trust-all:hover { color: #005a9e; }
.home-trust-all i { transition: transform 0.2s ease; }
.home-trust-all:hover i { transform: translateX(3px); }

@media (max-width: 767.98px) {
    .home-trust-all { border-top: 1px solid rgba(15, 23, 42, 0.08); justify-content: center; min-height: 44px; padding-top: 6px; width: 100%; }
}

/* "Ürün mimarisini incele": kartlardan ayrık ve ortalı (tüm ekranlar) */
.home-products-action { justify-content: center; margin-top: 36px; }

/* Yalnızca amblemden oluşan logolar: kurum adı yanında yazılır, amblem büyütülür */
.home-trust-logo { align-items: center; display: inline-flex; gap: 10px; }
.home-trust-logo:has(.home-trust-caption) img { filter: none; height: 52px; max-width: 64px; opacity: 1; }
.home-trust-caption { color: #334155; font-size: 0.8rem; font-weight: 800; line-height: 1.25; max-width: 130px; }
.reference-logo-grid .reference-logo-item:has(.reference-logo-caption) { gap: 10px; }
.reference-logo-grid .reference-logo-item:has(.reference-logo-caption) img { max-height: 62px; max-width: 48px; }
.reference-logo-caption { color: var(--ceneli-ink, #0b1f33); font-size: 0.72rem; font-weight: 800; line-height: 1.25; text-align: left; }

@media (max-width: 767.98px) {
    .home-trust-logo:has(.home-trust-caption) { grid-column: span 2; }
    .home-trust-logos .home-trust-logo:nth-child(n+6) { display: none; }
    .home-trust-logo:has(.home-trust-caption) img { height: 48px; max-width: 56px; }
}

@media (min-width: 768px) {
    .home-trust .container { flex-wrap: nowrap; gap: 24px; }
    .home-trust-label { flex: none; max-width: 150px; }
    .home-trust-logos { flex-wrap: nowrap; gap: 14px 26px; }
    .home-trust-logo img { max-width: 100px; }
    .home-trust-all { flex: none; }
}