/* ============================================================
   Himalayan Haven Journeys — Taxi / Tempo / Routes pages
   ============================================================ */

/* ---------- Vehicle / service cards ---------- */
.service-card{border:1px solid #e2e8f0;border-radius:20px;overflow:hidden;background:#fff;display:flex;flex-direction:column;transition:.25s;box-shadow:0 6px 20px rgba(8,35,92,.05)}
.service-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(8,35,92,.13);border-color:#c9d8ee}
.service-card .card-image-wrap{position:relative;height:170px;overflow:hidden;background:#eef4fc}
.service-card .card-image-wrap img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
.service-card:hover .card-image-wrap img{transform:scale(1.06)}
.service-card .card-body{padding:18px;display:flex;flex-direction:column;flex:1}
.service-card h3{margin:0 0 6px;font-size:18px;color:#08235c;font-family:'Plus Jakarta Sans','Inter',sans-serif}
.service-card .meta{font-size:11px;color:#64748b;font-weight:800;margin-bottom:10px}
.service-card p{font-size:12.5px;color:#64748b;line-height:1.55;margin:0 0 14px;flex:1}
.service-card .view-btn{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ffd34d,#ffc72c);color:#08235c;font-size:13px;font-weight:950;padding:11px 16px;border-radius:12px;text-decoration:none;transition:.2s}
.service-card .view-btn:hover{background:#e31837;color:#fff}

/* ---------- Detail hero ---------- */
.service-hero{background:linear-gradient(135deg,#06245e 0%,#0a3a8c 55%,#0057b8 100%);color:#fff;position:relative;overflow:hidden}
.service-hero::after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-140px;top:-160px;background:radial-gradient(circle,rgba(255,199,44,.28),transparent 65%)}
.service-hero-inner{max-width:1224px;margin:auto;padding:60px 22px 54px;position:relative;z-index:1;display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center}
.service-hero .crumbs{font-size:12px;color:#c9d8ee;margin-bottom:14px}
.service-hero .crumbs a{color:#ffc72c;text-decoration:none}
.service-hero h1{font-size:clamp(32px,4vw,48px);margin:0 0 12px;letter-spacing:-1px;font-family:'Plus Jakarta Sans','Inter',sans-serif}
.service-hero p{color:#dbe6f5;font-size:15.5px;line-height:1.6;max-width:640px;margin:0 0 20px}
.service-hero .hero-pills{display:flex;flex-wrap:wrap;gap:8px}
.service-hero .hero-pills span{border:1px solid rgba(255,255,255,.35);background:rgba(0,0,0,.18);border-radius:999px;padding:8px 12px;font-size:11.5px;font-weight:800}
.service-hero .hero-img{position:relative;border-radius:22px;overflow:hidden;box-shadow:0 25px 60px rgba(0,0,0,.35)}
.service-hero .hero-img img{width:100%;height:300px;object-fit:cover;display:block}

/* ---------- Section blocks ---------- */
.service-section{max-width:1224px;margin:auto;padding:40px 22px 0}
.service-section h2{font-size:26px;margin:0 0 18px;color:#08235c;font-family:'Plus Jakarta Sans','Inter',sans-serif}
.service-section h2 small{font-size:12px;color:#64748b;font-weight:700;display:block;margin-top:4px}
.trip-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:16px}
.trip-card{border:1px solid #e2e8f0;border-radius:16px;padding:18px;background:#fff;transition:.2s;display:flex;flex-direction:column}
.trip-card:hover{border-color:#0057b8;box-shadow:0 10px 25px rgba(0,87,184,.1)}
.trip-card h3{margin:0 0 6px;font-size:15px;color:#08235c}
.trip-card p{font-size:12px;color:#64748b;line-height:1.5;margin:0 0 12px;flex:1}
.trip-card .quote-link{font-size:12px;font-weight:950;color:#e31837;text-decoration:none}
.trip-card .quote-link:hover{color:#0057b8}
.chips{display:flex;flex-wrap:wrap;gap:9px}
.chips span{padding:9px 14px;background:#fff;border:1px solid #d7e1ed;border-radius:999px;color:#08235c;font-size:12.5px;font-weight:800}
.chips a{text-decoration:none;transition:.2s}
.chips a:hover{background:#0057b8;border-color:#0057b8;color:#fff}

/* ---------- Quote form ---------- */
.quote-form-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:26px;box-shadow:0 10px 28px rgba(8,35,92,.06);scroll-margin-top:100px}
.quote-form-card h2{margin:0 0 6px}
.quote-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}
.quote-grid label{font-weight:800;font-size:12.5px;color:#334155}
.quote-grid input,.quote-grid select,.quote-grid textarea{display:block;width:100%;margin-top:7px;border:1px solid #d7dce5;border-radius:10px;padding:12px;font:inherit;box-sizing:border-box;background:#fff}
.quote-grid input[readonly]{background:#f1f6fc;color:#0057b8;font-weight:850}
.quote-grid textarea{min-height:90px;resize:vertical}
.quote-grid .full{grid-column:1/-1}
.quote-submit{margin-top:18px;background:linear-gradient(135deg,#ffd34d,#ffc72c);color:#08235c;border:0;border-radius:11px;padding:14px 22px;font-weight:950;cursor:pointer;font-size:14px;transition:.2s}
.quote-submit:hover{background:#e31837;color:#fff}
.quote-note{font-size:11px;color:#94a3b8;margin-top:10px}

/* ---------- Feedback ---------- */
.form-status{margin-top:14px;padding:11px 13px;border-radius:10px;font-size:12px;font-weight:800}
.form-status.success{background:#e9f9ef;color:#12743b;border:1px solid #bfe8cd}
.form-status.error{background:#fff0f2;color:#b51e35;border:1px solid #f3c0ca}
.form-status[hidden]{display:none}
.quote-submit:disabled{opacity:.65;cursor:wait}

/* ---------- Responsive ---------- */
@media(max-width:800px){
  .service-hero-inner{grid-template-columns:1fr;padding:44px 16px 40px}
  .service-hero .hero-img img{height:220px}
  .service-section{padding:30px 16px 0}
  .quote-grid{grid-template-columns:1fr}
  .quote-grid .full{grid-column:auto}
  .quote-form-card{padding:20px}
}