/**
 * 🔱 RBN Core - Framework [v0.9.7]
 * 🏛️ ARCHITECTURE  : RBN Asset Engine
 * ---------------------------------------
 * 🛰️ COMPONENT     : RbnKit v1.0
 * ⚓ RESOURCE      : master.bundle.css [Project]
 * 🛡️ STATUS        : Verified & Proxied
 * ---------------------------------------
 */

/* GENERATED by `php rbn css:bundle` from master.css; do not edit by hand. */
/* 1. Variables - Renk paleti ve sabitler */

/* ===== variables.css ===== */
/* Poppins (Google Fonts, font-display: swap) gelene kadar görünen yedek yazı tipi: genişlik ve satır ölçüleri Poppins'e
   yaklaştırılır; yazı tipi yüklenince başlıklar yeniden satır sarmaz (layout kayması, CLS). */
@font-face {
   font-family: 'Poppins Fallback';
   src: local('Arial'), local('Helvetica'), local('Liberation Sans');
   font-weight: 100 500;
   size-adjust: 110%;
   ascent-override: 95%;
   descent-override: 32%;
   line-gap-override: 9%;
}

@font-face {
   font-family: 'Poppins Fallback';
   src: local('Arial Bold'), local('Helvetica Bold'), local('Liberation Sans Bold');
   font-weight: 600 900;
   size-adjust: 107.7%;
   ascent-override: 97%;
   descent-override: 32.5%;
   line-gap-override: 9%;
}

:root {
   /* Dış katman: motorun core/tokens.css dosyası bu adları okur (--rbn-* karşılıklarına dönüşür) */
   --primary-color: #1a365d;
   --secondary-color: #2b77ad;
   --accent-color: #f7b733;

   --bg-canvas: #f7fafc;
   --bg-surface: #ffffff;
   --text-muted: #718096;
   --rbn-primary-text: #ffffff;

   --font-body: 'Poppins', 'Poppins Fallback', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

   --radius-sm: 8px;
   --radius-md: 12px;
   --radius-lg: 16px;

   --shadow-card: 0 10px 30px rgba(26, 54, 93, 0.06);
   --shadow-hover: 0 15px 45px rgba(26, 54, 93, 0.12);
   --shadow-md: 0 10px 40px rgba(26, 54, 93, 0.08);
   --shadow-lg: 0 20px 60px rgba(26, 54, 93, 0.12);

   /* Projeye özgü: motorda karşılığı yok */
   --gold: #d4af37;
   --text-dark: #2d3748;
   --text-light: #718096;
   --primary-gradient: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
   --accent-gradient: linear-gradient(45deg, var(--accent-color), #e6a929);
   --transition-base: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);

   /* Hero/başlık arka planı: WebP (1600 px); dar ekranda 800 px (WPRJ-134). color-mix kullanan her tarayıcı WebP de açar */
   --mina-hero-image: url('/images/hero-bg.webp');

   /* Navbar, çekmece ve footer yüzeyleri (koyu zemin üstü beyaz tonlar) */
   --mina-navbar-bg: rgba(26, 54, 93, 0.95);
   --mina-navbar-bg-scrolled: rgba(26, 54, 93, 0.98);
   --mina-navbar-shadow-scrolled: 0 4px 20px rgba(0, 0, 0, 0.15);
   --mina-overlay-bg: rgba(0, 0, 0, 0.75);
   --mina-drawer-shadow: -10px 0 30px rgba(0, 0, 0, 0.6);
   --mina-accent-soft: rgba(247, 183, 51, 0.15);
   --mina-on-dark-08: rgba(255, 255, 255, 0.08);
   --mina-on-dark-1: rgba(255, 255, 255, 0.1);
   --mina-on-dark-12: rgba(255, 255, 255, 0.12);
   --mina-on-dark-15: rgba(255, 255, 255, 0.15);
   --mina-on-dark-2: rgba(255, 255, 255, 0.2);
   --mina-on-dark-60: rgba(255, 255, 255, 0.6);
   --mina-on-dark-80: rgba(255, 255, 255, 0.8);
   --mina-on-dark-85: rgba(255, 255, 255, 0.85);

   /* Üçüncü taraf marka renkleri (bağlantılar sayfası simgeleri) */
   --mina-brand-sahibinden-from: #ffd700;
   --mina-brand-sahibinden-to: #daa520;
   --mina-brand-sahibinden-ink: #000000;
   --mina-brand-whatsapp-from: #25d366;
   --mina-brand-whatsapp-to: #128c7e;
   --mina-brand-instagram-from: #833ab4;
   --mina-brand-instagram-via: #fd1d1d;
   --mina-brand-instagram-to: #fcb045;
   --mina-brand-facebook: #1877f2;
   --mina-brand-maps-from: #4285f4;
   --mina-brand-maps-to: #34a853;
   --mina-brand-review-from: #fbbc05;
   --mina-brand-review-to: #ea4335;

   /* Projeye özgü renkler (CSS dosyalarında sabit hex yerine) */
   --mina-color-000000: #000000;
   --mina-color-128c7e: #128c7e;
   --mina-color-25d366: #25d366;
   --mina-color-333333: #333333;
   --mina-color-444444: #444444;

   --mina-color-122847: #122847;
   --mina-color-1eb954: #1eb954;
   --mina-color-34a853: #34a853;
   --mina-color-4285f4: #4285f4;
   --mina-color-666666: #666666;
   --mina-color-8c98a4: #8c98a4;
   --mina-color-9aa5b1: #9aa5b1;
   --mina-color-e9ecef: #e9ecef;
   --mina-color-ea4335: #ea4335;
   --mina-color-eaeaea: #eaeaea;
   --mina-color-f1f5f9: #f1f5f9;
   --mina-color-f8f9fa: #f8f9fa;
   --mina-color-fbbc05: #fbbc05;
   --mina-color-fdfdfd: #fdfdfd;
   --mina-color-ffc107: #ffc107;
   --mina-color-ffffff: #ffffff;

   --mina-color-0d9488: #0d9488;
   --mina-color-0f766e: #0f766e;
   --mina-color-1a202c: #1a202c;
   --mina-color-1e293b: #1e293b;
   --mina-color-334155: #334155;
   --mina-color-475569: #475569;
   --mina-color-64748b: #64748b;
   --mina-color-991b1b: #991b1b;
   --mina-color-dc2626: #dc2626;
   --mina-color-e6a929: #e6a929;
   --mina-color-f8fafc: #f8fafc;

   --mina-color-0f172a: #0f172a;
   --mina-color-153256: #153256;
   --mina-color-166534: #166534;
   --mina-color-1a4373: #1a4373;
   --mina-color-2563eb: #2563eb;
   --mina-color-94a3b8: #94a3b8;
   --mina-color-cbd5e1: #cbd5e1;
   --mina-color-e2e8f0: #e2e8f0;
   --mina-color-eab308: #eab308;
   --mina-color-edf2f7: #edf2f7;
   --mina-color-f59e0b: #f59e0b;
   --mina-color-fbbf24: #fbbf24;
   --mina-color-fde047: #fde047;
   --mina-color-fffbeb: #fffbeb;
   --mina-color-fffdf5: #fffdf5;

   /* Bileşen belirteçleri (motor okur): kaydırma düğmesi, çerez bandı, footer */
   --rbn-scroll-bg: var(--accent-gradient, #f7b733);
   --rbn-scroll-color: #1a365d;
   --rbn-scroll-radius: 50%;
   --rbn-scroll-size: 50px;
   --rbn-scroll-border: none;
   --rbn-scroll-hover-bg: #1a365d;
   --rbn-scroll-hover-color: #f7b733;
   --mina-mobile-bar-height: 3.75rem; /* mobil sabit çubuk: 0.5rem + 2.75rem + 0.5rem */

   --rbn-cookie-bg: rgba(26, 54, 93, 0.95);
   --rbn-cookie-border: rgba(247, 183, 51, 0.2);
   --rbn-cookie-icon: #f7b733;
   --rbn-cookie-link: #f7b733;
   --rbn-cookie-btn-bg: var(--accent-gradient, #f7b733);
   --rbn-cookie-btn-hover-bg: #ffffff;
   --rbn-cookie-btn-hover-text: #1a365d;
   --rbn-cookie-btn-text: #1a365d;

   --rbn-footer-bg: #1a365d;
   --rbn-footer-text: rgba(255, 255, 255, 0.5);
   --rbn-footer-border: rgba(247, 183, 51, 0.2);
   --rbn-footer-link-hover: #f7b733;
}

@media (max-width: 768px) {
   :root {
      --mina-hero-image: url('/images/hero-bg-800.webp');
   }
}


/* 2. Layout & Components */

/* ===== layout.css ===== */
/* ═══════════════════════════════════════════════════════════════
   MINA EMLAK - LAYOUT CSS (Navbar, Footer, Mobile Drawer) 🏛️📐
   ═══════════════════════════════════════════════════════════════ */

/* ─────────────────────────────────────────────────────────────
   1. DESKTOP & GLOBAL NAVBAR
   ───────────────────────────────────────────────────────────── */
.mina-navbar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    background: var(--mina-navbar-bg);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    transition: var(--transition-base);
    padding: 1rem 0;
    z-index: 1030;
    border: none;
    border-bottom: none;
    box-shadow: none;
}

.mina-navbar .rbn-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mina-navbar.scrolled {
    background: var(--mina-navbar-bg-scrolled);
    box-shadow: var(--mina-navbar-shadow-scrolled);
}

.mina-navbar-brand {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 1.8rem;
    font-weight: 700;
    color: var(--rbn-text-on-primary);
    text-decoration: none;
}

.mina-navbar-logo {
    width: var(--rbn-space-10);
    height: var(--rbn-space-10);
}

.mina-drawer-logo-img {
    width: var(--rbn-space-8);
    height: var(--rbn-space-8);
}

.mina-navbar-brand .accent {
    color: var(--rbn-accent);
}

.mina-navbar-collapse {
    display: flex;
    align-items: center;
}

.mina-navbar-menu {
    display: flex;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 1.5rem;
}

.mina-navbar-link {
    color: var(--rbn-text-on-primary);
    font-weight: 500;
    transition: var(--transition-base);
    position: relative;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 0.5rem 0;
    background: transparent;
    border: none;
    border-radius: 0;
}

.mina-navbar-link:hover {
    color: var(--rbn-accent);
    background: transparent;
}

.mina-navbar-link::after {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    bottom: -2px;
    left: 50%;
    background: var(--rbn-accent);
    transition: var(--transition-base);
}

.mina-navbar-link:hover::after {
    width: 100%;
    left: 0;
}

/* Mobile Hamburger Toggle Button */
.mina-navbar-toggle {
    display: none;
    background: var(--mina-on-dark-1);
    border: 1px solid var(--mina-on-dark-2);
    color: var(--rbn-text-on-primary);
    width: 42px;
    height: 42px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 1.3rem;
    transition: var(--transition-base);
    flex-shrink: 0;
}

.mina-navbar-toggle:hover {
    background: var(--rbn-accent);
    color: var(--rbn-primary);
    border-color: var(--rbn-accent);
}

@media (max-width: 991.98px) {
    .mina-navbar-collapse {
        display: none;
    }

    .mina-navbar-toggle {
        display: flex;
    }

    .mina-navbar {
        padding: 0.75rem 1rem;
    }
}

/* ─────────────────────────────────────────────────────────────
   2. MOBILE SLIDING DRAWER & OVERLAY
   ───────────────────────────────────────────────────────────── */
.mina-drawer-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: var(--mina-overlay-bg);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    z-index: 99998;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.mina-drawer-overlay.open {
    opacity: 1;
    visibility: visible;
}

.mina-drawer {
    position: fixed;
    top: 0;
    right: -320px;
    width: 300px;
    max-width: 85vw;
    height: 100vh;
    background-color: var(--rbn-primary);
    border-left: 3px solid var(--rbn-accent);
    box-shadow: var(--mina-drawer-shadow);
    z-index: 99999;
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    overflow-y: auto;
    transition: right 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.mina-drawer.open {
    right: 0;
}

.mina-drawer-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--mina-on-dark-12);
}

