/* Overlay */
#cc_overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.5);
    z-index: 9999;
  }
  
  /* Modal root */
  #cc_modal {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 10000;
    display: none;
    align-items: center;
    justify-content: center;
  }
  
  /* Shell (iframe wrapper) */
  .ccpop-shell {
    width: min(500px, 95vw);
    max-height: 90vh;
    background: #fff;
    border-radius: 20px;
    overflow: auto;
    box-shadow: 0 20px 60px rgba(0,0,0,.3);
  }
  
  /* Iframe */
  #cc_iframe {
    width: 100%;
    height: auto;
    border: 0;
    display: block;
  }
  
  @media (max-width:480px){
    .ccpop-shell{
      width:100vw;
      max-height:calc(100dvh - env(safe-area-inset-bottom) - 12px); /* 하단 홈바 여유 */
      border-radius:12px;
    }
  }