/** * BeeSoft A+C — Sıcak yerel bayi + ürün kataloğu * Krem/bej zemin, lacivert metin, amber vurgu; aurora / float kart yok. */ body.bs-v3.bs-tema-ac { --ac-cream: #faf6f0; --ac-warm: #fffdf9; --ac-navy: #1e3a5f; --ac-navy-soft: #2c4f73; --ac-amber: #b45309; --ac-amber-hover: #92400e; --ac-amber-bg: #fef3e2; --ac-border: rgba(30, 58, 95, 0.12); --ac-text: #4b5563; --ac-text-soft: #6b7280; --ac-shadow: 0 2px 12px rgba(30, 58, 95, 0.07); --ac-shadow-lg: 0 12px 32px rgba(30, 58, 95, 0.1); --ac-radius: 14px; /* Şablon (görünüm paketi) token'ları — panelden seçilen site-sablon-*.css bunları override eder. Varsayılan değerler "klasik" paketle birebir aynı (görsel değişiklik yok), böylece paket seçilmemiş/panel bağlantısı yoksa site mevcut hâliyle çalışır. */ --ac-radius-sm: 10px; --ac-radius-lg: 20px; --ac-card-radius: 12px; --ac-card-border-w: 1px; --ac-card-shadow: none; --ac-section-py: 100px; --ac-grid-gap: 0.85rem; --ac-font-body: 'Source Sans 3', 'Segoe UI', sans-serif; --ac-font-heading: 'Nunito', 'Segoe UI', sans-serif; --ac-title-size: clamp(1.75rem, 3.2vw, 2.45rem); --ac-section-title-size: clamp(1.5rem, 2.6vw, 2rem); --ac-heading-transform: none; --ac-heading-tracking: normal; --ac-hero-bg: linear-gradient(180deg, #fff9f2 0%, var(--ac-cream) 100%); --ac-hero-text: var(--ac-navy); --ac-hero-text-soft: var(--ac-navy-soft); --ac-hero-desc-color: var(--ac-text); --ac-hero-badge-bg: var(--ac-amber-bg); --ac-hero-badge-text: var(--ac-amber-hover); --ac-hero-border: var(--ac-border); --ac-trust-bg: var(--ac-warm); --ac-trust-border: var(--ac-border); --ac-trust-num: var(--ac-navy); --ac-trust-label: var(--ac-text-soft); --ac-hero-track-bg: rgba(30, 58, 95, 0.1); --ac-header-nav: 5rem; --ac-header-topbar: 3rem; --ac-header-total: var(--ac-header-nav); /* --ac-header-offset burada SABİT verilmez: parcalar/stil.php'deki acHeaderOffset() JS'i gerçek header yüksekliğini üzerine yazar, body bunu miras alır. Burada sabit bir değer tanımlamak (örn. 8.5rem) o mirası kırıp header'ın altında kalan/yarım görünen hero içeriğine (badge vb.) sebep olur — bkz. calc(var(--ac-header-offset, var(--ac-header-total)) ...) */ --nx-bg: var(--ac-cream); --nx-bg-elevated: var(--ac-warm); --nx-surface: var(--ac-warm); --nx-border: var(--ac-border); --nx-text: var(--ac-text); --nx-text-soft: var(--ac-text-soft); --nx-text-strong: var(--ac-navy); --nx-accent: var(--ac-amber); --nx-accent-2: var(--ac-navy-soft); --nx-gradient: linear-gradient(135deg, var(--ac-amber) 0%, var(--ac-amber-hover) 100%); --nx-gradient-soft: linear-gradient(180deg, #fffdf9 0%, #faf6f0 100%); --nx-shadow: var(--ac-shadow); --nx-shadow-lg: var(--ac-shadow-lg); font-family: var(--ac-font-body) !important; background: var(--ac-cream) !important; background-image: none !important; color: var(--ac-text); } body.bs-v3.bs-tema-ac h1, body.bs-v3.bs-tema-ac h2, body.bs-v3.bs-tema-ac h3, body.bs-v3.bs-tema-ac h4, body.bs-v3.bs-tema-ac .ac-hero__title { font-family: var(--ac-font-heading) !important; color: var(--ac-navy); } /* Bölüm başlıkları (her sayfadaki "Tüm Çözümler", "Hizmetlerimiz" vb.) — şablona göre büyük harf/harf aralığı imzası (ör. kompakt paket) burada uygulanır. */ body.bs-v3.bs-tema-ac .nx-section-head h2, body.bs-v3.bs-tema-ac .mv-section-head h2 { font-size: var(--ac-section-title-size) !important; text-transform: var(--ac-heading-transform); letter-spacing: var(--ac-heading-tracking); } /* Ana içerik dışı (footer vb.) başlıklar koyu zeminde ayrı tanımlanır */ body.bs-v3.bs-tema-ac main h1, body.bs-v3.bs-tema-ac main h2, body.bs-v3.bs-tema-ac main h3, body.bs-v3.bs-tema-ac main h4, body.bs-v3.bs-tema-ac .main h1, body.bs-v3.bs-tema-ac .main h2, body.bs-v3.bs-tema-ac .main h3, body.bs-v3.bs-tema-ac .main h4 { color: var(--ac-navy); } body.bs-v3.bs-tema-ac ::selection { background: rgba(180, 83, 9, 0.2); } /* ── Header ── */ body.bs-v3.bs-tema-ac .nx-header__top { background: #f3ebe0 !important; border-bottom: 1px solid var(--ac-border) !important; } body.bs-v3.bs-tema-ac .nx-header__main { background: var(--ac-warm) !important; border-bottom: 1px solid var(--ac-border) !important; box-shadow: 0 1px 0 rgba(30, 58, 95, 0.04) !important; } body.bs-v3.bs-tema-ac .nx-header__contact a, body.bs-v3.bs-tema-ac .nx-header__util-link { color: var(--ac-navy-soft) !important; } body.bs-v3.bs-tema-ac .nx-header__contact a:hover, body.bs-v3.bs-tema-ac .nx-header__util-link:hover, body.bs-v3.bs-tema-ac .nx-header__util-wa { color: var(--ac-amber) !important; } body.bs-v3.bs-tema-ac .nx-header__util-link--servis { background: var(--ac-amber-bg) !important; border-radius: 8px; padding: 0.25rem 0.65rem !important; } body.bs-v3.bs-tema-ac .nx-header__inner { gap: 0.65rem; } body.bs-v3.bs-tema-ac .nx-header__actions { display: flex; align-items: center; gap: 0.5rem; flex-shrink: 0; margin-left: 0.25rem; } body.bs-v3.bs-tema-ac .nx-search .site-arama-wrap { height: 2.5rem; min-width: 8.25rem; max-width: 10.25rem; display: flex; align-items: center; gap: 0.35rem; padding: 0 0.28rem 0 0.72rem; background: #fff !important; border: 1.5px solid var(--ac-border) !important; border-radius: 999px !important; box-shadow: 0 1px 4px rgba(30, 58, 95, 0.07); transition: border-color 0.2s ease, box-shadow 0.2s ease; } body.bs-v3.bs-tema-ac .nx-search .site-arama-wrap:focus-within { border-color: var(--ac-amber) !important; box-shadow: 0 0 0 3px rgba(180, 83, 9, 0.14); } body.bs-v3.bs-tema-ac .site-arama-girdi { color: var(--ac-navy) !important; font-size: 0.8125rem !important; } body.bs-v3.bs-tema-ac .site-arama-girdi::placeholder { color: var(--ac-text-soft) !important; opacity: 1; } body.bs-v3.bs-tema-ac .site-arama-ikon { color: var(--ac-text-soft) !important; font-size: 0.92rem; flex-shrink: 0; } body.bs-v3.bs-tema-ac .site-arama-gonder { width: 2rem; height: 2rem; min-height: 2rem !important; min-width: 2rem; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; border: none; padding: 0; flex-shrink: 0; cursor: pointer; background: var(--ac-navy) !important; color: #fff !important; -webkit-text-fill-color: #fff !important; box-shadow: 0 2px 8px rgba(30, 58, 95, 0.22); transition: background 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease; } body.bs-v3.bs-tema-ac .site-arama-gonder i { font-size: 1rem; line-height: 1; color: #fff !important; -webkit-text-fill-color: #fff !important; pointer-events: none; } body.bs-v3.bs-tema-ac .site-arama-gonder:hover, body.bs-v3.bs-tema-ac .site-arama-gonder:focus-visible { background: var(--ac-amber) !important; color: #fff !important; -webkit-text-fill-color: #fff !important; transform: translateY(-1px); box-shadow: 0 4px 12px rgba(180, 83, 9, 0.28); } body.bs-v3.bs-tema-ac .site-arama-gonder:hover i, body.bs-v3.bs-tema-ac .site-arama-gonder:focus-visible i { color: #fff !important; -webkit-text-fill-color: #fff !important; } /* Header — Teklif Al CTA (arama ile aynı yükseklik) */ body.bs-v3.bs-tema-ac .ac-header-cta, body.bs-v3.bs-tema-ac a.bs-header-cta.nx-btn { display: inline-flex !important; align-items: center; justify-content: center; gap: 0.4rem; height: 2.5rem; padding: 0 1rem !important; margin: 0; border-radius: 999px !important; font-family: 'Nunito', 'Segoe UI', sans-serif !important; font-size: 0.8125rem !important; font-weight: 700 !important; letter-spacing: 0.02em; line-height: 1; white-space: nowrap; flex-shrink: 0; background: var(--ac-amber) !important; border: 1px solid var(--ac-amber) !important; color: #fff !important; -webkit-text-fill-color: #fff !important; box-shadow: 0 2px 8px rgba(180, 83, 9, 0.18) !important; transform: none; transition: background 0.2s, border-color 0.2s, box-shadow 0.2s, transform 0.15s; } body.bs-v3.bs-tema-ac .ac-header-cta:hover, body.bs-v3.bs-tema-ac a.bs-header-cta.nx-btn:hover { background: var(--ac-amber-hover) !important; border-color: var(--ac-amber-hover) !important; color: #fff !important; -webkit-text-fill-color: #fff !important; transform: translateY(-1px); box-shadow: 0 4px 12px rgba(146, 64, 14, 0.25) !important; } body.bs-v3.bs-tema-ac .ac-header-cta i { font-size: 0.95rem; line-height: 1; flex-shrink: 0; } body.bs-v3.bs-tema-ac .ac-header-cta span { line-height: 1.2; } body.bs-v3.bs-tema-ac .nx-nav > ul > li > a, body.bs-v3.bs-tema-ac .nx-nav .nav-link { color: var(--ac-navy) !important; font-weight: 600; } body.bs-v3.bs-tema-ac .nx-nav > ul > li > a:hover, body.bs-v3.bs-tema-ac .nx-nav .nav-link:hover, body.bs-v3.bs-tema-ac .nx-nav > ul > li.active > a { color: var(--ac-amber) !important; } body.bs-v3.bs-tema-ac .nx-mega, body.bs-v3.bs-tema-ac .dropdown-menu { background: var(--ac-warm) !important; border: 1px solid var(--ac-border) !important; box-shadow: var(--ac-shadow-lg) !important; } body.bs-v3.bs-tema-ac .nx-mega a, body.bs-v3.bs-tema-ac .dropdown-menu a { color: var(--ac-navy) !important; } /* ── Eski hero efektlerini gizle ── */ body.bs-v3.bs-tema-ac .mv-hero-aurora, body.bs-v3.bs-tema-ac .mv-hero-grid-bg, body.bs-v3.bs-tema-ac .mv-float-card, body.bs-v3.bs-tema-ac .mv-hero-shine, body.bs-v3.bs-tema-ac .mv-hero-dots { display: none !important; } /* ── Ortak butonlar ── */ body.bs-v3.bs-tema-ac .ac-btn { display: inline-flex; align-items: center; justify-content: center; gap: 0.45rem; padding: 0.72rem 1.35rem; border-radius: var(--ac-radius-sm); font-weight: 600; font-size: 0.95rem; text-decoration: none; border: 2px solid transparent; transition: background 0.2s, color 0.2s, border-color 0.2s, transform 0.15s; } body.bs-v3.bs-tema-ac .ac-btn:hover { transform: translateY(-1px); text-decoration: none; } body.bs-v3.bs-tema-ac .ac-btn--primary { background: var(--ac-amber); color: #fff !important; border-color: var(--ac-amber); } body.bs-v3.bs-tema-ac .ac-btn--primary:hover { background: var(--ac-amber-hover); border-color: var(--ac-amber-hover); color: #fff !important; } body.bs-v3.bs-tema-ac .ac-btn--outline { background: var(--ac-warm); color: var(--ac-navy) !important; border-color: var(--ac-border); } body.bs-v3.bs-tema-ac .ac-btn--outline:hover { border-color: var(--ac-amber); color: var(--ac-amber) !important; } body.bs-v3.bs-tema-ac .ac-btn--sm { padding: 0.45rem 0.85rem; font-size: 0.875rem; } body.bs-v3.bs-tema-ac .ac-btn--lg { padding: 0.85rem 1.6rem; font-size: 1rem; } body.bs-v3.bs-tema-ac .ac-section-tag { display: inline-block; margin: 0 0 0.65rem; padding: 0.3rem 0.75rem; background: var(--ac-amber-bg); color: var(--ac-amber); border-radius: 999px; font-size: 0.8rem; font-weight: 700; letter-spacing: 0.02em; } /* ── Hero ── */ body.bs-v3.bs-tema-ac .ac-hero { position: relative; z-index: 1; padding: calc(var(--ac-header-offset, var(--ac-header-total)) + 1.5rem) 0 1.5rem; background: var(--ac-hero-bg) !important; border-bottom: 1px solid var(--ac-hero-border); overflow: hidden; } body.bs-v3.bs-tema-ac .ac-hero__wrap { position: relative; z-index: 2; padding: 0; } body.bs-v3.bs-tema-ac .ac-hero__grid { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr); gap: 2rem; align-items: center; } body.bs-v3.bs-tema-ac .ac-hero__copy { min-width: 0; } body.bs-v3.bs-tema-ac .ac-hero__visual { min-width: 0; display: flex; justify-content: center; align-items: center; } body.bs-v3.bs-tema-ac .ac-hero__badge { display: inline-flex; align-items: center; gap: 0.4rem; margin: 0 0 1rem; padding: 0.35rem 0.85rem; background: var(--ac-hero-badge-bg); border: 1px solid rgba(180, 83, 9, 0.28); border-radius: 999px; font-size: 0.8rem; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; color: var(--ac-hero-badge-text) !important; -webkit-text-fill-color: var(--ac-hero-badge-text) !important; } body.bs-v3.bs-tema-ac .ac-hero__kategori { display: block; margin: 0 0 0.65rem; min-height: 1.35em; font-size: 0.82rem; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--ac-hero-text-soft) !important; line-height: 1.35; } body.bs-v3.bs-tema-ac .ac-hero__kategori--bos { visibility: hidden; } body.bs-v3.bs-tema-ac .ac-hero__metin { margin-bottom: 0.25rem; } body.bs-v3.bs-tema-ac .ac-hero__title { font-size: var(--ac-title-size) !important; line-height: 1.2; margin: 0 0 0.75rem; font-weight: 800; color: var(--ac-hero-text); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; min-height: calc(1.2em * 2); max-height: calc(1.2em * 2); } body.bs-v3.bs-tema-ac .ac-hero__desc { font-size: 1.05rem; line-height: 1.65; margin: 0; color: var(--ac-hero-desc-color); max-width: 34rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; min-height: calc(1.65em * 3); max-height: calc(1.65em * 3); } body.bs-v3.bs-tema-ac .ac-hero__note { font-size: 0.92rem; color: var(--ac-text-soft); margin: 0 0 1.35rem; } body.bs-v3.bs-tema-ac .ac-hero__actions { display: flex; flex-wrap: wrap; gap: 0.75rem; margin-bottom: 0.5rem; } body.bs-v3.bs-tema-ac .ac-hero__gorsel { transition: opacity 0.35s ease; } /* ── Hero ürün slider ── */ body.bs-v3.bs-tema-ac .ac-hero-slider { margin-top: 1.25rem; padding-top: 1rem; border-top: 1px solid var(--ac-border); } body.bs-v3.bs-tema-ac .ac-hero-slider__ust { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; margin-bottom: 0.65rem; } body.bs-v3.bs-tema-ac .ac-hero-slider__ok { flex-shrink: 0; width: 2.25rem; height: 2.25rem; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--ac-hero-border); border-radius: 999px; background: transparent; color: var(--ac-hero-text); cursor: pointer; transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease; } body.bs-v3.bs-tema-ac .ac-hero-slider__ok:hover, body.bs-v3.bs-tema-ac .ac-hero-slider__ok:focus-visible { background: var(--ac-amber-bg); border-color: rgba(180, 83, 9, 0.35); color: var(--ac-amber-hover); } body.bs-v3.bs-tema-ac .ac-hero-slider__sayac { font-size: 0.85rem; font-weight: 600; color: var(--ac-hero-text-soft); min-width: 3.5rem; text-align: center; } body.bs-v3.bs-tema-ac .ac-hero-slider__ilerleme { height: 3px; border-radius: 999px; background: var(--ac-hero-track-bg); overflow: hidden; margin-bottom: 0.75rem; } body.bs-v3.bs-tema-ac .ac-hero-slider__ilerleme-cubuk { display: block; height: 100%; width: 0; background: linear-gradient(90deg, var(--ac-amber), var(--ac-amber-hover)); border-radius: inherit; } body.bs-v3.bs-tema-ac .ac-hero-slider__noktalar { display: flex; flex-wrap: wrap; gap: 0.4rem; max-height: 4.5rem; overflow-y: auto; padding-right: 0.15rem; } body.bs-v3.bs-tema-ac .ac-hero-slider__nokta { width: 0.55rem; height: 0.55rem; padding: 0; border: none; border-radius: 999px; background: var(--ac-hero-track-bg); cursor: pointer; transition: transform 0.15s ease, background 0.15s ease, width 0.2s ease; } body.bs-v3.bs-tema-ac .ac-hero-slider__nokta.is-active { width: 1.35rem; background: var(--ac-amber); } body.bs-v3.bs-tema-ac .ac-hero-slider__nokta:hover, body.bs-v3.bs-tema-ac .ac-hero-slider__nokta:focus-visible { background: var(--ac-amber-hover); transform: scale(1.1); } body.bs-v3.bs-tema-ac .ac-hero__photo { margin: 0 auto; width: 100%; max-width: 340px; height: 260px; min-height: 260px; max-height: 260px; border-radius: 0; overflow: visible; border: none; box-shadow: none; background: transparent; display: flex; align-items: center; justify-content: center; padding: 0.5rem; } body.bs-v3.bs-tema-ac .ac-hero__photo img { display: block; width: auto !important; max-width: 100% !important; max-height: 220px !important; height: auto !important; object-fit: contain !important; object-position: center; } body.bs-v3.bs-tema-ac .ac-hero__photo video, body.bs-v3.bs-tema-ac .ac-hero__photo .ac-hero__iframe-wrap { display: block; width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; border-radius: 12px; overflow: hidden; object-fit: cover !important; } body.bs-v3.bs-tema-ac .ac-hero__photo .ac-hero__iframe-wrap iframe { width: 100%; height: 100%; border: 0; display: block; } /* ═══ Şablon (görünüm paketi) hero varyantları ═══ Aynı markup/ID'ler (JS slider — ac-hero-slider.js — hiç değişmez), sadece düzen CSS'i pakete göre farklılaşır: "ortali" (modern) ortalanmış tek-kolon, "minimal" (kompakt) düşük yükseklikli sıkışık bant. SADECE masaüstünde (≥992px) — mobildeki (≤991px) özenle ayarlanmış tek-sütun/visual-önce düzenine (bkz. yukarıdaki "Mobil" bloğu) specificity ile çakışıp onu ezmesin diye bilinçli olarak aynı kırılım noktasıyla (992px) sınırlandı. */ @media (min-width: 992px) { body.bs-v3.bs-tema-ac.sablon-modern .ac-hero__grid { grid-template-columns: minmax(0, 1fr); justify-items: center; text-align: center; gap: 2.5rem; } body.bs-v3.bs-tema-ac.sablon-modern .ac-hero__copy { order: 1; max-width: 46rem; display: flex; flex-direction: column; align-items: center; } body.bs-v3.bs-tema-ac.sablon-modern .ac-hero__desc { max-width: 40rem; } body.bs-v3.bs-tema-ac.sablon-modern .ac-hero__actions { justify-content: center; } body.bs-v3.bs-tema-ac.sablon-modern .ac-hero-slider__noktalar { justify-content: center; } body.bs-v3.bs-tema-ac.sablon-modern .ac-hero__visual { order: 2; width: 100%; max-width: 42rem; } body.bs-v3.bs-tema-ac.sablon-modern .ac-hero__photo { border-radius: var(--ac-radius-lg); } body.bs-v3.bs-tema-ac.sablon-kompakt .ac-hero { padding-top: calc(var(--ac-header-offset, var(--ac-header-total)) + 0.85rem); padding-bottom: 0.85rem; } body.bs-v3.bs-tema-ac.sablon-kompakt .ac-hero__grid { grid-template-columns: minmax(0, 1.4fr) minmax(0, 0.6fr); gap: 1.25rem; } body.bs-v3.bs-tema-ac.sablon-kompakt .ac-hero__title { font-size: clamp(1.4rem, 2.2vw, 1.85rem); -webkit-line-clamp: 1; } body.bs-v3.bs-tema-ac.sablon-kompakt .ac-hero__desc { font-size: 0.92rem; -webkit-line-clamp: 2; } body.bs-v3.bs-tema-ac.sablon-kompakt .ac-hero__visual { max-width: 260px; margin-left: auto; } body.bs-v3.bs-tema-ac.sablon-kompakt .ac-trust { padding: 0.75rem 0 0.9rem; } } body.bs-v3.bs-tema-ac .ac-trust { margin-top: 2rem; padding: 1.25rem 0 1.5rem; background: var(--ac-trust-bg); border-top: 1px solid var(--ac-trust-border); } body.bs-v3.bs-tema-ac .ac-trust__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 1rem; text-align: center; } body.bs-v3.bs-tema-ac .ac-trust__num { display: block; font-family: var(--ac-font-heading); font-size: 1.65rem; font-weight: 800; color: var(--ac-amber); line-height: 1.2; } body.bs-v3.bs-tema-ac .ac-trust__label { display: block; font-size: 0.85rem; color: var(--ac-trust-label); } /* ── Hızlı aksiyon ── */ body.bs-v3.bs-tema-ac .ac-actions { padding: 1.5rem 0 0.5rem; } body.bs-v3.bs-tema-ac .ac-actions__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; } body.bs-v3.bs-tema-ac .ac-action-card { display: flex; align-items: center; gap: 0.85rem; padding: 1rem 1.1rem; background: var(--ac-warm); border: 1px solid var(--ac-border); border-radius: var(--ac-radius); box-shadow: var(--ac-shadow); text-decoration: none; color: inherit; transition: border-color 0.2s, box-shadow 0.2s, transform 0.15s; } body.bs-v3.bs-tema-ac .ac-action-card:hover { border-color: rgba(180, 83, 9, 0.35); box-shadow: var(--ac-shadow-lg); transform: translateY(-2px); text-decoration: none; color: inherit; } body.bs-v3.bs-tema-ac .ac-action-card__icon { flex-shrink: 0; width: 2.75rem; height: 2.75rem; display: flex; align-items: center; justify-content: center; border-radius: 10px; font-size: 1.25rem; background: var(--ac-amber-bg); color: var(--ac-amber); } body.bs-v3.bs-tema-ac .ac-action-card--wa .ac-action-card__icon { background: #dcfce7; color: #15803d; } body.bs-v3.bs-tema-ac .ac-action-card__body { flex: 1; min-width: 0; } body.bs-v3.bs-tema-ac .ac-action-card__body strong { display: block; font-family: 'Nunito', sans-serif; font-size: 1rem; color: var(--ac-navy); } body.bs-v3.bs-tema-ac .ac-action-card__body span { display: block; font-size: 0.82rem; color: var(--ac-text-soft); margin-top: 0.15rem; } body.bs-v3.bs-tema-ac .ac-action-card__arrow { color: var(--ac-text-soft); font-size: 0.9rem; } /* ── Ortak vitrin (katalog + hizmet, kompakt) ── */ body.bs-v3.bs-tema-ac .ac-vitrin-bolum { padding: 2.25rem 0 2rem; } body.bs-v3.bs-tema-ac .ac-vitrin-bolum--katalog { background: var(--ac-warm); border-top: 1px solid var(--ac-border); border-bottom: 1px solid var(--ac-border); } body.bs-v3.bs-tema-ac .ac-vitrin-bolum--hizmet { padding-top: 2rem; padding-bottom: 2.5rem; } body.bs-v3.bs-tema-ac .ac-vitrin-bolum__ust { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 1rem 1.5rem; margin-bottom: 1.25rem; } body.bs-v3.bs-tema-ac .ac-vitrin-bolum__ust--dar { align-items: center; } body.bs-v3.bs-tema-ac .ac-vitrin-bolum__baslik h2 { font-size: clamp(1.25rem, 2vw, 1.65rem); margin: 0 0 0.35rem; font-weight: 800; line-height: 1.25; } body.bs-v3.bs-tema-ac .ac-vitrin-bolum__aciklama.bs-aciklama, body.bs-v3.bs-tema-ac .ac-vitrin-bolum__aciklama { margin: 0; font-size: 0.92rem; line-height: 1.55; color: var(--ac-text-soft); max-width: 36rem; } body.bs-v3.bs-tema-ac .ac-vitrin-bolum__ust-link { align-items: center; gap: 0.35rem; font-size: 0.875rem; font-weight: 600; color: var(--ac-amber); text-decoration: none; white-space: nowrap; } body.bs-v3.bs-tema-ac .ac-vitrin-bolum__ust-link:hover { color: var(--ac-amber-hover); } body.bs-v3.bs-tema-ac .ac-vitrin-bolum__chips { display: flex; flex-wrap: wrap; gap: 0.4rem; flex: 1 1 100%; } body.bs-v3.bs-tema-ac .ac-chip { display: inline-block; padding: 0.32rem 0.75rem; border-radius: 999px; border: 1px solid var(--ac-border); background: var(--ac-cream); color: var(--ac-navy-soft); font-size: 0.78rem; font-weight: 600; text-decoration: none; transition: background 0.2s, border-color 0.2s, color 0.2s; } body.bs-v3.bs-tema-ac .ac-chip:hover, body.bs-v3.bs-tema-ac .ac-chip--active { background: var(--ac-amber-bg); border-color: rgba(180, 83, 9, 0.35); color: var(--ac-amber); text-decoration: none; } body.bs-v3.bs-tema-ac .ac-vitrin-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0.65rem; } /* Sütun sayısı akordeon gövdesinin GERÇEK genişliğine göre belirlenir (viewport'a değil) — Çözümler/Hizmetler kutuları masaüstünde yan yana durunca her biri konteynerin sadece yarısını kullanır, bu yüzden viewport tabanlı kırılım noktaları kartları gereksiz yere sıkıştırırdı. */ @container ac-akordeon-govde (min-width: 380px) { body.bs-v3.bs-tema-ac .ac-vitrin-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.75rem; } } @container ac-akordeon-govde (min-width: 650px) { body.bs-v3.bs-tema-ac .ac-vitrin-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @container ac-akordeon-govde (min-width: 900px) { body.bs-v3.bs-tema-ac .ac-vitrin-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.85rem; } } body.bs-v3.bs-tema-ac .ac-vitrin-kart { display: flex; flex-direction: column; min-height: 0; background: var(--ac-cream); border: var(--ac-card-border-w) solid var(--ac-border); border-radius: var(--ac-card-radius); box-shadow: var(--ac-card-shadow); overflow: hidden; transition: border-color 0.2s, box-shadow 0.2s, transform 0.15s; } body.bs-v3.bs-tema-ac .ac-vitrin-kart:hover { border-color: rgba(180, 83, 9, 0.28); box-shadow: var(--ac-shadow-lg); transform: translateY(-2px); } body.bs-v3.bs-tema-ac .ac-vitrin-kart__media { position: relative; display: flex; align-items: center; justify-content: center; height: 118px; flex-shrink: 0; overflow: hidden; background: transparent; text-decoration: none; } body.bs-v3.bs-tema-ac .ac-vitrin-kart__media--cover img { width: auto; height: auto; max-width: 100%; max-height: 100%; object-fit: contain; object-position: center; padding: 0.35rem; transition: transform 0.3s ease; background: transparent; } body.bs-v3.bs-tema-ac .ac-vitrin-kart__media--logo { display: flex; align-items: center; justify-content: center; padding: 0.65rem 0.75rem; } body.bs-v3.bs-tema-ac .ac-vitrin-kart__media--logo img { width: 100%; height: 100%; max-height: 88px; object-fit: contain; object-position: center; transition: transform 0.3s ease; } /* Hizmet kartları — şeffaf zemin, logo/görsel contain */ body.bs-v3.bs-tema-ac .ac-vitrin-kart--hizmet .ac-vitrin-kart__media { height: 140px; background: transparent; } body.bs-v3.bs-tema-ac .ac-vitrin-kart--hizmet .ac-vitrin-kart__media--cover img { object-fit: contain; object-position: center; padding: 0.35rem; } body.bs-v3.bs-tema-ac .ac-vitrin-kart:hover .ac-vitrin-kart__media img { transform: scale(1.04); } body.bs-v3.bs-tema-ac .ac-vitrin-kart__etiket { position: absolute; left: 0.5rem; bottom: 0.5rem; max-width: calc(100% - 1rem); padding: 0.15rem 0.45rem; background: rgba(255, 253, 249, 0.94); border-radius: 5px; font-size: 0.65rem; font-weight: 700; color: var(--ac-navy-soft); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } body.bs-v3.bs-tema-ac .ac-vitrin-kart__govde { display: flex; flex-direction: column; flex: 1; padding: 0.65rem 0.75rem 0.7rem; min-height: 132px; } body.bs-v3.bs-tema-ac .ac-vitrin-kart__baslik { margin: 0 0 0.35rem; font-size: 0.88rem; font-weight: 700; line-height: 1.3; } body.bs-v3.bs-tema-ac .ac-vitrin-kart__baslik a { color: var(--ac-navy); text-decoration: none; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } body.bs-v3.bs-tema-ac .ac-vitrin-kart__baslik a:hover { color: var(--ac-amber); } body.bs-v3.bs-tema-ac .ac-vitrin-kart__ozet { margin: 0 0 0.5rem; font-size: 0.78rem; line-height: 1.45; color: var(--ac-text-soft); flex: 1; } body.bs-v3.bs-tema-ac .ac-vitrin-kart__ozet:not(.bs-aciklama--kart) { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } body.bs-v3.bs-tema-ac .ac-vitrin-kart__aksiyon { display: flex; flex-wrap: wrap; align-items: center; gap: 0.35rem 0.5rem; margin-top: auto; padding-top: 0.35rem; border-top: 1px solid rgba(30, 58, 95, 0.08); } body.bs-v3.bs-tema-ac .ac-vitrin-kart__link { font-size: 0.75rem; font-weight: 600; color: var(--ac-navy-soft); text-decoration: none; display: inline-flex; align-items: center; gap: 0.2rem; } body.bs-v3.bs-tema-ac .ac-vitrin-kart__link:hover { color: var(--ac-amber); } body.bs-v3.bs-tema-ac .ac-vitrin-kart__link--vurgu { color: var(--ac-amber); } body.bs-v3.bs-tema-ac .ac-vitrin-kart__link--vurgu:hover { color: var(--ac-amber-hover); } body.bs-v3.bs-tema-ac .ac-vitrin-bolum__alt { margin-top: 1rem; text-align: center; } body.bs-v3.bs-tema-ac .ac-vitrin-bolum__bos { text-align: center; padding: 1.75rem 1rem; background: var(--ac-cream); border: 1px dashed var(--ac-border); border-radius: 12px; color: var(--ac-text-soft); font-size: 0.9rem; } body.bs-v3.bs-tema-ac .ac-vitrin-bolum__bos i { font-size: 1.5rem; color: var(--ac-amber); display: block; margin-bottom: 0.5rem; } @media (max-width: 575px) { body.bs-v3.bs-tema-ac .ac-vitrin-bolum__chips { flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; padding-bottom: 0.25rem; } body.bs-v3.bs-tema-ac .ac-vitrin-bolum__chips::-webkit-scrollbar { display: none; } body.bs-v3.bs-tema-ac .ac-chip { flex-shrink: 0; } body.bs-v3.bs-tema-ac .ac-vitrin-kart { flex: none; width: 100%; max-width: 100%; } } /* ── İç sayfa bölümleri (hakkımızda vb.) ── */ body.bs-v3.bs-tema-ac .nx-section { background: transparent; padding: var(--ac-section-py) 0 !important; } body.bs-v3.bs-tema-ac .nx-section--alt, body.bs-v3.bs-tema-ac .mv-section.e-cozumler-section { background: var(--ac-warm) !important; } body.bs-v3.bs-tema-ac .nx-card, body.bs-v3.bs-tema-ac .mv-bento-card, body.bs-v3.bs-tema-ac .mv-service-card, body.bs-v3.bs-tema-ac .mv-value-card { background: var(--ac-warm) !important; border: 1px solid var(--ac-border) !important; box-shadow: var(--ac-shadow) !important; } body.bs-v3.bs-tema-ac .nx-tag, body.bs-v3.bs-tema-ac .mv-section-tag { background: var(--ac-amber-bg) !important; color: var(--ac-amber) !important; } body.bs-v3.bs-tema-ac .nx-btn--primary, body.bs-v3.bs-tema-ac .mv-btn-primary { background: var(--ac-amber) !important; border-color: var(--ac-amber) !important; color: #fff !important; box-shadow: none !important; } body.bs-v3.bs-tema-ac .nx-btn--primary:hover, body.bs-v3.bs-tema-ac .mv-btn-primary:hover { background: var(--ac-amber-hover) !important; border-color: var(--ac-amber-hover) !important; } body.bs-v3.bs-tema-ac .nx-btn--outline, body.bs-v3.bs-tema-ac .mv-btn-ghost { color: var(--ac-navy) !important; border-color: var(--ac-border) !important; background: var(--ac-warm) !important; } body.bs-v3.bs-tema-ac .mv-bento-link, body.bs-v3.bs-tema-ac .nx-section a.mv-bento-link { color: var(--ac-amber) !important; } body.bs-v3.bs-tema-ac footer, body.bs-v3.bs-tema-ac .footer, body.bs-v3.bs-tema-ac .nx-footer, body.bs-v3.bs-tema-ac .bs-footer { --ac-on-dark: rgba(255, 255, 255, 0.92); --ac-on-dark-soft: rgba(255, 255, 255, 0.78); --ac-on-dark-muted: rgba(255, 255, 255, 0.72); --ac-on-dark-link: var(--ac-amber-bg); --ac-on-dark-link-hover: #fff; background: var(--ac-navy) !important; color: var(--ac-on-dark-soft) !important; } body.bs-v3.bs-tema-ac .nx-footer__glow, body.bs-v3.bs-tema-ac .bs-footer-glow { opacity: 0.15 !important; background: radial-gradient(ellipse 60% 80% at 50% 100%, rgba(180, 83, 9, 0.25), transparent) !important; } body.bs-v3.bs-tema-ac .bs-footer-cta-box { background: rgba(255, 253, 249, 0.1) !important; border: 1px solid rgba(255, 255, 255, 0.14) !important; } body.bs-v3.bs-tema-ac .bs-footer-cta-box h3 { color: var(--ac-on-dark) !important; -webkit-text-fill-color: var(--ac-on-dark) !important; } body.bs-v3.bs-tema-ac .bs-footer-cta-box p { color: var(--ac-on-dark-soft) !important; } body.bs-v3.bs-tema-ac .bs-footer-brand p, body.bs-v3.bs-tema-ac .bs-footer .footer-contact p { color: var(--ac-on-dark-soft) !important; } body.bs-v3.bs-tema-ac .bs-footer-brand .footer-contact i { color: var(--ac-on-dark-link) !important; } body.bs-v3.bs-tema-ac .bs-footer-links h4, body.bs-v3.bs-tema-ac .bs-footer-social h4 { color: var(--ac-on-dark) !important; -webkit-text-fill-color: var(--ac-on-dark) !important; } body.bs-v3.bs-tema-ac .bs-footer-links a, body.bs-v3.bs-tema-ac .bs-footer-brand a, body.bs-v3.bs-tema-ac .bs-footer .footer-contact a { color: var(--ac-on-dark-soft) !important; } body.bs-v3.bs-tema-ac .bs-footer-links a:hover, body.bs-v3.bs-tema-ac .bs-footer-brand a:hover, body.bs-v3.bs-tema-ac .bs-footer .footer-contact a:hover { color: var(--ac-on-dark-link-hover) !important; } body.bs-v3.bs-tema-ac .bs-footer .social-links a { background: rgba(255, 255, 255, 0.1) !important; color: var(--ac-on-dark) !important; } body.bs-v3.bs-tema-ac .bs-footer .social-links a:hover { background: var(--ac-amber) !important; color: #fff !important; } body.bs-v3.bs-tema-ac .bs-footer .copyright, body.bs-v3.bs-tema-ac .bs-footer .copyright p { color: var(--ac-on-dark-muted) !important; border-top-color: rgba(255, 255, 255, 0.1) !important; } body.bs-v3.bs-tema-ac .bs-footer .copyright strong { color: var(--ac-on-dark-soft) !important; } body.bs-v3.bs-tema-ac .bs-footer-yasal a, body.bs-v3.bs-tema-ac .bs-footer .bs-kvkk-tercih-btn { color: var(--ac-on-dark-muted) !important; } body.bs-v3.bs-tema-ac .bs-footer-yasal a:hover, body.bs-v3.bs-tema-ac .bs-footer .bs-kvkk-tercih-btn:hover { color: var(--ac-on-dark-link-hover) !important; } body.bs-v3.bs-tema-ac .scroll-top { background: #fffdf9 !important; border: 2px solid var(--ac-amber) !important; color: var(--ac-amber) !important; box-shadow: var(--ac-shadow-lg) !important; width: 46px !important; height: 46px !important; border-radius: 50% !important; right: max(1.15rem, env(safe-area-inset-right)) !important; bottom: calc(1.15rem + 3.25rem + 0.65rem + env(safe-area-inset-bottom)) !important; z-index: 1041 !important; } body.bs-v3.bs-tema-ac .scroll-top i { color: var(--ac-amber) !important; font-size: 1.35rem !important; } body.bs-v3.bs-tema-ac .scroll-top:hover { background: var(--ac-amber) !important; border-color: var(--ac-amber-hover) !important; } body.bs-v3.bs-tema-ac .scroll-top:hover i { color: #fff !important; } body.bs-v3.bs-tema-ac:has(.bs-yuzen-kose.is-panel-open) .scroll-top { opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; } /* ── İç sayfa hero (sıcak, sade) ── */ body.bs-v3.bs-tema-ac .mv-page-hero-aurora, body.bs-v3.bs-tema-ac .mv-page-hero-grid, body.bs-v3.bs-tema-ac .nx-page-hero__mesh { display: none !important; } body.bs-v3.bs-tema-ac .nx-page-hero, body.bs-v3.bs-tema-ac .mv-page-hero, body.bs-v3.bs-tema-ac .ac-page-hero { color: var(--ac-hero-text-soft) !important; background: var(--ac-hero-bg) !important; border-bottom: 1px solid var(--ac-hero-border) !important; overflow: visible !important; padding-top: calc(var(--ac-header-offset, var(--ac-header-total)) + 1.25rem) !important; padding-bottom: 2rem !important; } body.bs-v3.bs-tema-ac .mv-page-hero-inner, body.bs-v3.bs-tema-ac .ac-page-hero__inner { position: relative; z-index: 2; max-width: 48rem; } body.bs-v3.bs-tema-ac .mv-page-title { color: var(--ac-hero-text) !important; -webkit-text-fill-color: var(--ac-hero-text) !important; background: none !important; font-family: var(--ac-font-heading) !important; font-weight: 800 !important; } body.bs-v3.bs-tema-ac .mv-page-desc { color: var(--ac-hero-desc-color) !important; max-width: 42rem; } body.bs-v3.bs-tema-ac .mv-breadcrumb { display: block; margin: 0 0 1rem; padding: 0.15rem 0 0; overflow: visible; line-height: 1.5; } body.bs-v3.bs-tema-ac .mv-breadcrumb ol { list-style: none; display: flex; flex-wrap: wrap; align-items: center; gap: 0.35rem 0.5rem; padding: 0; margin: 0; } body.bs-v3.bs-tema-ac .mv-breadcrumb li { display: inline-flex; align-items: center; font-size: 0.875rem; line-height: 1.5; } body.bs-v3.bs-tema-ac .mv-breadcrumb li + li::before { content: "/"; margin-right: 0.5rem; color: var(--ac-hero-text-soft); font-weight: 400; opacity: 0.6; } body.bs-v3.bs-tema-ac .mv-breadcrumb a { color: var(--ac-hero-text-soft) !important; -webkit-text-fill-color: var(--ac-hero-text-soft) !important; text-decoration: none; } body.bs-v3.bs-tema-ac .mv-breadcrumb a:hover { color: var(--ac-amber) !important; -webkit-text-fill-color: var(--ac-amber) !important; } body.bs-v3.bs-tema-ac .mv-breadcrumb .current { color: var(--ac-hero-text) !important; -webkit-text-fill-color: var(--ac-hero-text) !important; font-weight: 600; } body.bs-v3.bs-tema-ac .ac-page-hero__badge, body.bs-v3.bs-tema-ac .mv-page-hero .mv-pill, body.bs-v3.bs-tema-ac .mv-page-pill { display: inline-flex !important; align-items: center; margin: 0 0 0.85rem; padding: 0.4rem 0.9rem !important; color: var(--ac-hero-badge-text) !important; -webkit-text-fill-color: var(--ac-hero-badge-text) !important; background: var(--ac-hero-badge-bg) !important; border: 1px solid rgba(180, 83, 9, 0.32) !important; border-radius: 999px !important; font-size: 0.72rem !important; font-weight: 700 !important; letter-spacing: 0.07em !important; text-transform: uppercase; box-shadow: none !important; } /* ── Alt bölümler & katalog sayfası ── */ body.bs-v3.bs-tema-ac .nx-section--alt, body.bs-v3.bs-tema-ac .e-cozumler-section, body.bs-v3.bs-tema-ac .referanslar-onizleme, body.bs-v3.bs-tema-ac .hizmet-grup-section, body.bs-v3.bs-tema-ac .hizmet-ozet-section, body.bs-v3.bs-tema-ac .cozum-katalog-section, body.bs-v3.bs-tema-ac .mv-contact-section { background: var(--ac-warm) !important; } body.bs-v3.bs-tema-ac .cozum-katalog-sekmeler { background: var(--ac-cream) !important; border: 1px solid var(--ac-border) !important; border-radius: 999px !important; padding: 0.35rem !important; gap: 0.35rem !important; } body.bs-v3.bs-tema-ac .cozum-katalog-sekme { color: var(--ac-navy-soft) !important; background: transparent !important; border-radius: 999px !important; font-weight: 600 !important; border: none !important; } body.bs-v3.bs-tema-ac .cozum-katalog-sekme:hover, body.bs-v3.bs-tema-ac .cozum-katalog-sekme.aktif { background: var(--ac-amber-bg) !important; color: var(--ac-amber) !important; } body.bs-v3.bs-tema-ac .cozum-katalog-ozet h2 { color: var(--ac-navy) !important; font-family: 'Nunito', sans-serif !important; } body.bs-v3.bs-tema-ac .cozum-katalog-ozet p { color: var(--ac-text-soft) !important; } body.bs-v3.bs-tema-ac .mv-catalog-card, body.bs-v3.bs-tema-ac .mv-catalog-card .mv-bento-body h3 { color: var(--ac-navy) !important; } body.bs-v3.bs-tema-ac .mv-catalog-tag { background: rgba(255, 253, 249, 0.95) !important; color: var(--ac-navy-soft) !important; } /* ── Çözüm detay ── */ body.bs-v3.bs-tema-ac .cozum-hero { background: var(--ac-hero-bg) !important; border-bottom: 1px solid var(--ac-hero-border) !important; color: var(--ac-hero-text-soft) !important; overflow: visible !important; padding-top: calc(var(--ac-header-offset, var(--ac-header-total)) + 1.25rem) !important; } body.bs-v3.bs-tema-ac .cozum-hero-gorsel-kutu { display: flex; align-items: center; justify-content: center; min-height: 180px; max-height: 260px; padding: 0.5rem; background: transparent; border: none; box-shadow: none; } body.bs-v3.bs-tema-ac .cozum-hero-gorsel { width: auto !important; max-width: 100% !important; max-height: 200px !important; height: auto !important; object-fit: contain !important; } body.bs-v3.bs-tema-ac .cozum-hero-ikon { max-width: 56px; max-height: 56px; object-fit: contain; } body.bs-v3.bs-tema-ac .cozum-hero h1 { color: var(--ac-hero-text) !important; font-family: var(--ac-font-heading) !important; } body.bs-v3.bs-tema-ac .cozum-hero-ozet { color: var(--ac-hero-desc-color) !important; } body.bs-v3.bs-tema-ac .cozum-geri-ust { color: var(--ac-amber) !important; } body.bs-v3.bs-tema-ac .cozum-detay-kart, body.bs-v3.bs-tema-ac .cozum-yan-kart { background: var(--ac-warm) !important; border: 1px solid var(--ac-border) !important; box-shadow: var(--ac-shadow) !important; } /* .cozum-bolum-modern, DIŞ .cozum-detay-kart'ın İÇİNDE tekrar eden bir bölüm bloğudur — ikisine de aynı kart (arka plan+kenarlık+gölge) stilini vermek "çerçeve içinde çerçeve" görünümü yaratıyordu. Tek çerçeve mantığı: iç bölüm sadece ince bir alt-çizgiyle ayrılır. */ body.bs-v3.bs-tema-ac .cozum-bolum-modern { background: transparent !important; border: none !important; border-bottom: 1px solid var(--ac-border) !important; border-radius: 0 !important; box-shadow: none !important; } body.bs-v3.bs-tema-ac .cozum-bolum-modern:last-of-type { border-bottom: none !important; } body.bs-v3.bs-tema-ac .cozum-bolum-no { background: var(--ac-amber-bg) !important; color: var(--ac-amber) !important; } body.bs-v3.bs-tema-ac .cozum-icerik-nav { margin-bottom: 1rem; } body.bs-v3.bs-tema-ac .cozum-icerik-nav-list { list-style: none; margin: 0; padding: 0 1.1rem 1.1rem; } body.bs-v3.bs-tema-ac .cozum-icerik-nav-list li + li { margin-top: 0.35rem; } body.bs-v3.bs-tema-ac .cozum-icerik-nav-list a { display: flex; align-items: flex-start; gap: 0.55rem; padding: 0.45rem 0.55rem; border-radius: 8px; color: var(--ac-text) !important; font-size: 0.92rem; line-height: 1.35; text-decoration: none; transition: background 0.15s ease, color 0.15s ease; } body.bs-v3.bs-tema-ac .cozum-icerik-nav-list a:hover, body.bs-v3.bs-tema-ac .cozum-icerik-nav-list a:focus-visible { background: var(--ac-amber-bg); color: var(--ac-navy) !important; } body.bs-v3.bs-tema-ac .cozum-icerik-nav-no { flex-shrink: 0; font-size: 0.75rem; font-weight: 700; color: var(--ac-amber); letter-spacing: 0.04em; } body.bs-v3.bs-tema-ac .cozum-yan-panel-alt { margin-top: 0; } body.bs-v3.bs-tema-ac .cozum-etiket, body.bs-v3.bs-tema-ac .cozum-etiket-hero { background: var(--ac-amber-bg) !important; color: var(--ac-amber) !important; border-color: rgba(180, 83, 9, 0.2) !important; } body.bs-v3.bs-tema-ac .cozum-maddeler li i { color: var(--ac-amber) !important; } /* ── İletişim & formlar ── */ body.bs-v3.bs-tema-ac .mv-contact-card { background: var(--ac-warm) !important; border: 1px solid var(--ac-border) !important; box-shadow: var(--ac-shadow) !important; } body.bs-v3.bs-tema-ac .mv-contact-card > i { background: var(--ac-amber-bg) !important; color: var(--ac-amber) !important; } body.bs-v3.bs-tema-ac .mv-contact-card h3 { color: var(--ac-navy) !important; } body.bs-v3.bs-tema-ac .bs-teklif-aside, body.bs-v3.bs-tema-ac .bs-yasal-icerik { background: var(--ac-warm) !important; border: 1px solid var(--ac-border) !important; box-shadow: var(--ac-shadow) !important; } /* .php-email-form her zaman .mv-form-panel (zaten kutulu) İÇİNDE render ediliyor (iletisim.php, teklif-al.php, servis-istiyorum.php) — forma AYRICA aynı kutu stilini vermek "çerçeve içinde çerçeve" yaratıyordu. Metin/alan boyutlarına dokunulmadı, sadece kutu-çizim kaldırıldı. */ body.bs-v3.bs-tema-ac .php-email-form { background: transparent !important; border: none !important; box-shadow: none !important; } body.bs-v3.bs-tema-ac .php-email-form input, body.bs-v3.bs-tema-ac .php-email-form textarea, body.bs-v3.bs-tema-ac .php-email-form select { background: #fff !important; border-color: var(--ac-border) !important; color: var(--ac-navy) !important; } body.bs-v3.bs-tema-ac .php-email-form input:focus, body.bs-v3.bs-tema-ac .php-email-form textarea:focus, body.bs-v3.bs-tema-ac .php-email-form select:focus { border-color: var(--ac-amber) !important; box-shadow: 0 0 0 3px rgba(180, 83, 9, 0.12) !important; } body.bs-v3.bs-tema-ac .bs-teklif-adim-no { background: var(--ac-amber-bg) !important; color: var(--ac-amber) !important; } body.bs-v3.bs-tema-ac .bs-hizli-aksiyon-band .nx-btn--wa, body.bs-v3.bs-tema-ac .bs-btn-wa { background: #25d366 !important; border-color: #25d366 !important; color: #fff !important; } /* ── Sağ alt köşe: iletişim dock ── */ body.bs-v3.bs-tema-ac .bs-yuzen-kose { position: fixed; right: max(1.15rem, env(safe-area-inset-right)); bottom: max(1.15rem, env(safe-area-inset-bottom)); z-index: 1042; display: flex; flex-direction: column; align-items: flex-end; gap: 0.65rem; pointer-events: none; } body.bs-v3.bs-tema-ac .bs-yuzen-kose > * { pointer-events: auto; } body.bs-v3.bs-tema-ac .bs-hizli-iletisim-dock__panel { display: flex; flex-direction: column; gap: 0.45rem; min-width: min(17.5rem, calc(100vw - 2.3rem)); padding: 0.75rem; background: #fffdf9; border: 1px solid var(--ac-border); border-radius: var(--ac-radius); box-shadow: var(--ac-shadow-lg); animation: bsHizliDockIn 0.22s ease forwards; } @keyframes bsHizliDockIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } } body.bs-v3.bs-tema-ac .bs-hizli-panel-baslik { margin: 0 0 0.25rem; padding: 0 0.15rem; font-size: 0.68rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ac-text-soft); } body.bs-v3.bs-tema-ac .bs-hizli-btn { display: flex; align-items: center; gap: 0.7rem; width: 100%; padding: 0.55rem 0.65rem; border-radius: 10px; text-decoration: none; background: var(--ac-cream); border: 1px solid var(--ac-border); color: var(--ac-navy) !important; box-shadow: none; white-space: normal; transition: border-color 0.15s, transform 0.15s, box-shadow 0.15s; } body.bs-v3.bs-tema-ac .bs-hizli-btn:hover { transform: translateX(-2px); color: var(--ac-navy) !important; box-shadow: var(--ac-shadow); } body.bs-v3.bs-tema-ac .bs-hizli-btn__ikon { flex-shrink: 0; width: 2.35rem; height: 2.35rem; display: flex; align-items: center; justify-content: center; border-radius: 50%; font-size: 1.05rem; color: #fff !important; } body.bs-v3.bs-tema-ac .bs-hizli-btn__metin { display: flex; flex-direction: column; align-items: flex-start; gap: 0.05rem; min-width: 0; } body.bs-v3.bs-tema-ac .bs-hizli-btn__metin strong { font-size: 0.88rem; font-weight: 700; line-height: 1.25; color: var(--ac-navy); } body.bs-v3.bs-tema-ac .bs-hizli-btn__metin small { font-size: 0.72rem; color: var(--ac-text-soft); line-height: 1.2; } body.bs-v3.bs-tema-ac .bs-hizli-btn--wa .bs-hizli-btn__ikon { background: #25d366; } body.bs-v3.bs-tema-ac .bs-hizli-btn--wa:hover { border-color: rgba(37, 211, 102, 0.45); } body.bs-v3.bs-tema-ac .bs-hizli-btn--tel .bs-hizli-btn__ikon { background: #2563eb; } body.bs-v3.bs-tema-ac .bs-hizli-btn--tel:hover { border-color: rgba(37, 99, 235, 0.4); } body.bs-v3.bs-tema-ac .bs-hizli-btn--servis .bs-hizli-btn__ikon { background: #ea580c; } body.bs-v3.bs-tema-ac .bs-hizli-btn--servis:hover { border-color: rgba(234, 88, 12, 0.4); } body.bs-v3.bs-tema-ac .bs-hizli-btn--odeme .bs-hizli-btn__ikon { background: #7c3aed; } body.bs-v3.bs-tema-ac .bs-hizli-btn--odeme:hover { border-color: rgba(124, 58, 237, 0.4); } body.bs-v3.bs-tema-ac .bs-hizli-iletisim-dock__toggle { display: inline-flex; align-items: center; justify-content: center; gap: 0.45rem; width: auto; min-width: 3.25rem; height: 3.25rem; padding: 0 1rem 0 0.85rem; border-radius: 999px; border: none; background: linear-gradient(135deg, var(--ac-navy) 0%, #2c4f73 100%) !important; color: #fff !important; font-size: 1.15rem; cursor: pointer; box-shadow: 0 6px 20px rgba(30, 58, 95, 0.35); transition: transform 0.2s, box-shadow 0.2s; } body.bs-v3.bs-tema-ac .bs-hizli-toggle-etiket { font-size: 0.82rem; font-weight: 700; letter-spacing: 0.02em; } body.bs-v3.bs-tema-ac .bs-hizli-iletisim-dock__toggle:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(30, 58, 95, 0.4); } body.bs-v3.bs-tema-ac .bs-hizli-iletisim-dock__toggle.is-open { background: linear-gradient(135deg, var(--ac-amber) 0%, var(--ac-amber-hover) 100%) !important; box-shadow: 0 6px 20px rgba(180, 83, 9, 0.35); } body.bs-v3.bs-tema-ac .bs-hizli-iletisim-dock__toggle .bs-hizli-toggle-ikon--kapali { display: none; } body.bs-v3.bs-tema-ac .bs-hizli-iletisim-dock__toggle.is-open .bs-hizli-toggle-ikon--acik { display: none; } body.bs-v3.bs-tema-ac .bs-hizli-iletisim-dock__toggle.is-open .bs-hizli-toggle-ikon--kapali { display: inline; } body.cozum-detay-page.bs-tema-ac .bs-yuzen-kose { bottom: calc(4.5rem + env(safe-area-inset-bottom)); } body.cozum-detay-page.bs-tema-ac .scroll-top { bottom: calc(4.5rem + 3.25rem + 0.65rem + env(safe-area-inset-bottom)) !important; } @media (max-width: 991px) { body.bs-v3.bs-tema-ac .bs-hizli-btn { width: 100% !important; height: auto !important; padding: 0.55rem 0.65rem !important; border-radius: 10px !important; justify-content: flex-start !important; } body.bs-v3.bs-tema-ac .bs-hizli-btn__metin { display: flex !important; } } @media (max-width: 575px) { body.bs-v3.bs-tema-ac .bs-hizli-toggle-etiket { display: none; } body.bs-v3.bs-tema-ac .bs-hizli-iletisim-dock__toggle { width: 3.25rem; padding: 0; border-radius: 50%; } body.bs-v3.bs-tema-ac .bs-hizli-iletisim-dock__panel { min-width: min(16.5rem, calc(100vw - 1.75rem)); } } /* ── Arama & referans ── */ body.bs-v3.bs-tema-ac .arama-buyuk-wrap { background: #fff !important; border: 1.5px solid var(--ac-border) !important; box-shadow: 0 2px 10px rgba(30, 58, 95, 0.06) !important; } body.bs-v3.bs-tema-ac .arama-buyuk-wrap:focus-within { border-color: var(--ac-amber) !important; box-shadow: 0 0 0 3px rgba(180, 83, 9, 0.12) !important; } body.bs-v3.bs-tema-ac .arama-buyuk-btn { background: var(--ac-navy) !important; color: #fff !important; -webkit-text-fill-color: #fff !important; box-shadow: 0 2px 10px rgba(30, 58, 95, 0.22); } body.bs-v3.bs-tema-ac .arama-buyuk-btn:hover, body.bs-v3.bs-tema-ac .arama-buyuk-btn:focus-visible { background: var(--ac-amber) !important; color: #fff !important; -webkit-text-fill-color: #fff !important; box-shadow: 0 4px 14px rgba(180, 83, 9, 0.28); } body.bs-v3.bs-tema-ac .arama-sonuc-ok { background: var(--ac-amber-bg); color: var(--ac-navy) !important; -webkit-text-fill-color: var(--ac-navy) !important; } body.bs-v3.bs-tema-ac .arama-sonuc-kart:hover .arama-sonuc-ok { background: var(--ac-amber) !important; color: #fff !important; -webkit-text-fill-color: #fff !important; } body.bs-v3.bs-tema-ac .arama-sonuc-kart, body.bs-v3.bs-tema-ac .mv-ref-card, body.bs-v3.bs-tema-ac .referans-kart { background: var(--ac-warm) !important; border: 1px solid var(--ac-border) !important; } body.bs-v3.bs-tema-ac .nx-card::before { display: none !important; } body.bs-v3.bs-tema-ac .bs-ozel-cozum-ikon { background: var(--ac-amber-bg) !important; color: var(--ac-amber) !important; } body.bs-v3.bs-tema-ac .mv-empty-state { background: var(--ac-warm) !important; border: 1px dashed var(--ac-border) !important; color: var(--ac-text-soft) !important; } /* ── Koyu tema: sıcak palete uyumlu okunaklılık ── */ [data-theme="dark"] body.bs-v3.bs-tema-ac { --ac-cream: #1a2433; --ac-warm: #222d3d; --ac-navy: #f1f5f9; --ac-navy-soft: #e2e8f0; --ac-text: #cbd5e1; --ac-text-soft: #94a3b8; --ac-border: rgba(255, 255, 255, 0.1); --ac-amber: #f59e0b; --ac-amber-bg: rgba(245, 158, 11, 0.15); background: #151f2e !important; } [data-theme="dark"] body.bs-v3.bs-tema-ac .nx-header__top { background: #1e2a3a !important; } [data-theme="dark"] body.bs-v3.bs-tema-ac .nx-header__main, [data-theme="dark"] body.bs-v3.bs-tema-ac .nx-header__bar { background: #222d3d !important; } [data-theme="dark"] body.bs-v3.bs-tema-ac .ac-hero, [data-theme="dark"] body.bs-v3.bs-tema-ac .mv-page-hero, [data-theme="dark"] body.bs-v3.bs-tema-ac .cozum-hero { background: linear-gradient(180deg, #222d3d 0%, #1a2433 100%) !important; } [data-theme="dark"] body.bs-v3.bs-tema-ac .php-email-form input, [data-theme="dark"] body.bs-v3.bs-tema-ac .php-email-form textarea, [data-theme="dark"] body.bs-v3.bs-tema-ac .php-email-form select { background: #1a2433 !important; color: #f1f5f9 !important; } /* ── Mobil ── */ @media (max-width: 991px) { body.bs-v3.bs-tema-ac .ac-hero__grid { grid-template-columns: 1fr; gap: 1.25rem; } body.bs-v3.bs-tema-ac .ac-hero__visual { order: -1; } body.bs-v3.bs-tema-ac .ac-hero__photo { max-width: 280px; height: 220px; min-height: 220px; max-height: 220px; } body.bs-v3.bs-tema-ac .ac-hero__photo img { max-height: 180px !important; } body.bs-v3.bs-tema-ac .ac-hero__title { min-height: calc(1.2em * 2); max-height: calc(1.2em * 2); } body.bs-v3.bs-tema-ac .ac-hero__desc { min-height: calc(1.65em * 3); max-height: calc(1.65em * 3); } body.bs-v3.bs-tema-ac .ac-hero-slider__noktalar { max-height: none; flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; padding-bottom: 0.25rem; } body.bs-v3.bs-tema-ac .ac-actions__grid { grid-template-columns: 1fr; } } @media (max-width: 575px) { body.bs-v3.bs-tema-ac .ac-hero { padding-top: calc(var(--ac-header-offset, var(--ac-header-total)) + 1rem); } body.bs-v3.bs-tema-ac .ac-hero__actions { flex-direction: column; } body.bs-v3.bs-tema-ac .ac-hero__actions .ac-btn { width: 100%; } } /* ═══════════════════════════════════════════════════════════════════ ZORUNLU SICAK KREM — V3 mavi/mor ve koyu mod ezmesin html[data-front-tema=ac] selma-v3.css'ten sonra yüklenir ═══════════════════════════════════════════════════════════════════ */ html[data-front-tema="ac"] body.bs-v3 { /* Bu blok, dosyanın en üstündeki body.bs-v3.bs-tema-ac ana bloğuyla AYNI özellikleri [data-front-tema="ac"] öznitelik seçicisiyle TEKRAR tanımlıyor (muhtemelen eski bir seçici kuralı, sınıf-tabanlı yaklaşıma geçilince silinmemiş) — sabit hex değerler yerine ARTIK aynı --ac-* token'ları kullanıyor, aksi halde şablon (site-sablon-*.css) override'ları buradaki daha spesifik/sonraki kurallar tarafından sessizce geçersiz kılınıyordu. */ --nx-bg: var(--ac-cream) !important; --nx-bg-elevated: var(--ac-warm) !important; --nx-bg-dark: var(--ac-navy) !important; --nx-surface: var(--ac-warm) !important; --nx-border: var(--ac-border) !important; --nx-text: var(--ac-text) !important; --nx-text-soft: var(--ac-text-soft) !important; --nx-text-strong: var(--ac-navy) !important; --nx-accent: var(--ac-amber) !important; --nx-accent-2: var(--ac-navy-soft) !important; --nx-accent-3: var(--ac-amber-hover) !important; --nx-gradient: linear-gradient(135deg, var(--ac-amber) 0%, var(--ac-amber-hover) 100%) !important; --nx-gradient-soft: linear-gradient(180deg, var(--ac-warm) 0%, var(--ac-cream) 100%) !important; --nx-shadow-glow: 0 0 32px rgba(180, 83, 9, 0.12) !important; --ac-header-total: var(--ac-header-nav); font-family: var(--ac-font-body) !important; background: var(--ac-cream) !important; background-image: none !important; color: var(--ac-text) !important; } @media (min-width: 992px) { html[data-front-tema="ac"] body.bs-v3, body.bs-v3.bs-tema-ac { --ac-header-total: calc(var(--ac-header-topbar) + var(--ac-header-nav)); } } html[data-front-tema="ac"] body.bs-v3 main h1, html[data-front-tema="ac"] body.bs-v3 main h2, html[data-front-tema="ac"] body.bs-v3 main h3, html[data-front-tema="ac"] body.bs-v3 main h4, html[data-front-tema="ac"] body.bs-v3 main h5, html[data-front-tema="ac"] body.bs-v3 main h6, html[data-front-tema="ac"] body.bs-v3 .main h1, html[data-front-tema="ac"] body.bs-v3 .main h2, html[data-front-tema="ac"] body.bs-v3 .main h3, html[data-front-tema="ac"] body.bs-v3 .main h4, html[data-front-tema="ac"] body.bs-v3 .main h5, html[data-front-tema="ac"] body.bs-v3 .main h6 { font-family: var(--ac-font-heading) !important; color: var(--ac-navy) !important; -webkit-text-fill-color: var(--ac-navy) !important; background: none !important; } /* Ana sayfa hero başlıkları — normal içerik zemini DEĞİL hero'nun kendi (bazı şablonlarda koyu) zemininde durduğu için genel "main h1-h6" kuralından ayrı, hero'ya özel renk alır. */ html[data-front-tema="ac"] body.bs-v3 .ac-hero h1, html[data-front-tema="ac"] body.bs-v3 .ac-hero h2 { font-family: var(--ac-font-heading) !important; color: var(--ac-hero-text) !important; -webkit-text-fill-color: var(--ac-hero-text) !important; background: none !important; } html[data-front-tema="ac"] body.bs-v3 main a:not(.nx-btn):not(.mv-btn):not(.ac-btn):not(.btn-get-started), html[data-front-tema="ac"] body.bs-v3 .main a:not(.nx-btn):not(.mv-btn):not(.ac-btn):not(.btn-get-started) { color: var(--ac-amber) !important; } html[data-front-tema="ac"] body.bs-v3 .nx-header__top { background: #f3ebe0 !important; border-bottom: 1px solid rgba(30, 58, 95, 0.12) !important; } html[data-front-tema="ac"] body.bs-v3 .nx-header__contact a { color: #2c4f73 !important; } html[data-front-tema="ac"] body.bs-v3 .nx-header__contact a:hover { color: var(--ac-amber) !important; } html[data-front-tema="ac"] body.bs-v3 .nx-header__social a { background: rgba(180, 83, 9, 0.1) !important; color: var(--ac-navy) !important; } html[data-front-tema="ac"] body.bs-v3 .nx-header__social a:hover { background: var(--ac-amber) !important; color: #fff !important; } html[data-front-tema="ac"] body.bs-v3 .nx-header__bar, html[data-front-tema="ac"] body.bs-v3 .header.header-scrolled .nx-header__bar, html[data-front-tema="ac"] body.bs-v3 .nx-header.is-scrolled .nx-header__bar { background: rgba(255, 253, 249, 0.96) !important; border-bottom-color: rgba(30, 58, 95, 0.1) !important; box-shadow: 0 2px 12px rgba(30, 58, 95, 0.06) !important; } html[data-front-tema="ac"] body.bs-v3 #navmenu > ul > li > a, html[data-front-tema="ac"] body.bs-v3 #navmenu .cozum-mega-trigger { color: var(--ac-navy) !important; } html[data-front-tema="ac"] body.bs-v3 #navmenu > ul > li > a:hover, html[data-front-tema="ac"] body.bs-v3 #navmenu .cozum-mega-trigger:hover { color: var(--ac-amber) !important; } html[data-front-tema="ac"] body.bs-v3 .nx-btn--primary, html[data-front-tema="ac"] body.bs-v3 .mv-btn-primary { background: var(--ac-amber) !important; border-color: var(--ac-amber) !important; background-image: none !important; box-shadow: 0 4px 14px rgba(180, 83, 9, 0.22) !important; color: #fff !important; } html[data-front-tema="ac"] body.bs-v3 .ac-header-cta, html[data-front-tema="ac"] body.bs-v3 a.bs-header-cta.nx-btn--primary { height: 2.5rem !important; padding: 0 1rem !important; font-size: 0.8125rem !important; border-radius: 999px !important; box-shadow: 0 2px 8px rgba(180, 83, 9, 0.18) !important; } html[data-front-tema="ac"] body.bs-v3 .ac-header-cta:hover, html[data-front-tema="ac"] body.bs-v3 a.bs-header-cta.nx-btn--primary:hover { box-shadow: 0 4px 12px rgba(146, 64, 14, 0.25) !important; transform: translateY(-1px); } html[data-front-tema="ac"] body.bs-v3 .nx-btn--primary:hover, html[data-front-tema="ac"] body.bs-v3 .mv-btn-primary:hover { background: var(--ac-amber-hover) !important; border-color: var(--ac-amber-hover) !important; box-shadow: 0 6px 18px rgba(146, 64, 14, 0.28) !important; } html[data-front-tema="ac"] body.bs-v3 .nx-btn--outline, html[data-front-tema="ac"] body.bs-v3 .mv-btn-ghost { color: var(--ac-navy) !important; border-color: rgba(30, 58, 95, 0.18) !important; background: #fffdf9 !important; } html[data-front-tema="ac"] body.bs-v3 .nx-hero, html[data-front-tema="ac"] body.bs-v3 .mv-hero { background: linear-gradient(180deg, #fff9f2 0%, #faf6f0 100%) !important; color: #4b5563 !important; min-height: auto !important; max-height: none !important; } html[data-front-tema="ac"] body.bs-v3 .nx-page-hero, html[data-front-tema="ac"] body.bs-v3 .mv-page-hero { background: linear-gradient(180deg, #fff9f2 0%, #faf6f0 100%) !important; color: #4b5563 !important; } html[data-front-tema="ac"] body.bs-v3 .nx-section--alt, html[data-front-tema="ac"] body.bs-v3 .e-cozumler-section, html[data-front-tema="ac"] body.bs-v3 .referanslar-onizleme, html[data-front-tema="ac"] body.bs-v3 .hizmet-grup-section, html[data-front-tema="ac"] body.bs-v3 .cozum-katalog-section, html[data-front-tema="ac"] body.bs-v3 .services.section, html[data-front-tema="ac"] body.bs-v3 .mv-about-block { background: #fffdf9 !important; background-image: none !important; } html[data-front-tema="ac"] body.bs-v3 .nx-card, html[data-front-tema="ac"] body.bs-v3 .mv-bento-card, html[data-front-tema="ac"] body.bs-v3 .mv-service-card, html[data-front-tema="ac"] body.bs-v3 .mv-value-card, html[data-front-tema="ac"] body.bs-v3 .mv-catalog-card { background: #fffdf9 !important; border: 1px solid rgba(30, 58, 95, 0.12) !important; } html[data-front-tema="ac"] body.bs-v3 .nx-card::before { display: none !important; } /* Koyu mod kayıtlı olsa bile sıcak açık tema */ html[data-front-tema="ac"][data-theme="dark"] body.bs-v3 { --nx-bg: #faf6f0 !important; --nx-bg-elevated: #fffdf9 !important; --nx-text: #4b5563 !important; --nx-text-soft: #6b7280 !important; --nx-text-strong: var(--ac-navy) !important; background: #faf6f0 !important; background-image: none !important; color: #4b5563 !important; } html[data-front-tema="ac"][data-theme="dark"] body.bs-v3 .nx-header__bar, html[data-front-tema="ac"][data-theme="dark"] body.bs-v3 .nx-header__top { background: #f3ebe0 !important; } html[data-front-tema="ac"][data-theme="dark"] body.bs-v3 #navmenu > ul > li > a, html[data-front-tema="ac"][data-theme="dark"] body.bs-v3 main .mv-page-title, html[data-front-tema="ac"][data-theme="dark"] body.bs-v3 main h1, html[data-front-tema="ac"][data-theme="dark"] body.bs-v3 main h2, html[data-front-tema="ac"][data-theme="dark"] body.bs-v3 .main h1, html[data-front-tema="ac"][data-theme="dark"] body.bs-v3 .main h2 { color: var(--ac-navy) !important; -webkit-text-fill-color: var(--ac-navy) !important; } html[data-front-tema="ac"][data-theme="dark"] body.bs-v3 .nx-section--alt, html[data-front-tema="ac"][data-theme="dark"] body.bs-v3 .cozum-katalog-section, html[data-front-tema="ac"][data-theme="dark"] body.bs-v3 .services.section { background: #fffdf9 !important; } /* ═══ Bayi vitrini — 3 büyük alan, gazete gridi yok ═══ */ body.bs-v3.bs-tema-ac .ac-bayi-vitrin { padding: 0 0 2.5rem; } body.bs-v3.bs-tema-ac .ac-bayi-vitrin__giris { padding: 2.5rem 0 1.5rem; max-width: 40rem; } body.bs-v3.bs-tema-ac .ac-bayi-vitrin__giris h2 { font-size: clamp(1.35rem, 2.2vw, 1.75rem); margin: 0 0 0.65rem; font-weight: 800; } body.bs-v3.bs-tema-ac .ac-bayi-vitrin__lead { margin: 0; font-size: 1rem; line-height: 1.65; color: var(--ac-text); } body.bs-v3.bs-tema-ac .ac-bayi-kapi { padding: 2rem 0; border-top: 1px solid var(--ac-border); } body.bs-v3.bs-tema-ac .ac-bayi-kapi:nth-child(even) { background: var(--ac-warm); } body.bs-v3.bs-tema-ac .ac-bayi-kapi__satir { display: grid; grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr); gap: 2rem; align-items: center; } body.bs-v3.bs-tema-ac .ac-bayi-kapi--ters .ac-bayi-kapi__satir { direction: rtl; } body.bs-v3.bs-tema-ac .ac-bayi-kapi--ters .ac-bayi-kapi__satir > * { direction: ltr; } body.bs-v3.bs-tema-ac .ac-bayi-kapi__gorsel { margin: 0; border-radius: 0; overflow: visible; border: none; background: transparent; box-shadow: none; max-height: 300px; display: flex; align-items: center; justify-content: center; } body.bs-v3.bs-tema-ac .ac-bayi-kapi__gorsel img { display: block; width: auto; height: auto; max-width: 100%; min-height: 0; max-height: 280px; object-fit: contain; background: transparent; } body.bs-v3.bs-tema-ac .ac-bayi-kapi__etiket { display: inline-block; margin-bottom: 0.5rem; padding: 0.25rem 0.65rem; background: var(--ac-amber-bg); color: var(--ac-amber); border-radius: 6px; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; } body.bs-v3.bs-tema-ac .ac-bayi-kapi__metin h3 { font-size: clamp(1.15rem, 1.8vw, 1.45rem); margin: 0 0 0.65rem; font-weight: 800; line-height: 1.3; } body.bs-v3.bs-tema-ac .ac-bayi-kapi__metin > p { margin: 0 0 1rem; font-size: 0.95rem; line-height: 1.65; color: var(--ac-text); } body.bs-v3.bs-tema-ac .ac-bayi-kapi__ornek-baslik { margin: 0 0 0.35rem; font-size: 0.78rem; font-weight: 700; color: var(--ac-navy-soft); text-transform: uppercase; letter-spacing: 0.03em; } body.bs-v3.bs-tema-ac .ac-bayi-kapi__ornekler { margin: 0 0 1.1rem; padding: 0; list-style: none; display: flex; flex-wrap: wrap; gap: 0.35rem 0.5rem; } body.bs-v3.bs-tema-ac .ac-bayi-kapi__ornekler li { font-size: 0.8rem; padding: 0.2rem 0.55rem; background: var(--ac-cream); border: 1px solid var(--ac-border); border-radius: 6px; color: var(--ac-navy-soft); } body.bs-v3.bs-tema-ac .ac-bayi-vitrin__alt { padding-top: 1.5rem; text-align: center; } body.bs-v3.bs-tema-ac .ac-bayi-vitrin__tum-link { font-size: 0.9rem; font-weight: 600; color: var(--ac-navy-soft); text-decoration: none; } body.bs-v3.bs-tema-ac .ac-bayi-vitrin__tum-link:hover { color: var(--ac-amber); } /* Hizmet — 3 sütun, ikon, liste */ body.bs-v3.bs-tema-ac .ac-dealer-hizmet { padding: 2.5rem 0 3rem; background: var(--ac-cream); border-top: 1px solid var(--ac-border); } body.bs-v3.bs-tema-ac .ac-dealer-hizmet__baslik { max-width: 36rem; margin-bottom: 2rem; } body.bs-v3.bs-tema-ac .ac-dealer-hizmet__baslik h2 { font-size: clamp(1.25rem, 2vw, 1.6rem); margin: 0 0 0.5rem; font-weight: 800; } body.bs-v3.bs-tema-ac .ac-dealer-hizmet__baslik p { margin: 0; font-size: 0.95rem; line-height: 1.6; color: var(--ac-text); } body.bs-v3.bs-tema-ac .ac-dealer-hizmet__sutunlar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem; } body.bs-v3.bs-tema-ac .ac-dealer-sutun { padding: 1.25rem 1.15rem; background: var(--ac-warm); border: 1px solid var(--ac-border); border-radius: 14px; } body.bs-v3.bs-tema-ac .ac-dealer-sutun__ikon { width: 2.5rem; height: 2.5rem; display: flex; align-items: center; justify-content: center; margin-bottom: 0.75rem; background: var(--ac-amber-bg); color: var(--ac-amber); border-radius: 10px; font-size: 1.15rem; } body.bs-v3.bs-tema-ac .ac-dealer-sutun h3 { font-size: 1rem; margin: 0 0 0.4rem; font-weight: 800; } body.bs-v3.bs-tema-ac .ac-dealer-sutun__ozet { margin: 0 0 0.75rem; font-size: 0.85rem; line-height: 1.5; color: var(--ac-text-soft); } body.bs-v3.bs-tema-ac .ac-dealer-sutun__liste { margin: 0; padding: 0; list-style: none; border-top: 1px solid rgba(30, 58, 95, 0.08); padding-top: 0.65rem; } body.bs-v3.bs-tema-ac .ac-dealer-sutun__liste li { font-size: 0.82rem; padding: 0.3rem 0; color: var(--ac-navy); border-bottom: 1px dashed rgba(30, 58, 95, 0.08); } body.bs-v3.bs-tema-ac .ac-dealer-sutun__liste li:last-child { border-bottom: none; } body.bs-v3.bs-tema-ac .ac-dealer-hizmet__alt { display: flex; flex-wrap: wrap; gap: 0.65rem; margin-top: 1.75rem; } @media (max-width: 991px) { body.bs-v3.bs-tema-ac .ac-bayi-kapi__satir, body.bs-v3.bs-tema-ac .ac-bayi-kapi--ters .ac-bayi-kapi__satir { grid-template-columns: 1fr; direction: ltr; gap: 1.25rem; } body.bs-v3.bs-tema-ac .ac-dealer-hizmet__sutunlar { grid-template-columns: 1fr; gap: 1rem; } } /* ═══ İç sayfa AC düzeltmeleri (beyaz yazı / gizli içerik) ═══ */ html[data-front-tema="ac"] body.bs-v3 .nx-page-hero, html[data-front-tema="ac"] body.bs-v3 .mv-page-hero, html[data-front-tema="ac"] body.bs-v3 .ac-page-hero { background: var(--ac-hero-bg) !important; color: var(--ac-hero-text-soft) !important; border-bottom: 1px solid var(--ac-hero-border) !important; overflow: visible !important; padding-top: calc(var(--ac-header-offset, 8rem) + 1.25rem) !important; padding-bottom: 2.5rem !important; } html[data-front-tema="ac"] body.bs-v3 .cozum-hero { background: var(--ac-hero-bg) !important; border-bottom: 1px solid var(--ac-hero-border) !important; overflow: visible !important; padding-top: calc(var(--ac-header-offset, 8rem) + 1.25rem) !important; } html[data-front-tema="ac"] body.bs-v3 .mv-page-title { color: var(--ac-hero-text) !important; -webkit-text-fill-color: var(--ac-hero-text) !important; font-family: var(--ac-font-heading) !important; } html[data-front-tema="ac"] body.bs-v3 .mv-page-desc { color: var(--ac-hero-desc-color) !important; -webkit-text-fill-color: var(--ac-hero-desc-color) !important; opacity: 1 !important; } html[data-front-tema="ac"] body.bs-v3 .mv-breadcrumb ol { list-style: none !important; display: flex !important; flex-wrap: wrap; align-items: center; gap: 0.25rem 0.5rem; padding: 0 !important; margin: 0 0 1rem !important; counter-reset: none !important; } html[data-front-tema="ac"] body.bs-v3 .mv-breadcrumb li { display: inline-flex; align-items: center; font-size: 0.85rem; } html[data-front-tema="ac"] body.bs-v3 .mv-breadcrumb li + li::before { content: "/"; margin-right: 0.5rem; color: var(--ac-hero-text-soft); font-weight: 400; opacity: 0.6; } html[data-front-tema="ac"] body.bs-v3 .mv-breadcrumb a { color: var(--ac-hero-text-soft) !important; text-decoration: none; } html[data-front-tema="ac"] body.bs-v3 .mv-breadcrumb a:hover { color: var(--ac-amber) !important; } html[data-front-tema="ac"] body.bs-v3 .mv-breadcrumb .current { color: var(--ac-hero-text) !important; font-weight: 600; } html[data-front-tema="ac"] body.bs-v3 .mv-page-hero .mv-pill, html[data-front-tema="ac"] body.bs-v3 .mv-page-pill, html[data-front-tema="ac"] body.bs-v3 .ac-page-hero__badge { color: var(--ac-hero-badge-text) !important; -webkit-text-fill-color: var(--ac-hero-badge-text) !important; background: var(--ac-hero-badge-bg) !important; border: 1px solid rgba(180, 83, 9, 0.32) !important; } html[data-front-tema="ac"] body.bs-v3 main .nx-tag, html[data-front-tema="ac"] body.bs-v3 main .mv-section-tag { color: var(--ac-amber-hover) !important; -webkit-text-fill-color: var(--ac-amber-hover) !important; background: #fef3e2 !important; border: 1px solid rgba(180, 83, 9, 0.25) !important; } html[data-front-tema="ac"] body.bs-v3 .nx-reveal, html[data-front-tema="ac"] body.bs-v3 .mv-reveal { opacity: 1 !important; transform: none !important; } html[data-front-tema="ac"] body.bs-v3 .cozum-katalog-section { padding: 2.5rem 0 3rem !important; } html[data-front-tema="ac"] body.bs-v3 .mv-catalog-grid, html[data-front-tema="ac"] body.bs-v3 .mv-bento-grid.mv-catalog-grid { display: flex !important; flex-wrap: wrap; justify-content: center; opacity: 1 !important; visibility: visible !important; } html[data-front-tema="ac"] body.bs-v3 .cozum-katalog-ozet h2 { color: var(--ac-navy) !important; } html[data-front-tema="ac"] body.bs-v3 .cozum-katalog-ozet p { color: #6b7280 !important; } /* ═══ Ana sayfa akordeon — aksiyon kartları ile aynı hizada ═══ */ body.bs-v3.bs-tema-ac .ac-akordeon-alani { padding: 0.75rem 0 2rem; background: var(--ac-cream); } body.bs-v3.bs-tema-ac .ac-akordeon-alani__liste { display: flex; flex-direction: column; gap: 0.75rem; } @media (min-width: 768px) { body.bs-v3.bs-tema-ac .ac-akordeon-alani__liste { flex-direction: row; align-items: flex-start; } body.bs-v3.bs-tema-ac .ac-akordeon-alani__liste > .ac-akordeon { flex: 1 1 0; min-width: 0; } } body.bs-v3.bs-tema-ac .ac-akordeon { margin: 0; border: 1px solid var(--ac-border); border-radius: var(--ac-radius); background: var(--ac-warm); box-shadow: var(--ac-shadow); overflow: hidden; } body.bs-v3.bs-tema-ac .ac-akordeon__baslik { display: flex; align-items: center; gap: 0.85rem; width: 100%; padding: 1rem 1.1rem; margin: 0; cursor: pointer; list-style: none; background: var(--ac-warm); transition: background 0.2s, border-color 0.2s; box-sizing: border-box; } body.bs-v3.bs-tema-ac .ac-akordeon__baslik::-webkit-details-marker { display: none; } body.bs-v3.bs-tema-ac .ac-akordeon__baslik:hover { background: #fff9f2; } body.bs-v3.bs-tema-ac .ac-akordeon[open] .ac-akordeon__baslik { background: #fff9f2; border-bottom: 1px solid var(--ac-border); box-shadow: inset 3px 0 0 var(--ac-amber); } body.bs-v3.bs-tema-ac .ac-akordeon__ikon { flex-shrink: 0; width: 2.75rem; height: 2.75rem; display: flex; align-items: center; justify-content: center; border-radius: 10px; font-size: 1.2rem; background: var(--ac-amber-bg); color: var(--ac-amber); } body.bs-v3.bs-tema-ac .ac-akordeon__ikon--hizmet { background: #e8f0f8; color: var(--ac-navy-soft); } body.bs-v3.bs-tema-ac .ac-akordeon__metin { flex: 1; min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: 0.15rem; text-align: left; } body.bs-v3.bs-tema-ac .ac-akordeon__etiket { display: inline-block; padding: 0.15rem 0.55rem; background: var(--ac-amber-bg); color: var(--ac-amber); border-radius: 999px; font-size: 0.68rem; font-weight: 700; letter-spacing: 0.03em; text-transform: uppercase; line-height: 1.3; } body.bs-v3.bs-tema-ac .ac-akordeon__title { display: block; font-family: 'Nunito', sans-serif; font-size: 1rem; font-weight: 700; color: var(--ac-navy); line-height: 1.3; } body.bs-v3.bs-tema-ac .ac-akordeon__hint { display: block; font-size: 0.8rem; font-weight: 500; color: var(--ac-text-soft); line-height: 1.35; } body.bs-v3.bs-tema-ac .ac-akordeon__ok { flex-shrink: 0; width: 2rem; height: 2rem; display: flex; align-items: center; justify-content: center; color: var(--ac-text-soft); font-size: 1rem; transition: transform 0.25s ease, color 0.2s; } body.bs-v3.bs-tema-ac .ac-akordeon[open] .ac-akordeon__ok { transform: rotate(180deg); color: var(--ac-amber); } body.bs-v3.bs-tema-ac .ac-akordeon__govde { padding: 1rem 1.1rem 1.25rem; background: var(--ac-cream); border-top: 1px solid rgba(30, 58, 95, 0.06); animation: acAkordeonAc 0.3s ease; container-type: inline-size; container-name: ac-akordeon-govde; } @keyframes acAkordeonAc { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: translateY(0); } } body.bs-v3.bs-tema-ac .ac-akordeon__aciklama { margin: 0 0 1rem; font-size: 0.88rem; color: var(--ac-text); line-height: 1.55; } body.bs-v3.bs-tema-ac .ac-akordeon__chips { display: flex; flex-wrap: wrap; gap: 0.4rem; margin-bottom: 1rem; } body.bs-v3.bs-tema-ac .ac-akordeon__alt { display: flex; flex-wrap: wrap; gap: 0.5rem; justify-content: center; margin-top: 1rem; padding-top: 0.75rem; border-top: 1px solid var(--ac-border); } body.bs-v3.bs-tema-ac .ac-actions { padding: 1.25rem 0 0.25rem; } @media (max-width: 575px) { body.bs-v3.bs-tema-ac .ac-akordeon__baslik { padding: 0.9rem; gap: 0.65rem; } body.bs-v3.bs-tema-ac .ac-akordeon__ikon { width: 2.4rem; height: 2.4rem; font-size: 1rem; } body.bs-v3.bs-tema-ac .ac-akordeon__title { font-size: 0.92rem; } body.bs-v3.bs-tema-ac .ac-akordeon__chips { flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; padding-bottom: 0.2rem; } body.bs-v3.bs-tema-ac .ac-akordeon__chips::-webkit-scrollbar { display: none; } body.bs-v3.bs-tema-ac .ac-akordeon__chips .ac-chip { flex-shrink: 0; } } /* ═══ Koyu zemin kontrastı — footer (zorunlu, en sonda) ═══ */ html[data-front-tema="ac"] body.bs-v3 .bs-footer, html[data-front-tema="ac"] body.bs-v3 .nx-footer, html[data-front-tema="ac"] body.bs-v3 footer.footer { --ac-on-dark: rgba(255, 255, 255, 0.92); --ac-on-dark-soft: rgba(255, 255, 255, 0.78); --ac-on-dark-muted: rgba(255, 255, 255, 0.72); --ac-on-dark-link: var(--ac-amber-bg); --ac-on-dark-link-hover: #ffffff; background: var(--ac-navy) !important; color: var(--ac-on-dark-soft) !important; } html[data-front-tema="ac"] body.bs-v3 .bs-footer h3, html[data-front-tema="ac"] body.bs-v3 .bs-footer h4, html[data-front-tema="ac"] body.bs-v3 .nx-footer h3, html[data-front-tema="ac"] body.bs-v3 .nx-footer h4 { color: var(--ac-on-dark) !important; -webkit-text-fill-color: var(--ac-on-dark) !important; background: none !important; } html[data-front-tema="ac"] body.bs-v3 .bs-footer p, html[data-front-tema="ac"] body.bs-v3 .nx-footer p, html[data-front-tema="ac"] body.bs-v3 .bs-footer .copyright p { color: var(--ac-on-dark-soft) !important; -webkit-text-fill-color: var(--ac-on-dark-soft) !important; } html[data-front-tema="ac"] body.bs-v3 .bs-footer .copyright, html[data-front-tema="ac"] body.bs-v3 .bs-footer .copyright strong { color: var(--ac-on-dark-muted) !important; -webkit-text-fill-color: var(--ac-on-dark-muted) !important; } html[data-front-tema="ac"] body.bs-v3 .bs-footer a:not(.nx-btn):not(.mv-btn):not(.ac-btn):not(.btn-get-started), html[data-front-tema="ac"] body.bs-v3 .nx-footer a:not(.nx-btn):not(.mv-btn):not(.ac-btn):not(.btn-get-started) { color: var(--ac-on-dark-soft) !important; } html[data-front-tema="ac"] body.bs-v3 .bs-footer a:not(.nx-btn):not(.mv-btn):not(.ac-btn):not(.btn-get-started):hover, html[data-front-tema="ac"] body.bs-v3 .nx-footer a:not(.nx-btn):not(.mv-btn):not(.ac-btn):not(.btn-get-started):hover { color: var(--ac-on-dark-link-hover) !important; } html[data-front-tema="ac"] body.bs-v3 .bs-footer .footer-contact i { color: var(--ac-on-dark-link) !important; } html[data-front-tema="ac"] body.bs-v3 .bs-footer .social-links a { color: var(--ac-on-dark) !important; } html[data-front-tema="ac"] body.bs-v3 .bs-footer-yasal a, html[data-front-tema="ac"] body.bs-v3 .bs-footer .bs-kvkk-tercih-btn { color: var(--ac-on-dark-muted) !important; } html[data-front-tema="ac"] body.bs-v3 .bs-footer-cta-box h3 { color: var(--ac-on-dark) !important; -webkit-text-fill-color: var(--ac-on-dark) !important; } html[data-front-tema="ac"] body.bs-v3 .bs-footer-cta-box p { color: var(--ac-on-dark-soft) !important; -webkit-text-fill-color: var(--ac-on-dark-soft) !important; } /* Çözüm detay — hero rengine göre uyum sağlayan breadcrumb/başlık/meta */ html[data-front-tema="ac"] body.bs-v3 .cozum-hero-breadcrumb a { color: var(--ac-hero-text-soft) !important; } html[data-front-tema="ac"] body.bs-v3 .cozum-hero-breadcrumb a:hover { color: var(--ac-amber) !important; } html[data-front-tema="ac"] body.bs-v3 .cozum-hero-breadcrumb .current { color: var(--ac-hero-text) !important; -webkit-text-fill-color: var(--ac-hero-text) !important; font-weight: 600; } html[data-front-tema="ac"] body.bs-v3 .cozum-hero h1 { color: var(--ac-hero-text) !important; -webkit-text-fill-color: var(--ac-hero-text) !important; font-family: var(--ac-font-heading) !important; } html[data-front-tema="ac"] body.bs-v3 .cozum-hero-ozet { color: var(--ac-hero-desc-color) !important; -webkit-text-fill-color: var(--ac-hero-desc-color) !important; } html[data-front-tema="ac"] body.bs-v3 .cozum-hero-meta { color: var(--ac-hero-text-soft) !important; } html[data-front-tema="ac"] body.bs-v3 .cozum-hero-meta span { color: var(--ac-hero-text-soft) !important; } /* ═══ Okunabilirlik denetimi — tüm açık zemin içerik ═══ */ body.bs-v3.bs-tema-ac main, html[data-front-tema="ac"] body.bs-v3 main { color: var(--ac-text); } body.bs-v3.bs-tema-ac main .nx-section-head p, body.bs-v3.bs-tema-ac main .mv-section-head p, body.bs-v3.bs-tema-ac main .mv-about-copy p, body.bs-v3.bs-tema-ac main .mv-service-body p, body.bs-v3.bs-tema-ac main .mv-bento-body p, body.bs-v3.bs-tema-ac main .detay-metin p, body.bs-v3.bs-tema-ac main .cozum-maddeler li span, body.bs-v3.bs-tema-ac main .cozum-yan-ust p, body.bs-v3.bs-tema-ac main .cozum-yan-alt li, body.bs-v3.bs-tema-ac main .bs-yasal-icerik p, body.bs-v3.bs-tema-ac main .bs-yasal-icerik li, body.bs-v3.bs-tema-ac main .arama-sonuc-metin, body.bs-v3.bs-tema-ac main .arama-bos-durum p, body.bs-v3.bs-tema-ac main .referans-onizleme-bos p, body.bs-v3.bs-tema-ac main .referans-onizleme-not, body.bs-v3.bs-tema-ac main .mv-contact-card p, body.bs-v3.bs-tema-ac main .bs-teklif-aside p, body.bs-v3.bs-tema-ac main .bs-odeme-kutu p, body.bs-v3.bs-tema-ac main label, body.bs-v3.bs-tema-ac main .form-label { color: var(--ac-text) !important; -webkit-text-fill-color: var(--ac-text) !important; } body.bs-v3.bs-tema-ac main .nx-section-head h2, body.bs-v3.bs-tema-ac main .mv-section-head h2, body.bs-v3.bs-tema-ac main .cozum-bolum-modern h3, body.bs-v3.bs-tema-ac main .mv-service-body h3, body.bs-v3.bs-tema-ac main .mv-bento-body h3, body.bs-v3.bs-tema-ac main .mv-value-card h3, body.bs-v3.bs-tema-ac main .cozum-yan-ust h3, body.bs-v3.bs-tema-ac main .bs-yasal-icerik h2, body.bs-v3.bs-tema-ac main .bs-yasal-icerik h3, body.bs-v3.bs-tema-ac main .arama-sonuc-baslik, body.bs-v3.bs-tema-ac main .referans-kart h3 { color: var(--ac-navy) !important; -webkit-text-fill-color: var(--ac-navy) !important; } body.bs-v3.bs-tema-ac main .mv-bento-link, body.bs-v3.bs-tema-ac main .cozum-geri-link, body.bs-v3.bs-tema-ac main .cozum-geri-ust { color: var(--ac-amber) !important; } body.bs-v3.bs-tema-ac main .referans-logo-metin { color: var(--ac-navy) !important; font-weight: 600; } body.bs-v3.bs-tema-ac .php-email-form label, body.bs-v3.bs-tema-ac .bs-iletisim-form label { color: var(--ac-navy-soft) !important; font-weight: 600; } body.bs-v3.bs-tema-ac .php-email-form input::placeholder, body.bs-v3.bs-tema-ac .php-email-form textarea::placeholder { color: #9ca3af !important; opacity: 1 !important; } /* Koyu bantlar (main içi) — açık metin zorunlu */ body.bs-v3.bs-tema-ac main .cozum-cta-band, html[data-front-tema="ac"] body.bs-v3 main .cozum-cta-band { background: linear-gradient(135deg, var(--ac-navy) 0%, var(--ac-navy-soft) 52%, var(--ac-amber-hover) 100%) !important; color: rgba(255, 255, 255, 0.9) !important; border: 1px solid rgba(255, 255, 255, 0.1) !important; } body.bs-v3.bs-tema-ac main .cozum-cta-band-metin h4, html[data-front-tema="ac"] body.bs-v3 main .cozum-cta-band-metin h4 { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } body.bs-v3.bs-tema-ac main .cozum-cta-band-metin p, html[data-front-tema="ac"] body.bs-v3 main .cozum-cta-band-metin p { color: rgba(255, 255, 255, 0.88) !important; -webkit-text-fill-color: rgba(255, 255, 255, 0.88) !important; } body.bs-v3.bs-tema-ac .cozum-iletisim-band, html[data-front-tema="ac"] body.bs-v3 .cozum-iletisim-band { background: linear-gradient(135deg, var(--ac-navy) 0%, var(--ac-navy-soft) 48%, var(--ac-amber) 100%) !important; } body.bs-v3.bs-tema-ac .cozum-iletisim-band-sol, body.bs-v3.bs-tema-ac .cozum-iletisim-band-sol p { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } body.bs-v3.bs-tema-ac .cozum-iletisim-band-ikon { background: rgba(255, 255, 255, 0.15) !important; color: var(--ac-amber-bg) !important; } body.bs-v3.bs-tema-ac .cozum-iletisim-band-form, body.bs-v3.bs-tema-ac .cozum-iletisim-band-form-wrap .php-email-form { background: #fffdf9 !important; border: 1px solid var(--ac-border) !important; border-radius: var(--ac-radius) !important; box-shadow: var(--ac-shadow-lg) !important; } body.bs-v3.bs-tema-ac .cozum-detay-section, body.bs-v3.bs-tema-ac .arama-section, body.bs-v3.bs-tema-ac .referanslar-section { background: var(--ac-cream) !important; } body.bs-v3.bs-tema-ac .mv-about-block { background: var(--ac-warm) !important; } body.bs-v3.bs-tema-ac .mv-about-visual img { border-radius: var(--ac-radius); border: 1px solid var(--ac-border); box-shadow: var(--ac-shadow); } body.bs-v3.bs-tema-ac .mv-value-card { background: var(--ac-warm) !important; border: 1px solid var(--ac-border) !important; } body.bs-v3.bs-tema-ac .referans-logo-kutu { background: transparent !important; border: none !important; box-shadow: none !important; } body.bs-v3.bs-tema-ac .referans-logo-kutu:hover { border-color: transparent !important; box-shadow: none !important; } body.bs-v3.bs-tema-ac .referans-logo-overlay { background: rgba(30, 58, 95, 0.88) !important; color: #fff !important; } body.bs-v3.bs-tema-ac .bs-kvkk-onay, body.bs-v3.bs-tema-ac .bs-kvkk-onay label { color: var(--ac-text-soft) !important; font-size: 0.85rem; } body.bs-v3.bs-tema-ac .bs-iletisim-form .bs-kvkk-onay, body.bs-v3.bs-tema-ac .bs-iletisim-form .bs-servis-ucret-onay { background: #fffdf9 !important; border-color: var(--ac-border) !important; } body.bs-v3.bs-tema-ac .bs-iletisim-form .bs-kvkk-onay .form-check-input:checked, body.bs-v3.bs-tema-ac .bs-iletisim-form .bs-servis-ucret-onay .form-check-input:checked { background-color: var(--ac-amber) !important; border-color: var(--ac-amber) !important; } body.bs-v3.bs-tema-ac .bs-kvkk-onay a { color: var(--ac-amber) !important; } /* Footer — body.bs-tema-ac ile de (JS öncesi) */ body.bs-v3.bs-tema-ac .bs-footer h3, body.bs-v3.bs-tema-ac .bs-footer h4, body.bs-v3.bs-tema-ac .nx-footer h3, body.bs-v3.bs-tema-ac .nx-footer h4 { color: var(--ac-on-dark, rgba(255, 255, 255, 0.92)) !important; -webkit-text-fill-color: var(--ac-on-dark, rgba(255, 255, 255, 0.92)) !important; } body.bs-v3.bs-tema-ac .bs-footer p, body.bs-v3.bs-tema-ac .bs-footer .copyright p, body.bs-v3.bs-tema-ac .bs-footer .copyright strong { color: var(--ac-on-dark-soft, rgba(255, 255, 255, 0.78)) !important; -webkit-text-fill-color: var(--ac-on-dark-soft, rgba(255, 255, 255, 0.78)) !important; } body.bs-v3.bs-tema-ac .bs-footer a:not(.nx-btn):not(.mv-btn):not(.ac-btn), body.bs-v3.bs-tema-ac .nx-footer a:not(.nx-btn):not(.mv-btn):not(.ac-btn) { color: var(--ac-on-dark-soft, rgba(255, 255, 255, 0.78)) !important; } body.bs-v3.bs-tema-ac .bs-footer a:not(.nx-btn):not(.mv-btn):not(.ac-btn):hover, body.bs-v3.bs-tema-ac .nx-footer a:not(.nx-btn):not(.mv-btn):not(.ac-btn):hover { color: var(--ac-on-dark-link-hover, #fff) !important; } body.bs-v3.bs-tema-ac .bs-footer .copyright { color: var(--ac-on-dark-muted, rgba(255, 255, 255, 0.58)) !important; } /* ═══ Mobil: selma-mobil.css hero padding ezmesin ═══ */ @media (max-width: 991px) { html[data-front-tema="ac"] body.bs-v3 .mv-page-hero, html[data-front-tema="ac"] body.bs-v3 .nx-page-hero, body.bs-v3.bs-tema-ac .ac-page-hero, body.bs-v3.bs-tema-ac .cozum-hero { padding-top: calc(var(--ac-header-offset, var(--ac-header-total)) + 1rem) !important; padding-bottom: 2rem !important; } html[data-front-tema="ac"] body.bs-v3 .ac-hero { padding-top: calc(var(--ac-header-offset, var(--ac-header-total)) + 1rem) !important; } } /* ═══ AC layout — header / hero çakışma önleme (son öncelik) ═══ */ html[data-front-tema="ac"] body.bs-v3 #header.nx-header { z-index: 1030; } html[data-front-tema="ac"] body.bs-v3 .nx-logo .site-logo { max-height: 42px !important; width: auto !important; } html[data-front-tema="ac"] body.bs-v3 .ac-hero, html[data-front-tema="ac"] body.bs-v3 .cozum-hero, html[data-front-tema="ac"] body.bs-v3 .mv-page-hero, html[data-front-tema="ac"] body.bs-v3 .nx-page-hero, html[data-front-tema="ac"] body.bs-v3 .ac-page-hero { padding-top: calc(var(--ac-header-offset, 8rem) + 1.25rem) !important; } html[data-front-tema="ac"] body.bs-v3 .ac-hero__grid { align-items: center !important; } html[data-front-tema="ac"] body.bs-v3 .ac-hero__photo, html[data-front-tema="ac"] body.bs-v3 .cozum-hero-gorsel-kutu { overflow: visible !important; } html[data-front-tema="ac"] body.bs-v3 .ac-hero__photo img, html[data-front-tema="ac"] body.bs-v3 .cozum-hero-gorsel { object-fit: contain !important; } /* ═══ V3 tipografi: açık zeminde cyan text-fill asla kalmasın ═══ */ html[data-front-tema="ac"] body.bs-v3 main .nx-hero__badge, html[data-front-tema="ac"] body.bs-v3 .mv-page-hero .nx-hero__badge { color: var(--ac-amber-hover) !important; -webkit-text-fill-color: var(--ac-amber-hover) !important; } /* SEO içerik blokları — görünür, erişilebilir */ .seo-icerik-liste { list-style: none; padding: 0; margin: 0 0 1rem; display: grid; gap: 0.5rem; } .seo-icerik-liste li { display: flex; align-items: flex-start; gap: 0.5rem; color: var(--ac-text-soft, #475569); } .seo-icerik-liste .bi-check2-circle { color: var(--ac-amber, #d97706); flex-shrink: 0; margin-top: 0.15rem; } .seo-sss-liste { display: grid; gap: 0.75rem; } .seo-sss-item { padding: 1rem 1.15rem; } .seo-sss-item summary { cursor: pointer; font-weight: 600; color: var(--ac-text, #1e293b); } .seo-sss-item p { margin: 0.75rem 0 0; color: var(--ac-text-soft, #475569); line-height: 1.6; } /* ═══ Kompakt çerez/KVKK bildirimi — aktif şablona uyum ═══ Panel/kenarlık rengi aktif site-şablonunun (--ac-warm/--ac-border/--ac-text) rengine bağlanıyor ki 18 şablonun HANGİSİ seçilirse seçilsin bildirim görsel olarak kopuk durmasın. */ html[data-front-tema="ac"] body.bs-v3 .bs-cerez-bildirim__panel { background: var(--ac-warm) !important; color: var(--ac-text) !important; } html[data-front-tema="ac"] body.bs-v3 .bs-kvkk-kapisi__kategoriler, html[data-front-tema="ac"] body.bs-v3 .bs-kvkk-kategori { border-color: var(--ac-border) !important; } html[data-front-tema="ac"] body.bs-v3 .bs-kvkk-kategori--kilitli { background: var(--ac-cream) !important; } html[data-front-tema="ac"] body.bs-v3 .bs-cerez-bildirim__ikon { background: var(--ac-amber-bg) !important; color: var(--ac-amber) !important; }