/* ===== HEADER ===== */

.site-header{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:75px;
  background:rgba(0,0,0,0.85);
  backdrop-filter:blur(12px);
  display:flex;
  align-items:center;
  z-index:1000;
  border-bottom:1px solid rgba(212,175,55,0.15);
  transition:0.4s ease;
}

/* Scroll Effect */
.site-header.scrolled{
  background:#000;
  box-shadow:0 5px 25px rgba(212,175,55,0.15);
}

/* Container */
.nav-container{
  width:100%;
  padding:0 8%;
  display:flex;
  justify-content:space-between;
  align-items:center;
}

/* Logo */
.logo{
  font-size:22px;
  font-weight:700;
  color:white;
  letter-spacing:1px;
}

.logo span{
  color:#d4af37;
}

/* Nav Links */
.nav-links{
  list-style:none;
  display:flex;
  gap:30px;
}

.nav-links li a{
  text-decoration:none;
  color:#ccc;
  font-size:14px;
  transition:0.3s;
  position:relative;
}

/* Gold underline hover */
.nav-links li a::after{
  content:"";
  position:absolute;
  bottom:-6px;
  left:0;
  width:0%;
  height:2px;
  background:#d4af37;
  transition:0.3s;
}

.nav-links li a:hover{
  color:#d4af37;
}

.nav-links li a:hover::after{
  width:100%;
}

/* Book Now Button */
.nav-btn{
  padding:9px 20px;
  border:1px solid #d4af37;
  border-radius:30px;
  text-decoration:none;
  color:#d4af37;
  font-size:13px;
  transition:0.3s;
}

.nav-btn:hover{
  background:#d4af37;
  color:black;
}
body{
  padding-top:75px;
}
/* ===== FOOTER ===== */

.site-footer{
  background:#0b0b0f;
  padding:60px 8%;
  text-align:center;
  border-top:1px solid rgba(212,175,55,0.15);
}

.footer-container h3{
  font-size:22px;
  margin-bottom:10px;
  color:white;
}

.footer-container h3 span{
  color:#d4af37;
}

.footer-container p{
  color:#aaa;
  font-size:14px;
  margin-bottom:20px;
}

/* Footer Links */
.footer-links{
  display:flex;
  justify-content:center;
  gap:25px;
  margin-bottom:25px;
}

.footer-links a{
  text-decoration:none;
  color:#ccc;
  font-size:13px;
  transition:0.3s;
}

.footer-links a:hover{
  color:#d4af37;
}

/* Copyright */
.copyright{
  font-size:12px;
  color:#666;
}
/* Reset */
*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family: 'Poppins', sans-serif;
}

/* Body */
body{
    background:#0b0b0f;
    color:white;
}

/* Header */
.fleet-header{
    text-align:center;
    padding:80px 20px 40px;
}

.fleet-header h1{
    font-size:40px;
    letter-spacing:2px;
    color:#d4af37;
}

.fleet-header p{
    margin-top:15px;
    font-size:18px;
    color:#bbb;
}

/* Categories Section */
.fleet-categories{
    padding:60px 8%;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:40px;
}

/* Card */
.category{
    padding:35px 25px;
    border-radius:20px;
    background:linear-gradient(145deg,#111,#1a1a1f);
    border:1px solid rgba(212,175,55,0.2);
    text-align:center;
    transition:0.4s;
    position:relative;
}

.category:hover{
    transform:translateY(-12px);
    box-shadow:0 0 35px rgba(212,175,55,0.4);
}

/* Card Heading */
.category h2{
    color:#d4af37;
    margin-bottom:12px;
    font-size:20px;
}

/* Card Text */
.category p{
    font-size:14px;
    color:#aaa;
    margin-bottom:15px;
}

/* See More */
.category a{
    color:#d4af37;
    text-decoration:none;
    font-weight:600;
    display:inline-block;
    margin-bottom:25px;
    transition:0.3s;
}

.category a:hover{
    color:white;
}

/* Car Image */
.category img{
    width:100%;
    max-height:120px;
    object-fit:contain;
    transition:0.4s;
}

.category:hover img{
    transform:scale(1.15);
}

/* Benefits Section */
.fleet-benefits{
    padding:80px 8%;
    display:flex;
    justify-content:space-between;
    gap:40px;
    border-top:1px solid rgba(212,175,55,0.2);
}

.benefit{
    flex:1;
    text-align:center;
}

.benefit h3{
    color:#d4af37;
    margin-bottom:12px;
}

.benefit p{
    color:#bbb;
    font-size:14px;
}

/* Responsive */
@media(max-width:1100px){
    .fleet-categories{
        grid-template-columns:repeat(2,1fr);
    }

    .fleet-benefits{
        flex-direction:column;
        text-align:center;
    }
}

@media(max-width:600px){
    .fleet-categories{
        grid-template-columns:1fr;
    }

    .fleet-header h1{
        font-size:28px;
    }
}
/* ===== BRAND SECTION ===== */

.brand-section{
  padding:80px 8%;
  text-align:center;
  background:#0c0c10;
  border-top:1px solid rgba(212,175,55,0.1);
}

.brand-section h2{
  font-size:28px;
  color:#d4af37;
  margin-bottom:50px;
  letter-spacing:2px;
}

/* Logos Row */
.brand-logos{
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  gap:60px;
}

.brand-logos img{
  width:120px;
  opacity:0.6;
  transition:0.4s ease;
  filter:grayscale(100%);
}

/* Hover Effect */
.brand-logos img:hover{
  opacity:1;
  transform:scale(1.1);
  filter:grayscale(0%);
}.fleet-info{
  padding:100px 8%;
  background:#0b0b0f;
  text-align:center;
}

.fleet-info h2{
  color:#d4af37;
  font-size:30px;
  margin-bottom:60px;
}

.info-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:50px;
}