.mina-drawer-logo {
    display: flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    font-size: 1.3rem;
    font-weight: 700;
    color: var(--rbn-text-on-primary);
}

.mina-drawer-logo .accent {
    color: var(--rbn-accent);
}

.mina-drawer-close {
    background: var(--mina-on-dark-08);
    border: 1px solid var(--mina-on-dark-15);
    color: var(--rbn-text-on-primary);
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 1.1rem;
    transition: var(--transition-base);
}

.mina-drawer-close:hover {
    background: var(--rbn-accent);
    color: var(--rbn-primary);
    border-color: var(--rbn-accent);
}

.mina-drawer-nav {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-top: 0.5rem;
}

.mina-drawer-item {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    padding: 0.85rem 1rem;
    color: var(--mina-on-dark-85);
    text-decoration: none;
    font-size: 0.95rem;
    font-weight: 600;
    border-radius: 10px;
    transition: var(--transition-base);
}

.mina-drawer-item i {
    font-size: 1.15rem;
    color: var(--rbn-accent);
}

.mina-drawer-item:hover,
.mina-drawer-item.active {
    background: var(--mina-accent-soft);
    color: var(--rbn-text-on-primary);
    border-left: 3px solid var(--rbn-accent);
}

/* ─────────────────────────────────────────────────────────────
   3. FOOTER STYLES
   ───────────────────────────────────────────────────────────── */
.mina-footer {
    background: var(--rbn-primary);
    color: var(--rbn-text-on-primary);
    padding: 80px 0 30px;
    width: 100%;
    position: relative;
    clear: both;
}

.mina-footer-content {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    margin-bottom: 2rem;
    justify-content: space-between;
}

.mina-footer-section {
    flex: 1;
    min-width: 250px;
}

.mina-footer-section h4 {
    color: var(--rbn-accent);
    margin-bottom: 1.5rem;
    font-weight: 600;
    font-size: 1rem;
}

.mina-footer-section ul {
    list-style: none;
    padding-left: 0;
}

.mina-footer-section ul li {
    margin-bottom: 10px;
}

.mina-footer-section p,
.mina-footer-section a {
    color: var(--mina-on-dark-80);
    text-decoration: none;
    transition: var(--transition-base);
    display: inline-block;
    margin-bottom: 0.5rem;
    font-size: 1rem;
}

/* Dokunma hedefi >= 44 px: menü/yasal/iletişim bağlantıları ve sosyal simgeler. */
.mina-footer-section a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
}

.mina-footer-section ul li {
    margin-bottom: 0;
}

.mina-footer-quick-link {
    gap: 8px;
    padding-inline: 12px;
    border-radius: 8px;
    background: var(--mina-on-dark-08);
    opacity: 0.75;
}

.mina-footer-quick-link:hover {
    opacity: 1;
}

.mina-footer-section a:hover {
    color: var(--rbn-accent);
}

.mina-footer-bottom-links-container {
    text-align: center;
    margin-top: 2rem;
}

.mina-footer-bottom-links a {
    color: var(--mina-on-dark-60);
    text-decoration: none;
    font-size: 1rem;
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    transition: color 0.2s ease;
}

.mina-footer-bottom-links a:hover {
    color: var(--rbn-accent);
}

.mina-footer-social a {
    min-width: 44px;
    justify-content: center;
    font-size: 1.2rem;
    transition: var(--transition-base);
    opacity: 0.8;
}

.mina-footer-social a:hover {
    color: var(--rbn-accent);
    opacity: 1;
    transform: translateY(-3px);
}

/* Masaüstü: bağlantı ve simge aralıkları sıkı (simge arası = me-3 16 px); dokunma hedefi >= 44 px kuralı mobilde (<= 768 px) sürer. */
@media (min-width: 769px) {
    .mina-footer-section ul li {
        margin-bottom: 12px;
    }

    .mina-footer-section ul li a,
    .mina-footer-section p a {
        min-height: 0;
        margin-bottom: 0;
    }

    .mina-footer-social {
        display: flex;
        gap: 0;
    }

    .mina-footer-social a {
        min-width: 32px;
        min-height: 32px;
        margin-bottom: 0;
    }
}

/* Footer Responsive */
@media (max-width: 768px) {
    .mina-footer {
        text-align: center;
        padding: 50px 0 30px 0;
    }

    .mina-footer-content {
        flex-direction: column;
        gap: 2rem;
        text-align: center;
    }

    .mina-footer-section {
        min-width: 100%;
        text-align: center;
    }

    .mina-footer-section h4 {
        text-align: center;
        margin-bottom: 1rem;
    }

    .mina-footer-section p,
    .mina-footer-section a {
        text-align: center;
    }

    .mina-footer-social {
        justify-content: center;
        display: flex;
        gap: 1rem;
    }

    .mina-footer-bottom-links-container {
        text-align: center;
        justify-content: center;
    }
}


/* ===== m-components.css ===== */
/* ═══════════════════════════════════════════════════════════════
   MINA EMLAK - COMPONENTS & TYPOGRAPHY CSS 🏛️💎
   ═══════════════════════════════════════════════════════════════ */

/* ─────────────────────────────────────────────────────────────
   1. GLOBAL UTILITIES & RICH TEXT TYPOGRAPHY 🖋️
   ───────────────────────────────────────────────────────────── */
.lead {
    font-size: 1.15rem;
    font-weight: 400;
    line-height: 1.8;
}

section {
    padding: 60px 0;
}

.accent {
    color: var(--rbn-accent);
}

.rich-text-content {
    font-size: 1.15rem;
    color: var(--mina-color-333333);
    line-height: 1.9;
}

.legal-content {
    line-height: 1.8;
    color: var(--mina-color-444444);
}

/* Yasal sayfa / SSS kartı: ortalı, tam konteyner genişliği (en çok 1152 px); okuma metni 75ch, tablo ve başlık tam genişlik. */
.legal-page-card {
    max-width: 1152px;
    margin-inline: auto;
    padding: var(--rbn-space-12, var(--rbn-space-12));
    font-size: 1rem;
}

.legal-page-card .rich-text-content {
    font-size: 1rem;
}

.legal-page-card .rich-text-content :is(p, li) {
    font-size: 1rem;
}

.legal-page-card .rich-text-content :is(p, ul, ol) {
    max-width: 75ch;
}

.legal-page-card .faq-question {
    font-size: 1rem;
}

.legal-page-card .faq-container {
    max-width: none;
}

.legal-page-actions {
    margin-top: var(--rbn-space-8, var(--rbn-space-8));
    padding-top: var(--rbn-space-6, var(--rbn-space-6));
    border-top: 1px solid color-mix(in srgb, var(--mina-color-000000) 8%, transparent);
}

.legal-page-actions .rbn-btn {
    min-height: 44px;
    font-size: 1rem;
}

@media (max-width: 1280px) {
    .legal-page-card { padding: var(--rbn-space-8, var(--rbn-space-8)); }
}

@media (max-width: 768px) {
    .legal-page-card { padding: var(--rbn-space-6, var(--rbn-space-6)); }
}

@media (max-width: 480px) {
    .legal-page-card { padding: var(--rbn-space-4, var(--rbn-space-4)); }
}

.rich-text-content h2, 
.rich-text-content h3 {
    color: var(--rbn-primary);
    font-weight: 800;
    margin-top: 3rem;
    margin-bottom: 1.5rem;
}

.rich-text-content p {
    margin-bottom: 1.5rem;
}

.rich-text-content ul {
    margin-bottom: 1.5rem;
    padding-left: 1.2rem;
}

.rich-text-content li {
    margin-bottom: 0.5rem;
}

.rich-text-content a {
    color: var(--rbn-primary) !important;
    text-decoration: underline;
    font-weight: 600;
    transition: color 0.2s ease-in-out;
}

.rich-text-content a:hover {
    color: var(--rbn-accent) !important;
    text-decoration: underline !important;
}

/* ─────────────────────────────────────────────────────────────
   2. BUTTONS & ACTIONS 🔘
   ───────────────────────────────────────────────────────────── */
.btn-premium {
    background: var(--accent-gradient);
    border: none;
    color: var(--rbn-primary);
    font-weight: 600;
    padding: 15px var(--rbn-space-10);
    border-radius: 50px;
    font-size: 1.1rem;
    transition: var(--transition-base);
    box-shadow: 0 8px 25px color-mix(in srgb, var(--rbn-accent) 30%, transparent);
    text-transform: uppercase;
    letter-spacing: 1px;
    display: inline-block;
    text-decoration: none;
}

.btn-premium:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 35px color-mix(in srgb, var(--rbn-accent) 40%, transparent);
    color: var(--rbn-primary);
}

/* --- Theme Specific Buttons --- */
.btn-mina {
    background-color: var(--rbn-primary);
    color: var(--rbn-text-on-primary);
    border: none;
    transition: var(--transition-base);
}

.btn-mina:hover {
    background-color: var(--rbn-secondary);
    transform: translateY(-2px);
    box-shadow: var(--rbn-shadow-md);
}

.btn-whatsapp {
    background-color: var(--mina-color-25d366);
    color: var(--rbn-text-on-primary);
    border: none;
    transition: var(--transition-base);
}

.btn-whatsapp:hover {
    background-color: var(--mina-color-128c7e) !important;
    transform: translateY(-2px);
    box-shadow: var(--rbn-shadow-md);
}

/* --- Table Action Buttons (.btn-table-select) 💎 --- */
.btn-table-select {
    background: transparent;
    border: 1.5px solid var(--rbn-secondary);
    color: var(--rbn-secondary);
    font-weight: 600 !important;
    font-size: 0.85rem;
    padding: 6px 18px !important;
    border-radius: 50px !important;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
    display: inline-flex;
    align-items: center !important;
    justify-content: center !important;
    gap: var(--rbn-space-1);
    cursor: pointer !important;
    text-decoration: none;
    box-shadow: none;
}

.btn-table-select:hover {
    background: var(--primary-gradient) !important;
    border-color: transparent !important;
    color: var(--rbn-text-on-primary) !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 15px color-mix(in srgb, var(--rbn-primary) 20%, transparent) !important;
}

/* --- Hero Outline Button (.btn-outline-premium) 💎 --- */
.btn-outline-premium {
    background: transparent;
    border: 2px solid var(--rbn-accent);
    color: var(--rbn-text-on-primary);
    font-weight: 600;
    padding: 15px var(--rbn-space-10);
    border-radius: 50px;
    font-size: 1.1rem;
    transition: var(--transition-base);
    text-transform: uppercase;
    letter-spacing: 1px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.btn-outline-premium:hover {
    background: var(--accent-gradient);
    color: var(--rbn-primary);
    border-color: transparent;
    transform: translateY(-3px);
    box-shadow: 0 12px 35px color-mix(in srgb, var(--rbn-accent) 40%, transparent);
}

/* --- Section Titles & Cards --- */
.section-title { text-align: center; margin-bottom: 4rem; }
.section-title h2 { color: var(--rbn-primary); font-size: 2.5rem; font-weight: 700; margin-bottom: 1rem; }
.section-title p { color: var(--text-light); font-size: 1.1rem; max-width: 600px; margin: 0 auto; }
.feature-card { background: var(--rbn-bg-surface); padding: 3rem 2rem; border-radius: 20px; text-align: center; box-shadow: var(--rbn-shadow-md); transition: var(--transition-base); border: 1px solid color-mix(in srgb, var(--rbn-accent) 10%, transparent); height: 100%; }
.feature-card:hover { transform: translateY(-10px); box-shadow: var(--rbn-shadow-lg); }
.feature-icon { width: 80px; height: 80px; background: var(--primary-gradient); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 1.5rem; color: var(--rbn-text-on-primary); font-size: 2rem; }
.service-card { background: var(--rbn-bg-surface); border-radius: 20px; overflow: hidden; box-shadow: var(--rbn-shadow-md); transition: var(--transition-base); height: 100%; }
.service-card:hover { transform: translateY(-5px); box-shadow: var(--rbn-shadow-lg); }
.service-image { height: 250px; background-size: cover; background-position: center; position: relative; }
.service-image-1 { background-image: url('/images/service-1.webp'); }
.service-image-2 { background-image: url('/images/service-2.webp'); }
.service-image-3 { background-image: url('/images/service-3.webp'); }
.service-image-4 { background-image: url('/images/service-4.webp'); }
.service-image-5 { background-image: url('/images/service-5.webp'); }
.service-image-6 { background-image: url('/images/service-6.webp'); }
.service-overlay { 
    position: absolute; 
    inset: 0; 
    background: color-mix(in srgb, var(--rbn-primary) 50%, transparent); 
    backdrop-filter: blur(5px);
    display: flex; 
    align-items: center; 
    justify-content: center; 
    opacity: 0; 
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); 
}

