.elementor-62946 .elementor-element.elementor-element-70ac75f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS *//* Party Pros East Coast - Oxygen Bar city page template CSS */
/* Fully namespaced under .ppo2 so it stays isolated from other pages */

.ppo2,
.ppo2 *{box-sizing:border-box}

.ppo2{
  --ppo2-accent:#0f766e;
  --ppo2-accent-2:#132238;
  --ppo2-bg:#ffffff;
  --ppo2-soft:#f5fbfb;
  --ppo2-soft-2:#dff7f7;
  --ppo2-text:#122033;
  --ppo2-muted:#526071;
  --ppo2-line:#dbe4ee;
  --ppo2-radius:28px;
  --ppo2-shadow:0 18px 45px rgba(15,23,42,.08);
  color:var(--ppo2-text);
  font-size:16px;
  line-height:1.68;
  overflow-x:clip;
}

.ppo2__wrap{
  max-width:1380px;
  margin:0 auto;
  padding:clamp(18px,2.2vw,30px);
}

.ppo2 img{display:block;max-width:100%}
.ppo2 a{text-decoration:none}
.ppo2 h1,
.ppo2 h2,
.ppo2 h3,
.ppo2 h4{
  margin:0 0 12px;
  line-height:1.1;
  color:var(--ppo2-accent-2);
}
.ppo2 h1{
  font-size:clamp(34px,4.2vw,60px);
  letter-spacing:-.035em;
}
.ppo2 h2{
  font-size:clamp(26px,3vw,40px);
  letter-spacing:-.02em;
}
.ppo2 h3{font-size:clamp(19px,2vw,24px)}
.ppo2 p{margin:0 0 14px}

.ppo2__section{
  margin:24px 0;
  padding:clamp(24px,2.4vw,34px);
  background:var(--ppo2-bg);
  border:1px solid var(--ppo2-line);
  border-radius:var(--ppo2-radius);
  box-shadow:var(--ppo2-shadow);
}
.ppo2__section--soft{background:var(--ppo2-soft)}
.ppo2__section--accent{background:linear-gradient(180deg,var(--ppo2-soft-2),var(--ppo2-soft))}
.ppo2__section--feature{overflow:hidden}

.ppo2__hero{
  position:relative;
  overflow:hidden;
  margin:0 0 28px;
  padding:clamp(20px,2.4vw,34px);
  border-radius:30px;
  background:linear-gradient(145deg,var(--ppo2-soft-2) 0%,#fff 52%,var(--ppo2-soft) 100%);
  border:1px solid var(--ppo2-line);
  box-shadow:var(--ppo2-shadow);
}

.ppo2__hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:clamp(20px,2vw,28px);
  align-items:stretch;
}

.ppo2__eyebrow{
  position:relative;
  z-index:3;
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-bottom:18px;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.88);
  border:1px solid rgba(255,255,255,.76);
  font-size:13px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--ppo2-accent);
  backdrop-filter:blur(10px);
}

.ppo2__hero-copy{
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  height:100%;
  padding:clamp(20px,2.2vw,30px);
  border-radius:26px;
  background:linear-gradient(180deg,rgba(255,255,255,.985),rgba(255,255,255,.955));
  border:1px solid rgba(255,255,255,.9);
  box-shadow:0 24px 48px rgba(15,23,42,.12);
}

.ppo2__hero-copy h1{
  max-width:16ch;
  color:var(--ppo2-accent-2);
  text-wrap:balance;
}

.ppo2__lead{
  max-width:58ch;
  font-size:clamp(17px,1.45vw,22px);
  line-height:1.68;
  color:#2b3a4f;
}

.ppo2__pill-row,
.ppo2__buttons,
.ppo2__tags{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}

.ppo2__pill,
.ppo2__tag{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:36px;
  padding:8px 14px;
  border-radius:999px;
  background:#fff;
  border:1px solid rgba(15,23,42,.08);
  font-size:13px;
  font-weight:700;
  color:var(--ppo2-accent-2);
}

