/* Kad2U V92 — CLEAN FIXED FRAME + INTERNAL CONTENT SCROLL
   Main/opened card only. Intro/opener is untouched.

   Architecture:
   - .ewc-phone is a viewport-height static invitation frame.
   - The selected artwork is painted ONCE on that frame.
   - .ewc-card-main is the only vertical scroller.
   - Content therefore moves OVER the same stationary artwork.
   - No repeat, no cover zoom/stretch, no whole-page haze layer.
*/

.ewc-public-page.ewc-opened{
  --ewc-v92-gap:16px;
  height:100svh !important;
  min-height:100svh !important;
  overflow:hidden !important;
}

/* Keep the outer wrapper exactly one viewport high. */
.ewc-public-page.ewc-opened .ewc-phone-wrap{
  width:100% !important;
  height:100svh !important;
  min-height:100svh !important;
  overflow:visible !important;
  opacity:1 !important;
  transform:none !important;
  filter:none !important;
}

/* ONE stationary card background. The phone itself never scrolls. */
.ewc-public-page.ewc-opened .ewc-phone{
  position:relative !important;
  width:100% !important;
  max-width:430px !important;
  height:100svh !important;
  min-height:0 !important;
  margin:0 auto !important;
  overflow:hidden !important;
  isolation:isolate !important;

  background-color:#f7f3ec !important;
  background-image:var(--ewc-bg) !important;
  background-size:100% auto !important;
  background-position:center top !important;
  background-repeat:no-repeat !important;
  background-attachment:scroll !important;
}

/* Remove legacy full-frame tint/blur overlays. */
.ewc-public-page.ewc-opened .ewc-phone::before,
.ewc-public-page.ewc-opened .ewc-phone::after{
  content:none !important;
  display:none !important;
  background:none !important;
  opacity:0 !important;
  filter:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

/* Top controls float over the frame and do not consume scroll height. */
.ewc-public-page.ewc-opened .ewc-topbar{
  position:absolute !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  z-index:40 !important;
}

/* THIS is now the only vertical scroll area. */
.ewc-public-page.ewc-opened .ewc-card-main{
  position:relative !important;
  z-index:2 !important;
  box-sizing:border-box !important;
  width:100% !important;
  height:100svh !important;
  min-height:0 !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  overscroll-behavior-y:contain !important;
  -webkit-overflow-scrolling:touch !important;
  scroll-behavior:smooth !important;
  scrollbar-width:none !important;
  -ms-overflow-style:none !important;
  padding-top:0 !important;
}
.ewc-public-page.ewc-opened .ewc-card-main::-webkit-scrollbar{
  width:0 !important;
  height:0 !important;
  display:none !important;
}

/* First panel occupies one card viewport, so lower content does not peek early. */
.ewc-public-page.ewc-opened .ewc-hero.ewc-screen{
  box-sizing:border-box !important;
  width:100% !important;
  min-height:100svh !important;
  margin:0 auto !important;
  padding:72px 0 104px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

/* Keep the artwork crisp behind the hero — no big frosted pane. */
.ewc-public-page.ewc-opened .ewc-hero-inner{
  margin:0 auto !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
.ewc-public-page.ewc-opened .ewc-hero-inner::before,
.ewc-public-page.ewc-opened .ewc-hero-inner::after{
  content:none !important;
  display:none !important;
  background:none !important;
  opacity:0 !important;
  filter:none !important;
}

/* The section bubbles may remain translucent, but must NOT blur the artwork. */
.ewc-public-page.ewc-opened .ewc-glass,
.ewc-public-page.ewc-opened .overlay-none .ewc-glass,
.ewc-public-page.ewc-opened .overlay-blur .ewc-glass,
.ewc-public-page.ewc-opened .overlay-gradient .ewc-glass,
.ewc-public-page.ewc-opened .ewc-date-card,
.ewc-public-page.ewc-opened .ewc-countdown > div,
.ewc-public-page.ewc-opened .ewc-bottom-nav{
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

/* Consistent rhythm below hero. */
.ewc-public-page.ewc-opened .ewc-quick-panel-v52,
.ewc-public-page.ewc-opened .ewc-card-main > .ewc-section,
.ewc-public-page.ewc-opened .ewc-countdown-card{
  margin-top:0 !important;
  margin-bottom:var(--ewc-v92-gap) !important;
}
.ewc-public-page.ewc-opened .ewc-quick-panel-v52{
  margin-top:var(--ewc-v92-gap) !important;
}
.ewc-public-page.ewc-opened .ewc-countdown-card{
  margin-top:0 !important;
}
.ewc-public-page.ewc-opened .ewc-card-main > .ewc-section:last-of-type{
  margin-bottom:10px !important;
}
.ewc-public-page.ewc-opened .ewc-footer{
  margin-top:0 !important;
}

.ewc-public-page.ewc-opened .ewc-section,
.ewc-public-page.ewc-opened .ewc-quick-panel-v52,
.ewc-public-page.ewc-opened .ewc-hero{
  scroll-margin-top:72px !important;
}

@media (max-width:480px){
  .ewc-public-page.ewc-opened{--ewc-v92-gap:14px;}
  .ewc-public-page.ewc-opened .ewc-hero.ewc-screen{
    min-height:100svh !important;
    padding:62px 0 94px !important;
  }
}

@media (max-width:380px){
  .ewc-public-page.ewc-opened{--ewc-v92-gap:12px;}
  .ewc-public-page.ewc-opened .ewc-hero.ewc-screen{
    padding:56px 0 88px !important;
  }
}

@media (max-height:700px){
  .ewc-public-page.ewc-opened .ewc-hero.ewc-screen{
    padding-top:54px !important;
    padding-bottom:82px !important;
  }
}