/* Sahada Kurye conversion layer. Uses existing theme variables only. */
.quote-result {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(0,143,213,.10);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.45);
}

.quote-result .price {
  background: linear-gradient(180deg, rgba(0,143,213,.08), rgba(25,195,230,.04));
  border-radius: 10px;
}

.quote-result .price strong {
  font-size: clamp(22px, 3vw, 28px) !important;
  letter-spacing: -.02em;
  text-shadow: 0 2px 18px rgba(0,143,213,.12);
}

#orderBtn.btn-order {
  margin-top: 8px;
  background: linear-gradient(135deg, var(--blue), var(--cyan));
  box-shadow: 0 10px 26px rgba(0,143,213,.22);
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

#orderBtn.btn-order:not(:disabled) {
  animation: sahadaOrderPulse 2.6s ease-in-out infinite;
}

#orderBtn.btn-order:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 15px 34px rgba(0,143,213,.30);
  filter: saturate(1.08);
}

#orderBtn.btn-order:disabled {
  opacity: .62;
  cursor: wait;
  animation: none;
}

@keyframes sahadaOrderPulse {
  0%, 100% { box-shadow: 0 10px 26px rgba(0,143,213,.20); }
  50% { box-shadow: 0 12px 34px rgba(25,195,230,.32); }
}

.quote-quick-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-top: 9px;
}

