/* ======================================================
   price.css — 12.19.2025 — 06:02 PM CST
   The Bee Place 3.0 — Block H (Title + Pricing)

   PURPOSE:
   - Product title
   - Optional subtitle
   - Primary + secondary pricing
   - Typography ONLY
   - No layout rules
   ====================================================== */


/* ======================================================
   BLOCK WRAPPER
   ====================================================== */

.tbp-price-block {
  margin-bottom: 0.75rem;
}


/* ======================================================
   TITLE
   ====================================================== */

.tbp-product-title {
  margin: 0;
  font-size: 2.05rem;
  font-weight: 700;
  line-height: 1.15;
  color: #ffffff;
}


/* ======================================================
   SUBTITLE
   ====================================================== */

.tbp-product-subtitle {
  margin: 0.15rem 0 0.6rem;
  font-size: 1.1rem;
  font-weight: 600;
  line-height: 1.35;
  color: #ffd966;
}


/* ======================================================
   BASE PRICE
   ====================================================== */

.tbp-price {
  font-weight: 700;
  line-height: 1.1;
}


/* ======================================================
   PRIMARY PRICE
   ====================================================== */

.tbp-price--primary {
  font-size: 2.75rem;
  white-space: nowrap;
  color: #ffffff;
  margin-bottom: 0.15rem;
}


/* ======================================================
   SECONDARY PRICE
   ====================================================== */

.tbp-price--secondary {
  font-size: 1.75rem;
  font-weight: 600;
  color: #f0e2a0;
  margin-bottom: 22px;
}


/* ======================================================
   PRICE NOTES
   ====================================================== */

.tbp-price-note {
  font-size: 1.05rem;
  font-weight: 600;
  margin-left: 0.35rem;
  color: #FEFEDA;
}

.tbp-price--secondary .tbp-price-note {
  font-size: 0.95rem;
  color: #f0e2a0;
}


/* ======================================================
   MOBILE
   ====================================================== */

@media (max-width: 640px) {

  .tbp-product-title {
    font-size: 1.8rem;
  }

  .tbp-product-subtitle {
    font-size: 1rem;
  }

  .tbp-price--primary {
    font-size: 2.3rem;
  }
}


/* ======================================================
   END OF FILE: price.css
   ====================================================== */