.service-overlay i {
    color: var(--rbn-text-on-primary);
    font-size: 3.5rem;
    transform: translateY(30px) scale(0.7);
    transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    filter: drop-shadow(0 0 10px color-mix(in srgb, var(--rbn-accent) 60%, transparent));
}

.service-card:hover .service-overlay { 
    opacity: 1; 
}

.service-card:hover .service-overlay i {
    transform: translateY(0) scale(1);
    color: var(--rbn-accent);
}

.service-content { padding: 2rem; border-top: 3px solid transparent; transition: var(--transition-base); }
.service-card:hover .service-content { border-top-color: var(--rbn-accent); }
.service-content p { color: var(--text-light); line-height: 1.6; font-size: 0.95rem; }

/* --- Interactive Card & Hover Lift Utilities 🚀 --- */
.hover-lift {
    transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.35s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.35s ease;
}

.hover-lift:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 20px 45px color-mix(in srgb, var(--rbn-primary) 12%, transparent) !important;
    border-color: color-mix(in srgb, var(--rbn-accent) 40%, transparent) !important;
}

.transition-all {
    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.hover-shadow:hover {
    box-shadow: 0 15px 35px color-mix(in srgb, var(--rbn-primary) 10%, transparent) !important;
    transform: translateY(-4px) !important;
}

/* --- FAQ (Sıkça Sorulan Sorular) Bileşeni ❓ --- */
.faq-container {
    max-width: 900px;
    margin: 0 auto;
}

.faq-item {
    background: var(--rbn-bg-surface);
    border-radius: var(--rbn-radius-md);
    margin-bottom: 1rem;
    overflow: hidden;
    box-shadow: var(--rbn-shadow-md);
    transition: var(--transition-base);
    border: 1px solid color-mix(in srgb, var(--mina-color-000000) 3%, transparent);
}

.faq-item:hover {
    box-shadow: var(--rbn-shadow-lg);
    transform: translateY(-2px);
    border-color: color-mix(in srgb, var(--rbn-accent) 20%, transparent);
}

.faq-question {
    padding: 1.5rem 2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    font-weight: 600;
    color: var(--rbn-primary);
    background: var(--rbn-bg-surface);
    user-select: none;
    transition: var(--transition-base);
}

.faq-question:hover {
    color: var(--rbn-secondary);
}

.faq-answer {
    padding: 0 2rem;
    max-height: 0;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    color: var(--text-light);
    line-height: 1.8;
}

.faq-item.active {
    border-left: 4px solid var(--rbn-accent);
}

.faq-item.active .faq-answer {
    padding-bottom: 1.5rem;
    max-height: 1000px;
}

.faq-item.active .faq-question {
    border-bottom: 1px solid color-mix(in srgb, var(--mina-color-000000) 5%, transparent);
    color: var(--rbn-secondary);
}

.faq-icon {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--transition-base);
    color: var(--rbn-accent);
    background: color-mix(in srgb, var(--rbn-accent) 10%, transparent);
    border-radius: 50%;
    font-size: 0.8rem;
}

.faq-item.active .faq-icon {
    transform: rotate(180deg);
    background: var(--rbn-accent);
    color: var(--rbn-primary);
}

@media (max-width: 768px) {
    .faq-question {
        padding: 1.2rem 1.5rem;
        font-size: 0.95rem;
    }
}

/* --- Pagination Styling 📑 --- */
.pagination {
    display: flex;
    gap: var(--rbn-space-2);
    justify-content: center;
    margin-top: 3rem;
}

.pagination .page-item .page-link {
    border: none;
    color: var(--text-dark);
    background: var(--rbn-bg-surface);
    width: 45px;
    height: 45px;
    border-radius: 50% !important;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    transition: var(--transition-base);
    box-shadow: 0 2px 10px color-mix(in srgb, var(--mina-color-000000) 5%, transparent);
    text-decoration: none;
}

.pagination .page-item.active .page-link {
    background: var(--primary-gradient);
    color: var(--rbn-text-on-primary);
    box-shadow: var(--rbn-shadow-md);
}

.pagination .page-item .page-link:hover {
    background: var(--rbn-bg-canvas);
    color: var(--rbn-primary);
    transform: translateY(-2px);
    box-shadow: var(--rbn-shadow-md);
}

.pagination .page-item.disabled .page-link {
    opacity: 0.5;
    cursor: not-allowed;
    background: transparent;
    box-shadow: none;
}


/* 3. Pages & Tools */

/* ===== m-pages.css ===== */
/* ═══════════════════════════════════════════════════════════════
   MINA EMLAK - PAGES & SECTIONS CSS (Homepage, Subpages & Forms) 🏛️📐
   ═══════════════════════════════════════════════════════════════ */

/* ─────────────────────────────────────────────────────────────
   1. HOMEPAGE HERO SECTION 🌟
   ───────────────────────────────────────────────────────────── */
.hero {
    background: linear-gradient(135deg, color-mix(in srgb, var(--rbn-primary) 92%, transparent), color-mix(in srgb, var(--rbn-secondary) 85%, transparent)), var(--mina-hero-image);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    min-height: 100vh;
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
    padding-top: 100px;
}

.hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background: color-mix(in srgb, var(--rbn-primary) 40%, transparent);
    z-index: 1;
}

.hero-content {
    position: relative;
    z-index: 2;
    color: var(--rbn-text-on-primary);
    text-align: center;
    width: 100%;
}

.hero h1, .hero-content h1 {
    font-size: 3.5rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
    color: var(--rbn-text-on-primary);
    text-shadow: 0 2px 10px color-mix(in srgb, var(--mina-color-000000) 40%, transparent);
}

.hero .subtitle, .hero-content .subtitle {
    font-size: 1.3rem;
    margin-bottom: 2rem;
    font-weight: 300;
    color: color-mix(in srgb, var(--mina-color-ffffff) 95%, transparent);
    text-shadow: 0 1px 5px color-mix(in srgb, var(--mina-color-000000) 30%, transparent);
}

/* ─────────────────────────────────────────────────────────────
   2. HOMEPAGE ABOUT & STATS 🏢
   ───────────────────────────────────────────────────────────── */
/* ─────────────────────────────────────────────────────────────
   3. SERVICES SECTION 🛠️
   ───────────────────────────────────────────────────────────── */
.services {
    padding: 100px 0;
    background: var(--rbn-bg-surface);
}

/* ─────────────────────────────────────────────────────────────
   4. GOOGLE REVIEWS & REVIEWS SUMMARY (Homepage Only) ⭐
   ───────────────────────────────────────────────────────────── */
.reviews-section {
    background: var(--rbn-bg-canvas);
    padding: 100px 0;
    position: relative;
}

.review-card {
    background: var(--rbn-bg-surface);
    padding: 2.5rem 2rem;
    border-radius: 20px;
    box-shadow: var(--rbn-shadow-md);
    height: 100%;
    transition: var(--transition-base);
    border: 1px solid color-mix(in srgb, var(--mina-color-000000) 5%, transparent);
    display: flex;
    flex-direction: column;
}

.review-card:hover {
    transform: translateY(-10px);
    box-shadow: var(--rbn-shadow-lg);
    background: var(--rbn-bg-surface);
}

.review-header {
    display: flex;
    align-items: center;
    margin-bottom: 1.2rem;
}

.review-avatar {
    width: 45px;
    height: 45px;
    background: var(--primary-gradient);
    color: var(--rbn-text-on-primary);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    margin-right: 1rem;
    font-size: 1.1rem;
    text-transform: uppercase;
}

.review-info h4 {
    margin: 0;
    font-size: 1rem;
    color: var(--rbn-primary);
    font-weight: 600;
}

.review-rating {
    color: var(--mina-color-ffc107);
    font-size: 0.8rem;
}

.review-text {
    font-style: italic;
    color: var(--text-light);
    font-size: 0.9rem;
    line-height: 1.6;
    flex-grow: 1;
}

.google-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 1.5rem;
    font-size: 0.75rem;
    color: var(--mina-color-666666);
    padding: 5px var(--rbn-space-3);
    border-radius: 50px;
    border: 1px solid transparent;
    transition: all 0.3s ease;
}

.google-badge i {
    color: var(--mina-color-4285f4);
}

.google-badge-link {
    text-decoration: none;
    display: inline-block;
}

.google-badge-link:hover .google-badge {
    background: var(--mina-color-f8f9fa);
    border-color: var(--mina-color-4285f4);
    color: var(--mina-color-4285f4);
}

.google-rating-wrapper {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-bottom: 2.5rem;
}

.google-rating-summary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 1.5rem;
    background: var(--rbn-bg-surface);
    border: 1px solid color-mix(in srgb, var(--rbn-secondary) 15%, transparent);
    border-radius: 100px;
    padding: 0.8rem 2rem;
    box-shadow: 0 10px 30px color-mix(in srgb, var(--rbn-primary) 5%, transparent);
    transition: var(--transition-base);
    flex-wrap: wrap;
    z-index: 10;
}

.google-rating-summary:hover {
    transform: translateY(-3px);
    box-shadow: 0 15px 35px color-mix(in srgb, var(--rbn-primary) 10%, transparent);
    border-color: var(--rbn-secondary);
}

.rating-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    background: var(--mina-color-f1f5f9);
    border-radius: 50%;
    font-size: 1.4rem;
}