.quote-quick-actions a {
  display: flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
  padding: 10px 11px;
  border-radius: 11px;
  border: 1px solid var(--line);
  background: #fff;
  transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.quote-quick-actions a:hover {
  transform: translateY(-1px);
  border-color: rgba(0,143,213,.40);
  box-shadow: 0 8px 20px rgba(13,45,68,.08);
}

.quote-quick-call { color: var(--navy); }
.quote-quick-wa { color: #078c63; }

.quote-quick-actions .qa-icon {
  width: 31px;
  height: 31px;
  flex: 0 0 31px;
  display: grid;
  place-items: center;
  border-radius: 9px;
  background: #eef8fc;
  color: var(--blue);
  font-weight: 900;
}

.quote-quick-wa .qa-icon {
  background: #e8f8f1;
  color: #078c63;
}

.quote-quick-actions b,
.quote-quick-actions small {
  display: block;
}

.quote-quick-actions b {
  font-size: 11px;
  line-height: 1.15;
}

.quote-quick-actions small {
  margin-top: 3px;
  color: var(--muted);
  font-size: 9px;
}

.quote-trust {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
  color: #5e7586;
  font-size: 9px;
  font-weight: 800;
}

.quote-trust > span:first-child {
  width: 17px;
  height: 17px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #0c8c64;
  background: #dff7ef;
}

.quote-trust i {
  font-style: normal;
  opacity: .45;
}

.sahada-app-banner {
  display: none;
}

@media (max-width: 760px) {
  .sahada-app-banner {
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr) auto 28px;
    align-items: center;
    gap: 9px;
    min-height: 58px;
    padding: 8px 10px;
    position: relative;
    z-index: 19;
    color: #fff;
    background: linear-gradient(135deg, #071e35, #0b5679);
    box-shadow: 0 6px 20px rgba(0,0,0,.14);
  }

  .app-banner-icon {
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    border-radius: 11px;
    background: rgba(255,255,255,.10);
    font-size: 19px;
  }

  .app-banner-copy {
    min-width: 0;
  }

  .app-banner-copy strong,
  .app-banner-copy span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .app-banner-copy strong { font-size: 12px; }
  .app-banner-copy span { margin-top: 2px; color: #c7e4ee; font-size: 9px; }

  .app-banner-action {
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    border-radius: 9px;
    color: var(--navy);
    background: #fff;
    font-size: 10px;
    font-weight: 900;
    white-space: nowrap;
  }

  .app-banner-close {
    width: 28px;
    height: 28px;
    border: 0;
    border-radius: 50%;
    background: rgba(255,255,255,.10);
    color: #fff;
    cursor: pointer;
    font-size: 20px;
    line-height: 1;
  }

  .quote-quick-actions {
    grid-template-columns: 1fr 1fr;
  }

  .quote-quick-actions a {
    padding: 9px;
  }

  .quote-quick-actions .qa-icon {
    width: 28px;
    height: 28px;
    flex-basis: 28px;
  }
}

@media (max-width: 420px) {
  .sahada-app-banner {
    grid-template-columns: 32px minmax(0,1fr) auto 26px;
    gap: 7px;
    padding-inline: 8px;
  }

  .app-banner-icon { width: 32px; height: 32px; font-size: 17px; }
  .app-banner-copy strong { font-size: 11px; }
  .app-banner-copy span { font-size: 8px; }
  .app-banner-action { padding-inline: 8px; font-size: 9px; }
  .app-banner-close { width: 26px; height: 26px; font-size: 18px; }
}

.app-landing-page {
  min-height: 100vh;
  display: grid;
  place-items: center;
  background: radial-gradient(circle at top, #0b4f6f 0, #071e35 45%, #041522 100%);
  color: #fff;
}

.app-landing {
  width: min(680px, 92%);
  padding: 48px 0;
  text-align: center;
}

.app-landing img { object-fit: contain; margin-bottom: 22px; }
.app-landing-eyebrow { color: #67d8f3; font-size: 11px; font-weight: 900; letter-spacing: .16em; }
.app-landing h1 { max-width: 620px; margin: 12px auto; font-size: clamp(38px, 7vw, 68px); line-height: .98; letter-spacing: -.04em; }
.app-landing p { color: #c8deea; font-size: 16px; line-height: 1.7; }
.app-store-actions { display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; margin-top: 28px; }
.app-store-btn { min-width: 170px; padding: 14px 20px; border-radius: 11px; background: #fff; color: var(--navy); font-weight: 900; }
.app-store-btn.disabled { opacity: .5; cursor: not-allowed; }
.app-back { display: inline-block; margin-top: 18px; color: #9fd8ea; font-weight: 800; font-size: 13px; }

/* WebP hero/backgrounds with JPEG fallback */
.hero-slide { background-image: none !important; }
.hero-slide:nth-child(1) {
  background-image: url("../img/hero-sahada.jpg") !important;
  background-image: image-set(url("../img/hero-sahada.webp") type("image/webp"), url("../img/hero-sahada.jpg") type("image/jpeg")) !important;
}
.hero-slide:nth-child(2) {
  background-image: url("../img/services/moto.jpg") !important;
  background-image: image-set(url("../img/services/moto.webp") type("image/webp"), url("../img/services/moto.jpg") type("image/jpeg")) !important;
}
.hero-slide:nth-child(3) {
  background-image: url("../img/services/car.jpg") !important;
  background-image: image-set(url("../img/services/car.webp") type("image/webp"), url("../img/services/car.jpg") type("image/jpeg")) !important;
}
.hero-slide:nth-child(4) {
  background-image: url("../img/services/plane.jpg") !important;
  background-image: image-set(url("../img/services/plane.webp") type("image/webp"), url("../img/services/plane.jpg") type("image/jpeg")) !important;
}
.hero-slide:nth-child(5) {
  background-image: url("../img/services/bus.jpg") !important;
  background-image: image-set(url("../img/services/bus.webp") type("image/webp"), url("../img/services/bus.jpg") type("image/jpeg")) !important;
}
.hero-slide:nth-child(6) {
  background-image: url("../img/services/special.jpg") !important;
  background-image: image-set(url("../img/services/special.webp") type("image/webp"), url("../img/services/special.jpg") type("image/jpeg")) !important;
}

/* Service cards use smaller WebP derivatives while keeping JPEG fallback. */
.moto-img {
  background-image: url("../img/services/moto.jpg") !important;
  background-image: image-set(url("../img/services/moto.webp") type("image/webp"), url("../img/services/moto.jpg") type("image/jpeg")) !important;
}
.van-img {
  background-image: url("../img/services/car.jpg") !important;
  background-image: image-set(url("../img/services/car.webp") type("image/webp"), url("../img/services/car.jpg") type("image/jpeg")) !important;
}
.plane-img {
  background-image: url("../img/services/plane.jpg") !important;
  background-image: image-set(url("../img/services/plane.webp") type("image/webp"), url("../img/services/plane.jpg") type("image/jpeg")) !important;
}
.bus-img {
  background-image: url("../img/services/bus.jpg") !important;
  background-image: image-set(url("../img/services/bus.webp") type("image/webp"), url("../img/services/bus.jpg") type("image/jpeg")) !important;
}
.special-img {
  background-image: url("../img/services/special.jpg") !important;
  background-image: image-set(url("../img/services/special.webp") type("image/webp"), url("../img/services/special.jpg") type("image/jpeg")) !important;
}
.valet-img {
  background-image: url("../img/services/valet.jpg") !important;
  background-image: image-set(url("../img/services/valet.webp") type("image/webp"), url("../img/services/valet.jpg") type("image/jpeg")) !important;
}
.pet-img {
  background-image: url("../img/services/pet.jpg") !important;
  background-image: image-set(url("../img/services/pet.webp") type("image/webp"), url("../img/services/pet.jpg") type("image/jpeg")) !important;
}
.roadside-img {
  background-image: url("../img/services/roadside.jpg") !important;
  background-image: image-set(url("../img/services/roadside.webp") type("image/webp"), url("../img/services/roadside.jpg") type("image/jpeg")) !important;
}