/* Prevent iOS Safari from auto-zooming when form fields are focused */
@media (max-width: 768px) {

  .hfc-input,
  .hfc-select,
  .hfc-phone-input,
  .hfc-textarea,
  .hfc-cc-search input {
    font-size: 16px !important;
  }

  .ts-tabs {
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    justify-content: flex-start !important;
    width: 100% !important;
    max-width: 100% !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    /* Firefox */
  }

  .ts-tabs::-webkit-scrollbar {
    display: none;
    /* Chrome/Safari */
  }
}

/* ── Global section padding reduction on tablet ── */
@media (max-width: 900px) {
  .clutch-score-card {
    display: none !important;
  }

  #contact {
    scroll-margin-top: -20px;
  }

  #portfolio {
    scroll-margin-top: -1rem;
  }
}

@media (max-width: 1199px) {
  #home {
    padding-top: 20px;
  }

  #clutch-reviews,
  #spotlight,
  #team,
  #tech-stack,
  #faq,
  section {
    padding: 30px 0;
  }

  /* CONTACT SECTION  */
  .hero-form-card {
    animation: none;
    background: none;
    border: none;
  }

  .cta-form-wrap {
    margin-top: 0px;
  }
}

/* ── Mobile phones ── */
@media (max-width: 768px) {

  .container {
    padding: 0 15px;
  }

  #trusted {
    padding: 30px 0 !important;
  }

  #why-choose .wc-wrap {
    padding: 30px 16px !important;
  }

  #portfolio {
    padding: 30px 16px !important;
  }

  .cr-mobile-header {
    font-size: 13px;
  }

  .proc-row {
    gap: 0px;
  }

  .proc-content {
    padding: 20px;
  }
}


@media (max-width: 600px) {
  .reveal h1 {
    font-size: 23px;
  }

  .tg-row {
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 16px !important;
    margin-bottom: 16px !important;
    max-width: 100% !important;
  }

  /* Card wrapper takes exactly half the row */
  .tg-card-wrap {
    flex: 0 0 calc(50% - 8px) !important;
    max-width: calc(50% - 8px) !important;
  }

  /* Card fills its wrapper (override fixed width: 248px) */
  .tg-card,
  .tg-founder {
    width: 100% !important;
    min-width: 0 !important;
  }

  .hero-stats {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 0 !important;
  }

  .hero-stats>div {
    min-width: 0 !important;
    padding: 16px 12px !important;
    border-right: 1px solid rgba(7, 95, 72, 0.12) !important;
    border-bottom: 1px solid rgba(7, 95, 72, 0.12) !important;
  }

  /* No right border on right column items */
  .hero-stats>div:nth-child(2n) {
    border-right: none !important;
  }

  /* No bottom border on last two items */
  .hero-stats>div:nth-last-child(-n+2) {
    border-bottom: none !important;
  }
}

@media (max-width: 480px) {
  .hdr-mobile-bar {
    padding: 0px 16px 5px !important;
  }

  .tg-card-wrap {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  .hero-btns {
    margin-bottom: 20px;
    justify-content: center;
    gap: 6px;
  }

  .hero-trust-logos {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px !important;
    margin-bottom: 40px;
    justify-content: center !important;
  }

  .hero-trust-logos img {
    width: 120px !important;
    object-fit: contain;
    height: 120px !important;
  }

  .proc-content {
    transform: translateX(0px) !important;
  }

  .hdr-mobile-bar {
    gap: 8px;
    padding: 0px 16px 5px;
  }
}