/* advertise.php — page-specific styles */
.static-page { padding: 28px 0 60px; }
.static-grid { display: grid; grid-template-columns: 1fr 290px; gap: 26px; align-items: start; }
@media(max-width: 960px) { .static-grid { grid-template-columns: 1fr; } }
.breadcrumb { display: flex; gap: 6px; align-items: center; font-size: .75rem; color: var(--muted); margin-bottom: 20px; flex-wrap: wrap; }
.breadcrumb a { color: var(--muted); } .breadcrumb a:hover { color: var(--primary); } .breadcrumb .sep { color: #ccc; }
.page-hero { background: linear-gradient(135deg, #FF6600 0%, #CC0000 100%); border-radius: var(--r-xl); padding: 36px 32px; color: #fff; margin-bottom: 24px; }
.page-hero h1 { font-family: var(--font-head); font-size: 2.3rem; letter-spacing: 3px; margin-bottom: 8px; }
.page-hero p { font-family: var(--font-hindi); font-size: 1rem; opacity: .9; }
.content-card { background: var(--white); border-radius: var(--r-lg); box-shadow: var(--shadow-sm); border: 1px solid var(--border-light); padding: 26px 28px; margin-bottom: 20px; }
@media(max-width:540px) { .content-card { padding:16px; } }
.content-card h2 { font-family: var(--font-head); font-size: 1.3rem; letter-spacing: 2px; color: var(--primary); margin-bottom: 16px; padding-bottom: 10px; border-bottom: 2px solid var(--border); display: flex; align-items: center; gap: 10px; }
.content-card p { font-size: .9rem; line-height: 1.85; color: var(--ink-light); margin-bottom: 10px; font-family: var(--font-hindi); }

/* Stats */
.reach-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; margin-bottom: 20px; }
@media(max-width: 600px) { .reach-grid { grid-template-columns: 1fr 1fr; } }
.reach-card { background: linear-gradient(135deg, var(--primary-soft), #fff); border: 1px solid color-mix(in srgb, var(--primary) 20%, white); border-radius: var(--r-lg); padding: 18px 14px; text-align: center; }
.reach-card .rc-num { font-family: var(--font-head); font-size: 2rem; color: var(--primary); line-height: 1; }
.reach-card .rc-lbl { font-size: .7rem; color: var(--muted); text-transform: uppercase; letter-spacing: 1px; margin-top: 4px; }

/* Ad sizes */
.ad-sizes-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
@media(max-width: 540px) { .ad-sizes-grid { grid-template-columns: 1fr; } }
.ad-size-card {
  border: 1.5px solid var(--border); border-radius: var(--r-md); padding: 14px 16px;
  transition: border-color .2s, transform .2s;
}
.ad-size-card:hover { border-color: var(--primary); transform: translateY(-2px); }
.ad-size-card h4 { font-size: .85rem; font-weight: 700; color: var(--dark); margin-bottom: 4px; }
.ad-size-card .dims { font-size: .7rem; color: var(--primary); font-weight: 700; font-family: monospace; margin-bottom: 5px; }
.ad-size-card p { font-size: .77rem; color: var(--muted); line-height: 1.4; }
.ad-size-card .price { font-size: .72rem; background: var(--primary-soft); color: var(--primary); padding: 2px 8px; border-radius: 20px; display: inline-block; font-weight: 700; margin-top: 5px; }

/* Form */
.fg { display: flex; flex-direction: column; gap: 5px; margin-bottom: 14px; }
.fg label { font-size: .72rem; font-weight: 700; color: var(--muted); text-transform: uppercase; }
.fg input, .fg textarea, .fg select { padding: 10px 14px; border: 1.5px solid var(--border); border-radius: var(--r-sm); font-size: .88rem; font-family: inherit; outline: none; background: var(--smoke); transition: border-color .2s; width: 100%; }
.fg input:focus, .fg textarea:focus, .fg select:focus { border-color: var(--primary); background: #fff; }
.fg textarea { min-height: 100px; resize: vertical; }
.form-row2 { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
@media(max-width: 540px) { .form-row2 { grid-template-columns: 1fr; } }
.submit-btn { padding: 12px 28px; background: var(--primary); color: #fff; border: none; border-radius: var(--r-sm); font-weight: 700; font-size: .9rem; cursor: pointer; transition: background .2s; }
.submit-btn:hover { background: var(--accent); }