.ppo2__hero-note{
  margin:18px 0 16px;
  padding:18px 20px;
  border-radius:22px;
  background:rgba(239,244,255,.92);
  border:1px solid rgba(15,23,42,.08);
}
.ppo2__hero-note strong{
  display:block;
  margin-bottom:6px;
  font-size:15px;
  color:var(--ppo2-accent-2);
}
.ppo2__hero-note p:last-child{margin-bottom:0}

.ppo2__buttons{margin-top:20px;align-items:stretch}

.ppo2__btn{
  appearance:none;
  border:none;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  min-height:52px;
  padding:12px 22px;
  border-radius:16px;
  background:var(--ppo2-accent);
  color:#fff;
  font-weight:800;
  line-height:1.2;
  box-shadow:0 14px 30px rgba(0,0,0,.14);
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
}
.ppo2__btn:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 35px rgba(0,0,0,.16);
}
.ppo2__btn--ghost{
  background:#fff;
  color:var(--ppo2-accent-2);
  border:1px solid var(--ppo2-line);
  box-shadow:none;
}
.ppo2__btn--small{
  min-height:46px;
  width:100%;
  padding:11px 16px;
  font-size:15px;
}

.ppo2 .pp-add-to-quote{
  position:relative;
  padding-left:54px;
}
.ppo2 .pp-add-to-quote::before{
  content:"O2";
  position:absolute;
  left:18px;
  top:50%;
  transform:translateY(-50%);
  width:24px;
  height:24px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:14px;
  font-weight:900;
  letter-spacing:.02em;
}