.rating-logo i {
    background: linear-gradient(135deg, var(--mina-color-4285f4) 0%, var(--mina-color-ea4335) 30%, var(--mina-color-fbbc05) 60%, var(--mina-color-34a853) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.rating-val {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    border-right: 1px solid color-mix(in srgb, var(--mina-color-000000) 8%, transparent);
    padding-right: 1.5rem;
}

.rating-val .score {
    font-size: 1.8rem;
    font-weight: 800;
    color: var(--rbn-primary);
    line-height: 1;
}

.rating-val .stars {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.rating-val .stars-row {
    color: var(--mina-color-ffc107);
    font-size: 0.85rem;
    display: flex;
    gap: 2px;
}

.rating-val .rating-provider {
    font-size: 0.7rem;
    color: var(--text-light);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.rating-count {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.rating-count .count {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--rbn-primary);
    line-height: 1.2;
}

.rating-count .label {
    font-size: 0.75rem;
    color: var(--text-light);
    font-weight: 500;
}

.btn-review-link {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: var(--primary-gradient);
    color: var(--rbn-text-on-primary);
    padding: var(--rbn-space-2) 18px;
    border-radius: 50px;
    font-size: 0.85rem;
    font-weight: 600;
    text-decoration: none;
    transition: var(--transition-base);
    box-shadow: 0 4px 15px color-mix(in srgb, var(--rbn-primary) 15%, transparent);
}

.btn-review-link i {
    font-size: 0.8rem;
}

.btn-review-link:hover {
    background: var(--accent-gradient);
    box-shadow: 0 6px 20px color-mix(in srgb, var(--rbn-accent) 30%, transparent);
    transform: translateY(-1px);
}

/* ─────────────────────────────────────────────────────────────
   5. SUBPAGE HEADER (Page Header & Breadcrumb) 📑
   ───────────────────────────────────────────────────────────── */
.page-header {
    background: linear-gradient(color-mix(in srgb, var(--rbn-primary) 92%, transparent), color-mix(in srgb, var(--rbn-primary) 92%, transparent)), var(--mina-hero-image) center/cover;
    padding: 140px 0 60px;
    color: var(--rbn-text-on-primary);
    text-align: center;
}

.page-header h1 {
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 1rem;
    color: var(--rbn-text-on-primary);
    text-shadow: 0 2px 10px color-mix(in srgb, var(--mina-color-000000) 30%, transparent);
}

.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    list-style: none;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
}

.breadcrumb-item {
    display: inline-flex;
    align-items: center;
    color: color-mix(in srgb, var(--mina-color-ffffff) 80%, transparent) !important;
}

.breadcrumb-item + .breadcrumb-item::before {
    content: '/';
    padding-right: 0.5rem;
    color: color-mix(in srgb, var(--mina-color-ffffff) 50%, transparent) !important;
}

.breadcrumb-item a {
    color: color-mix(in srgb, var(--mina-color-ffffff) 85%, transparent);
    text-decoration: none;
    transition: var(--transition-base);
}

.breadcrumb-item a:hover {
    color: var(--rbn-accent);
}

.breadcrumb-item.active {
    color: var(--rbn-accent) !important;
    font-weight: 600;
}

/* ─────────────────────────────────────────────────────────────
   6. CONTACT PAGE PREMIUM STYLES 🛰️⚓
   ───────────────────────────────────────────────────────────── */
.contact-section {
    background: linear-gradient(135deg, var(--mina-color-f8f9fa) 0%, var(--mina-color-e9ecef) 100%);
    padding: 80px 0;
}

.contact-info-card {
    background: color-mix(in srgb, var(--mina-color-ffffff) 85%, transparent);
    backdrop-filter: blur(15px);
    border: 1px solid color-mix(in srgb, var(--mina-color-ffffff) 60%, transparent);
    border-radius: 20px;
    padding: var(--rbn-space-6);
    margin-bottom: var(--rbn-space-5);
    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    align-items: center;
    box-shadow: 0 10px 30px color-mix(in srgb, var(--mina-color-000000) 4%, transparent);
}

.contact-info-card:hover {
    transform: translateX(8px);
    background: var(--rbn-bg-surface);
    box-shadow: 0 15px 40px color-mix(in srgb, var(--rbn-primary) 10%, transparent);
    border-color: var(--rbn-accent);
}

.contact-icon-wrapper {
    width: 54px;
    height: 54px;
    background: var(--rbn-primary);
    color: var(--rbn-text-on-primary);
    border-radius: var(--rbn-radius-lg);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    margin-right: 18px;
    flex-shrink: 0;
}

.contact-form-wrapper {
    background: var(--rbn-bg-surface);
    border-radius: 28px;
    padding: 45px;
    box-shadow: 0 20px 50px color-mix(in srgb, var(--mina-color-000000) 6%, transparent);
    border: 1px solid color-mix(in srgb, var(--mina-color-000000) 5%, transparent);
}

/* ─────────────────────────────────────────────────────────────
   7. CONTACT FORM INPUTS (Custom Zero-Bootstrap Architecture) 🖋️
   ───────────────────────────────────────────────────────────── */
.contact-input-group {
    width: 100%;
    margin-bottom: 1.25rem;
}

.contact-input {
    width: 100% !important;
    height: 56px !important;
    padding: 0 1.25rem !important;
    font-size: 0.95rem;
    font-family: inherit;
    color: var(--text-dark);
    background-color: var(--rbn-bg-surface) !important;
    border: 1.5px solid var(--mina-color-eaeaea);
    border-radius: 14px !important;
    transition: all 0.25s ease !important;
    outline: none !important;
    box-sizing: border-box !important;
}

.contact-input::placeholder {
    color: var(--mina-color-9aa5b1);
    font-weight: 400;
}

.contact-input:focus {
    border-color: var(--rbn-accent);
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--rbn-accent) 15%, transparent);
}

.contact-textarea {
    height: 140px !important;
    padding: 1.2rem 1.25rem !important;
    resize: none !important;
    line-height: 1.6;
}

/* Contact Checkbox */
.contact-checkbox-wrap {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 5px;
    margin-bottom: 10px;
}

.contact-checkbox {
    width: 18px !important;
    height: 18px !important;
    cursor: pointer;
    accent-color: var(--rbn-accent);
    border-radius: 4px;
}

.contact-checkbox-label {
    font-size: 0.88rem;
    color: var(--text-light);
    cursor: pointer;
    user-select: none;
}

/* Direct Action Pills */
.social-contact-pills {
    display: flex;
    gap: var(--rbn-space-3);
    margin-top: 25px;
}

.contact-info-card h5 {
    font-size: 1rem;
}

.contact-info-label {
    display: block;
    font-size: 1rem;
    letter-spacing: 1px;
}

.map-frame {
    border: 0;
}

.contact-pill {
    min-height: 44px;
    padding: var(--rbn-space-3) var(--rbn-space-6);
    border-radius: 50px;
    text-decoration: none;
    font-weight: 600;
    font-size: 1rem;
    display: inline-flex;
    align-items: center;
    gap: var(--rbn-space-2);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 6px 18px color-mix(in srgb, var(--mina-color-000000) 8%, transparent);
}

.pill-whatsapp {
    background: var(--mina-color-25d366);
    color: var(--rbn-text-on-primary);
}

.pill-whatsapp:hover {
    background: var(--mina-color-1eb954);
    transform: translateY(-3px);
    box-shadow: 0 10px 25px color-mix(in srgb, var(--mina-color-25d366) 35%, transparent);
}

.pill-phone {
    background: var(--rbn-primary);
    color: var(--rbn-text-on-primary);
}

.pill-phone:hover {
    background: var(--mina-color-122847);
    transform: translateY(-3px);
    box-shadow: 0 10px 25px color-mix(in srgb, var(--rbn-primary) 35%, transparent);
}

/* ─────────────────────────────────────────────────────────────
   8. CUSTOM PREMIUM DROPDOWN 🔽
   ───────────────────────────────────────────────────────────── */
.custom-dropdown {
    position: relative;
    width: 100%;
    margin-bottom: 1rem;
}

.dropdown-selected {
    border: 1.5px solid var(--mina-color-eaeaea);
    border-radius: 14px;
    padding: 0 1.25rem;
    height: 60px;
    background-color: var(--mina-color-fdfdfd);
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    transition: all 0.25s ease;
    user-select: none;
    font-size: 0.95rem;
}

.dropdown-selected:hover {
    border-color: var(--rbn-accent);
}

.custom-dropdown.open .dropdown-selected {
    border-color: var(--rbn-accent);
    box-shadow: 0 8px 20px color-mix(in srgb, var(--rbn-accent) 15%, transparent);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.dropdown-selected i {
    font-size: 1.1rem;
    color: var(--mina-color-8c98a4);
    transition: transform 0.3s ease;
}

.custom-dropdown.open .dropdown-selected i {
    transform: rotate(180deg);
}

.dropdown-list {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: var(--rbn-bg-surface);
    border: 1.5px solid var(--rbn-accent);
    border-top: none;
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px;
    z-index: 100;
    opacity: 0;
    visibility: hidden;
    transform: translateY(6px);
    transition: all 0.25s ease;
    box-shadow: 0 15px 30px color-mix(in srgb, var(--mina-color-000000) 10%, transparent);
    overflow: hidden;
}

.custom-dropdown.open .dropdown-list {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.dropdown-option {
    padding: var(--rbn-space-3) var(--rbn-space-5);
    cursor: pointer;
    transition: all 0.2s ease;
    font-size: 0.92rem;
    color: var(--text-dark);
}

.dropdown-option:hover {
    background-color: color-mix(in srgb, var(--rbn-accent) 12%, transparent);
    color: var(--rbn-primary);
    padding-left: var(--rbn-space-6);
}

.dropdown-option.active {
    background-color: var(--rbn-accent);
    color: var(--rbn-primary);
    font-weight: 600;
}

.map-container {
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 20px 40px color-mix(in srgb, var(--mina-color-000000) 10%, transparent);
    height: 400px;
    border: 5px solid var(--mina-color-ffffff);
}

/* ─────────────────────────────────────────────────────────────
   9. RESPONSIVE MEDIA QUERIES 📱
   ───────────────────────────────────────────────────────────── */
@media (max-width: 991.98px) {
    .hero {
        padding-top: 100px;
        text-align: center;
    }
}

@media (max-width: 768px) {
    .hero h1, .hero-content h1 {
        font-size: 2.2rem;
    }

    .hero .subtitle, .hero-content .subtitle {
        font-size: 1rem;
    }

    .google-rating-summary {
        border-radius: 24px;
        padding: 1.2rem;
        width: 100%;
        max-width: 380px;
        gap: 1rem;
        flex-direction: column;
        text-align: center;
    }
    
    .rating-val {
        border-right: none;
        padding-right: 0;
        flex-direction: column;
        gap: 0.3rem;
    }
    
    .rating-count {
        align-items: center;
    }

    .contact-form-wrapper {
        padding: 25px;
        border-radius: 20px;
    }
    
    .contact-info-card {
        padding: var(--rbn-space-5);
        border-radius: var(--rbn-radius-lg);
    }
}

/* Honeypot: /iletisim ve /antalya-konut-metrekare-fiyatlari formlarinin website alani.
   Botlara gorsmez, ekran okuyucuya da aria-hidden. View'a inline style YAZILMAZ. */
.me-contact-hp {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

/* ─────────────────────────────────────────────────────────────
   ABOUT PAGE (view içi style yerine) 🏛️
   ───────────────────────────────────────────────────────────── */
.mina-about-tile {
    width: 44px;
    height: 44px;
    background: color-mix(in srgb, var(--rbn-accent) 12%, transparent);
}

.mina-about-glyph {
    font-size: 1.4rem;
    color: var(--rbn-accent);
}

.mina-about-glyph-lg {
    font-size: 3rem;
    color: var(--rbn-accent);
}

.mina-about-experience {
    min-width: 220px;
}

.mina-about-medal {
    width: 50px;
    height: 50px;
    flex-shrink: 0;
    background-color: var(--rbn-accent);
}

.mina-about-caption {
    font-size: 0.75rem;
}

.mina-about-vision-text {
    font-size: 1.05rem;
    line-height: 1.8;
}

.mina-about-quote {
    background: color-mix(in srgb, var(--rbn-accent) 5%, transparent);
    border-left: 4px solid var(--rbn-accent);
}

.mina-title-rule {
    width: 80px;
    height: 3px;
    background: var(--accent-gradient);
    margin-top: 15px;
}

.mina-contact-lead {
    max-width: 700px;
    font-size: 1.1rem;
}


/* ===== m-blog.css ===== */
/* --- Blog System Styling --- */

/* Blog List Styles */
.service-overlay { 
    text-decoration: none; 
}

.hover-primary:hover { 
    color: var(--rbn-secondary) !important; 
}

.blog-meta {
    display: flex;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 6px !important;
}

.blog-meta .badge { 
    font-size: 0.72rem;
    font-weight: 500;
    padding: var(--rbn-space-1) 9px !important;
    letter-spacing: 0;
    white-space: nowrap !important;
    border-color: color-mix(in srgb, var(--mina-color-000000) 8%, transparent) !important;
    color: var(--mina-color-64748b) !important;
}

.blog-meta .badge i {
    font-size: 0.75rem !important;
    margin-right: var(--rbn-space-1) !important;
}

@supports (-webkit-line-clamp: 3) {
    .line-clamp-3 { 
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        /* stylelint-disable-next-line property-no-vendor-prefix */
        -webkit-line-clamp: 3;
        line-clamp: 3; 
    }
}

/* Blog Detail Styles */
hr.blog-divider,
.blog-detail hr {
    margin: var(--rbn-space-12) 0 !important;
    border: 0;
    border-top: 1px solid color-mix(in srgb, var(--mina-color-000000) 8%, transparent);
    opacity: 1 !important;
    display: block;
    width: 100% !important;
}

.blog-tags {
    margin-top: 36px !important;
    margin-bottom: 36px !important;
}

.share-box {
    margin-top: 36px !important;
    margin-bottom: var(--rbn-space-12) !important;
}

.blog-faqs {
    margin-top: var(--rbn-space-12);
}

.detail-header { 
    position: relative; 
}

.detail-header::after { 
    content: ''; 
    position: absolute; 
    bottom: 0; 
    left: 0; 
    width: 100%; 
    height: 50px; 
    background: linear-gradient(to top, var(--rbn-bg-canvas), transparent); 
}


/* Common Interactions */
.hover-scale:hover { transform: scale(1.02); }
.hover-up:hover { transform: translateY(-3px); }
.transition-all { transition: var(--transition-base); }

/* Modern Premium Category Bar Styling */
.blog-category-filter-wrapper {
    margin-bottom: 2.5rem;
}
.blog-category-filter-container {
    background: var(--rbn-bg-surface);
    border: 1px solid color-mix(in srgb, var(--mina-color-000000) 7%, transparent);
    padding: 5px var(--rbn-space-2);
    border-radius: 50px;
    box-shadow: 0 4px 20px color-mix(in srgb, var(--mina-color-000000) 3%, transparent);
    display: inline-flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 2px;
    max-width: 100%;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.blog-category-filter-container::-webkit-scrollbar {
    display: none;
}
.blog-category-tab-btn {
    color: var(--mina-color-64748b);
    background: transparent;
    font-weight: 500;
    font-size: 0.84rem;
    padding: 7px 13px;
    border-radius: 50px;
    transition: all 0.2s ease;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: 1px solid transparent;
    white-space: nowrap;
    flex-shrink: 0;
}
.blog-category-tab-btn i {
    font-size: 0.85rem;
    opacity: 0.75;
}
.blog-category-tab-btn:hover {
    color: var(--rbn-primary);
    background: color-mix(in srgb, var(--rbn-primary) 4%, transparent);
}
.blog-category-tab-btn.active-tab {
    color: var(--rbn-primary);
    background: color-mix(in srgb, var(--rbn-primary) 8%, transparent);
    border-color: color-mix(in srgb, var(--rbn-primary) 14%, transparent);
    font-weight: 600;
}
.blog-category-tab-btn.active-tab i {
    opacity: 1;
    color: var(--rbn-primary);
}

@media (max-width: 768px) {
    .blog-category-filter-container {
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-start;
        overflow-x: auto;
        border-radius: var(--rbn-radius-lg);
        padding: 6px;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }
    .blog-category-filter-container::-webkit-scrollbar {
        display: none;
    }
}

/* Sidebar Widgets Styling */
.expert-contact-widget {
    background: var(--rbn-bg-surface);
    border-radius: 24px;
    border: 1px solid color-mix(in srgb, var(--mina-color-000000) 5%, transparent);
    box-shadow: 0 15px 40px color-mix(in srgb, var(--mina-color-000000) 6%, transparent);
    overflow: hidden !important;
    position: relative;
    margin-bottom: 1.5rem;
}

.expert-contact-widget::before {
    content: '' !important;
    position: absolute;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 5px !important;
    background: var(--rbn-primary);
    z-index: 2;
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
}

.promo-ad-card {
    border-radius: 24px;
    overflow: hidden !important;
    position: relative;
    box-shadow: 0 20px 50px color-mix(in srgb, var(--rbn-primary) 18%, transparent);
    border: none;
    min-height: 380px !important;
    cursor: pointer !important;
    background-color: var(--rbn-primary);
}

.promo-ad-card .promo-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    border-radius: 24px;
    background-image: var(--mina-hero-image);
}

.promo-ad-card .promo-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, color-mix(in srgb, var(--rbn-primary) 70%, transparent) 0%, color-mix(in srgb, var(--mina-color-122847) 95%, transparent) 100%);
    border-radius: 24px;
}

.promo-ad-card .btn-promo-action {
    background: var(--rbn-accent);
    color: var(--rbn-primary);
    font-weight: 800;
    font-size: 1.05rem;
    padding: 14px 28px;
    border-radius: 50px;
    border: none;
    display: inline-flex;
    align-items: center !important;
    justify-content: center !important;
    gap: var(--rbn-space-2);
    text-decoration: none;
    box-shadow: 0 6px 20px color-mix(in srgb, var(--rbn-accent) 40%, transparent);
    transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}

.promo-ad-card .btn-promo-action:hover {
    background: var(--mina-color-e6a929);
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 25px color-mix(in srgb, var(--rbn-accent) 50%, transparent);
    color: var(--rbn-primary);
}

.blog-sidebar-cat-item {
    border: 1px solid transparent;
    background: var(--mina-color-f8fafc);
    color: var(--mina-color-475569);
    font-weight: 500;
    font-size: 0.88rem;
}
.blog-sidebar-cat-item:hover {
    background: color-mix(in srgb, var(--rbn-primary) 4%, transparent);
    color: var(--rbn-primary);
    border-color: color-mix(in srgb, var(--rbn-primary) 8%, transparent);
    transform: translateX(4px);
}
.text-truncate-2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    /* stylelint-disable-next-line property-no-vendor-prefix */
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}
.last-border-none:last-child {
    border-bottom: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 0;
}

/* Blog Detay Konumlandırma */
.blog-detail {
    position: relative;
    /* Yan kutu data-rbn-reveal="fade-left" ile 100 px sağdan gelir; animasyon başlayana kadar belgeyi yatay genişletmesin.
       clip kaydırma kabı oluşturmaz, sidebar'ın sticky davranışı bozulmaz. */
    overflow-x: clip;
}

/* Yazı gövdesi veritabanından gelir: geniş görsel, gömülü video ve kod bloğu sütunu aşmasın */
.rich-text-content img,
.rich-text-content video,
.rich-text-content iframe {
    max-width: 100%;
}

.rich-text-content img {
    height: auto;
}

.rich-text-content .blog-figure {
    margin: var(--rbn-space-8) 0;
}

.rich-text-content .blog-figure img {
    width: 100%;
    border-radius: var(--rbn-radius-lg);
}

.rich-text-content .blog-figure figcaption {
    margin-top: var(--rbn-space-2);
    font-size: 0.9rem;
    color: var(--text-muted);
}

.rich-text-content pre {
    max-width: 100%;
    overflow-x: auto;
}

/* --- Mina Pros & Cons Card --- */
.mina-analysis-card {
    background: var(--rbn-bg-surface);
    border: 1px solid color-mix(in srgb, var(--mina-color-000000) 6%, transparent);
    border-radius: var(--rbn-radius-lg);
    padding: var(--rbn-space-6);
    margin-top: var(--rbn-space-10);
    margin-bottom: var(--rbn-space-10);
    box-shadow: 0 10px 30px color-mix(in srgb, var(--mina-color-000000) 2%, transparent);
}

.mina-analysis-header {
    display: flex;
    align-items: center;
    gap: var(--rbn-space-3);
    margin-bottom: var(--rbn-space-6);
    border-bottom: 1px solid color-mix(in srgb, var(--mina-color-000000) 5%, transparent);
    padding-bottom: 14px;
}

.mina-analysis-header h3 {
    font-size: 1.35rem;
    font-weight: 800;
    color: var(--rbn-primary);
    margin: 0;
}

.mina-analysis-icon {
    color: var(--rbn-primary);
}

.mina-analysis-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--rbn-space-6);
}

