/* Bio Warranty – Public/mobile overrides (v1.2.7) */

/* Base form grid */
.bio-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.bio-grid .bio-span { grid-column: 1 / -1; }

.bw-wizard { max-width: 1000px; margin: 0 auto; }
.bw-title { margin-bottom: 8px; }
.bw-progress { margin: 10px 0 16px; }

/* Make inputs full-width inside grid cells */
.bio-grid input,
.bio-grid select,
.bio-grid textarea {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

/* Search form layout */
#bio-warranty-search-form {
  align-items: end;
  gap: 10px 12px;
}
#bio-warranty-search-form label { align-self: center; margin-bottom: 0; }
#bio-warranty-search-form .button { margin-top: 40px; height: 38px; }

/* Table responsive wrapper */
.bw-table-wrap {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
#bio-warranty-search-results {
  min-width: 560px; /* allow horizontal scroll on narrow screens */
}

/* —— Mobile (<= 768px) —— */
@media (max-width: 768px) {
  .bw-wizard { padding: 0 12px; }

  /* Stack the two-column panel */
  .bw-panel { display: block !important; }
  .bw-panel > div:first-child { padding: 20px 16px !important; }
  .bw-hero { min-height: 240px !important; }

  /* One-column field grid */
  .bio-grid { grid-template-columns: 1fr; gap: 12px; }
  .bio-grid .bio-span { grid-column: 1 / -1; }

  /* Labels above inputs */
  .bio-grid label { display: block; margin-bottom: 6px; }

  /* Progress dots scale down */
  .bw-progress { gap: 10px; }
  .bw-dot { width: 18px; height: 18px; }
  .bw-line { width: 34px; }

  /* Search form stacks */
  #bio-warranty-search-form {
    grid-template-columns: 1fr;
    gap: 8px;
  }
  #bio-warranty-search-form label { font-weight: 600; }
  #bio-warranty-search-form .button { width: 100%; }

  /* Results wrapper for scroll */
  .bw-table-wrap { margin: 8px -12px 0; padding: 0 12px; }
}

/* —— Small phones (<= 400px) —— */
@media (max-width: 400px) {
  .bw-title { font-size: 18px !important; }
}

.bw-serial-help {margin: 8% 38%;}

/* Warranty Lookup results row */
#bio-warranty-lookup .bw-lookup-card {
  margin-top: 24px;
  padding: 20px 28px;
  background: #f4f4f4;
  display: grid;
  grid-template-columns: 72px auto auto auto;
  align-items: center;
  column-gap: 32px;
}

#bio-warranty-lookup .bw-lookup-thumb img {
  display: block;
  width: 60px;
  height: auto;
}

#bio-warranty-lookup .bw-lookup-serial {
  font-size: 14px;
  letter-spacing: 0.06em;
}

#bio-warranty-lookup .bw-lookup-exp-label {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.18em;
}

#bio-warranty-lookup .bw-lookup-exp-date {
  font-size: 14px;
}