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

        body{
            font-family:'Segoe UI', system-ui, -apple-system, 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);
            animation: tlfnabiz 2s infinite;

        }

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

            @keyframes tlfnabiz{
        0%{ box-shadow:0 0 0 0 rgba(46,167,255,0.6); }
        70%{ box-shadow:0 0 0 14px rgba(46,167,255,0); }
        100%{ box-shadow:0 0 0 0 rgba(46,167,255,0); }
}
        /* 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;
            box-shadow:0 12px 32px rgba(0,0,0,0.10);
        }
        .site-logo{
            height:48px;
            width:auto;
                    }
        @media (max-width:768px){
  .hero-section{
    min-height: auto;
    padding: 120px 0 80px 0;
  }
}
section{
  scroll-margin-top: 90px;
}
.hero-accent{
  color: var(--ana-renk);
}
.hero-section h1{
  line-height:1.25;
  max-width:650px;
}
.btn-kurye .fa-whatsapp{
  transition: 0.25s ease;
  color:#25D366
}

.bg-light{
  border-top: 1px solid rgba(0,0,0,0.06);
}
.footer-brand{
  display:flex;
  align-items:center;
  gap:10px;
}

.footer-logo{
  height:34px;
  width:auto;
  filter: drop-shadow(0 2px 6px rgba(0,0,0,0.25));
}
.footer-contact{
  color:#cfd8dc;
  text-decoration:none;
  transition:0.25s;
}

.footer-contact:hover{
  color:white;
  text-decoration:none;
}

.footer-social{
  display:flex;
  gap:12px;
}

.social-icon{
  width:42px;
  height:42px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:white;
  background:rgba(255,255,255,0.08);
  text-decoration:none;
  font-size:18px;
  transition:0.25s;
  border:1px solid rgba(255,255,255,0.15);
}

.social-icon:hover{
  background: var(--ana-renk);
  transform: translateY(-3px);
  box-shadow:0 8px 20px rgba(0,0,0,0.3);
}
/* VIP sayfa hero arka planı  */
.hero-section.vip{
background:
linear-gradient(rgba(10,20,40,0.85), rgba(10,20,40,0.85)),
url("../images/vip-bg.webp");
background-size:cover;
}
.accordion-item{
border-radius:14px;
overflow:hidden;
border:1px solid rgba(46,167,255,0.25);
margin-bottom:12px;
}

.accordion-button{
font-weight:600;
}

.accordion-button:not(.collapsed){
background:rgba(46,167,255,0.08);
color:#0b1e35;
}


/* VIP ACCORDION + - */
.vip-accordion .accordion-item{
border-radius:16px;
overflow:hidden;
border:1px solid rgba(46,167,255,0.25);
margin-bottom:12px;
}

.no-arrow::after{
display:none;
}

.acc-icon{
font-size:22px;
font-weight:700;
transition:0.25s;
}

.accordion-button{
font-weight:600;
}

.accordion-button:not(.collapsed) .acc-icon{
transform:rotate(45deg); /* + → - */
}

.accordion-button:not(.collapsed){
background:rgba(46,167,255,0.08);
color:#0b1e35;
}
.hizmet-link-list{
display:grid;
grid-template-columns:1fr;
gap:12px;
}

@media(min-width:576px){
.hizmet-link-list{
grid-template-columns:1fr 1fr;
}
}

.hizmet-link{
display:flex;
align-items:center;
gap:12px;
padding:14px 18px;
border-radius:14px;
text-decoration:none;
color:#0b1e35;
font-weight:600;
border:1px solid rgba(46,167,255,0.25);
background:linear-gradient(135deg, rgba(46,167,255,0.08), rgba(42,167,156,0.08));
transition:0.25s;
}

.hizmet-link i{
color:var(--ana-renk);
font-size:18px;
}

.hizmet-link:hover{
transform:translateX(6px);
background:rgba(46,167,255,0.12);
color:#0b1e35;
}