@media (max-width: 768px) {
    .mina-analysis-grid {
        grid-template-columns: 1fr;
    }
}

.mina-analysis-col {
    background: var(--mina-color-f8fafc);
    border-radius: var(--rbn-radius-md);
    padding: var(--rbn-space-5);
    border: 1px solid transparent;
}

.mina-pros-box {
    border-color: color-mix(in srgb, var(--mina-color-0d9488) 10%, transparent);
    background: color-mix(in srgb, var(--mina-color-0d9488) 2%, transparent);
}

.mina-cons-box {
    border-color: color-mix(in srgb, var(--mina-color-dc2626) 10%, transparent);
    background: color-mix(in srgb, var(--mina-color-dc2626) 2%, transparent);
}

.mina-analysis-col .col-title {
    display: flex;
    align-items: center;
    gap: var(--rbn-space-2);
    margin-bottom: var(--rbn-space-4);
}

.mina-analysis-col h4 {
    font-size: 1rem;
    font-weight: 700;
    margin: 0;
}

.mina-pros-box h4 {
    color: var(--mina-color-0f766e);
}

.mina-cons-box h4 {
    color: var(--mina-color-991b1b);
}

.mina-pros-icon {
    color: var(--mina-color-0d9488);
}

.mina-cons-icon {
    color: var(--mina-color-dc2626);
}

.mina-analysis-col ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.mina-analysis-col ul li {
    position: relative;
    padding-left: var(--rbn-space-5);
    margin-bottom: var(--rbn-space-3);
    font-size: 0.95rem;
    line-height: 1.6;
    color: var(--mina-color-475569);
}

.mina-analysis-col ul li:last-child {
    margin-bottom: 0;
}

.mina-pros-box ul li::before {
    content: '✓';
    position: absolute;
    left: 0;
    top: 0;
    color: var(--mina-color-0d9488);
    font-weight: bold;
}

.mina-cons-box ul li::before {
    content: '✗';
    position: absolute;
    left: 0;
    top: 0;
    color: var(--mina-color-dc2626);
    font-weight: bold;
}

/* --- Mina Table of Contents (TOC) --- */
.mina-toc-card {
    background: var(--mina-color-f8fafc);
    border: 1px solid color-mix(in srgb, var(--mina-color-000000) 5%, transparent);
    border-radius: var(--rbn-radius-md);
    padding: var(--rbn-space-5);
    margin-bottom: 30px;
    box-shadow: inset 0 2px 4px color-mix(in srgb, var(--mina-color-000000) 1%, transparent);
}

.mina-toc-header {
    display: flex;
    align-items: center;
    gap: var(--rbn-space-2);
    margin-bottom: 14px;
    border-bottom: 1px solid color-mix(in srgb, var(--mina-color-000000) 4%, transparent);
    padding-bottom: 10px;
}

.mina-toc-icon {
    color: var(--rbn-primary);
}

.mina-toc-header span {
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--mina-color-1e293b);
}

.mina-toc-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: var(--rbn-space-2);
}

.mina-toc-item {
    font-size: 0.95rem;
}

.mina-toc-item.level-3 {
    padding-left: var(--rbn-space-5);
}

.mina-toc-item a {
    color: var(--mina-color-475569);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: all 0.2s ease-in-out;
}

.mina-toc-item a i {
    font-size: 0.75rem;
    opacity: 0.5;
    transition: transform 0.2s ease;
}

.mina-toc-item a:hover {
    color: var(--rbn-primary) !important;
    padding-left: var(--rbn-space-1);
}

.mina-toc-item a:hover i {
    transform: translateX(2px);
    opacity: 1;
    color: var(--rbn-primary);
}

/* --- Mina Expert Author Comment Box 💡 --- */
.mina-author-comment-box {
    position: relative;
    margin-top: var(--rbn-space-10);
    margin-bottom: var(--rbn-space-10);
    border-radius: var(--rbn-radius-lg);
    background: linear-gradient(135deg, color-mix(in srgb, var(--rbn-primary) 3%, transparent) 0%, color-mix(in srgb, var(--rbn-primary) 1%, transparent) 100%);
    border: 1px solid color-mix(in srgb, var(--rbn-primary) 8%, transparent);
    overflow: hidden;
    transition: all 0.3s ease;
}

.mina-author-comment-box:hover {
    border-color: color-mix(in srgb, var(--rbn-primary) 15%, transparent);
    box-shadow: 0 12px 30px color-mix(in srgb, var(--rbn-primary) 4%, transparent);
}

