/* Site-wide "free coloring pages" bar (Nov 2026) */
.promo-bar { display: block; background: #f5b942; color: #3a3050; text-decoration: none; text-align: center;
  font-family: 'Nunito', sans-serif; font-weight: 800; font-size: .98rem; line-height: 1.35; padding: .55rem 1rem; }
.promo-bar b { font-family: 'Baloo 2', cursive; font-size: 1.05rem; letter-spacing: .02em; }
.promo-bar .go { display: inline-block; margin-left: .6rem; background: #4b3b66; color: #fff; border-radius: 999px;
  padding: .12rem .8rem; font-size: .9rem; white-space: nowrap; }
.promo-bar:hover .go { background: #b5462a; }
.promo-bar .long { display: inline; }
@media (max-width: 640px) { .promo-bar { font-size: .9rem; padding: .5rem .8rem; } .promo-bar .long { display: none; } }

/* In-page "free coloring pages" band */
.color-band { display: grid; grid-template-columns: 1fr 1.1fr; gap: 2rem; align-items: center; background: #fff3d6;
  border: 2px dashed #f5b942; border-radius: 22px; padding: 1.6rem 1.8rem; margin: 2.5rem auto; max-width: 1040px; }
.color-band .imgs { position: relative; height: 230px; }
.color-band .imgs img { position: absolute; width: 44%; height: auto; background: #fff; border-radius: 6px; padding: .3rem;
  box-shadow: 0 10px 22px rgba(75,59,102,.16); }
.color-band .imgs img:nth-child(1) { left: 2%; top: 18px; transform: rotate(-7deg); }
.color-band .imgs img:nth-child(2) { right: 2%; top: 18px; transform: rotate(6deg); }
.color-band .imgs img:nth-child(3) { left: 28%; top: 0; transform: rotate(-1deg); z-index: 2; }
.color-band .eyebrow { font-weight: 800; letter-spacing: .18em; font-size: .8rem; color: #b5462a; margin: 0 0 .3rem; }
.color-band h2 { font-family: 'Baloo 2', cursive; font-weight: 800; color: #4b3b66; font-size: 1.9rem; line-height: 1.08; margin: 0 0 .5rem; text-align: left; }
.color-band p { margin: 0 0 1rem; color: #574b74; text-align: left; }
.color-band .cb-btn { display: inline-block; background: #e05f41; color: #fff; font-family: 'Baloo 2', cursive; font-weight: 800;
  font-size: 1.15rem; padding: .6rem 1.4rem; border-radius: 999px; text-decoration: none; box-shadow: 0 6px 18px rgba(224,95,65,.3); }
.color-band .cb-btn:hover { background: #b5462a; }
@media (max-width: 760px) { .color-band { grid-template-columns: 1fr; margin: 2rem 1rem; padding: 1.3rem; } .color-band .imgs { height: 200px; max-width: 360px; } }