/* =============================================
   RESET & BASE
   ============================================= */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px}
body{font-family:'Inter',system-ui,-apple-system,sans-serif;color:#1f2937;background:#fff;line-height:1.6}
img{max-width:100%;height:auto;display:block}
a{text-decoration:none;color:inherit}
ul{list-style:none}

/* =============================================
   VARIABLES
   ============================================= */
:root{
  --primary:#1d4ed8;
  --primary-dark:#1e40af;
  --secondary:#f59e0b;
  --green:#25d366;
  --green-dark:#128c7e;
  --gray-50:#f9fafb;
  --gray-100:#f3f4f6;
  --gray-200:#e5e7eb;
  --gray-600:#4b5563;
  --gray-700:#374151;
  --gray-900:#111827;
  --radius:12px;
  --shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);
  --shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);
}

/* =============================================
   CONTAINER
   ============================================= */
.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.25rem}

/* =============================================
   BUTTONS
   ============================================= */
.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s;border:2px solid transparent;white-space:nowrap}
.btn-lg{padding:.875rem 1.75rem;font-size:1rem}
.btn-sm{padding:.5rem 1rem;font-size:.825rem}
.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}
.btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark)}
.btn-wa{background:var(--green);color:#fff;border-color:var(--green)}
.btn-wa:hover{background:var(--green-dark);border-color:var(--green-dark)}
.btn-outline{background:transparent;color:#fff;border-color:rgba(255,255,255,.6)}
.btn-outline:hover{background:rgba(255,255,255,.1);border-color:#fff}

/* =============================================
   BADGES
   ============================================= */
.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:999px;font-size:.78rem;font-weight:600}
.badge-primary{background:#dbeafe;color:var(--primary)}
.badge-secondary{background:#fef3c7;color:#92400e}

/* =============================================
   NAVBAR
   ============================================= */
.site-header{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid var(--gray-200);transition:box-shadow .3s}
.site-header.scrolled{box-shadow:var(--shadow-lg)}
.navbar{display:flex;align-items:center;justify-content:space-between;height:64px;gap:1rem}
.nav-logo img{height:40px;width:auto}
.nav-menu{display:flex;align-items:center;gap:.25rem;justify-content:flex-end}
.nav-link{padding:.5rem .75rem;border-radius:6px;font-size:.9rem;font-weight:500;color:var(--gray-700);transition:all .2s}
.nav-link:hover{background:var(--gray-100);color:var(--primary)}
.nav-cta{background:var(--green);color:#fff !important;padding:.5rem 1rem}
.nav-cta:hover{background:var(--green-dark) !important}
.nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:.5rem}
.nav-toggle span{display:block;width:24px;height:2px;background:var(--gray-700);transition:all .3s;border-radius:2px}

/* =============================================
   HERO
   ============================================= */
.hero{background:linear-gradient(135deg,#1e3a8a 0%,#1d4ed8 50%,#2563eb 100%);color:#fff;padding:5rem 0 4rem;position:relative;overflow:hidden}
.hero::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Ccircle cx='30' cy='30' r='20'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none}
.hero-content{max-width:760px;position:relative}
.hero-badge{margin-bottom:1.25rem}
.hero h1{font-size:clamp(2rem,5vw,3rem);font-weight:800;line-height:1.2;margin-bottom:1.25rem}
.hero h1 span{color:var(--secondary)}
.hero-desc{font-size:1.1rem;opacity:.9;margin-bottom:2rem;max-width:600px;line-height:1.7}
.hero-buttons{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:2.5rem}
.hero-stats{display:flex;gap:2rem;flex-wrap:wrap}
.hero-stat{display:flex;flex-direction:column}
.hero-stat-number{font-size:1.75rem;font-weight:800;color:var(--secondary)}
.hero-stat-label{font-size:.8rem;opacity:.8}

/* =============================================
   TRUST BAR
   ============================================= */
.trust-bar{background:#fff;border-bottom:1px solid var(--gray-200);padding:1rem 0;box-shadow:var(--shadow)}
.trust-items{display:flex;align-items:center;justify-content:center;gap:2rem;flex-wrap:wrap}
.trust-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;color:var(--gray-700)}
.trust-icon{font-size:1.25rem}

/* =============================================
   SECTIONS
   ============================================= */
.section{padding:5rem 0}
.section-header{text-align:center;margin-bottom:3rem}
.section-header h2{font-size:clamp(1.5rem,3vw,2.25rem);font-weight:800;color:var(--gray-900);margin:.5rem 0 1rem}
.section-header p{color:var(--gray-600);max-width:600px;margin:0 auto;font-size:1rem}

/* =============================================
   GRIDS
   ============================================= */
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}

/* =============================================
   VEHICLE CARDS
   ============================================= */
.vehicles{background:var(--gray-50)}
.vehicle-card{background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:transform .3s,box-shadow .3s;border:1px solid var(--gray-200);border-top:4px solid var(--secondary)}
.vehicle-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.vehicle-card-img{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--gray-100)}
.vehicle-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.vehicle-card:hover .vehicle-card-img img{transform:scale(1.05)}
.vehicle-badge{position:absolute;top:.75rem;left:.75rem}
.vehicle-card-body{padding:1.25rem}
.vehicle-title{font-size:1.05rem;font-weight:700;color:var(--gray-900);margin-bottom:.5rem}
.vehicle-specs{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}
.vehicle-spec{background:var(--gray-100);padding:.25rem .6rem;border-radius:6px;font-size:.78rem;color:var(--gray-700)}
.vehicle-price{background:var(--gray-50);border-radius:8px;padding:.75rem;margin-bottom:1rem;border:1px solid var(--gray-200)}
.vehicle-price-label{font-size:.75rem;color:var(--gray-600);text-transform:uppercase;letter-spacing:.05em}
.vehicle-price-value{font-size:1.25rem;font-weight:800;color:var(--primary)}
.vehicle-price-include{font-size:.78rem;color:#16a34a;margin-top:.3rem;font-weight:500}
.vehicle-actions{display:flex;gap:.5rem}
.vehicle-actions .btn{flex:1;justify-content:center}

/* =============================================
   WHY US
   ============================================= */
.why-card{background:#fff;border-radius:var(--radius);padding:1.5rem;border:1px solid var(--gray-200);transition:box-shadow .3s}
.why-card:hover{box-shadow:var(--shadow-lg)}
.why-icon{font-size:2rem;margin-bottom:.75rem}
.why-card h3{font-size:1rem;font-weight:700;color:var(--gray-900);margin-bottom:.5rem}
.why-card p{font-size:.875rem;color:var(--gray-600);line-height:1.6}

/* =============================================
   TESTIMONIALS
   ============================================= */
.testimonials{background:var(--gray-50)}
.testimonial-card{background:#fff;border-radius:var(--radius);padding:1.5rem;border:1px solid var(--gray-200);box-shadow:var(--shadow)}
.testimonial-stars{color:#f59e0b;font-size:1.1rem;margin-bottom:.75rem}
.testimonial-text{font-size:.9rem;color:var(--gray-700);line-height:1.7;margin-bottom:1rem;font-style:italic}
.testimonial-author{display:flex;align-items:center;gap:.75rem}
.testimonial-avatar{width:40px;height:40px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;flex-shrink:0}
.testimonial-name{font-weight:600;font-size:.9rem;color:var(--gray-900)}
.testimonial-source{font-size:.78rem;color:var(--gray-600)}

/* =============================================
   FAQ
   ============================================= */
.faq-item{border:1px solid var(--gray-200);border-radius:var(--radius);margin-bottom:.75rem;overflow:hidden}
.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1.1rem 1.25rem;background:#fff;border:none;cursor:pointer;font-size:.95rem;font-weight:600;color:var(--gray-900);text-align:left;gap:1rem;transition:background .2s}
.faq-question:hover{background:var(--gray-50)}
.faq-icon{font-size:1.25rem;color:var(--primary);flex-shrink:0;transition:transform .3s}
.faq-answer{max-height:0;overflow:hidden;transition:max-height .35s ease}
.faq-answer-inner{padding:0 1.25rem 1.1rem;font-size:.9rem;color:var(--gray-700);line-height:1.7}
.faq-item.active .faq-answer{max-height:300px}
.faq-item.active .faq-icon{transform:rotate(45deg)}
.faq-item.active .faq-question{background:var(--gray-50)}

/* =============================================
   CTA BANNER
   ============================================= */
.cta-banner{background:linear-gradient(135deg,#1e3a8a,#1d4ed8);color:#fff;padding:4rem 0;text-align:center;position:relative;overflow:hidden}
.cta-banner h2{font-size:clamp(1.5rem,3vw,2.25rem);font-weight:800;margin-bottom:.75rem}
.cta-banner p{font-size:1.05rem;opacity:.9;margin-bottom:2rem}
.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}

/* ===== FOOTER BARU 2026 ===== */
.footer-topbar{background:var(--primary);color:#fff;padding:.6rem 0;font-size:.82rem}
.footer-topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.footer-topbar-links{display:flex;align-items:center;gap:.75rem}
.footer-topbar a{color:#fff;opacity:.9}
.footer-topbar a:hover{opacity:1}
.footer-main{background:#0f172a;color:#cbd5e1;padding:3.5rem 0 2rem}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:2.5rem}
.footer-brand p{font-size:.875rem;line-height:1.7;color:#94a3b8;margin-bottom:1rem}
.footer-badges{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.25rem}
.footer-badge{font-size:.72rem;font-weight:600;background:rgba(245,158,11,.15);color:#f59e0b;padding:.2rem .6rem;border-radius:999px;border:1px solid rgba(245,158,11,.3)}
.footer-social{display:flex;gap:.5rem;flex-wrap:wrap}
.social-btn{display:inline-flex;align-items:center;gap:.4rem;font-size:.78rem;font-weight:600;padding:.4rem .75rem;border-radius:6px;transition:all .2s}
.social-wa{background:#25d366;color:#fff}
.social-wa:hover{background:#128c7e;color:#fff}
.social-ig{background:#e1306c;color:#fff}
.social-ig:hover{opacity:.85;color:#fff}
.footer-title{font-size:.78rem;font-weight:700;color:#f1f5f9;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.75rem}
.footer-links{display:flex;flex-direction:column;gap:.4rem}
.footer-links a{font-size:.845rem;color:#94a3b8;transition:color .2s;line-height:1.5}
.footer-links a:hover{color:#f59e0b}
.footer-contact-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem}
.footer-contact-item{display:flex;align-items:flex-start;gap:.5rem;font-size:.835rem;color:#94a3b8;line-height:1.5}
.footer-contact-item a{color:#94a3b8;transition:color .2s}
.footer-contact-item a:hover{color:#f59e0b}
.footer-mitra-btn{display:inline-flex;align-items:center;gap:.4rem;background:var(--secondary);color:#1f2937;font-size:.82rem;font-weight:700;padding:.5rem 1rem;border-radius:8px;transition:all .2s;margin-top:.25rem}
.footer-mitra-btn:hover{background:#d97706;color:#fff}
.footer-bottom{background:#020617;padding:1.1rem 0}
.footer-bottom-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.footer-bottom p{font-size:.8rem;color:#475569}
.footer-bottom-links{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap}
.footer-bottom-links a{font-size:.8rem;color:#475569;transition:color .2s}
.footer-bottom-links a:hover{color:#94a3b8}
@media(max-width:1024px){.footer-grid{grid-template-columns:1fr 1fr;gap:2rem}}
@media(max-width:640px){.footer-grid{grid-template-columns:1fr}.footer-topbar-inner{flex-direction:column;text-align:center}.footer-bottom-inner{flex-direction:column;text-align:center}.footer-bottom-links{justify-content:center}}

/* ===== WA FLOAT BUTTON ===== */
.wa-float{position:fixed;bottom:1.5rem;right:1.5rem;z-index:9999;width:56px;height:56px;background:#25d366;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(37,211,102,.4);transition:transform .2s,box-shadow .2s}
.wa-float:hover{transform:scale(1.1);box-shadow:0 6px 20px rgba(37,211,102,.5)}
.wa-float svg{width:28px;height:28px;fill:#fff}

/* ===== REVIEWS MARQUEE ===== */
.reviews-marquee-wrap{background:#fef9ec;border-top:1px solid #fde68a;border-bottom:1px solid #fde68a;padding:.7rem 0;overflow:hidden}
.reviews-marquee-track{display:flex;gap:3rem;white-space:nowrap;animation:marqueeScroll 40s linear infinite}
.reviews-marquee-track:hover{animation-play-state:paused}
.reviews-marquee-track span{font-size:.82rem;color:#92400e;flex-shrink:0}
@keyframes marqueeScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* ===== MOBILE RESPONSIVE ===== */
@media(max-width:768px){
  /* Nav toggle show */
  .nav-toggle{display:flex!important}
  /* Mobile menu fullscreen */
  .nav-menu{display:none;position:fixed;top:64px;left:0;width:100%;height:calc(100vh - 64px);background:#fff;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:1.5rem 0;gap:0.75rem;z-index:9998;box-shadow:0 8px 32px rgba(0,0,0,.1);list-style:none!important;margin:0!important}
  .nav-menu.open{display:flex!important}
  .nav-menu li{list-style:none!important;width:100%;border-bottom:1px solid #f1f5f9}
  .nav-menu li:last-child{border-bottom:none}
  .nav-link{padding:.9rem 0!important;display:block!important;font-size:1rem!important;font-weight:600!important}
  .nav-cta{margin-top:.5rem;text-align:center;padding:.75rem!important;border-radius:10px!important}
  .nav-toggle.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .nav-toggle.active span:nth-child(2){opacity:0}
  .nav-toggle.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  /* Grid fix */
  .grid-3{grid-template-columns:1fr!important}
  .grid-4{grid-template-columns:1fr 1fr!important}
  /* Footer topbar stack */
  .footer-topbar-inner{flex-direction:column;text-align:center;gap:.4rem}
}
#paket-wisata .section-header,#paket-wisata>div>div[style*="text-align:center"]{padding:0 1.25rem}
@media(max-width:480px){
  .grid-4{grid-template-columns:1fr!important}
}

/* ===== FOOTER RESPONSIVE ===== */
@media(max-width:1024px){.footer-grid{grid-template-columns:1fr 1fr;gap:2rem}}
@media(max-width:640px){
  .footer-grid{grid-template-columns:1fr 1fr!important;gap:1rem}
  .footer-brand{grid-column:1/-1}
  .footer-col:last-child{grid-column:1/-1}
  .footer-bottom-inner{flex-direction:column;text-align:center}
  .footer-bottom-links{justify-content:center;flex-wrap:wrap}
  .social-btn{font-size:.75rem;padding:.35rem .65rem}
}

/* ===== NAV MENU BULLET RESET ===== */
ul.nav-menu,
ul.nav-menu li,
.nav-menu,
.nav-menu li{list-style:none!important;list-style-type:none!important;padding-left:0!important;margin-left:0!important;width:100%}
ul.nav-menu{margin:0!important;width:auto!important}

/* Fix nav bullet mobile */
@media (max-width: 768px) {
  .nav-menu li {
    list-style: none;
    list-style-type: none;
    padding-left: 0 !important;
    margin-left: 0 !important;
  }
  .nav-menu li::before,
  .nav-menu li::marker {
    display: none !important;
    content: '' !important;
  }
}
.testi-slider{
  overflow:hidden;
  position:relative;
  width:100%;
  -webkit-mask-image:linear-gradient(to right, transparent 0, #000 40px, #000 calc(100% - 40px), transparent 100%);
  mask-image:linear-gradient(to right, transparent 0, #000 40px, #000 calc(100% - 40px), transparent 100%);
}
.testi-track{
  display:flex;
  gap:1.5rem;
  width:max-content;
  animation:testi-scroll 40s linear infinite;
}
.testi-slider:hover .testi-track{
  animation-play-state:paused;
}
.testi-track .testimonial-card{
  flex:0 0 320px;
  width:320px;
}
@keyframes testi-scroll{
  0%{ transform:translateX(0); }
  100%{ transform:translateX(-50%); }
}
@media (max-width:768px){
  .testi-track .testimonial-card{
    flex:0 0 260px;
    width:260px;
  }
  .testi-track{
    animation-duration:28s;
  }
}

/* === Testimonial Card - Rapikan Posisi Nama Selalu di Bawah === */
.testi-track .testimonial-card{
  display:flex;
  flex-direction:column;
  min-height:200px;
}
.testi-track .testimonial-text{
  flex:1 1 auto;
}
.testi-track .testimonial-author{
  margin-top:auto;
  padding-top:1rem;
}

/* === Legal Pages (Privasi, S&K, Partner) - Card Style === */
.legal-intro{font-size:1.05rem;line-height:1.8;color:var(--gray-700,#374151);max-width:760px;margin:0 auto 2.5rem auto}


/* ===== MOBILE MENU CLEAN v3 ===== */
#mobile-menu {
  position: fixed;
  top: 64px;
  left: 0;
  width: 100%;
  height: calc(100vh - 64px);
  background: #fff;
  z-index: 9998;
  overflow-y: auto;
}
.mobile-menu-inner {
  padding: 0 1.25rem 3rem;
}
.mobile-section {
  border-bottom: 1px solid #f0f0f0;
}
.mobile-link {
  display: block;
  padding: 0.75rem 0;
  font-size: 0.95rem;
  color: #1a1a1a;
  text-decoration: none;
}
.mobile-link:hover { color: #e85d04; }
.mobile-sub {
  display: none;
  padding: 0.55rem 0 0.55rem 0.75rem;
  font-size: 0.88rem;
  color: #555;
}
.mobile-section-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.75rem 0;
  margin: 0;
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #999;
  cursor: pointer;
  user-select: none;
}
.mobile-section-title::after {
  content: '+';
  font-size: 1.1rem;
  color: #bbb;
}
.mobile-section.is-open .mobile-section-title::after { content: '−'; }
.mobile-section.is-open .mobile-sub { display: block; }
.mobile-mitra { color: #e85d04 !important; font-weight: 600; }
.mobile-cta {
  padding: 1.25rem 0;
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}

/* ===== NAV DESKTOP FIX FINAL ===== */
@media(min-width:769px){
  ul.nav-menu,
  .nav-menu { width:auto!important; }
  ul.nav-menu li,
  .nav-menu li { width:auto!important; list-style:none!important; }
}

/* ===== MOBILE HERO STATS + TRUST BAR FIX ===== */
@media(max-width:768px){
  /* Hero stats — center */
  .hero-stats {
    justify-content: center !important;
    text-align: center !important;
  }
  .hero-stat {
    text-align: center !important;
  }

  /* Trust items — 2 kolom */
  .trust-items {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 0.75rem !important;
  }
  .trust-item {
    justify-content: center !important;
    text-align: center !important;
    flex-direction: column !important;
    align-items: center !important;
    padding: 0.75rem 0.5rem !important;
  }
  .trust-icon {
    margin-bottom: 0.25rem !important;
  }
}

/* Trust item ganjil — full width */
@media(max-width:768px){
  .trust-item:last-child:nth-child(odd) {
    grid-column: 1 / -1 !important;
  }
}

/* Trust item — perkecil di mobile */
@media(max-width:768px){
  .trust-item {
    font-size: 0.75rem !important;
    padding: 0.5rem 0.35rem !important;
    gap: 0.25rem !important;
  }
  .trust-icon {
    font-size: 1rem !important;
  }
  .trust-items {
    gap: 0.5rem !important;
  }
}

/* ===== MOBILE HERO FIX ===== */
@media(max-width:768px){
  /* Hero stats — 1 baris, perkecil */
  .hero-stats {
    flex-wrap: nowrap !important;
    gap: 0.5rem !important;
  }
  .hero-stat {
    flex: 1 !important;
  }
  .hero-stat-number {
    font-size: 1.1rem !important;
  }
  .hero-stat-label {
    font-size: 0.65rem !important;
  }

  /* Tombol WA & Armada — full width */
  .hero-actions {
    flex-direction: column !important;
    width: 100% !important;
  }
  .hero-actions .btn {
    width: 100% !important;
    text-align: center !important;
    justify-content: center !important;
  }
}

/* Hero buttons full width mobile */
@media(max-width:768px){
  .hero-buttons {
    flex-direction: column !important;
    width: 100% !important;
  }
  .hero-buttons .btn {
    width: 100% !important;
    text-align: center !important;
    justify-content: center !important;
  }
}

/* ===== DROPDOWN NAVBAR FIX ===== */
.nav-item.has-dropdown { position: relative; }
.nav-item.has-dropdown .dropdown {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  box-shadow: 0 8px 24px rgba(0,0,0,.12);
  min-width: 220px;
  z-index: 9999;
  padding: 8px 0;
  margin-top: 0;
}
/* Jembatan transparan supaya mouse bisa gerak dari nav ke dropdown */
.nav-item.has-dropdown::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 12px;
}
.nav-item.has-dropdown:hover .dropdown,
.nav-item.has-dropdown:focus-within .dropdown { display: block; }
.nav-item.has-dropdown .dropdown li { list-style: none; }
.nav-item.has-dropdown .dropdown li a {
  display: block;
  padding: 9px 18px;
  color: #374151;
  font-size: .92rem;
  white-space: nowrap;
  transition: background .15s, color .15s;
}
.nav-item.has-dropdown .dropdown li a:hover {
  background: #fef3c7;
  color: #d97706;
}
.nav-item.has-dropdown .dropdown .dropdown-divider {
  border: none;
  border-top: 1px solid #e5e7eb;
  margin: 6px 0;
}
.nav-item.has-dropdown .dropdown .dropdown-label {
  display: block;
  padding: 4px 18px;
  font-size: .78rem;
  font-weight: 700;
  color: #9ca3af;
  text-transform: uppercase;
  letter-spacing: .05em;
}

/* ===== DROPDOWN NAVBAR FIX ===== */
.nav-item.has-dropdown { position: relative; }
.nav-item.has-dropdown .dropdown {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  box-shadow: 0 8px 24px rgba(0,0,0,.12);
  min-width: 220px;
  z-index: 9999;
  padding: 8px 0;
  margin-top: 0;
}
.nav-item.has-dropdown::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 12px;
}
.nav-item.has-dropdown:hover .dropdown,
.nav-item.has-dropdown:focus-within .dropdown { display: block; }
.nav-item.has-dropdown .dropdown li { list-style: none; }
.nav-item.has-dropdown .dropdown li a {
  display: block;
  padding: 9px 18px;
  color: #374151;
  font-size: .92rem;
  white-space: nowrap;
  transition: background .15s, color .15s;
}
.nav-item.has-dropdown .dropdown li a:hover { background: #fef3c7; color: #d97706; }
.nav-item.has-dropdown .dropdown .dropdown-divider { border: none; border-top: 1px solid #e5e7eb; margin: 6px 0; }
.nav-item.has-dropdown .dropdown .dropdown-label { display: block; padding: 4px 18px; font-size: .78rem; font-weight: 700; color: #9ca3af; text-transform: uppercase; letter-spacing: .05em; }