.info-grid h3{
  color:white;
  margin-bottom:15px;
}

.info-grid p{
  color:#aaa;
  font-size:14px;
  line-height:1.6;
}
.coverage-section{
  padding:90px 8%;
  background:#111;
  text-align:center;
}

.coverage-section h2{
  color:#d4af37;
  margin-bottom:20px;
}

.coverage-section p{
  max-width:800px;
  margin:auto;
  color:#bbb;
  line-height:1.8;
}
.fleet-cta{
  padding:120px 8%;
  background:#0c0c10;
  text-align:center;
}

.fleet-cta h2{
  color:#d4af37;
  margin-bottom:15px;
}

.fleet-cta p{
  color:#aaa;
  margin-bottom:30px;
}

.gold-btn{
  padding:12px 28px;
  background:#d4af37;
  color:black;
  border-radius:30px;
  text-decoration:none;
  font-weight:600;
  transition:0.3s;
}

.gold-btn:hover{
  background:white;
}
.coverage-section {
    background: #000;
    padding: 100px 8%;
    min-height: 80vh;
    display: flex;
    align-items: center;
}

.coverage-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    gap: 50px;
}

.text-side { flex: 1; }
.map-side { 
    flex: 1; 
    height: 500px; 
    position: relative;
}

.text-side h2 {
    font-family: 'Cinzel', serif;
    font-size: 2.8rem;
    letter-spacing: 3px;
    margin: 20px 0;
}

