img{max-width:100%;height:auto;display:block}

:root { --brand:#10b981; --ink:#0f172a; }
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Helvetica,Arial,sans-serif;color:var(--ink);background:#f8fafc}
.container{max-width:1100px;margin:0 auto;padding:0 16px}
.nav{position:sticky;top:0;background:#fff;border-bottom:1px solid #e5e7eb;z-index:20}
.nav .inner{display:flex;align-items:center;justify-content:space-between;height:64px}
a{color:inherit;text-decoration:none}
.btn{display:inline-flex;align-items:center;gap:.5rem;background:var(--brand);color:#fff;padding:.75rem 1rem;border-radius:12px;border:none;cursor:pointer}
.btn.outline{background:#fff;color:var(--ink);border:1px solid #e5e7eb}
.grid{display:grid;gap:16px}
.hero{background:#fff}
.hero .wrap{display:grid;gap:24px;grid-template-columns:1.1fr .9fr;align-items:center;padding:40px 0}
.hero img{width:100%;height:auto;border-radius:20px;box-shadow:0 8px 24px rgba(2,6,23,.12)}
h1{font-size:clamp(32px,5vw,56px);margin:0 0 8px}
h2{font-size:28px;margin:0 0 8px}
p{line-height:1.6}
.card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:16px;box-shadow:0 6px 18px rgba(2,6,23,.06)}
.section{padding:48px 0}
.list{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.feature{display:flex;gap:12px;align-items:flex-start}
.badge{display:inline-block;padding:.25rem .5rem;border:1px solid #e5e7eb;border-radius:999px;background:#fff}
.footer{border-top:1px solid #e5e7eb;padding:32px 0;background:#fff;margin-top:48px}
.table{width:100%;border-collapse:collapse}
.table th,.table td{border-bottom:1px solid #e5e7eb;padding:12px;text-align:left}
.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.gallery img{width:100%;border-radius:12px;border:1px solid #e5e7eb}
.callbar{position:fixed;right:16px;bottom:16px}
small, .muted{color:#64748b}
label{font-size:.9rem;color:#374151}
input,select,textarea{width:100%;padding:.65rem .75rem;border:1px solid #e5e7eb;border-radius:10px}
form .row{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
@media (max-width: 900px){
  .hero .wrap{grid-template-columns:1fr}
  form .row{grid-template-columns:1fr}
}

.hero.bg{position:relative;background-image:url('images/hero-taxi.jpg');background-size:cover;background-position:center}
.hero.bg .wrap{background:linear-gradient( to right, rgba(255,255,255,.92), rgba(255,255,255,.86) 55%, rgba(255,255,255,.4) 100% ); border-radius:20px; padding:32px}
@media (max-width: 900px){
  .hero.bg .wrap{background:rgba(255,255,255,.92)}
}
.map-card{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;align-items:center}
@media (max-width: 900px){
  .map-card{grid-template-columns:1fr}
}


/* === WLT Final Mobile Header Fix (v9) === */
@media (max-width:800px){
  .nav .inner{
    position:relative;
    height:64px;
    display:flex;
    align-items:center;
  }
  /* Burger: clean 3-bar icon on the left */
  .hamburger{
    position:absolute;
    left:8px;
    top:14px;
    width:36px;
    height:36px;
    display:flex !important;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:6px;
    background:transparent !important;
    border:none !important;
    box-shadow:none !important;
    padding:0;
    cursor:pointer;
  }
  .hamburger span{
    width:24px;
    height:3px;
    background:#0f172a !important;
    border-radius:2px;
    display:block;
  }
  /* Brand perfectly centered */
  .brand{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width:70%;
    text-align:center;
    display:block;
  }
  /* Mobile dropdown menu */
  .primary-nav{
    position:absolute;
    left:8px;
    top:64px;
    width:min(320px,80vw);
    background:#fff;
    border-radius:12px;
    box-shadow:0 16px 32px rgba(15,23,42,.22);
    flex-direction:column;
    gap:12px;
    padding:16px;
    display:none; /* closed by default */
  }
  .nav.open .primary-nav{
    display:flex !important;
  }
}
/* Desktop cleanup */
@media (min-width:801px){
  .hamburger{
    display:none !important;
  }
  .brand{
    position:static;
    transform:none;
    text-align:left;
    width:auto;
  }
  .primary-nav{
    position:static;
    display:flex !important;
    flex-direction:row;
    box-shadow:none;
    padding:0;
    border-radius:0;
  }
}




/* === Media Tile: green square with an image, caption under === */
.media-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.media-tile{background:var(--brand);border-radius:20px;overflow:hidden;box-shadow:0 8px 24px rgba(2,6,23,.08)}
.media-tile .media{width:100%;height:200px;display:block;object-fit:cover}
.media-tile .caption{background:#fff;color:var(--ink);padding:12px 14px;font-weight:700;text-align:center}
@media (min-width:900px){
  .media-tile .media{height:240px}
}


/* --- Mobile image visibility fixes (non-invasive) --- */
@media (max-width: 800px){
  .hero img, .gallery img, .card img, .fleet img { display:block !important; }
}

/* Prevent zero-height containers around images */
.hero img{ width:100%; height:auto }