/* Genel Servis Kayıt - Rose/Coral Kurumsal Tasarım */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');

:root {
    --rose: #e11d48;
    --rose-dark: #be123c;
    --coral: #f43f5e;
    --stone: #1c1917;
    --stone-light: #292524;
    --muted: #78716c;
    --cta: #0ea5e9;
    --cta-hover: #0284c7;
}

* { box-sizing: border-box; }
body { font-family: 'Manrope', system-ui, sans-serif; color: #292524; overflow-x: hidden; background: #fff; }

/* Top Bar */
.top-bar { background: linear-gradient(90deg, var(--stone) 0%, var(--stone-light) 100%); color: #a8a29e; padding: 0.55rem 0; font-size: 0.9rem; }
.top-bar a { color: #d6d3d1; text-decoration: none; transition: color 0.2s; }
.top-bar a:hover { color: var(--coral); }

/* Navbar */
.nav-main { background: #fff !important; box-shadow: 0 1px 0 rgba(0,0,0,0.05); border-bottom: 1px solid #f5f5f4; }
.nav-main .navbar-brand { font-weight: 800; font-size: 1.45rem; color: var(--rose) !important; letter-spacing: -0.02em; }
.nav-main .nav-link { font-weight: 500; color: var(--stone) !important; padding: 0.5rem 1rem !important; transition: color 0.2s; }
.nav-main .nav-link:hover { color: var(--rose) !important; }
.btn-call { background: linear-gradient(135deg, var(--rose), var(--rose-dark)) !important; border: none; color: #fff !important; font-weight: 600; padding: 0.6rem 1.2rem; border-radius: 8px; box-shadow: 0 4px 12px rgba(225,29,72,0.35); transition: all 0.3s; }
.btn-call:hover { transform: translateY(-2px); color: #fff !important; box-shadow: 0 6px 18px rgba(225,29,72,0.45); }

/* Hero */
.hero-kayit { min-height: 400px; background: linear-gradient(145deg, var(--rose) 0%, var(--rose-dark) 35%, #9f1239 100%); color: #fff; position: relative; overflow: hidden; display: flex; align-items: center; }
.hero-kayit::before { content: ''; position: absolute; top: -30%; right: -20%; width: 50%; height: 160%; background: radial-gradient(ellipse, rgba(255,255,255,0.08) 0%, transparent 65%); }
.hero-kayit::after { content: ''; position: absolute; bottom: -60px; left: -60px; width: 220px; height: 220px; background: radial-gradient(circle, rgba(255,255,255,0.06) 0%, transparent 70%); border-radius: 50%; }
.hero-kayit h1 { font-size: 2.35rem; font-weight: 800; letter-spacing: -0.02em; text-shadow: 0 2px 15px rgba(0,0,0,0.15); }
.hero-kayit .hero-sub { font-size: 1.05rem; opacity: 0.92; color: rgba(255,255,255,0.95); }
.btn-hero { padding: 1rem 2rem; font-size: 1.05rem; font-weight: 700; border-radius: 8px; background: #fff !important; color: var(--rose) !important; border: none; box-shadow: 0 6px 20px rgba(0,0,0,0.15); transition: all 0.3s; }
.btn-hero:hover { transform: translateY(-2px); box-shadow: 0 10px 30px rgba(0,0,0,0.2); color: var(--rose-dark) !important; background: #fff !important; }
.btn-hero i { margin-right: 0.5rem; }

/* Breadcrumb */
.hero-kayit .breadcrumb { background: transparent; }
.hero-kayit .breadcrumb-item a { color: rgba(255,255,255,0.9); }
.hero-kayit .breadcrumb-item a:hover { color: #fff; }
.hero-kayit .breadcrumb-item.active { color: rgba(255,255,255,0.8); }
.breadcrumb-item + .breadcrumb-item::before { color: rgba(255,255,255,0.5); }

/* Section */
.section-title { font-size: 1.65rem; font-weight: 800; color: var(--stone); margin-bottom: 0.7rem; letter-spacing: -0.02em; position: relative; padding-bottom: 0.7rem; }
.section-title::after { content: ''; position: absolute; bottom: 0; left: 0; width: 45px; height: 3px; background: linear-gradient(90deg, var(--rose), var(--coral)); border-radius: 2px; }
.section-desc { color: var(--muted); margin-bottom: 2rem; line-height: 1.65; }

/* Link Grid */
.link-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(168px, 1fr)); gap: 0.85rem; }
.link-grid-kurumsal { grid-template-columns: repeat(auto-fill, minmax(192px, 1fr)); gap: 1rem; }
.link-grid-kurumsal .link-item { padding: 1.05rem 1.2rem; font-size: 1.02rem; }
.link-item { display: flex; align-items: center; padding: 1rem 1.1rem; border-radius: 10px; color: var(--stone); text-decoration: none; background: #fff; border: 2px solid #e7e5e4; transition: all 0.3s; }
.link-item:hover { background: linear-gradient(135deg, var(--rose), var(--rose-dark)); color: #fff !important; border-color: transparent; transform: translateY(-2px); box-shadow: 0 8px 22px rgba(225,29,72,0.28); }
.link-item i { margin-right: 0.6rem; font-size: 0.95rem; opacity: 0.9; }
.link-item span { font-weight: 600; }
#ilAra { border-radius: 10px; padding: 0.8rem 1.2rem; border: 2px solid #e7e5e4; }
#ilAra:focus { border-color: var(--rose); box-shadow: 0 0 0 3px rgba(225,29,72,0.12); }

/* Content */
.content h2 { color: var(--stone); font-weight: 700; margin-top: 1.5rem; }
.content h3 { color: var(--rose-dark); font-weight: 700; margin-top: 1.25rem; }
.content p { line-height: 1.75; color: #57534e; }

/* Alert */
.uyari-box { border-radius: 10px; border-left: 5px solid #f59e0b; background: #fffbeb; }

/* Footer */
.footer-main { background: var(--stone); color: #fff; padding: 3rem 0 1.5rem; }
.footer-main a { color: rgba(255,255,255,0.78); text-decoration: none; transition: color 0.2s; }
.footer-main a:hover { color: #fff; }
.footer-main .footer-brand { font-size: 1.2rem; font-weight: 800; color: #fff; }
.footer-bottom { border-top: 1px solid rgba(255,255,255,0.08); padding-top: 1.5rem; margin-top: 2rem; }

/* FAB */
.fab-phone { position: fixed; bottom: 24px; right: 24px; z-index: 9999; }
.fab-phone a { display: flex; align-items: center; padding: 1rem 1.4rem; background: linear-gradient(135deg, var(--cta), var(--cta-hover)); color: #fff !important; border-radius: 10px; font-weight: 700; box-shadow: 0 6px 24px rgba(14,165,233,0.4); text-decoration: none; transition: all 0.3s; }
.fab-phone a:hover { transform: scale(1.04); color: #fff !important; box-shadow: 0 8px 30px rgba(14,165,233,0.5); }
.fab-phone i { margin-right: 0.5rem; font-size: 1.1rem; }

/* Ana sayfa hero */
.hero-ana { min-height: 450px; padding: 4.5rem 0; }

@media (max-width: 768px) {
    .hero-kayit h1, .hero-ana h1 { font-size: 1.65rem; }
    .hero-ana { min-height: 350px; padding: 2.5rem 0; }
    .link-grid, .link-grid-kurumsal { grid-template-columns: repeat(2, 1fr); }
}