.gold-text { color: #D4AF37; }
.gold-dash { display: block; width: 50px; height: 2px; background: #D4AF37; }

.text-side p {
    color: #aaa;
    line-height: 1.8;
    font-size: 1.1rem;
    margin-bottom: 30px;
}

.tour-btn {
    padding: 15px 35px;
    background: transparent;
    border: 1px solid #D4AF37;
    color: #D4AF37;
    font-weight: bold;
    cursor: pointer;
    transition: 0.4s;
}

.tour-btn:hover { background: #D4AF37; color: #000; }
.lux-gallery{
  padding:120px 5%;
  background:#0a0a0a;
  text-align:center;
}

.lux-gallery h2{
  color:#d4af37;
  font-size:36px;
  margin-bottom:60px;
}

.gallery-wrapper{
  position:relative;
  overflow:hidden;
}

/* ========================= */
/* FIXED SIZE LUXURY GALLERY */
/* ========================= */

.gallery-track {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 40px;
  object-fit: cover;

}

/* SIDE IMAGES */
.gallery-item {
  width: 260px;
  height: 380px;
  object-fit: cover;
  border-radius: 20px;
  opacity: 0.5;
  transform: scale(0.85);
  transition: all 0.5s ease;
  cursor: pointer;
  flex-shrink: 0;
}

/* CENTER IMAGE */
.gallery-item.active {
  width: 380px;
  height: 520px;
  opacity: 1;
  transform: scale(1);
  box-shadow: 0 40px 80px rgba(212,175,55,0.5);
  z-index: 5;
}
.gallery-item,
.gallery-item.active {
  max-width: none !important;
}
/* ============================= */
/* UNIVERSAL RESPONSIVE SETTINGS */
/* ============================= */

@media (max-width: 1024px) {

  /* Hero sections */
  .gift-hero,
  .contact-container,
  .fleet-hero,
  .hero-section {
    flex-direction: column;
    text-align: center;
  }

  .hero-left,
  .hero-right {
    width: 100%;
  }

  /* Card grids */
  .card-grid,
  .fleet-grid,
  .brand-logos,
  .info-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  /* Gallery */
  .gallery-track {
    gap: 20px;
  }

  .gallery-item {
    width: 200px !important;
    height: 300px !important;
  }

  .gallery-item.active {
    width: 280px !important;
    height: 380px !important;
  }
}


@media (max-width: 768px) {

  /* All flex layouts become vertical */
  .contact-container,
  .gift-hero,
  .fleet-hero,
  .nav-container {
    flex-direction: column !important;
    align-items: center;
  }

  /* Grid becomes single column */
  .card-grid,
  .fleet-grid,
  .info-grid {
    grid-template-columns: 1fr !important;
  }

  /* Reduce padding */
  section {
    padding: 60px 20px !important;
  }

  /* Text sizes smaller */
  h1 { font-size: 32px !important; }
  h2 { font-size: 26px !important; }

  /* Buttons full width */
  button,
  .gold-btn {
    width: 100%;
  }

  /* Gallery mobile */
  .gallery-item {
    width: 160px !important;
    height: 240px !important;
  }

  .gallery-item.active {
    width: 220px !important;
    height: 300px !important;
  }
}
.brand-directory-section {
        padding: 100px 10%;
        background: #000;
        color: #fff;
    }

    .directory-header { text-align: center; margin-bottom: 80px; }
    .gold-accent-line { display: block; width: 40px; height: 3px; background: #D4AF37; margin: 0 auto 15px; }
    .directory-header h2 { font-family: 'Cinzel', serif; font-size: 2.5rem; letter-spacing: 5px; }
    .gold-txt { color: #D4AF37; }
    .directory-header p { color: #555; font-size: 0.9rem; letter-spacing: 2px; text-transform: uppercase; margin-top: 10px; }

    /* --- The Grid Layout --- */
    .brand-grid-container {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
        gap: 30px;
    }

    .brand-card {
        background: rgba(255, 255, 255, 0.02);
        border: 1px solid rgba(212, 175, 55, 0.1);
        padding: 40px 20px;
        border-radius: 15px;
        text-align: center;
        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        cursor: pointer;
        position: relative;
        overflow: hidden;
    }

    .brand-card a { text-decoration: none; color: inherit; }

    /* Glow Effect on Hover */
    .brand-card:hover {
        background: rgba(212, 175, 55, 0.05);
        border-color: #D4AF37;
        transform: translateY(-10px);
        box-shadow: 0 15px 30px rgba(0,0,0,0.5);
    }

    .brand-logo-wrapper {
        height: 80px;
        margin-bottom: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .brand-logo-wrapper img {
        max-height: 100%;
        width: auto;
        filter: grayscale(1) brightness(2); /* Initially Silver/Luxury look */
        transition: 0.4s;
    }

    .brand-card:hover .brand-logo-wrapper img {
        filter: grayscale(0) brightness(1); /* Full color on hover */
        transform: scale(1.1);
    }

    .brand-info h3 {
        font-family: 'Cinzel', serif;
        font-size: 1.1rem;
        letter-spacing: 2px;
        margin-bottom: 8px;
        color: #fff;
    }

    .brand-info span {
        font-size: 0.7rem;
        color: #666;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    /* Mobile View */
    @media (max-width: 768px) {
        .brand-grid-container { grid-template-columns: repeat(2, 1fr); }
    }
    .brand-mosaic-section {
        padding: 60px 10%;
        background: #000;
        text-align: center;
    }

    .mosaic-header { margin-bottom: 40px; }
    .mosaic-header h2 { font-family: 'Cinzel', serif; font-size: 2rem; color: #fff; letter-spacing: 3px; }
    .gold-txt { color: #D4AF37; }
    .gold-line { width: 40px; height: 2px; background: #D4AF37; margin: 10px auto; }
    .mosaic-header p { color: #555; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 2px; }

    /* --- Compact Grid System --- */
    .mosaic-grid {
        display: grid;
        /* Ek line mein 8 se 10 logos taaki space kam le */
        grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); 
        gap: 15px;
        justify-items: center;
    }

    .brand-hex {
        width: 90px;
        height: 90px;
        background: #111;
        border: 1px solid rgba(212, 175, 55, 0.1);
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 12px; /* Thoda rounded for modern look */
        transition: all 0.3s ease;
        padding: 15px;
        position: relative;
    }

    .brand-hex a { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }

    .brand-hex img {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
        filter: grayscale(1) brightness(1.5); /* Discrete luxury feel */
        transition: 0.3s;
    }

    /* --- Hover Effect: Focused Light --- */
    .brand-hex:hover {
        background: #1a1a1a;
        border-color: #D4AF37;
        transform: scale(1.15) translateY(-5px);
        z-index: 10;
        box-shadow: 0 10px 20px rgba(0,0,0,0.5);
    }

    .brand-hex:hover img {
        filter: grayscale(0) brightness(1); /* Color pops back */
    }

    /* Mobile View: 4 logos per row */
    @media (max-width: 768px) {
        .mosaic-grid { grid-template-columns: repeat(4, 1fr); }
        .brand-hex { width: 70px; height: 70px; padding: 10px; }
    }
    .all-brands-panel-dark { padding: 60px 10%; background: #000; color: #fff; }
    .panel-container-luxury { border: 1px solid rgba(212, 175, 55, 0.2); border-radius: 20px; overflow: hidden; background: #0a0a0a; }
    
    .panel-header-luxury { padding: 25px; border-bottom: 1px solid rgba(212, 175, 55, 0.1); background: rgba(255, 255, 255, 0.02); }
    .panel-header-luxury h3 { font-size: 1.6rem; color: #D4AF37; font-family: 'Cinzel', serif; letter-spacing: 2px; }

    .brands-wrapper-luxury {
        display: grid;
        grid-template-columns: repeat(6, 1fr);
    }

    .brand-slot-luxury {
        border-right: 1px solid rgba(255, 255, 255, 0.05);
        border-bottom: 1px solid rgba(255, 255, 255, 0.05);
        padding: 35px 10px;
        text-align: center;
        transition: 0.4s;
    }
    .brand-slot-luxury:nth-child(6n) { border-right: none; }
    
    /* Hover effect to highlight gold borders */
    .brand-slot-luxury:hover { background: rgba(212, 175, 55, 0.05); }

    .brand-slot-luxury a { text-decoration: none; color: #fff; display: block; }
    
    /* Logos ko premium feel dene ke liye grayscale and brightness adjust kiya */
    .brand-slot-luxury img { 
        height: 45px; width: auto; 
        object-fit: contain; margin-bottom: 15px; 
        filter: brightness(1.2); 
        transition: 0.4s;
    }
    .brand-slot-luxury:hover img { transform: scale(1.15); }
    
    .brand-slot-luxury span { display: block; font-size: 0.8rem; font-weight: 500; color: #888; text-transform: uppercase; letter-spacing: 1px; }

    /* Hidden Section */
    .extra-brands-luxury {
        grid-column: span 6;
        display: none; 
        grid-template-columns: repeat(6, 1fr);
        background: #080808;
    }

    /* Luxury Button Styling */
    .view-more-luxury-btn {
        width: 100%; padding: 22px; background: transparent; border: none;
        border-top: 1px solid rgba(212, 175, 55, 0.1); 
        color: #D4AF37; font-family: 'Montserrat', sans-serif;
        font-weight: 600; letter-spacing: 3px; text-transform: uppercase;
        cursor: pointer; transition: 0.4s;
    }
    .view-more-luxury-btn:hover { background: rgba(212, 175, 55, 0.1); color: #fff; }

    @media (max-width: 992px) { .brands-wrapper-luxury, .extra-brands-luxury { grid-template-columns: repeat(3, 1fr); } .brand-slot-luxury:nth-child(3n) { border-right: none; } }
    @media (max-width: 600px) { .brands-wrapper-luxury, .extra-brands-luxury { grid-template-columns: repeat(2, 1fr); } .brand-slot-luxury:nth-child(2n) { border-right: none; } }

/* Pricing Section Styling */
.pricing-container {
    padding: 80px 10%;
    background: #050505;
    text-align: center;
}

.pricing-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
    margin-top: 40px;
}

.price-card {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid #333;
    padding: 50px 30px;
    border-radius: 25px;
    transition: all 0.4s ease;
    position: relative;
    overflow: hidden;
}

.airport-rate {
    border: 1px solid #D4AF37;
    background: rgba(212, 175, 55, 0.05);
}

.price-icon {
    font-size: 3.5rem;
    margin-bottom: 20px;
}

.price-card h3 {
    color: #D4AF37;
    font-family: 'Cinzel', serif;
    letter-spacing: 3px;
    margin-bottom: 15px;
}

.price-value {
    font-size: 2.8rem;
    font-weight: 800;
    color: #fff;
    margin: 25px 0;
}

.per-km {
    font-size: 1rem;
    color: #888;
    font-weight: 400;
}

.price-card p {
    color: #aaa;
    font-size: 0.95rem;
    line-height: 1.6;
}

/* Hover Effects */
.price-card:hover {
    transform: translateY(-12px);
    box-shadow: 0 20px 40px rgba(212, 175, 55, 0.2);
    background: rgba(212, 175, 55, 0.1);
}

.pricing-note {
    margin-top: 40px;
    color: #666;
    font-style: italic;
    font-size: 0.85rem;
}