:root{
            --ana-renk:#2ea7ff;
            --sari:#ffc107;
        }

        body{font-family:'Segoe UI',sans-serif}

        /* HERO */
        .hero-section{
            position: relative;
            background:
            linear-gradient(rgba(10,20,40,0.80), rgba(10,20,40,0.80)),
            url("../images/image.webp");
            background-size: cover;
            background-repeat: no-repeat;

            /* Mobilde güvenli kadraj */
            background-position: center top;

            /* yükseklik DARALMAZ */
            min-height: 90vh;
            padding: 80px 0; /* içerik sıkışmasın */
            display: flex;
            align-items: center;
            color: white;
        }
        .hero-section > .container{ position: relative; z-index: 1; }
        /* Masaüstünde kurye odaklı hizalama */
        @media (min-width: 992px){
            .hero-section{
            background-position: 40% 30%;
            }
        }


        /* GLASS CARD */
        .glass-card{
            background:rgba(255,255,255,0.1);
            backdrop-filter:blur(10px);
            border:1px solid rgba(255,255,255,0.2);
            border-radius:25px;
            padding:20px;
            transition:0.3s;
        }
        .glass-card:hover{transform:translateY(-5px)}

        /* BUTTON */
        .btn-kurye{
            background:var(--ana-renk);
            color:white;
            border-radius:50px;
            padding:12px 30px;
            font-weight:bold;
            border:none;
        }
        .btn-kurye:hover{background:#1d8de0;color:white}

        /* FOOTER */
        footer{
            background:#0b1e35;
            color:white;
            padding:60px 0 30px 0;
        }
        .footer-title{
            font-weight:bold;
            margin-bottom:15px;
        }
        .footer-link{
            color:#cfd8dc;
            text-decoration:none;
            display:block;
            margin-bottom:8px;
        }
        .footer-link:hover{color:white}

        .footer-bottom{
            border-top:1px solid rgba(255,255,255,0.1);
            margin-top:30px;
            padding-top:20px;
            text-align:center;
            color:#90a4ae;
        }

        /* MOBILE MENU */
        @media(max-width:991px){
            .navbar-collapse{
            background:white;
            padding:20px;
            border-radius:0 0 20px 20px;
            box-shadow:0 10px 30px rgba(0,0,0,0.1);
            }
            .nav-link{color:#333 !important}
        }
        .bolgeler-section {
            background: #f4f7fb;
        }

        .bolge-card {
            background: linear-gradient(135deg, rgba(46,167,255,0.10), rgba(42,167,156,0.10));
            border-radius: 14px;
            padding: 14px 16px;
            font-weight: 600;
            border: 1px solid rgba(46,167,255,0.25);
            box-shadow: 0 6px 18px rgba(0,0,0,0.06);
            transition: 0.25s;
            display: flex;
            align-items: center;
            gap: 10px;
        }

        /* Hover sakin — zıplama yok */
        .bolge-card:hover {
            transform: none;
            border-color: var(--ana-renk);
            box-shadow: 0 10px 25px rgba(0,0,0,0.10);
        }
        .bolge-card i {
            color: var(--ana-renk);
            font-size: 18px;
        }


        .hizmet-icon{
            width:70px;
            height:70px;
            margin:auto;
            border-radius:18px;
            display:flex;
            align-items:center;
            justify-content:center;
            font-size:28px;
            color:#fff;
            background: linear-gradient(135deg, var(--ana-renk), #2aa79c);
            box-shadow:0 8px 20px rgba(0,0,0,0.15);
        }
        .iletisim-float{
            position:fixed;
            right:22px;
            bottom:22px;
            display:flex;
            flex-direction:column;
            gap:12px;
            z-index:999;
        }

        /* ORTAK BUTON */
        .float-btn{
            width:64px;
            height:64px;
            border-radius:50%;
            display:flex;
            align-items:center;
            justify-content:center;
            color:white;
            font-size:26px;
            text-decoration:none;
            box-shadow:0 8px 25px rgba(0,0,0,0.35);
            transition:0.25s;
        }

        /* WHATSAPP */
        .whatsapp-btn{
            background:#25D366;
        }

        /* TELEFON */
        .telefon-btn{
            background: var(--ana-renk); /* senin mavi tema */
        }

        /* HOVER ANİMASYON */
        .float-btn:hover{
            transform: translateY(-6px) scale(1.08);
            box-shadow:0 12px 30px rgba(0,0,0,0.45);
        }

        /* NABIZ ANİMASYONU (hafif oynama) */
        .whatsapp-btn{
            animation: nabiz 2s infinite;
        }

        @keyframes nabiz{
            0%{ box-shadow:0 0 0 0 rgba(37,211,102,0.6); }
            70%{ box-shadow:0 0 0 14px rgba(37,211,102,0); }
            100%{ box-shadow:0 0 0 0 rgba(37,211,102,0); }
        }

        /* MOBİLDE BİRAZ BÜYÜK */
        @media(max-width:768px){
            .float-btn{
            width:70px;
            height:70px;
            font-size:28px;
            }
        }
        /* HİZMET KARTI — premium ton */
        .hizmet-kart{
            background: linear-gradient(135deg, rgba(46,167,255,0.10), rgba(42,167,156,0.10));
            border: 1px solid rgba(46,167,255,0.25);
            border-radius:20px;
            box-shadow:0 10px 30px rgba(0,0,0,0.06);
            transition:0.3s;
        }

        /* Hover yumuşak ama zıplama yok */
        .hizmet-kart:hover{
            transform:none;                 /* eskiden translateY vardı → kaldırdık */
            box-shadow:0 12px 32px rgba(0,0,0,0.10);
        }
        /* FORM KARTI — hover sabit kalsın */
        .form-panel{
            background: linear-gradient(135deg, rgba(46,167,255,0.10), rgba(42,167,156,0.10));
            border: 1px solid rgba(46,167,255,0.25);
            backdrop-filter: blur(8px);
            border-radius: 22px;
            padding: 28px;
            box-shadow: 0 15px 40px rgba(0,0,0,0.08);
        }

        /* Form panelinde hover hareketi olmasın */
        .form-panel:hover{
            transform:none;
            box-shadow:0 15px 40px rgba(0,0,0,0.08);
        }

        /* Başlık altı ince marka çizgisi (opsiyonel ama şık) */
        .form-panel h3{
            position: relative;
            padding-bottom: 10px;
        }
        .form-panel h3::after{
            content:"";
            width:60px;
            height:3px;
            background: var(--ana-renk);
            position:absolute;
            left:50%;
            transform:translateX(-50%);
            bottom:0;
            border-radius:2px;
        }
        .site-logo{ height:48px; }
        @media (max-width:768px){
  .hero-section{
    min-height: auto;
    padding: 120px 0 80px 0;
  }
}