.ppo2__quote-inline{margin-top:14px;max-width:100%}
.ppo2__quote-card{
  width:100%;
  max-width:560px;
  appearance:none;
  cursor:pointer;
  display:grid;
  grid-template-columns:88px 1fr;
  gap:14px;
  align-items:center;
  padding:14px;
  border:1px solid var(--ppo2-line);
  border-radius:20px;
  background:#fff;
  color:var(--ppo2-accent-2);
  text-align:left;
  box-shadow:0 16px 30px rgba(15,23,42,.08);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.ppo2__quote-card:hover{
  transform:translateY(-2px);
  box-shadow:0 20px 38px rgba(15,23,42,.12);
  border-color:rgba(15,118,110,.28);
}
.ppo2__quote-card-media{
  display:flex;
  align-items:center;
  justify-content:center;
  width:88px;
  height:88px;
  border-radius:18px;
  background:var(--ppo2-soft-2);
  overflow:hidden;
}
.ppo2__quote-card-media img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.ppo2__quote-card-copy{
  display:flex;
  flex-direction:column;
  gap:6px;
}
.ppo2__quote-card-copy strong{
  font-size:16px;
  line-height:1.2;
  color:var(--ppo2-accent-2);
}
.ppo2__quote-card-copy small{
  display:block;
  font-size:13px;
  line-height:1.45;
  color:var(--ppo2-muted);
}

.ppo2__hero-media{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:18px;
  min-width:0;
  height:100%;
  padding:clamp(16px,1.8vw,22px);
  border-radius:26px;
  background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.98));
  border:1px solid var(--ppo2-line);
  box-shadow:0 18px 40px rgba(15,23,42,.08);
}
.ppo2__hero-media img{
  display:block;
  width:100%;
  height:auto !important;
  max-width:100%;
  max-height:460px;
  min-height:0 !important;
  aspect-ratio:auto !important;
  object-fit:contain !important;
  object-position:center center !important;
  margin:0 auto;
  border-radius:22px;
  box-shadow:none !important;
  background:transparent;
}
.ppo2__hero-media-copy{
  padding:18px 20px;
  border-radius:20px;
  background:linear-gradient(180deg,var(--ppo2-soft-2),#fff);
  border:1px solid rgba(15,23,42,.08);
}
.ppo2__hero-media-copy strong{
  display:block;
  margin-bottom:8px;
  font-size:clamp(19px,1.5vw,24px);
  line-height:1.15;
  color:var(--ppo2-accent-2);
}
.ppo2__hero-media-copy p{
  margin:0;
  font-size:15px;
  line-height:1.65;
  color:var(--ppo2-muted);
}

.ppo2__section-head{
  max-width:78ch;
  margin-bottom:20px;
}
.ppo2__section-head p{color:var(--ppo2-muted)}

.ppo2__prose p:last-child,
.ppo2__card p:last-child,
.ppo2__feature-body p:last-child,
.ppo2__item-body p:last-child{margin-bottom:0}

.ppo2__grid-3,
.ppo2__grid-4,
.ppo2__steps,
.ppo2__items-grid{
  display:grid;
  gap:18px;
}
.ppo2__grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.ppo2__grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.ppo2__steps{grid-template-columns:repeat(4,minmax(0,1fr))}
.ppo2__items-grid{grid-template-columns:repeat(4,minmax(0,1fr))}

.ppo2__card,
.ppo2__feature,
.ppo2__item-card{
  background:#fff;
  border:1px solid var(--ppo2-line);
  border-radius:24px;
  box-shadow:0 8px 24px rgba(15,23,42,.05);
}

.ppo2__card{
  padding:22px;
}

.ppo2__feature{
  overflow:hidden;
}
.ppo2__feature-body{
  padding:26px;
}
.ppo2__feature-body .ppo2__tags{margin:14px 0 16px}

.ppo2__step{
  position:relative;
  padding-top:58px;
}
.ppo2__step-no{
  position:absolute;
  top:18px;
  left:18px;
  width:32px;
  height:32px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:800;
  background:var(--ppo2-accent);
  color:#fff;
}

.ppo2__split{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
  align-items:start;
}

.ppo2__list{
  margin:0;
  padding-left:20px;
}
.ppo2__list li{margin:0 0 8px}

.ppo2__faq{display:grid;gap:14px}
.ppo2__faq details{
  background:#fff;
  border:1px solid var(--ppo2-line);
  border-radius:18px;
  padding:18px 20px;
}
.ppo2__faq summary{
  cursor:pointer;
  font-weight:800;
  list-style:none;
}
.ppo2__faq summary::-webkit-details-marker{display:none}
.ppo2__faq details[open]{
  border-color:var(--ppo2-accent);
  box-shadow:0 10px 24px rgba(15,23,42,.06);
}
.ppo2__faq details p{
  margin:14px 0 0;
  color:var(--ppo2-muted);
}

.ppo2__cta{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:20px;
  align-items:center;
  padding:clamp(22px,2.8vw,36px);
  border-radius:28px;
  background:linear-gradient(135deg,var(--ppo2-accent-2),var(--ppo2-accent));
  color:#fff;
}
.ppo2__cta h2,
.ppo2__cta p{color:#fff}
.ppo2__cta .ppo2__btn{
  background:#fff;
  color:var(--ppo2-accent-2);
}
.ppo2__cta .ppo2__btn--ghost{
  background:transparent;
  color:#fff;
  border-color:rgba(255,255,255,.34);
}

.ppo2__item-card{
  overflow:hidden;
  display:flex;
  flex-direction:column;
  height:100%;
}
.ppo2__item-media{
  width:100%;
  aspect-ratio:4/3;
  object-fit:cover;
}
.ppo2__item-body{
  display:flex;
  flex-direction:column;
  gap:12px;
  flex:1;
  padding:18px;
}
.ppo2__item-title{
  margin-bottom:0;
}
.ppo2__item-link{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-weight:800;
  color:var(--ppo2-accent);
}
.ppo2__item-actions{
  margin-top:auto;
}

/* layout-specific styling */
.ppo2.v1{--ppo2-accent:#0f766e;--ppo2-accent-2:#132238;--ppo2-soft:#f5fbfb;--ppo2-soft-2:#dff7f7}
.ppo2.v1 .ppo2__section{border-left:4px solid rgba(15,118,110,.16)}

.ppo2.v2{--ppo2-accent:#2563eb;--ppo2-accent-2:#0f172a;--ppo2-soft:#f7fbff;--ppo2-soft-2:#e4f1ff}
.ppo2.v2 .ppo2__hero{background:linear-gradient(125deg,#102a43 0%,#174b63 40%,#e7f5ff 40%,#ffffff 100%)}
.ppo2.v2 .ppo2__eyebrow{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.24);color:#fff}

.ppo2.v3{--ppo2-accent:#7c3aed;--ppo2-accent-2:#221433;--ppo2-soft:#faf7ff;--ppo2-soft-2:#efe7ff}
.ppo2.v3 .ppo2__hero{background:radial-gradient(circle at top left,#fff 0%,#f2ebff 35%,#ece4ff 100%)}
.ppo2.v3 .ppo2__card,
.ppo2.v3 .ppo2__item-card,
.ppo2.v3 .ppo2__feature,
.ppo2.v3 .ppo2__faq details{border-radius:28px}

.ppo2.v4{--ppo2-accent:#ea580c;--ppo2-accent-2:#2f1a0d;--ppo2-soft:#fff7f2;--ppo2-soft-2:#ffe8da}
.ppo2.v4 .ppo2__hero-copy{order:2}
.ppo2.v4 .ppo2__hero-media{order:1}
.ppo2.v4 .ppo2__card,
.ppo2.v4 .ppo2__item-card,
.ppo2.v4 .ppo2__feature{box-shadow:0 10px 30px rgba(234,88,12,.08)}

.ppo2.v5{--ppo2-accent:#3f6212;--ppo2-accent-2:#1f2937;--ppo2-soft:#f8fcf1;--ppo2-soft-2:#e9f6d4}
.ppo2.v5 .ppo2__hero{background:linear-gradient(180deg,#eef7dc 0%,#ffffff 72%)}
.ppo2.v5 .ppo2__card,
.ppo2.v5 .ppo2__item-card{border-top:5px solid rgba(63,98,18,.15)}

.ppo2.v6{--ppo2-accent:#0891b2;--ppo2-accent-2:#0f172a;--ppo2-soft:#f3fcff;--ppo2-soft-2:#dff7ff}
.ppo2.v6 .ppo2__hero,
.ppo2.v6 .ppo2__section,
.ppo2.v6 .ppo2__faq details,
.ppo2.v6 .ppo2__card,
.ppo2.v6 .ppo2__item-card,
.ppo2.v6 .ppo2__feature{backdrop-filter:blur(6px)}

.ppo2.v7{--ppo2-accent:#be185d;--ppo2-accent-2:#1f1530;--ppo2-soft:#fff6fb;--ppo2-soft-2:#ffe3f0}
.ppo2.v7 .ppo2__hero{background:linear-gradient(135deg,#1f1530 0%,#1f1530 28%,#fff 28%,#fff 100%)}
.ppo2.v7 .ppo2__eyebrow{background:#1f1530;color:#fff;border-color:#1f1530}
.ppo2.v7 .ppo2__card h3::after,
.ppo2.v7 .ppo2__item-title::after{
  content:"";
  display:block;
  width:52px;
  height:3px;
  margin-top:10px;
  background:var(--ppo2-accent);
  border-radius:999px;
}

.ppo2.v8{--ppo2-accent:#0f766e;--ppo2-accent-2:#172554;--ppo2-soft:#f5fbfb;--ppo2-soft-2:#dff7f7}
.ppo2.v8 .ppo2__section,
.ppo2.v8 .ppo2__hero,
.ppo2.v8 .ppo2__card,
.ppo2.v8 .ppo2__item-card,
.ppo2.v8 .ppo2__feature,
.ppo2.v8 .ppo2__faq details{border-radius:14px;box-shadow:none}
.ppo2.v8 .ppo2__section-head{padding-bottom:12px;border-bottom:1px solid var(--ppo2-line)}

.ppo2.v9{--ppo2-accent:#0284c7;--ppo2-accent-2:#082f49;--ppo2-soft:#f2fbff;--ppo2-soft-2:#d8f2ff}
.ppo2.v9 .ppo2__hero{background:linear-gradient(160deg,#082f49 0%,#0b4f76 44%,#f2fbff 44%,#ffffff 100%)}
.ppo2.v9 .ppo2__eyebrow{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.28);color:#fff}

.ppo2.v10{--ppo2-accent:#a16207;--ppo2-accent-2:#161616;--ppo2-soft:#fffaf0;--ppo2-soft-2:#f9ebc6}
.ppo2.v10 .ppo2__hero{background:linear-gradient(135deg,#161616 0%,#2c2415 38%,#fff6e0 38%,#fffdf7 100%)}
.ppo2.v10 .ppo2__eyebrow{background:#fff6e0;border-color:#eed9a1;color:#161616}
.ppo2.v10 .ppo2__hero-note{background:#fff8ea;border-color:#f0dfb5}
.ppo2.v10 .ppo2__card,
.ppo2.v10 .ppo2__item-card,
.ppo2.v10 .ppo2__feature{border-color:#f0dfb5}
.ppo2.v10 .ppo2__cta{background:linear-gradient(135deg,#161616,#6b4f11)}

@media (max-width: 1180px){
  .ppo2__wrap{max-width:100%}
  .ppo2__hero-copy h1{
    max-width:17ch;
    font-size:clamp(32px,4vw,54px);
  }
  .ppo2__hero-media img{max-height:420px}
  .ppo2__items-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media (max-width: 1080px){
  .ppo2__hero-grid,
  .ppo2__split,
  .ppo2__cta{grid-template-columns:1fr}
  .ppo2__grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ppo2__grid-3{grid-template-columns:1fr}
  .ppo2__steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ppo2__items-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ppo2__hero-copy{order:1 !important}
  .ppo2__hero-media{order:2 !important;height:auto}
  .ppo2__hero-copy h1{max-width:none}
  .ppo2__hero-media img{max-height:none}
}

@media (max-width: 767px){
  .ppo2__wrap{padding:14px}
  .ppo2__hero{
    padding:16px;
    border-radius:22px;
    margin-bottom:18px;
  }
  .ppo2__hero-grid{gap:16px}
  .ppo2__hero-copy{
    padding:16px;
    border-radius:20px;
  }
  .ppo2__hero-copy h1{
    font-size:clamp(30px,9vw,44px);
    line-height:1.04;
  }
  .ppo2__lead{
    font-size:17px;
    line-height:1.62;
  }
  .ppo2__hero-media{
    padding:12px;
    border-radius:20px;
    gap:14px;
  }
  .ppo2__hero-media img{
    width:100%;
    height:auto !important;
    border-radius:16px;
  }
  .ppo2__hero-media-copy{
    padding:14px 15px;
    border-radius:16px;
  }
  .ppo2__hero-media-copy strong{font-size:18px}
  .ppo2__hero-media-copy p{
    font-size:14px;
    line-height:1.58;
  }
  .ppo2__section{
    padding:18px;
  }
  .ppo2__grid-4,
  .ppo2__steps,
  .ppo2__items-grid{grid-template-columns:1fr}
  .ppo2__buttons{flex-direction:column}
  .ppo2__btn{width:100%}
  .ppo2__quote-card{
    max-width:none;
    grid-template-columns:76px 1fr;
    padding:12px;
  }
  .ppo2__quote-card-media{
    width:76px;
    height:76px;
    border-radius:16px;
  }
}/* End custom CSS */