/* Bounce-Opolis homepage party background v2
   Clean white, full-width soft rental band, and faded balloon clusters. */

body[data-page="home"] {
  background: #ffffff !important;
  background-image: none !important;
}

body[data-page="home"] main > section:nth-of-type(3),
body[data-page="home"] main > section:nth-of-type(4) {
  position: relative;
  isolation: isolate;
}

/* Local-intro section: tighter spacing and visible-but-soft edge balloons. */
body[data-page="home"] main > section:nth-of-type(3) {
  padding-top: 3.5rem;
  padding-bottom: 2.25rem;
}

body[data-page="home"] main > section:nth-of-type(3)::before,
body[data-page="home"] main > section:nth-of-type(3)::after,
body[data-page="home"] main > section:nth-of-type(4)::after {
  content: "";
  position: absolute;
  width: 220px;
  height: 300px;
  pointer-events: none;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMjAiIGhlaWdodD0iMzAwIiB2aWV3Qm94PSIwIDAgMjIwIDMwMCI+CiAgPGcgZmlsbD0ibm9uZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIj4KICAgIDxwYXRoIGQ9Ik03MSAxMTggQzczIDE1NCA4OCAxODMgOTEgMjQwIiBzdHJva2U9IiMxNzY5ZmYiIHN0cm9rZS1vcGFjaXR5PSIuMTQiIHN0cm9rZS13aWR0aD0iMiIvPgogICAgPHBhdGggZD0iTTE0NCAxNjIgQzE0MCAxOTQgMTI2IDIxOCAxMjggMjc0IiBzdHJva2U9IiNmM2I0MDAiIHN0cm9rZS1vcGFjaXR5PSIuMTUiIHN0cm9rZS13aWR0aD0iMiIvPgogICAgPHBhdGggZD0iTTE1NyA5MSBDMTUxIDEyOSAxMzcgMTUzIDEzNCAyMDYiIHN0cm9rZT0iIzhiNWNmNiIgc3Ryb2tlLW9wYWNpdHk9Ii4xMyIgc3Ryb2tlLXdpZHRoPSIyIi8+CiAgPC9nPgogIDxnPgogICAgPGVsbGlwc2UgY3g9IjY2IiBjeT0iNzYiIHJ4PSI0NSIgcnk9IjU2IiBmaWxsPSIjMTc2OWZmIiBmaWxsLW9wYWNpdHk9Ii4xMyIvPgogICAgPHBhdGggZD0iTTYyIDEzMCBsOCAwIGwtNCA5eiIgZmlsbD0iIzE3NjlmZiIgZmlsbC1vcGFjaXR5PSIuMTQiLz4KICAgIDxlbGxpcHNlIGN4PSIxNDUiIGN5PSIxMjMiIHJ4PSIzNyIgcnk9IjQ3IiBmaWxsPSIjZmZkMjNmIiBmaWxsLW9wYWNpdHk9Ii4xNiIvPgogICAgPHBhdGggZD0iTTE0MSAxNjcgbDggMCBsLTQgOHoiIGZpbGw9IiNkY2E5MDAiIGZpbGwtb3BhY2l0eT0iLjE1Ii8+CiAgICA8ZWxsaXBzZSBjeD0iMTU4IiBjeT0iNTMiIHJ4PSIzNCIgcnk9IjQzIiBmaWxsPSIjOGI1Y2Y2IiBmaWxsLW9wYWNpdHk9Ii4xMiIvPgogICAgPHBhdGggZD0iTTE1NCA5MyBsOCAwIGwtNCA4eiIgZmlsbD0iIzhiNWNmNiIgZmlsbC1vcGFjaXR5PSIuMTMiLz4KICA8L2c+CiAgPGcgZmlsbD0iI2ZmNGQ2MSIgZmlsbC1vcGFjaXR5PSIuMTIiPgogICAgPGNpcmNsZSBjeD0iMjgiIGN5PSIxODAiIHI9IjQiLz4KICAgIDxjaXJjbGUgY3g9IjE4NyIgY3k9IjE5NiIgcj0iMyIvPgogIDwvZz4KICA8ZyBzdHJva2U9IiMxNzY5ZmYiIHN0cm9rZS1vcGFjaXR5PSIuMTAiIHN0cm9rZS13aWR0aD0iNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIj4KICAgIDxwYXRoIGQ9Ik0yNiAyMjEgbDEzIDUiLz4KICAgIDxwYXRoIGQ9Ik0xODEgMjM0IGwxMiAtNiIvPgogIDwvZz4KPC9zdmc+");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  z-index: -1;
}

body[data-page="home"] main > section:nth-of-type(3)::before {
  left: -175px;
  top: 34px;
  transform: rotate(-4deg);
}

body[data-page="home"] main > section:nth-of-type(3)::after {
  right: -175px;
  top: 12px;
  transform: scaleX(-1) rotate(-5deg);
}

body[data-page="home"] main > section:nth-of-type(3) > * {
  position: relative;
  z-index: 1;
}

/* Make the rental area a real full-width section instead of a narrow rectangle. */
body[data-page="home"] main > section:nth-of-type(4) {
  margin-top: 0.5rem;
  padding-top: 4rem !important;
  padding-bottom: 4.75rem !important;
  background: transparent !important;
}