.mina-author-comment-glow {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, color-mix(in srgb, var(--rbn-primary) 3%, transparent) 0%, transparent 70%);
    pointer-events: none;
    z-index: 1;
}

.mina-author-comment-inner {
    position: relative;
    z-index: 2;
    display: flex;
    gap: var(--rbn-space-5);
    padding: var(--rbn-space-6);
}

@media (max-width: 576px) {
    .mina-author-comment-inner {
        flex-direction: column;
        gap: var(--rbn-space-4);
        padding: var(--rbn-space-5);
    }
}

.mina-author-comment-avatar {
    width: 48px;
    height: 48px;
    border-radius: var(--rbn-radius-md);
    background: var(--rbn-primary);
    color: var(--rbn-text-on-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-shadow: 0 4px 12px color-mix(in srgb, var(--rbn-primary) 20%, transparent);
}

.mina-author-comment-content {
    flex-grow: 1;
}

.mina-author-comment-label {
    display: block;
    font-size: 0.78rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    color: var(--rbn-primary);
    margin-bottom: 6px;
    opacity: 0.9;
}

.mina-author-comment-text {
    font-size: 0.98rem;
    line-height: 1.65;
    color: var(--mina-color-334155);
    font-style: italic;
    font-weight: 500;
}

/* --- Premium HTML Content Table Styling 📊 --- */
.rich-text-content table {
    width: 100%;
    margin: var(--rbn-space-8) 0;
    border-collapse: separate;
    border-spacing: 0;
    background: var(--rbn-bg-surface);
    border-radius: 14px;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--mina-color-000000) 8%, transparent);
    box-shadow: 0 10px 30px color-mix(in srgb, var(--mina-color-000000) 2%, transparent);
}

.rich-text-content table thead th {
    background: var(--mina-color-f8fafc);
    color: var(--rbn-primary);
    font-weight: 700;
    font-size: 0.9rem;
    padding: var(--rbn-space-4) var(--rbn-space-5);
    text-align: left;
    border-bottom: 2px solid color-mix(in srgb, var(--rbn-primary) 12%, transparent);
    letter-spacing: 0.3px;
    text-transform: uppercase;
}

.rich-text-content table tbody tr {
    transition: background 0.2s ease;
}

.rich-text-content table tbody tr:nth-child(even) {
    background: var(--mina-color-f8fafc);
}

.rich-text-content table tbody tr:hover {
    background: color-mix(in srgb, var(--rbn-primary) 3%, transparent);
}

.rich-text-content table tbody td {
    padding: var(--rbn-space-4) var(--rbn-space-5);
    font-size: 0.95rem;
    color: var(--mina-color-334155);
    border-bottom: 1px solid color-mix(in srgb, var(--mina-color-000000) 4%, transparent);
    line-height: 1.6;
}

.rich-text-content table tbody tr:last-child td {
    border-bottom: none;
}

/* Responsive Table Scroll for Mobile */
@media (max-width: 768px) {
    .rich-text-content table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }
}

/* --- Premium HTML Content Blockquote Styling 💬 --- */
.rich-text-content blockquote {
    position: relative;
    margin: 36px 0;
    padding: var(--rbn-space-6) var(--rbn-space-8);
    background: linear-gradient(135deg, color-mix(in srgb, var(--rbn-primary) 4%, transparent) 0%, color-mix(in srgb, var(--rbn-primary) 1%, transparent) 100%);
    border-left: 4px solid var(--rbn-primary);
    border-radius: 0 16px 16px 0;
    font-size: 1.05rem;
    line-height: 1.75;
    color: var(--mina-color-1e293b);
    font-weight: 500;
    font-style: italic;
    box-shadow: 0 8px 25px color-mix(in srgb, var(--rbn-primary) 3%, transparent);
}

.rich-text-content blockquote::before {
    content: '“';
    position: absolute;
    top: 6px;
    right: 24px;
    font-size: 4rem;
    line-height: 1;
    color: var(--rbn-primary);
    opacity: 0.12;
    font-family: Georgia, serif;
    pointer-events: none;
}

.rich-text-content blockquote p {
    margin: 0;
    color: inherit;
    font-style: inherit;
    font-weight: inherit;
}

/* --- Premium HTML Content List Styling 📌 --- */
.rich-text-content ul,
.rich-text-content ol {
    margin: 28px 0;
    padding-left: 0;
    list-style: none;
}

.rich-text-content ul li {
    position: relative;
    padding-left: 28px;
    margin-bottom: 14px;
    font-size: 0.98rem;
    line-height: 1.7;
    color: var(--mina-color-334155);
}

.rich-text-content ul li::before {
    content: '';
    position: absolute;
    left: 4px;
    top: 10px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--rbn-primary);
    opacity: 0.85;
}

.rich-text-content ol {
    counter-reset: mina-list-counter;
}

.rich-text-content ol li {
    position: relative;
    padding-left: 36px;
    margin-bottom: 14px;
    font-size: 0.98rem;
    line-height: 1.7;
    color: var(--mina-color-334155);
    counter-increment: mina-list-counter;
}

.rich-text-content ol li::before {
    content: counter(mina-list-counter);
    position: absolute;
    left: 0;
    top: 2px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: color-mix(in srgb, var(--rbn-primary) 8%, transparent);
    color: var(--rbn-primary);
    font-size: 0.78rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* --- Premium H2 Headings Styling 🏷️ --- */
.rich-text-content h2 {
    font-size: 1.35rem;
    font-weight: 800;
    color: var(--rbn-primary);
    margin-top: 36px;
    margin-bottom: var(--rbn-space-4);
    line-height: 1.4;
}

.rich-text-content h2 .h2-tag {
    display: block;
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--rbn-secondary);
    margin-bottom: var(--rbn-space-1);
    letter-spacing: 0;
    text-transform: none;
}

.rich-text-content h2 .h2-subtitle {
    display: block;
    font-size: 1.35rem;
    font-weight: 800;
    color: var(--rbn-primary);
    line-height: 1.4;
}

/* ─────────────────────────────────────────────────────────────
   BLOG DETAIL (view içi style yerine) 📰
   ───────────────────────────────────────────────────────────── */
.mina-blog-hero {
    background: linear-gradient(color-mix(in srgb, var(--rbn-primary) 70%, transparent), color-mix(in srgb, var(--rbn-primary) 80%, transparent)), var(--mina-blog-hero-image) center/cover;
    padding: 160px 0 100px;
}

.mina-blog-date-badge {
    background-color: var(--rbn-accent);
    color: var(--mina-color-1a202c);
    font-weight: 800;
    letter-spacing: 0.05em;
}

.mina-blog-date-badge i {
    color: var(--mina-color-1a202c);
}

.mina-blog-cover {
    border-radius: 20px;
    border: 1px solid color-mix(in srgb, var(--mina-color-000000) 6%, transparent);
}

.mina-blog-cover-img {
    max-height: 550px;
    border-radius: 20px;
}

.mina-blog-rule {
    border-top: 1px solid color-mix(in srgb, var(--mina-color-000000) 12%, transparent);
}

.mina-blog-rule-soft {
    border-top: 1px solid color-mix(in srgb, var(--mina-color-000000) 6%, transparent);
}

.mina-blog-card-border {
    border: 1px solid color-mix(in srgb, var(--mina-color-000000) 6%, transparent);
}

.mina-blog-tag {
    font-size: 0.8rem;
    cursor: default;
}

.mina-blog-share-btn {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mina-blog-heading {
    font-size: 1.4rem;
}

.mina-blog-widget-heading {
    font-size: 1.15rem;
}

.mina-blog-heading-rule,
.mina-blog-widget-rule {
    height: 3px;
    border-radius: 2px;
    background-color: var(--rbn-primary);
}

.mina-blog-heading-rule {
    width: 45px;
}

.mina-blog-widget-rule {
    width: 35px;
}

.mina-blog-sticky {
    top: 100px;
    z-index: 1;
}

.mina-blog-expert-icon {
    width: 70px;
    height: 70px;
    font-size: 1.5rem;
    background: var(--primary-gradient);
}

.mina-blog-cta {
    font-size: 0.95rem;
}

.mina-blog-recent-thumb {
    width: 65px;
    height: 65px;
}

.mina-blog-recent-title {
    font-size: 0.88rem;
    line-height: 1.4;
    font-weight: 600;
}

.mina-blog-recent-date {
    font-size: 0.72rem;
}

.mina-blog-promo-body {
    padding: 45px var(--rbn-space-8) 36px var(--rbn-space-8);
    min-height: 380px;
}

.mina-blog-promo-title {
    font-size: 1.75rem;
    line-height: 1.25;
    font-weight: 800;
    letter-spacing: -0.5px;
}

.mina-blog-promo-text {
    line-height: 1.6;
    font-size: 0.95rem;
    opacity: 0.85;
}

.mina-blog-promo-arrow {
    font-size: 1.2rem;
}

.mina-blog-empty-icon {
    font-size: 3rem;
}

/* --- Blog author box (end of post; shown only when the post has an author) --- */
.mina-blog-author-box {
    display: flex;
    align-items: center;
    gap: var(--rbn-space-4);
    margin-top: var(--rbn-space-8);
    padding: var(--rbn-space-5);
    border: 1px solid color-mix(in srgb, var(--mina-color-000000) 6%, transparent);
    border-radius: var(--rbn-radius-lg);
    background: var(--rbn-bg-surface);
}

.mina-blog-author-box .review-avatar {
    flex-shrink: 0;
    margin-right: 0;
}

.mina-blog-author-info {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.mina-blog-author-label {
    font-size: 0.875rem;
    color: var(--rbn-text-muted);
}

.mina-blog-author-name {
    color: var(--rbn-primary);
    font-size: 1.1rem;
}

.mina-blog-author-role {
    color: var(--rbn-accent-text);
    font-size: 0.95rem;
}

/* 📚 Kaynaklar (framework blog_sources bileşeni, işaretleme: section > h2 + ul > li > a): SSS kartı dilinde, yazının son bloğu; bu dosya tek başına yeterli */
article .rbn-blog-sources {
    margin-top: var(--rbn-space-12);
    padding: var(--rbn-space-6) var(--rbn-space-8);
    background: var(--rbn-bg-surface);
    border: 1px solid color-mix(in srgb, var(--mina-color-000000) 3%, transparent);
    border-left: 4px solid var(--rbn-accent);
    border-radius: var(--rbn-radius-md);
    box-shadow: var(--rbn-shadow-md);
}

article .rbn-blog-sources h2 {
    display: flex;
    align-items: center;
    gap: var(--rbn-space-2);
    margin: 0 0 var(--rbn-space-2);
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--rbn-primary);
}

article .rbn-blog-sources h2::before {
    content: "\eadb"; /* ri-book-open-line */
    font-family: 'remixicon';
    font-weight: 400;
    color: var(--rbn-accent);
}

article .rbn-blog-sources ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

article .rbn-blog-sources li {
    margin: 0;
    padding: 0;
    border-top: 1px solid color-mix(in srgb, var(--mina-color-000000) 5%, transparent);
}

article .rbn-blog-sources li:first-child {
    border-top: 0;
}

article .rbn-blog-sources a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--rbn-space-3);
    padding: var(--rbn-space-3) 0;
    min-height: 44px;
    font-size: 1rem;
    line-height: 1.7;
    font-weight: 500;
    color: var(--rbn-primary);
    text-decoration: none;
    overflow-wrap: anywhere;
    transition: var(--transition-base);
}

article .rbn-blog-sources a::after {
    content: "\ecaf"; /* ri-external-link-line */
    font-family: 'remixicon';
    font-weight: 400;
    flex: 0 0 auto;
    color: var(--rbn-accent);
}

article .rbn-blog-sources a:hover,
article .rbn-blog-sources a:focus-visible {
    color: var(--rbn-secondary);
}

@media (max-width: 575.98px) {
    article .rbn-blog-sources {
        padding: var(--rbn-space-4);
    }
}


