.c2u-pbb{--coral:#ef7468;--coral-deep:#d85d52;--teal:#54b8b5;--teal-deep:#318f8d;--navy:#123d60;--ink:#243b4a;--muted:#687c89;--cream:#fbf8f3;--line:#e8e3dd;max-width:1380px;margin:0 auto;padding:clamp(10px,2vw,28px);color:var(--ink);font-family:inherit;line-height:1.5}.c2u-pbb *{box-sizing:border-box}.c2u-pbb__header{text-align:center;max-width:790px;margin:0 auto 30px}.c2u-pbb__eyebrow,.c2u-pbb__step{display:inline-block;color:var(--coral-deep);font-size:.72rem;font-weight:900;letter-spacing:.16em}.c2u-pbb__header h2{margin:7px 0 9px;color:var(--navy);font-size:clamp(2rem,4.8vw,3.65rem);line-height:1.03;letter-spacing:-.035em}.c2u-pbb__header>p:last-child{margin:0;color:var(--muted);font-size:clamp(1rem,2vw,1.12rem)}.c2u-pbb__notice,.c2u-pbb__debug{max-width:900px;margin:0 auto 20px;padding:12px 16px;border:1px solid #c8e6e3;border-radius:14px;background:#edf9f8;color:#3b6665;text-align:center}.c2u-pbb__notice[data-kind=success]{display:none}.c2u-pbb__notice[data-kind=error],.c2u-pbb__debug{display:block;background:#fff3ef;border-color:#efc8bb;color:#813f34}.c2u-pbb__debug{margin-top:-12px;font-size:.85rem;overflow-wrap:anywhere}.c2u-pbb__builder-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,390px);gap:clamp(24px,3vw,42px);align-items:start}.c2u-pbb__catalog-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 0 18px;padding-bottom:14px;border-bottom:1px solid var(--line)}.c2u-pbb__catalog-heading h3,.c2u-pbb__summary h3{margin:4px 0 0;color:var(--navy);font-size:clamp(1.2rem,2vw,1.55rem);line-height:1.25}.c2u-pbb__mini-count{white-space:nowrap;padding:7px 12px;border-radius:999px;background:#eef8f7;color:var(--teal-deep);font-weight:850;font-size:.83rem}.c2u-pbb__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,24px)}.c2u-pbb__card{position:relative;display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 8px 24px rgba(18,61,96,.075);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.c2u-pbb__card:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(18,61,96,.14)}.c2u-pbb__card.is-selected{border-color:var(--teal);box-shadow:0 0 0 3px rgba(84,184,181,.18),0 16px 36px rgba(18,61,96,.14)}.c2u-pbb__card.is-selected:after{content:'Selected';position:absolute;top:12px;right:12px;z-index:2;padding:6px 10px;border-radius:999px;background:var(--navy);color:#fff;font-size:.72rem;font-weight:900;letter-spacing:.04em;box-shadow:0 6px 14px rgba(18,61,96,.25)}.c2u-pbb__image-wrap{position:relative;aspect-ratio:1/1;background:var(--cream);overflow:hidden}.c2u-pbb__image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.c2u-pbb__card:hover .c2u-pbb__image{transform:scale(1.035)}.c2u-pbb__placeholder{height:100%;display:grid;place-items:center;color:#87959d}.c2u-pbb__badge{position:absolute;left:12px;bottom:12px;z-index:2;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.94);box-shadow:0 4px 12px rgba(18,61,96,.16);font-size:.72rem;font-weight:900;color:var(--teal-deep);backdrop-filter:blur(5px)}.c2u-pbb__card-body{display:flex;flex:1;flex-direction:column;padding:17px}.c2u-pbb__card h3{margin:0 0 6px;color:var(--navy);font-size:1.02rem;line-height:1.25}.c2u-pbb__price{margin:0;color:var(--muted);font-size:.86rem;font-weight:750}.c2u-pbb__warning{margin:8px 0;color:#93483d;font-size:.8rem}.c2u-pbb__qty{display:grid;grid-template-columns:43px 1fr 43px;align-items:center;margin-top:14px;border:1.5px solid #d9e8e7;border-radius:999px;background:#f7fbfb;overflow:hidden}.c2u-pbb__qty button{min-height:43px;border:0;background:transparent;color:var(--navy);font-size:1.45rem;font-weight:800;cursor:pointer;transition:background .15s ease,color .15s ease}.c2u-pbb__qty button:hover:not(:disabled){background:var(--teal);color:#fff}.c2u-pbb__qty button:disabled{opacity:.24;cursor:not-allowed}.c2u-pbb__qty output{text-align:center;color:var(--navy);font-size:1.08rem;font-weight:950}.c2u-pbb__summary{position:sticky;top:24px;padding:25px;border:1px solid #dfe8e8;border-radius:26px;background:linear-gradient(180deg,#fff 0%,#fcfdfc 100%);box-shadow:0 18px 48px rgba(18,61,96,.14);overflow:hidden}.c2u-pbb__summary:before{content:'';position:absolute;inset:0 0 auto;height:7px;background:linear-gradient(90deg,var(--coral),var(--teal))}.c2u-pbb__summary-top{display:flex;align-items:center;gap:13px;margin-bottom:19px}.c2u-pbb__box-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#fff2ef;font-size:1.45rem}.c2u-pbb__count-row{display:flex;justify-content:space-between;gap:10px;font-size:.9rem}.c2u-pbb__count-row strong{color:var(--navy)}.c2u-pbb__count-row span{color:var(--muted);font-size:.78rem}.c2u-pbb__progress{height:11px;margin:8px 0 18px;border-radius:999px;background:#e9eff0;overflow:hidden}.c2u-pbb__progress span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--teal),var(--teal-deep));transition:width .28s ease}.c2u-pbb__slots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}.c2u-pbb__slot{position:relative;aspect-ratio:1.25/1;border:1px dashed #cedbdc;border-radius:14px;background:#f7faf9;overflow:hidden;display:grid;place-items:center;color:#9aacb2;font-size:.75rem;text-align:center}.c2u-pbb__slot img{width:100%;height:100%;object-fit:cover}.c2u-pbb__slot-number{position:absolute;left:7px;top:7px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:rgba(18,61,96,.9);color:#fff;font-size:.7rem;font-weight:900}.c2u-pbb__packing{display:flex;flex-direction:column;gap:6px;margin:0 0 18px}.c2u-pbb__packing span{padding:7px 10px;border-radius:10px;background:#f1f8f7;color:#49636f;font-size:.78rem}.c2u-pbb__packing span:first-child:last-child{background:transparent;padding:0;color:#8a9ba3}.c2u-pbb__pricing{display:grid;grid-template-columns:1fr auto;gap:7px 14px;padding:17px 0;border-top:1px solid var(--line);font-size:.92rem}.c2u-pbb__pricing strong{text-align:right;color:var(--navy)}.c2u-pbb__total-label,.c2u-pbb__total{margin-top:5px;padding-top:10px;border-top:1px solid var(--line);font-size:1.18rem;font-weight:950}.c2u-pbb__button{width:100%;min-height:58px;padding:0 20px;border:0;border-radius:999px;background:linear-gradient(135deg,var(--coral),var(--coral-deep));color:#fff;font-size:1rem;font-weight:950;letter-spacing:.01em;box-shadow:0 10px 24px rgba(216,93,82,.28);cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}.c2u-pbb__button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 14px 28px rgba(216,93,82,.34)}.c2u-pbb__button.is-ready{animation:c2uPulse 1.8s ease-in-out infinite}.c2u-pbb__button:disabled{background:#b8c1c5;box-shadow:none;cursor:not-allowed}.c2u-pbb__small{margin:11px 0 0;text-align:center;color:var(--muted);font-size:.77rem}.c2u-pbb__small span{color:var(--teal-deep);font-weight:900}.c2u-pbb__celebration{max-height:0;opacity:0;text-align:center;color:var(--coral-deep);font-weight:900;transition:max-height .2s ease,opacity .2s ease,margin .2s ease}.c2u-pbb__celebration.is-visible{max-height:40px;margin-top:10px;opacity:1}.c2u-pbb__button:focus-visible,.c2u-pbb__qty button:focus-visible{outline:3px solid rgba(239,116,104,.38);outline-offset:3px}@keyframes c2uPulse{0%,100%{box-shadow:0 10px 24px rgba(216,93,82,.28)}50%{box-shadow:0 10px 34px rgba(216,93,82,.5)}}
@media(max-width:1050px){.c2u-pbb__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.c2u-pbb__builder-layout{grid-template-columns:minmax(0,1fr) 340px}}
@media(max-width:780px){.c2u-pbb__builder-layout{grid-template-columns:1fr}.c2u-pbb__summary{position:relative;top:auto;order:-1}.c2u-pbb__slots{grid-template-columns:repeat(4,minmax(0,1fr))}.c2u-pbb__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.c2u-pbb{padding:8px}.c2u-pbb__header{margin-bottom:22px}.c2u-pbb__catalog-heading{align-items:flex-start}.c2u-pbb__grid{grid-template-columns:1fr}.c2u-pbb__card{display:grid;grid-template-columns:42% 58%;border-radius:18px}.c2u-pbb__image-wrap{aspect-ratio:auto;min-height:190px}.c2u-pbb__card-body{padding:14px}.c2u-pbb__summary{padding:21px 17px;border-radius:22px}.c2u-pbb__slots{gap:7px}.c2u-pbb__slot{border-radius:10px}.c2u-pbb__mini-count{display:none}}
@media(max-width:390px){.c2u-pbb__card{display:flex}.c2u-pbb__image-wrap{aspect-ratio:1.15/1;min-height:0}}
@media(prefers-reduced-motion:reduce){.c2u-pbb__card,.c2u-pbb__image,.c2u-pbb__progress span,.c2u-pbb__button,.c2u-pbb__celebration{transition:none;animation:none}}


/* === Full‑screen loading overlay for Party Builder v1.1.0 === */
#c2u-pbb-overlay {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(2px);
  opacity: 0;
  visibility: hidden;
  transition: opacity 250ms ease-in-out, visibility 250ms ease-in-out;
}

#c2u-pbb-overlay.active {
  opacity: 1;
  visibility: visible;
}

#c2u-pbb-overlay .c2u-pbb__loader-logo {
  max-width: 120px;
  margin-bottom: 1rem;
}

#c2u-pbb-overlay h2 {
  margin: 0;
  font-size: 1.5rem;
  color: var(--coral, #ef7468);
}

#c2u-pbb-overlay p {
  margin: 0.5rem 0 2rem 0;
  font-size: 1rem;
  color: #333;
}

/* CSS spinner */
@keyframes c2u-spin {
  to { transform: rotate(360deg); }
}
#c2u-pbb-overlay .c2u-spinner {
  width: 48px;
  height: 48px;
  border: 4px solid var(--teal, #54b8b5);
  border-top-color: transparent;
  border-radius: 50%;
  animation: c2u-spin 0.8s linear infinite;
}