/* High Five Party Rentals — shared layout fixes (loaded on every page, after the page's own styles) */

/* Section labels ("Contact", "FAQ", …) always sit on their own line, centred above the heading.
   Short headings used to pull the label up beside them on wide screens. */
.section-head.center > .eyebrow{display:flex;width:fit-content;margin-left:auto;margin-right:auto;}

/* ---------- Home: hero ---------- */
@media (max-width:980px){
  /* keep the decorative rings in the corners instead of running through the intro text */
  .hero-blob.b2{bottom:-150px;left:-150px;}
  .hero-blob.b4{left:auto;right:-110px;bottom:-130px;}
}
@media (max-width:600px){
  /* badges stay fully on screen on phones */
  .float-card{padding:10px 14px;font-size:.78rem;}
  .float-card.fc1{top:12px;left:10px;}
  .float-card.fc2{bottom:14px;right:10px;}
}

/* ---------- Home: reviews ---------- */
/* centred like every other section heading */
.rev-top{justify-content:center;}
@media (max-width:600px){
  .rev-top{flex-direction:column;gap:6px;text-align:center;}
}

/* ---------- Home: contact ---------- */
@media (min-width:981px){
  /* buttons sit level with the middle of the contact card rather than floating at the top */
  .contact-grid{align-items:center;}
}

/* ---------- Book ---------- */
/* the deposit policy was dark-orange text on see-through teal; give it a solid light background */
.book-wrap > div:first-child .deposit-note{background:#FFF4E5;border-color:rgba(244,144,30,.6);}
@media (max-width:980px){
  /* on phones and tablets show the booking form first, the step-by-step explainer after it */
  .book-wrap > .book-card{order:-1;}
}