/* Get It Jumping — KID-FUN flyer print (8.5" × 11") */
@page { size: 8.5in 11in; margin: 0; }
* { box-sizing: border-box; margin: 0; padding: 0; }
html, body {
  width: 8.5in; min-height: 11in;
  font-family: system-ui, -apple-system, sans-serif;
  -webkit-print-color-adjust: exact; print-color-adjust: exact;
}
body { background: #94a3b8; }

.sheet {
  position: relative; width: 8.5in; min-height: 11in; overflow: hidden;
  padding: 0.38in; color: #fff;
  background: linear-gradient(145deg, #4c1d95 0%, #1e1b4b 45%, #0e7490 100%);
  display: flex; flex-direction: column; gap: 0.1in;
}
.deco { position: absolute; font-size: 36pt; opacity: 0.35; pointer-events: none; }
.deco--balloon { left: 0.15in; top: 0.9in; }
.deco--star { right: 0.2in; top: 1.1in; }
.deco--party { left: 0.2in; bottom: 2.8in; }

.badge {
  text-align: center; background: #fbbf24; color: #78350f;
  font-weight: 900; font-size: 13pt; padding: 8px 12px;
  border-radius: 999px; border: 2px solid #fff;
  box-shadow: 0 4px 0 #b45309;
}
.top { display: flex; justify-content: space-between; align-items: flex-start; z-index: 1; }
.brand { display: flex; gap: 10px; align-items: center; }
.logo { width: 48px; height: 48px; border-radius: 12px; border: 2px solid #fbbf24; }
.brand-name { font-size: 18pt; font-weight: 900; }
.brand-tag { font-size: 8pt; font-weight: 800; letter-spacing: 0.18em; text-transform: uppercase; color: #f472b6; }
.brand-tag--sky { color: #38bdf8; }
.qr { width: 0.9in; height: 0.9in; border-radius: 8px; border: 3px solid #fbbf24; background: #fff; padding: 3px; }

.headline { font-size: 34pt; font-weight: 900; line-height: 0.95; z-index: 1; margin-top: 4px; }
.grad { display: block; background: linear-gradient(90deg, #fbbf24, #f472b6, #38bdf8); -webkit-background-clip: text; background-clip: text; color: transparent; }
.grad--gold { color: #fbbf24; display: block; font-size: 22pt; margin-top: 2px; }
.subline { display: block; font-size: 20pt; color: #fbbf24; margin-top: 2px; }
.kid { font-size: 11pt; font-weight: 800; color: #fef08a; margin-top: 4px; z-index: 1; }
.sub { font-size: 10pt; color: #e2e8f0; z-index: 1; }

.photo-frame {
  z-index: 1; margin: 6px auto; background: #fff; padding: 8px;
  border-radius: 16px; transform: rotate(-1.5deg);
  border: 4px solid #f472b6; box-shadow: 0 8px 24px rgba(0,0,0,0.35);
  max-width: 6.2in;
}
.photo-frame img { width: 100%; height: 2in; object-fit: cover; border-radius: 10px; display: block; }
.photo-frame figcaption { text-align: center; font-size: 9pt; font-weight: 900; color: #db2777; margin-top: 4px; }

.pricing { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; z-index: 1; }
.price { text-align: center; border-radius: 12px; border: 2px solid rgba(255,255,255,0.2); padding: 8px; background: rgba(14,165,233,0.35); }
.price--hot { border-color: #f472b6; background: rgba(244,114,182,0.3); }
.price--sky { border-color: #38bdf8; background: rgba(56,189,248,0.3); }
.price span { font-size: 7pt; font-weight: 800; text-transform: uppercase; }
.price strong { display: block; font-size: 32pt; line-height: 1; }
.price small { font-size: 8pt; font-weight: 800; color: #fef08a; }

.deposit-box {
  z-index: 1; text-align: center; border: 2px dashed #fbbf24;
  background: rgba(0,0,0,0.25); border-radius: 10px; padding: 6px;
}
.deposit-box strong { font-size: 10pt; color: #fbbf24; }
.deposit-box p { font-size: 8pt; color: #e2e8f0; }

.chips { z-index: 1; display: grid; grid-template-columns: 1fr 1fr; gap: 4px; font-size: 8pt; font-weight: 700; }
.chips span { background: rgba(255,255,255,0.12); border-radius: 8px; padding: 5px 6px; }

.cta {
  z-index: 1; margin-top: auto; text-align: center;
  background: linear-gradient(90deg, #fb923c, #f472b6, #38bdf8);
  border-radius: 14px; padding: 12px; border: 2px solid #fff;
}
.cta-label { font-size: 9pt; font-weight: 900; letter-spacing: 0.12em; text-transform: uppercase; }
.cta-site { font-size: 26pt; font-weight: 900; }
.cta-sub { font-size: 9pt; font-weight: 700; color: #fef08a; }
.areas { font-size: 8pt; margin-top: 3px; opacity: 0.9; }

@media print { body { background: white; } }