/* cmed24-style product tabs + price tables — scoped to .amoxil-cmed24-product only */
/* Typography matches site body + .price-section (common.css). */

.amoxil-cmed24-product {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 1.05rem;
  line-height: 1.65;
  color: var(--text);
}

.amoxil-cmed24-product .boxTab {
  margin: 15px 0 0;
}

.amoxil-cmed24-product .boxTab #ex-one ul.nav,
.amoxil-cmed24-product .boxTab .ex-one ul.nav {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
}

.amoxil-cmed24-product .boxTab #ex-one ul.nav.cfix::after,
.amoxil-cmed24-product .boxTab .ex-one ul.nav.cfix::after {
  content: none;
}

.amoxil-cmed24-product .boxTab #ex-one ul.nav li,
.amoxil-cmed24-product .boxTab .ex-one ul.nav li {
  float: none;
  list-style-type: none;
  margin: 0;
}

/* Inactive tabs: same language as .btn-secondary (“Search …” in pharmacy block) */
.amoxil-cmed24-product .boxTab #ex-one ul.nav li a,
.amoxil-cmed24-product .boxTab .ex-one ul.nav li a {
  display: inline-block;
  border-radius: 999px;
  min-height: auto;
  padding: 0.5rem 0.85rem;
  font-size: 0.88rem;
  font-weight: 600;
  text-decoration: none;
  background: #fff;
  color: var(--accent);
  border: 2px solid var(--accent);
  box-shadow: none;
}

.amoxil-cmed24-product .boxTab #ex-one ul.nav li a:hover:not(.current),
.amoxil-cmed24-product .boxTab #ex-one ul.nav li a:focus-visible:not(.current),
.amoxil-cmed24-product .boxTab .ex-one ul.nav li a:hover:not(.current),
.amoxil-cmed24-product .boxTab .ex-one ul.nav li a:focus-visible:not(.current) {
  background: #f0fdf9;
  color: var(--accent);
  text-decoration: none;
}

/* Active tab: same as .btn-primary (“Go to secure checkout”) */
.amoxil-cmed24-product .boxTab #ex-one ul.nav li a.current,
.amoxil-cmed24-product .boxTab .ex-one ul.nav li a.current {
  background: linear-gradient(135deg, var(--accent), var(--accent-2));
  color: #fff;
  border: 2px solid transparent;
  font-weight: 600;
}

.amoxil-cmed24-product .boxTab #ex-one ul.nav li a.current:hover,
.amoxil-cmed24-product .boxTab #ex-one ul.nav li a.current:focus-visible {
  filter: brightness(1.05);
  text-decoration: none;
}

.amoxil-cmed24-product .boxTab #ex-one ul.nav li.last a,
.amoxil-cmed24-product .boxTab .ex-one ul.nav li.last a {
  padding: 0.5rem 1rem;
}

.amoxil-cmed24-product .tabContent {
  padding: 1.25rem 0 0;
  margin-top: 0.75rem;
  border-top: 1px solid #cce8df;
  background: transparent;
}

.amoxil-cmed24-product .tableTab {
  padding: 8px 0 20px;
}

.amoxil-cmed24-product .tableTab table {
  width: 100%;
  border-collapse: collapse;
  margin: 0;
}

.amoxil-cmed24-product .tableTab table td {
  border-bottom: 1px solid #e6ebf3;
  padding: 0.55rem 0.85rem;
  text-align: left;
  color: var(--muted);
  font-size: 0.92rem;
  font-variant-numeric: tabular-nums;
}

.amoxil-cmed24-product .tableTab table tr.head td {
  border-bottom: 0;
  background-color: #f2f6ff;
  font-weight: 600;
  color: var(--text);
  white-space: nowrap;
  padding: 0.6rem 0.85rem;
  font-size: 0.92rem;
}

.amoxil-cmed24-product .tableTab table tr.head td:nth-child(2),
.amoxil-cmed24-product .tableTab table tr.head td:nth-child(3) {
  color: #000;
}

