/* =========================
       ULTRA LÜKS: ALTIN + KOYU SİYAH
       ========================= */
    :root{
      --primary-color:#050507;
      --secondary-color:#0C0C10;
      --accent-color:#D6B25E;
      --accent-dark:#B9912C;
      --text-light:#F6F1E6;
      --text-dark:#111114;
      --whatsapp-color:#25D366;

      --gold-glow: 0 0 14px rgba(214,178,94,0.35), 0 0 28px rgba(214,178,94,0.22);
      --border-gold: rgba(214,178,94,0.18);
      --border-gold-strong: rgba(214,178,94,0.28);
    }

    *{ margin:0; padding:0; box-sizing:border-box; }
    body{
      font-family:'Poppins',sans-serif;
      background-color:var(--primary-color);
      color:var(--text-light);
      line-height:1.7;
      overflow-x:hidden;
    }
    html{ scroll-behavior:smooth; }
    .container{ max-width:1200px; margin:0 auto; padding:0 20px; }
    section{ padding:80px 0; position:relative; overflow:hidden; }

    h1,h2,h3,h4,h5,h6{
      font-family:'Montserrat',sans-serif;
      font-weight:700;
      margin-bottom:20px;
    }

    h2.section-title{
      font-size:3.2rem;
      text-align:center;
      margin-bottom:50px;
      text-transform:uppercase;
      letter-spacing:1.5px;
      color:var(--text-light);
    }

    h2.section-title::after{
      content:'';
      display:block;
      width:110px;
      height:5px;
      background: linear-gradient(90deg, transparent, var(--accent-color), #F5E6B7, var(--accent-color), transparent);
      background-size:200% 100%;
      margin:15px auto 0;
      border-radius:3px;
      animation: gold-sheen 3.2s ease-in-out infinite;
      box-shadow: var(--gold-glow);
    }

    @keyframes gold-sheen{
      0% { background-position:200% 0; }
      100% { background-position:-200% 0; }
    }

    .btn{
      display:inline-block;
      padding:14px 32px;
      border-radius:10px;
      text-decoration:none;
      font-weight:600;
      transition:all .35s ease;
      font-size:1.05rem;
      border:2px solid transparent;
      text-transform:uppercase;
      letter-spacing:.5px;
      box-shadow:0 10px 30px rgba(0,0,0,0.55);
      cursor:pointer;
    }

    .btn-fire{
      background: linear-gradient(135deg, var(--accent-color), var(--accent-dark));
      color: var(--text-dark);
      border-color: rgba(214,178,94,0.65);
    }
    .btn-fire:hover{
      transform:translateY(-3px);
      box-shadow: var(--gold-glow), 0 16px 45px rgba(0,0,0,0.6);
      filter:saturate(1.08);
    }

    .btn-outline{
      background-color:transparent;
      color:var(--accent-color);
      border-color: rgba(214,178,94,0.55);
    }
    .btn-outline:hover{
      background: linear-gradient(135deg, rgba(214,178,94,0.18), rgba(214,178,94,0.06));
      color: var(--text-light);
      transform:translateY(-3px);
      box-shadow: var(--gold-glow);
    }

    /* --- HEADER / NAV --- */
    header{
      background: rgba(12,12,16,0.88);
      backdrop-filter: blur(10px);
      padding:18px 0;
      position:sticky;
      top:0;
      z-index:1000;
      box-shadow: 0 10px 30px rgba(0,0,0,0.65);
      border-bottom: 1px solid var(--border-gold);
    }

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

    .logo{
      font-size:2.2rem;
      font-weight:800;
      color:var(--accent-color);
      text-decoration:none;
      letter-spacing:1px;
      text-shadow: var(--gold-glow);
    }

    nav ul{ list-style:none; display:flex; }
    nav ul li{ margin-left:35px; }
    nav ul li a{
      color:var(--text-light);
      text-decoration:none;
      font-weight:400;
      transition:color .25s ease;
      padding-bottom:5px;
      position:relative;
      opacity:0.92;
    }
    nav ul li a::after{
      content:'';
      position:absolute;
      left:0; bottom:0;
      width:0%;
      height:2px;
      background-color:var(--accent-color);
      transition:width .25s ease;
      box-shadow: var(--gold-glow);
    }
    nav ul li a:hover::after, nav ul li a.active::after{ width:100%; }
    nav ul li a:hover, nav ul li a.active{ color:var(--accent-color); opacity:1; }
    .header-phone{ display:block; }

    /* --- HERO --- */
    .hero{
      height:90vh;
      display:flex;
      align-items:center;
      justify-content:center;
      text-align:center;
      position:relative;
      color:var(--text-light);
      background:
        radial-gradient(900px 500px at 50% 20%, rgba(214,178,94,0.16), transparent 55%),
        radial-gradient(700px 400px at 15% 80%, rgba(214,178,94,0.10), transparent 60%),
        linear-gradient(135deg, #030304, #07070A, #0B0B12);
      overflow:hidden;
    }

    .hero::before{
      content:"";
      position:absolute; inset:-2px;
      background: linear-gradient(120deg, transparent 0%, rgba(214,178,94,0.12) 40%, transparent 70%);
      transform: translateX(-40%);
      animation: hero-sweep 9s ease-in-out infinite;
      pointer-events:none;
    }

    @keyframes hero-sweep{
      0%{ transform: translateX(-55%); opacity:0.55; }
      50%{ transform: translateX(55%); opacity:0.75; }
      100%{ transform: translateX(-55%); opacity:0.55; }
    }

    .hero-content{
      position:relative;
      z-index:2;
      max-width:920px;
      margin:0 auto;
      animation: fadeInScale 1.2s ease-out forwards;
    }

    .hero h1{
      font-size:4.4rem;
      margin-bottom:18px;
      line-height:1.1;
      text-shadow: 0 12px 40px rgba(0,0,0,0.75);
    }
    .hero h1 .highlight{
      color:var(--accent-color);
      text-shadow: var(--gold-glow);
    }

    .hero p{
      font-size:1.35rem;
      font-weight:300;
      max-width:780px;
      margin:0 auto 38px auto;
      color: rgba(246,241,230,0.92);
      text-shadow: 0 6px 22px rgba(0,0,0,0.6);
    }

    .hero-buttons .btn{ margin:0 12px; }

    /* --- SECTION BACKGROUNDS --- */
    .guven{ background: var(--secondary-color); border-top:1px solid var(--border-gold); border-bottom:1px solid var(--border-gold); }
    .hizmetler{ background: var(--primary-color); }
    .filo{ background: var(--secondary-color); border-top:1px solid var(--border-gold); border-bottom:1px solid var(--border-gold); }
    .nasil-calisir{ background: var(--primary-color); }
    .yorumlar{ background: var(--primary-color); }
    .sss{ background: var(--primary-color); }

    /* --- CARDS --- */
    .cards-container{
      display:flex;
      justify-content:center;
      flex-wrap:wrap;
      gap:30px;
    }

    .card{
      background: linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.01));
      padding:40px;
      border-radius:14px;
      text-align:center;
      flex-basis:280px;
      box-shadow: 0 14px 40px rgba(0,0,0,0.62);
      transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
      border: 1px solid var(--border-gold);
    }

    .card:hover{
      transform: translateY(-8px) scale(1.02);
      box-shadow: 0 22px 60px rgba(0,0,0,0.72);
      border-color: var(--border-gold-strong);
    }

    .card i{
      font-size:3.3rem;
      color:var(--accent-color);
      margin-bottom:22px;
      text-shadow: var(--gold-glow);
    }

    .card h3{
      font-size:1.45rem;
      margin-bottom:12px;
      color:var(--accent-color);
    }

    .card p{ font-size:1rem; font-weight:300; color: rgba(246,241,230,0.90); }

    /* --- SERVICES --- */
    .hizmet-item{
      margin-bottom:60px;
      text-align:center;
      background: linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.01));
      padding:42px;
      border-radius:14px;
      border:1px solid var(--border-gold);
      box-shadow: 0 14px 40px rgba(0,0,0,0.62);
    }

    .hizmet-text h3{
      font-size:2.15rem;
      color:var(--accent-color);
      margin-bottom:14px;
      text-shadow: var(--gold-glow);
    }

    /* --- FLEET --- */
    .filo-list{
      display:flex;
      flex-direction:column;
      gap:18px;
      max-width:900px;
      margin:0 auto;
    }

    .filo-arac{
      background: linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.01));
      border:1px solid var(--border-gold);
      padding:30px;
      border-radius:12px;
      text-align:center;
      transition: transform .25s ease, border-color .25s ease;
      box-shadow: 0 12px 34px rgba(0,0,0,0.6);
    }
    .filo-arac:hover{
      transform: scale(1.015);
      border-color: var(--border-gold-strong);
    }
    .filo-arac h4{
      color:var(--accent-color);
      font-size:1.75rem;
      margin-bottom:8px;
      text-shadow: var(--gold-glow);
    }
    .filo-arac p{ font-weight:300; font-size:1.08rem; color: rgba(246,241,230,0.90); }

    /* --- STEPS --- */
    .steps-container{
      display:flex;
      justify-content:center;
      text-align:center;
      gap:40px;
      flex-wrap:wrap;
    }

    .step{
      flex-basis:300px;
      background: linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.01));
      padding:40px;
      border-radius:14px;
      box-shadow: 0 14px 40px rgba(0,0,0,0.62);
      border:1px solid var(--border-gold);
      transition: transform .35s ease, border-color .35s ease, box-shadow .35s ease;
    }
    .step:hover{
      transform: translateY(-8px);
      border-color: var(--border-gold-strong);
      box-shadow: 0 22px 60px rgba(0,0,0,0.72);
    }
    .step i{
      font-size:3.8rem;
      color:var(--accent-color);
      margin-bottom:22px;
      text-shadow: var(--gold-glow);
      line-height:1;
    }
    .step h3{ font-size:1.55rem; color:var(--accent-color); }
    .step p{ font-weight:300; color: rgba(246,241,230,0.90); }

    /* --- REVIEWS --- */
    .yorum-slider{
      display:flex;
      overflow-x:auto;
      scroll-snap-type:x mandatory;
      -webkit-overflow-scrolling:touch;
      padding-bottom:20px;
      margin-top:40px;
    }

    .yorum-item{
      flex:0 0 auto;
      width:450px;
      margin-right:30px;
      scroll-snap-align:start;
      background: linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.01));
      padding:30px;
      border-radius:14px;
      box-shadow: 0 14px 40px rgba(0,0,0,0.62);
      border:1px solid var(--border-gold);
      text-align:left;
      position:relative;
    }

    .yorum-item::before{
      content:"\201C";
      font-family:serif;
      font-size:6rem;
      color:var(--accent-color);
      opacity:0.16;
      position:absolute;
      top:-20px;
      left:20px;
      line-height:1;
      z-index:0;
      text-shadow: var(--gold-glow);
    }

    .yorum-item p{
      font-style:italic;
      margin-bottom:18px;
      position:relative;
      z-index:1;
      color: rgba(246,241,230,0.92);
    }

    .yorum-item .musteri-bilgi{
      font-weight:600;
      color:var(--accent-color);
      text-shadow: var(--gold-glow);
    }

    .yorum-item .rating{
      color:#F5E6B7;
      font-size:1.1rem;
      margin-top:5px;
      text-shadow: 0 0 10px rgba(245,230,183,0.22);
    }

    /* --- FAQ --- */
    .accordion-item{
      background: linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.01));
      border:1px solid var(--border-gold);
      border-radius:12px;
      margin-bottom:15px;
      overflow:hidden;
      box-shadow: 0 12px 34px rgba(0,0,0,0.6);
    }

    .accordion-header{
      padding:20px 25px;
      cursor:pointer;
      display:flex;
      justify-content:space-between;
      align-items:center;
      font-size:1.15rem;
      font-weight:600;
      color:var(--accent-color);
      transition: background-color .25s ease;
    }

    .accordion-header:hover{ background-color: rgba(214,178,94,0.06); }
    .accordion-header i{ transition: transform .25s ease; }
    .accordion-header.active i{ transform: rotate(180deg); }

    .accordion-content{
      padding:0 25px;
      max-height:0;
      overflow:hidden;
      transition: max-height .35s ease-out, padding .35s ease-out;
      background-color: rgba(5,5,7,0.6);
      border-top:1px solid rgba(214,178,94,0.10);
    }

    .accordion-content p{
      padding:20px 0;
      font-weight:300;
      color: rgba(246,241,230,0.92);
    }

    .accordion-item.active .accordion-content{
      max-height:260px;
      padding-bottom:20px;
    }

    /* --- CTA --- */
    .cta{
      background:
        radial-gradient(800px 420px at 50% 15%, rgba(214,178,94,0.24), transparent 60%),
        linear-gradient(135deg, #0A0A0E, #121219, #07070A);
      color:var(--text-light);
      text-align:center;
      border-top:1px solid var(--border-gold);
    }

    .cta h2{
      font-size:3rem;
      color:var(--text-light);
      text-shadow: 0 10px 35px rgba(0,0,0,0.65);
    }

    .cta p{
      font-size:1.2rem;
      margin-bottom:40px;
      color: rgba(246,241,230,0.92);
    }

    .cta .btn{
      background: linear-gradient(135deg, var(--accent-color), var(--accent-dark));
      color: var(--text-dark);
      border-color: rgba(214,178,94,0.70);
      font-size:1.25rem;
      padding:18px 40px;
    }

    .cta .btn:hover{
      transform: translateY(-3px);
      box-shadow: var(--gold-glow), 0 18px 55px rgba(0,0,0,0.7);
    }

    .cta .cta-phone{
      margin-top:25px;
      font-size:1.25rem;
      font-weight:700;
    }
    .cta .cta-phone a{
      color: var(--accent-color);
      text-decoration:none;
      text-shadow: var(--gold-glow);
    }

    /* --- FOOTER --- */
    footer{
      background-color: var(--secondary-color);
      padding:70px 0 30px 0;
      font-size:0.95rem;
      border-top:1px solid var(--border-gold);
    }

    .footer-container{
      display:grid;
      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
      gap:40px;
      margin-bottom:50px;
    }

    .footer-col h4{
      font-size:1.3rem;
      color:var(--accent-color);
      margin-bottom:20px;
      text-transform:uppercase;
      text-shadow: var(--gold-glow);
    }

    .footer-col p{ font-weight:300; color: rgba(246,241,230,0.88); }

    .footer-col ul{ list-style:none; }
    .footer-col ul li{ margin-bottom:12px; }
    .footer-col ul li a{
      color: rgba(246,241,230,0.88);
      text-decoration:none;
      font-weight:300;
      transition: color .25s ease;
    }
    .footer-col ul li a:hover{ color: var(--accent-color); }

    .footer-col i{
      width:25px;
      margin-right:10px;
      color:var(--accent-color);
      text-align:center;
      text-shadow: var(--gold-glow);
    }

    .footer-bottom{
      text-align:center;
      border-top:1px solid rgba(214,178,94,0.12);
      padding-top:30px;
      font-size:0.85rem;
      font-weight:300;
      color: rgba(246,241,230,0.70);
    }

    /* --- MOBILE STICKY --- */
    .mobile-sticky-buttons{
      display:none;
      position:fixed;
      bottom:0; left:0;
      width:100%;
      z-index:1000;
      box-shadow: 0 -10px 30px rgba(0,0,0,0.65);
      border-top:1px solid rgba(214,178,94,0.14);
      backdrop-filter: blur(10px);
    }

    .mobile-sticky-buttons a{
      flex:1;
      padding:18px 10px;
      text-align:center;
      text-decoration:none;
      font-weight:700;
      font-size:1.1rem;
      display:flex;
      align-items:center;
      justify-content:center;
      gap:8px;
    }

    .btn-whatsapp{ background-color: var(--whatsapp-color); color: var(--text-light); }
    .btn-call{ background: linear-gradient(135deg, var(--accent-color), var(--accent-dark)); color: var(--text-dark); }

    /* --- AOS --- */
    [data-aos]{
      opacity:0;
      transition: transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    }
    [data-aos="fade-up"]{ transform: translateY(50px); }
    [data-aos="fade-right"]{ transform: translateX(-50px); }
    [data-aos="fade-left"]{ transform: translateX(50px); }
    [data-aos].aos-animate{ opacity:1; transform: translate(0,0); }

    @keyframes fadeInScale{
      from{ opacity:0; transform: scale(0.92); }
      to{ opacity:1; transform: scale(1); }
    }

    /* --- RESPONSIVE --- */
    @media (max-width: 992px){
      .hero h1{ font-size:3.5rem; }
      .hero p{ font-size:1.15rem; }
      h2.section-title{ font-size:2.5rem; }
      .hizmet-text h3{ font-size:1.8rem; }
      .yorum-item{ width:90%; margin:0 15px; }
    }

    .mobile-menu-btn {
      display: none;
      background: none;
      border: none;
      color: var(--accent-color);
      font-size: 1.8rem;
      cursor: pointer;
      padding: 5px;
    }

    @media (max-width: 768px){
      header .container{ flex-wrap: wrap; }
      .logo { flex-grow: 1; }

      .mobile-menu-btn { display: block; }

      nav ul{
        display:none;
        flex-direction: column;
        width: 100%;
        position: absolute;
        top: 100%;
        left: 0;
        background: rgba(12,12,16,0.95);
        backdrop-filter: blur(10px);
        padding: 20px 0;
        border-top: 1px solid var(--border-gold);
        border-bottom: 1px solid var(--border-gold);
      }
      nav ul.active{ display: flex; }
      nav ul li{ margin: 15px 0; text-align: center; }
      nav ul li a{ font-size: 1.2rem; }

      .header-phone{ display:none; }

      .hero h1{ font-size:2.8rem; }
      .hero p{ font-size:1rem; }
      .hero-buttons .btn{ font-size:1rem; padding:12px 25px; margin:6px; }

      h2.section-title{ font-size:2rem; }
      .cards-container, .steps-container{ flex-direction:column; align-items:center; }
      .card, .step{ width:90%; }
      .filo-list{ width:90%; margin:0 auto; }
      .footer-container{ grid-template-columns:1fr; text-align:center; }
      .footer-col ul{ padding-left:0; }
      .mobile-sticky-buttons{ display:flex; }
      body{ padding-bottom:60px; }
      .cta h2{ font-size:2.2rem; }
      .accordion-header{ font-size:1rem; padding:15px 20px; }
    }