/* ===== m-tools.css ===== */
/* ═══════════════════════════════════════════════════════════════
   MINA EMLAK -  TOOLS & CALCULATORS ENGINE 🏦🏢📊
   (Mortgage Calculator, Rent Increase & Housing Valuation)
   ═══════════════════════════════════════════════════════════════ */

/* 1. Universal Tools & Form Elements */
.calculator-section {
    position: relative;
    z-index: 1;
}

.calculator-card-left,
.calculator-card {
    background: var(--rbn-bg-surface);
    border-radius: 24px;
    padding: 36px var(--rbn-space-10);
    box-shadow: 0 15px 40px color-mix(in srgb, var(--mina-color-000000) 5%, transparent);
    border: 1px solid color-mix(in srgb, var(--mina-color-000000) 4%, transparent);
}

.calculator-card-right {
    background: linear-gradient(145deg, var(--mina-color-1a4373) 0%, var(--mina-color-153256) 100%);
    border-radius: 24px;
    padding: 36px !important;
    box-shadow: 0 20px 50px color-mix(in srgb, var(--rbn-primary) 25%, transparent);
    position: relative;
    overflow: hidden;
    color: var(--rbn-text-on-primary);
}

/* Custom Select Dropdowns */
.calculator-select {
    width: 100%;
    height: 54px;
    padding: 0 1.25rem;
    font-size: 0.95rem;
    font-family: inherit;
    color: var(--text-dark);
    background-color: var(--rbn-bg-surface);
    border: 1.5px solid var(--mina-color-eaeaea);
    border-radius: 14px;
    outline: none;
    cursor: pointer;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.calculator-select:focus {
    border-color: var(--rbn-accent);
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--rbn-accent) 15%, transparent);
}

/* Range Slider Customization */
input[type="range"].form-range {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 8px;
    border-radius: 99px;
    background: var(--mina-color-e2e8f0);
    outline: none;
    margin: var(--rbn-space-3) 0 6px;
    cursor: pointer;
}

input[type="range"].form-range::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: var(--rbn-secondary);
    border: 3.5px solid var(--mina-color-ffffff);
    box-shadow: 0 2px 8px color-mix(in srgb, var(--mina-color-000000) 25%, transparent);
    cursor: pointer;
    transition: transform 0.2s ease, background-color 0.2s ease;
}

input[type="range"].form-range::-webkit-slider-thumb:hover {
    transform: scale(1.15);
    background: var(--rbn-primary);
}

input[type="range"].form-range::-moz-range-thumb {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: var(--rbn-secondary);
    border: 3.5px solid var(--mina-color-ffffff);
    box-shadow: 0 2px 8px color-mix(in srgb, var(--mina-color-000000) 25%, transparent);
    cursor: pointer;
}

/* Hide Default Number Spinners */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}

.rent-input-suffix {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-weight: 700;
    font-size: 0.95rem;
    color: var(--mina-color-8c98a4);
    pointer-events: none;
    user-select: none;
}

/* 2. Bank Logos & Details */
.bank-logo-container {
    width: 44px;
    height: 44px;
    min-width: 44px;
    min-height: 44px;
    max-width: 44px;
    max-height: 44px;
    background-color: transparent;
    border: none;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    box-shadow: 0 3px 8px color-mix(in srgb, var(--mina-color-000000) 8%, transparent) !important;
    transition: var(--transition-base);
    overflow: hidden;
    flex-shrink: 0;
}

.bank-logo-img {
    width: 44px;
    height: 44px;
    max-width: 44px;
    max-height: 44px;
    object-fit: cover;
    border-radius: 10px !important;
    display: block;
}

/* Right Result Box Elements */
.result-bank-title {
    font-size: 2rem;
    font-weight: 800;
    letter-spacing: -0.5px;
    color: var(--rbn-text-on-primary);
    margin: var(--rbn-space-1) 0 0 0;
}

.result-monthly-amount {
    font-size: 2.75rem;
    font-weight: 900;
    letter-spacing: -1px;
    color: var(--rbn-text-on-primary);
    line-height: 1.1;
    margin-top: 6px;
}

.btn-show-plan {
    background: var(--rbn-bg-surface);
    color: var(--mina-color-1a4373);
    font-weight: 700;
    font-size: 1rem;
    padding: 14px var(--rbn-space-5);
    border-radius: 14px;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--rbn-space-2);
    transition: all 0.25s ease;
    box-shadow: 0 4px 15px color-mix(in srgb, var(--mina-color-000000) 10%, transparent);
    text-decoration: none;
    cursor: pointer;
}

.btn-show-plan:hover {
    background: var(--mina-color-f8fafc);
    transform: translateY(-2px);
    box-shadow: 0 8px 25px color-mix(in srgb, var(--mina-color-000000) 15%, transparent);
}

/* 3. MarketData (Rent Increase & Housing Valuation Cards) */
.rate-highlight-card, 
.market-highlight-card {
    background: linear-gradient(145deg, var(--rbn-primary) 0%, var(--mina-color-122847) 100%);
    color: var(--rbn-text-on-primary);
    border-radius: 24px;
    box-shadow: 0 15px 40px color-mix(in srgb, var(--rbn-primary) 20%, transparent);
    overflow: hidden;
    position: relative;
}

.rate-highlight-card::before, 
.market-highlight-card::before {
    content: '';
    position: absolute;
    top: -40%;
    right: -30%;
    width: 280px;
    height: 280px;
    border-radius: 50%;
    background: radial-gradient(circle, color-mix(in srgb, var(--rbn-accent) 12%, transparent) 0%, color-mix(in srgb, var(--rbn-accent) 0%, transparent) 70%);
    pointer-events: none;
}

.rate-value-display {
    font-size: 4.5rem;
    font-weight: 900;
    color: var(--rbn-secondary);
    letter-spacing: -2px;
    line-height: 1;
    margin: 10px 0 15px 0;
    display: inline-block;
}

.market-value-display {
    font-size: 3.5rem;
    font-weight: 900;
    color: var(--rbn-secondary);
    letter-spacing: -1.5px;
    line-height: 1.1;
}

.border-white-10 {
    border-color: color-mix(in srgb, var(--mina-color-ffffff) 10%, transparent) !important;
}

.valuation-lead-box {
    background: var(--mina-color-fffdf5);
    border: 1.5px dashed var(--mina-color-fde047);
    border-radius: 20px;
}

/* 4. Comparison Table Styling */
#comparisonTable thead th {
    background-color: transparent;
    padding-bottom: 1rem;
}

#comparisonTable tbody tr {
    transition: var(--transition-base);
}

#comparisonTable tbody tr:hover {
    background-color: color-mix(in srgb, var(--mina-color-000000) 1.5%, transparent);
}

.table-responsive::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
.table-responsive::-webkit-scrollbar-track {
    background: transparent;
}
.table-responsive::-webkit-scrollbar-thumb {
    background: var(--mina-color-cbd5e1);
    border-radius: 4px;
}
.table-responsive::-webkit-scrollbar-thumb:hover {
    background: var(--mina-color-94a3b8);
}

/* 5. Print & PDF Styling Engine 📄 */
#printReportTemplate {
    display: none;
}

@media print {
    .no-print, 
    header, 
    footer, 
    #scrollToTopBtn, 
    .btn, 
    .page-header,
    nav {
        display: none;
    }
    
    body {
        background-color: var(--rbn-bg-surface);
        color: var(--mina-color-000000);
    }

    .calculator-section {
        padding: 0;
    }
    
    .card {
        box-shadow: none;
        border: none;
        padding: 0;
    }
    
    .table-responsive {
        max-height: none !important;
        overflow: visible !important;
    }

    #printReportTemplate {
        display: block;
        position: relative;
        width: 100%;
        max-width: 800px;
        margin: 0 auto;
        padding: var(--rbn-space-5);
        background: var(--rbn-bg-surface);
        color: var(--mina-color-000000);
        font-family: 'Poppins', sans-serif;
    }
    
    .print-card {
        border: 4px double var(--mina-color-1e293b);
        padding: 30px;
        border-radius: var(--rbn-radius-md);
        background: var(--rbn-bg-surface);
    }
    
    .print-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 2px solid var(--mina-color-1e293b);
        padding-bottom: 15px;
        margin-bottom: var(--rbn-space-5);
    }
    
    .print-logo h2 {
        font-weight: 800;
        color: var(--mina-color-0f172a);
        margin: 0;
        letter-spacing: 1px;
    }
    
    .print-logo small {
        color: var(--mina-color-64748b);
        font-size: 0.8rem;
    }
    
    .print-report-title {
        text-align: right;
    }
    
    .print-report-title h3 {
        font-weight: 700;
        color: var(--mina-color-0f172a);
        margin: 0 0 5px 0;
        font-size: 1.1rem;
    }
    
    .print-date-badge {
        font-size: 0.8rem;
        color: var(--mina-color-475569);
    }
    
    .print-sec-title {
        font-size: 0.95rem;
        font-weight: 700;
        color: var(--mina-color-1e293b);
        margin-top: var(--rbn-space-5);
        margin-bottom: var(--rbn-space-3);
        border-left: 4px solid var(--mina-color-fbbf24);
        padding-left: 10px;
    }
    
    .print-table {
        width: 100%;
        border-collapse: collapse;
        margin-bottom: var(--rbn-space-5);
    }
    
    .print-table th {
        text-align: left;
        padding: var(--rbn-space-2) var(--rbn-space-3);
        background: var(--mina-color-f8fafc);
        border: 1px solid var(--mina-color-cbd5e1);
        width: 40%;
        font-size: 0.85rem;
        color: var(--mina-color-334155);
    }
    
    .print-table td {
        padding: var(--rbn-space-2) var(--rbn-space-3);
        border: 1px solid var(--mina-color-cbd5e1);
        font-size: 0.85rem;
        font-weight: 600;
        color: var(--mina-color-0f172a);
    }
    
    .print-result-box {
        display: flex;
        justify-content: space-between;
        gap: 15px;
        margin-top: 15px;
    }
    
    .print-result-item {
        flex: 1;
        padding: 15px;
        background: var(--mina-color-f8fafc);
        border: 1px solid var(--mina-color-cbd5e1);
        border-radius: var(--rbn-radius-sm);
        text-align: center;
    }
    
    .print-result-item.highlight {
        background: var(--mina-color-fffbeb);
        border: 2px solid var(--mina-color-fbbf24);
    }
    
    .print-result-label {
        font-size: 0.7rem;
        color: var(--mina-color-475569);
        text-transform: uppercase;
        font-weight: 700;
        display: block;
        margin-bottom: 5px;
    }
    
    .print-result-m2 {
        font-size: 1.25rem;
        font-weight: 800;
        color: var(--mina-color-0f172a);
    }
    
    .print-result-value {
        font-size: 1.6rem;
        font-weight: 900;
        color: var(--mina-color-166534);
    }
    
    .print-footer {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        margin-top: 35px;
        gap: 30px;
    }
    
    .print-disclaimer {
        flex: 2;
        font-size: 0.65rem;
        color: var(--mina-color-64748b);
        line-height: 1.4;
    }
    
    .print-signature-box {
        text-align: center;
        font-size: 0.8rem;
        color: var(--mina-color-1e293b);
    }
    
    .signature-line {
        height: 1px;
        background: var(--mina-color-94a3b8);
        width: 160px;
        margin: 25px auto 5px auto;
    }
    
    * {
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }
}

/* ─────────────────────────────────────────────────────────────
   KREDİ / PİYASA ARAÇLARI (view içi style yerine) 🧮
   ───────────────────────────────────────────────────────────── */
.mina-tool-display-value {
    color: var(--mina-color-1a4373);
}

.mina-tool-divider {
    border-top: 1px solid color-mix(in srgb, var(--mina-color-ffffff) 15%, transparent);
}

.mina-th-bank {
    min-width: 220px;
}

.mina-th-bank-wide {
    min-width: 250px;
}

.mina-th-action {
    width: 150px;
}

.mina-th-index {
    width: 70px;
}