.amoxil-cmed24-product .tableTab table tr td.price {
  color: #1b5e3b;
  font-weight: 600;
}

/* Quiet empty savings cells */
.amoxil-cmed24-product .tableTab table tr:not(.head) td.price:empty {
  background: transparent;
}

/* Per pill + Price column values: black */
.amoxil-cmed24-product .tableTab table tr:not(.head) td:nth-child(2),
.amoxil-cmed24-product .tableTab table tr:not(.head) td:nth-child(3) {
  font-weight: 400;
  color: #000;
}

.amoxil-cmed24-product .tableTab table tr:not(.head) td:nth-child(3) b {
  color: #000;
  font-weight: 400;
}

.amoxil-cmed24-product .tableTab table tr td.add-to-cart {
  white-space: nowrap;
}

.amoxil-cmed24-product .tableTab table tr:nth-child(even):not(.head) td {
  background-color: #fafbfd;
}

.amoxil-cmed24-product .tableTab tr:hover td {
  background-color: #f2f6ff;
}

.amoxil-cmed24-product .tableTab table td:first-child {
  white-space: normal;
  min-width: 8rem;
}

/* Promo line under pack size: blue (restored visibility) */
.amoxil-cmed24-product .free-product {
  display: block;
  margin-top: 0.2rem;
  font-size: 0.85rem;
  line-height: 1.45;
  font-weight: 400;
  color: #2ea3f2;
}

.amoxil-cmed24-product .free-shipping {
  font-size: 0.85rem;
  line-height: 1.45;
  color: var(--muted);
  font-weight: 600;
}

/* Match ExampleCare .btn-primary (Go to secure checkout) */
.amoxil-cmed24-product .button-blue {
  display: inline-block;
  cursor: pointer;
  border: 0;
  margin: 0;
  color: #fff;
  text-decoration: none;
  padding: 0 12px;
  line-height: 29px;
  height: 29px;
  text-transform: uppercase;
  font-size: 0.72rem;
  font-family: inherit;
  white-space: nowrap;
  background: linear-gradient(135deg, var(--accent), var(--accent-2));
  border-radius: 999px;
  font-weight: 600;
}

.amoxil-cmed24-product .button-blue:hover,
.amoxil-cmed24-product .button-blue:focus-visible {
  filter: brightness(1.05);
  text-decoration: none;
}

.amoxil-cmed24-product .clear {
  clear: both;
}

.amoxil-cmed24-product h4 {
  margin: 1.25rem 0 0.65rem;
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--text);
  letter-spacing: -0.01em;
  line-height: 1.3;
}

.amoxil-cmed24-product .tableTab + h4,
.amoxil-cmed24-product h4:first-child {
  margin-top: 0;
}

.amoxil-cmed24-product .productDescription {
  font-size: 1.05rem;
  line-height: 1.65;
  color: var(--muted);
}

.amoxil-cmed24-product .productDescription p {
  margin: 0 0 0.65rem;
}

.amoxil-cmed24-product .productDescription ul {
  margin: 0.35rem 0 0.65rem;
  padding-left: 1.25rem;
}

.amoxil-cmed24-product .productDescription li {
  margin-bottom: 0.25rem;
}

.amoxil-cmed24-product .productDescription h3 {
  font-size: 1.15rem;
  font-weight: 600;
  color: var(--text);
  margin: 1rem 0 0.5rem;
}

.amoxil-cmed24-product .tableTab table td:first-child b {
  font-weight: 600;
  color: var(--text);
}

@media (max-width: 720px) {
  .amoxil-cmed24-product .boxTab #ex-one ul.nav li {
    float: none;
    margin: 0 0 4px;
  }

  .amoxil-cmed24-product .boxTab #ex-one ul.nav li a {
    border-radius: 4px;
  }

  .amoxil-cmed24-product .tableTab {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .amoxil-cmed24-product .tableTab table {
    min-width: 620px;
  }
}