/* ============================================================
   Pricing page layout (pricing.html). Layout only: colors, fonts,
   borders, and section backgrounds come from iqup.css.
   ============================================================ */

/* Block 3, What's Included. p2-*.png are wide 600x210 banners with a
   baked #14460A background, not pill thumbnails: show them whole and drop
   the services-inline2 fixed 140px pill frame, its 100px radius, and the
   dashed pill outline behind it. */
.page-pricing .pricing-included .item .img {
  height: auto;
  border-radius: 15px;
  overflow: hidden;
}
.page-pricing .pricing-included .item .img:after { display: none; }
.page-pricing .pricing-included .item .img img {
  width: 100%;
  height: auto;
  border-radius: 15px;
  display: block;
}

/* The row titles sit in a one-third column. At the template's 47px,
   "AI-Personalized" (about 373px wide) only fits the column from 1400px up;
   below that it split at the hyphen, and at 992-1199px "Personalized" alone
   overran the column. Step the size down just enough to keep each word whole
   (the template itself drops to 35px under 992px). */
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .page-pricing .pricing-included .item h2 { font-size: 42px; }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .page-pricing .pricing-included .item h2 { font-size: 35px; }
}

/* Blocks 2 and 5, feature cards. cost1-* and p4-* are thin line art that
   nearly disappears at the template's 70px. The sources are 256px: show them
   at 128px, which maps 1:1 onto device pixels on 2x screens. */
.page-pricing .pricing-programs .item-box .icon-img-70,
.page-pricing .pricing-access .item-box .icon-img-70 {
  width: 128px;
}