body[data-page="home"] main > section:nth-of-type(4)::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(50% - 50vw);
  right: calc(50% - 50vw);
  z-index: -2;
  pointer-events: none;
  background:
    radial-gradient(circle at 8% 22%, rgba(23, 105, 255, 0.10) 0 3px, transparent 4px),
    radial-gradient(circle at 16% 76%, rgba(255, 210, 63, 0.12) 0 3px, transparent 4px),
    radial-gradient(circle at 88% 20%, rgba(139, 92, 246, 0.09) 0 3px, transparent 4px),
    radial-gradient(circle at 94% 72%, rgba(255, 77, 97, 0.09) 0 3px, transparent 4px),
    linear-gradient(135deg, #eef7ff 0%, #f8f4ff 52%, #fffaf0 100%);
  border-top: 1px solid rgba(23, 105, 255, 0.11);
  border-bottom: 1px solid rgba(139, 92, 246, 0.10);
}

body[data-page="home"] main > section:nth-of-type(4)::after {
  right: -165px;
  top: 42px;
  transform: scaleX(-1) rotate(5deg);
  opacity: 0.82;
}

body[data-page="home"] main > section:nth-of-type(4) > * {
  position: relative;
  z-index: 1;
}

body[data-page="home"] main > section:nth-of-type(4) .section-header {
  margin-bottom: 1.75rem;
}

body[data-page="home"] main > section:nth-of-type(4) .rental-card {
  border-color: rgba(23, 105, 255, 0.16);
  box-shadow: 0 18px 44px rgba(16, 33, 61, 0.11);
}

/* Homepage hero: show the complete inflatable and remove the dark left side. */
body[data-page="home"] .hero {
  min-height: min(760px, calc(100vh - 78px));
  max-height: none;
  isolation: isolate;
  overflow: hidden;
  color: #10213d;
  background:
    radial-gradient(circle at 12% 18%, rgba(23, 105, 255, 0.12), transparent 28%),
    radial-gradient(circle at 34% 82%, rgba(255, 210, 63, 0.16), transparent 30%),
    linear-gradient(135deg, #eef8ff 0%, #ffffff 43%, #f8f3ff 100%);
}

body[data-page="home"] .hero-media {
  left: auto;
  right: 0;
  width: 72%;
  height: 100%;
  object-fit: contain !important;
  object-position: center center !important;
  filter: brightness(1.08) saturate(1.08);
}

body[data-page="home"] .hero::after {
  background:
    linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.99) 0%,
      rgba(255, 255, 255, 0.97) 27%,
      rgba(255, 255, 255, 0.82) 40%,
      rgba(255, 255, 255, 0.30) 57%,
      rgba(255, 255, 255, 0.03) 75%,
      transparent 100%
    ),
    linear-gradient(0deg, rgba(23, 105, 255, 0.05), transparent 48%);
}

body[data-page="home"] .hero-content {
  width: min(var(--content), calc(100% - 2rem));
  margin: 0 auto;
  padding-top: 5rem;
  padding-bottom: 4.5rem;
}

body[data-page="home"] .hero-content > * {
  max-width: 590px;
}

body[data-page="home"] .hero h1,
body[data-page="home"] .hero .hero-subtitle {
  color: #10213d;
  text-shadow: 0 2px 18px rgba(255, 255, 255, 0.85);
}

body[data-page="home"] .hero .eyebrow {
  color: #0d46b5;
}

body[data-page="home"] .hero p,
body[data-page="home"] .hero .hero-copy,
body[data-page="home"] .hero .service-note {
  color: #334155;
  text-shadow: 0 1px 12px rgba(255, 255, 255, 0.92);
}

body[data-page="home"] .hero .btn-light {
  color: #10213d;
  border-color: rgba(23, 105, 255, 0.20);
  box-shadow: 0 10px 28px rgba(16, 33, 61, 0.12);
}

@media (max-width: 1320px) {
  body[data-page="home"] main > section:nth-of-type(3)::before {
    left: -120px;
  }

  body[data-page="home"] main > section:nth-of-type(3)::after,
  body[data-page="home"] main > section:nth-of-type(4)::after {
    right: -120px;
  }
}

@media (max-width: 900px) {
  body[data-page="home"] main > section:nth-of-type(3)::before,
  body[data-page="home"] main > section:nth-of-type(3)::after,
  body[data-page="home"] main > section:nth-of-type(4)::after {
    display: none;
  }

  body[data-page="home"] main > section:nth-of-type(3) {
    padding-top: 3rem;
    padding-bottom: 1.75rem;
  }

  body[data-page="home"] main > section:nth-of-type(4) {
    margin-top: 0;
    padding-top: 3.25rem !important;
    padding-bottom: 4rem !important;
  }

  body[data-page="home"] .hero {
    min-height: 720px;
    align-items: end;
    background: linear-gradient(180deg, #eef8ff 0%, #ffffff 70%, #fffaf0 100%);
  }

  body[data-page="home"] .hero-media {
    top: 0;
    right: 0;
    width: 100%;
    height: 56%;
    object-fit: contain !important;
    object-position: center top !important;
  }

  body[data-page="home"] .hero::after {
    background: linear-gradient(0deg, rgba(255,255,255,0.99) 0%, rgba(255,255,255,0.96) 45%, rgba(255,255,255,0.18) 68%, transparent 82%);
  }

  body[data-page="home"] .hero-content {
    padding-top: 24rem;
    padding-bottom: 3rem;
  }
}

@media (max-width: 560px) {
  body[data-page="home"] .hero {
    min-height: 690px;
  }

  body[data-page="home"] .hero-media {
    height: 49%;
  }

  body[data-page="home"] .hero-content {
    padding-top: 20rem;
    padding-bottom: 2.5rem;
  }
}