/* c-banners-pricingpage banner-specific pricing polish
   Uses the existing v27/tuffcor pricing styles as the base.
   Internal filename is stable; package ZIP carries the revision code. */

.rs-banner-price-table-wrap {
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}

.rs-banner-price-cap img {
  max-width: 100%;
  height: auto;
}

.rs-banner-pricetable {
  width: min(960px, 100%) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.rs-banner-pricetable th:first-child,
.rs-banner-pricetable td:first-child {
  width: 28%;
}

.rs-banner-pricetable th:nth-child(2),
.rs-banner-pricetable td:nth-child(2),
.rs-banner-pricetable th:nth-child(3),
.rs-banner-pricetable td:nth-child(3) {
  width: 36%;
}

.rs-banner-pricetable th:nth-child(3) {
  background: linear-gradient(180deg, #b40000 0%, #760000 100%) !important;
}

.rs-banner-pricetable td:nth-child(3) {
  background: #f4efe4;
}

@media (max-width: 720px) {
  .rs-banner-price-table-wrap {
    max-width: 100%;
  }

  .rs-banner-pricetable {
    width: 100% !important;
  }

  .rs-banner-pricetable th,
  .rs-banner-pricetable td {
    padding-left: 6px !important;
    padding-right: 6px !important;
  }

  .rs-banner-pricetable .pricesHeaders {
    font-size: clamp(15px, 4vw, 20px);
  }

  .rs-banner-pricetable .pricesPrices {
    font-size: clamp(28px, 8vw, 48px);
  }
}

/* Smaller second line under BANNER PRICING header */
.rs-banner-pricetable .rs-banner-price-subhead {
  display: inline-block;
  margin-top: 5px;
  color: inherit;
  font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
  font-size: clamp(12px, 1.75vw, 16px);
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: .01em;
  text-transform: none;
}