.mina-tool-glass {
    background: color-mix(in srgb, var(--mina-color-ffffff) 3%, transparent);
    border: 1px solid color-mix(in srgb, var(--mina-color-ffffff) 8%, transparent);
}

.mina-tool-col-rule {
    border-right: 1px solid var(--mina-color-edf2f7);
}

.mina-tool-input {
    height: 54px;
    border-radius: 14px;
    background: var(--rbn-bg-surface);
    padding-right: 50px;
}

.mina-tool-input-static {
    height: 54px;
    border-radius: 14px;
    background: var(--mina-color-f8fafc);
    font-weight: 700;
    color: var(--rbn-primary);
}

.mina-tool-input-sm {
    height: 48px;
    border-radius: 10px;
    background: var(--rbn-bg-surface);
}

.mina-tool-submit {
    font-size: 1rem;
    border-radius: 14px;
}

.mina-valuation-card {
    box-shadow: 0 20px 50px color-mix(in srgb, var(--mina-color-000000) 6%, transparent);
    border: 1px solid color-mix(in srgb, var(--mina-color-000000) 5%, transparent);
}

.mina-valuation-estimate {
    background: var(--mina-color-f8fafc);
    border: 1.5px solid var(--mina-color-e2e8f0);
    border-radius: 18px;
}

.mina-valuation-kicker {
    letter-spacing: 0.5px;
}

.mina-valuation-value {
    color: var(--mina-color-0f766e);
    letter-spacing: -0.5px;
}

.mina-valuation-action-outline {
    background: var(--rbn-bg-surface);
    border: 2px solid var(--mina-color-2563eb);
    color: var(--mina-color-2563eb);
    border-radius: var(--rbn-radius-md);
    font-size: 0.95rem;
    min-height: 48px;
    box-shadow: 0 2px 6px color-mix(in srgb, var(--mina-color-2563eb) 8%, transparent);
}

.mina-valuation-action-print {
    background: var(--mina-color-166534);
    border: none;
    border-radius: var(--rbn-radius-md);
    font-size: 0.95rem;
    min-height: 48px;
    cursor: pointer;
    box-shadow: 0 4px 12px color-mix(in srgb, var(--mina-color-166534) 20%, transparent);
}

.mina-valuation-action-pdf {
    background: var(--mina-color-f59e0b);
    border: none;
    border-radius: var(--rbn-radius-md);
    font-size: 0.95rem;
    min-height: 48px;
    cursor: pointer;
    box-shadow: 0 4px 12px color-mix(in srgb, var(--mina-color-f59e0b) 20%, transparent);
}

.mina-valuation-lead {
    background: var(--mina-color-fffdf5);
    border: 1.5px dashed var(--mina-color-fde047);
    border-radius: 20px;
}

.mina-valuation-lead-submit {
    background: var(--mina-color-eab308);
    border: none;
    border-radius: 10px;
    font-size: 0.95rem;
    cursor: pointer;
}

.mina-plan-action-light {
    background: var(--rbn-bg-surface);
    border: 1.5px solid var(--mina-color-cbd5e1);
    color: var(--mina-color-1e293b);
    border-radius: var(--rbn-radius-md);
    font-size: 0.95rem;
    min-height: 44px;
    box-shadow: 0 2px 6px color-mix(in srgb, var(--mina-color-000000) 4%, transparent);
}

.mina-plan-action-primary {
    background: var(--rbn-primary);
    border: none;
    border-radius: var(--rbn-radius-md);
    font-size: 0.95rem;
    min-height: 44px;
    box-shadow: 0 4px 12px color-mix(in srgb, var(--rbn-primary) 20%, transparent);
}

.mina-plan-action-green {
    background: var(--mina-color-166534);
    border: none;
    border-radius: var(--rbn-radius-md);
    font-size: 0.95rem;
    min-height: 44px;
    box-shadow: 0 4px 12px color-mix(in srgb, var(--mina-color-166534) 20%, transparent);
}

.mina-plan-card {
    border: 1px solid color-mix(in srgb, var(--mina-color-000000) 6%, transparent);
    border-radius: 24px;
}

.mina-plan-scroll {
    max-height: 580px;
    overflow-y: auto;
}

.mina-plan-head {
    z-index: 10;
    top: 0;
}


/* WPRJ-91: harf araligi (eski tracking-wider; motorda karsiligi yok) */
.mina-tracking {
    letter-spacing: 0.05em;
}

/* WPRJ-91: odeme plani "Son Odeme" kutusu (eski p-2.5 bg-white-10 text-white-75; motorda karsiligi yok) */
.mina-plan-due {
    padding: calc(var(--rbn-space-5) / 2);
    background: color-mix(in srgb, var(--mina-color-ffffff) 10%, transparent);
    color: color-mix(in srgb, var(--mina-color-ffffff) 75%, transparent);
}


/* ===== m-services.css ===== */
/* ═══════════════════════════════════════════════════════════════
   MINA EMLAK - HİZMET / BÖLGE SAYFALARI, EKİP, MOBİL ÇUBUK 🧭📞
   Renk ve ölçü token'dan gelir (variables.css); motor sınıfları (.feature-card, .service-card,
   .btn-premium, .page-header) yeniden yazılmaz.
   ═══════════════════════════════════════════════════════════════ */

/* 1. Ana sayfa hizmet kartı bağlantısı: kartın görünümü değişmez, tüm kart tıklanır */
.mina-service-link {
    display: block;
    height: 100%;
    color: inherit;
    text-decoration: none;
    border-radius: var(--radius-md);
}

.mina-service-link:focus-visible,
.mina-related-link:focus-visible {
    outline: 0.1875rem solid var(--secondary-color);
    outline-offset: 0.25rem;
}

/* 2. Hizmet sayfası: yüksek görsel */
.mina-service-image-tall {
    height: 22.5rem;
}

/* 3. İç bağlantı karosu */
.mina-related-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    height: 100%;
    background: var(--bg-surface);
    border: 1px solid var(--mina-color-edf2f7);
    border-radius: var(--radius-md);
    padding: 1rem 1.25rem;
    box-shadow: var(--shadow-md);
    color: var(--primary-color);
    text-decoration: none;
    transition: var(--transition-base);
}

.mina-related-link small {
    display: block;
    color: var(--text-light);
    font-size: 0.9rem;
}

.mina-related-link i {
    color: var(--accent-color);
    font-size: 1.3rem;
}

.mina-related-link:hover {
    transform: translateY(-3px);
    box-shadow: var(--shadow-lg);
}

/* 4. Bilgi notu (hukuki yönlendirme, adres) */
.mina-note {
    display: flex;
    gap: 1rem;
    background: var(--mina-accent-soft);
    border-left: 0.25rem solid var(--accent-color);
    border-radius: var(--radius-md);
    padding: 1.25rem 1.5rem;
}

.mina-note > i {
    color: var(--accent-color);
    font-size: 1.8rem;
}

.mina-note p {
    margin: 0.25rem 0 0;
    color: var(--text-dark);
}

/* 5. Sayfa sonu çağrı bandı */
.mina-cta-band {
    background: linear-gradient(color-mix(in srgb, var(--primary-color) 92%, transparent), color-mix(in srgb, var(--primary-color) 92%, transparent)), var(--mina-hero-image) center / cover;
    color: var(--rbn-text-on-primary);
    padding: 3.75rem 0;
}

.mina-cta-band h2 {
    color: var(--rbn-text-on-primary);
    font-weight: 700;
    margin-bottom: 1rem;
}

.mina-cta-band p {
    color: var(--mina-on-dark-80);
    font-size: 1.1rem;
    margin-bottom: 1.5rem;
}

/* 6. Ekip kartı */
.mina-team-card {
    text-align: center;
    height: 100%;
}

.mina-team-card .review-avatar {
    margin: 0 auto 1rem;
}

.mina-team-role {
    color: var(--rbn-accent-text);
    margin: 0;
    min-height: 1.5rem;
}

/* 7. Navbar açılır menü (motorun .dropdown / .dropdown-menu bileşeni; yalnız yerleşim) */
.mina-navbar-menu .dropdown {
    display: flex;
    align-items: center;
}

.mina-navbar-menu .dropdown-menu {
    top: calc(100% + 0.75rem);
}

.mina-navbar-menu button.mina-navbar-link {
    font: inherit;
    font-weight: 500;
    cursor: pointer;
}

.mina-navbar-caret {
    font-size: 1.1rem;
    margin-left: -0.25rem;
}

.mina-navbar-link:focus-visible,
.mina-drawer-item:focus-visible {
    outline: 0.125rem solid var(--rbn-accent);
    outline-offset: 0.25rem;
}

/* 8. Çekmece alt öğeleri */
.mina-drawer-group {
    padding: 0.75rem 1rem 0.25rem;
    color: var(--mina-on-dark-60);
    font-size: 0.8rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.mina-drawer-item-child {
    padding-left: 2.5rem;
}

/* 9. Mobil sabit çubuk: WhatsApp her zaman; Ara yalnız çalışma saati içinde.
   Saat kararı framework'ün rbn-opening-status bileşenindedir (sunucu + dakikalık canlı güncelleme,
   --open / --closed sınıfı); çubuk yalnız o sınıfı okur, saat hesabı yoktur. */
.mina-mobile-bar {
    display: none;
}

.mina-mobile-bar-state {
    display: none;
}

@media (max-width: 767.98px) {
    .mina-mobile-bar {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1020;
        display: flex;
        gap: 0.5rem;
        padding: 0.5rem 1rem calc(0.5rem + env(safe-area-inset-bottom));
        background: var(--mina-navbar-bg-scrolled);
        box-shadow: var(--mina-navbar-shadow-scrolled);
    }

    .mina-mobile-bar-action {
        flex: 1 1 0;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0.5rem;
        min-height: 2.75rem;
        border-radius: var(--radius-sm);
        color: var(--rbn-text-on-primary);
        font-weight: 600;
        text-decoration: none;
    }

    .mina-mobile-bar-whatsapp {
        background: linear-gradient(135deg, var(--mina-brand-whatsapp-from), var(--mina-brand-whatsapp-to));
    }

    .mina-mobile-bar-call {
        display: none;
        background: var(--primary-gradient);
        border: 1px solid var(--mina-on-dark-2);
    }

    .mina-mobile-bar:has(.rbn-opening-status--open) .mina-mobile-bar-call {
        display: flex;
    }

    .mina-mobile-bar-action:focus-visible {
        outline: 0.125rem solid var(--rbn-accent);
        outline-offset: 0.125rem;
    }

    /* Çubuğun sayfa sonunu örtmemesi için: boşluk body'de değil footer'ın koyu alt şeridinde (beyaz şerit kalmaz) */
    body:has(.mina-mobile-bar) .rbn-footer-bottom-bar {
        padding-bottom: calc(var(--mina-mobile-bar-height) + env(safe-area-inset-bottom) + var(--rbn-space-4));
    }

    /* Yukarı çık düğmesi çubuğun üstünde durur: motor `--rbn-bottom-bar-offset` (çubuk yüksekliği) belirtecini okur,
       safe-area ve çerez payını kendisi ekler */
    body:has(.mina-mobile-bar) {
        --rbn-bottom-bar-offset: var(--mina-mobile-bar-height);
    }
}

/* 10. Çok dar ekran (320): uzun tek kelimelik başlık ("Danışmanlığı") sayfa genişliğini aşmasın */
@media (max-width: 359.98px) {
    .page-header h1 {
        font-size: 2.25rem;
    }
}

/* 11. data-rbn-reveal=fade-left sütunu animasyon bitene kadar sağdan taşıp sayfayı genişletmesin (kapsayıcı yatay kırpar;
   kaydırma kapsayıcısı oluşturmaz) */
.mina-clip-x {
    overflow-x: clip;
}

/* 10. Kartlardaki çalışma saati durumu: bileşenin kendi iç düzeni kart metniyle aynı eksende ortalanır (bileşen yeniden yazılmaz) */
.feature-card .rbn-opening-status {
    display: flex;
    justify-content: center;
}