/* ============================================================
   PAGE · Pricing Guidelines  (/publish-with-us/pricing-guidelines/)
   The "master pricing" page. Hero (.gp-hero*), pricing-tier sections
   (.sp-pricing/.sp-price-cards/.sp-badge/.sp-dotted) and FAQ (.svc-faq*)
   are all shared components living in service-detail.css (global chain) —
   see them there, not here. Only the note box and the simple advertising
   info-card price line are unique to this page.
   ============================================================ */

/* Note box under a pricing section (e.g. "Bing Ads and Web Design are
   also available — enquire for pricing."). */
.pg-note{width:100%;max-width:820px;margin:40px auto 0;text-align:center;background:#fff;border:1px solid var(--line);border-radius:10px;padding:1rem 1.4rem;color:var(--text-2);font-size:.88rem;line-height:1.6;}
.pg-note{
    position:relative;
    left:50%;
    transform:translateX(-50%);
}
.pg-note strong{color:var(--sb-navy);}
.pg-note a{color:var(--sb-blue);font-weight:700;}

/* Advertising rate card — reuses the global .page-cards/.page-card grid,
   just adds a bold price line under the description. */
.pg-ads{padding:clamp(4rem,8vw,6.5rem) 0;}
.pg-ads .section-head{max-width:640px;}
.pg-ads .page-card .pg-price-line{margin:.6rem 0 0;color:var(--sb-blue);font-weight:800;font-size:1.05rem;}
.pg-ads .page-card .pg-price-line span{color:var(--text-2);font-weight:600;font-size:.82rem;}

/* ===================== Mobile trim ===================== */
@media (max-width:600px){
	.pg-ads{padding:56px 0;}
}