/* Mobile CTA release: isolated from hero scenes and loaded after every public stylesheet. */
@media (max-width: 768px) {
  .public-site .mobile-cta {
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    gap: 8px;
    padding: 8px 10px calc(8px + env(safe-area-inset-bottom));
    border-top: 2px solid #47d9b5;
    background: #06110e !important;
    box-shadow: 0 -8px 24px rgba(0, 0, 0, .34);
    color-scheme: only light;
  }

  .public-site .mobile-cta a {
    position: relative;
    display: grid;
    min-width: 0;
    min-height: 60px;
    place-items: center;
    overflow: hidden;
    border-radius: 10px;
    isolation: isolate;
    font-weight: 900;
    letter-spacing: -.035em;
    text-shadow: none;
    color-scheme: only light;
    forced-color-adjust: none;
  }

  .public-site .mobile-cta-call {
    border: 2px solid #5be0bd !important;
    background: #c8f5e4 !important;
    background-image: linear-gradient(135deg, #d9faee 0%, #a9e9d1 100%) !important;
    color: #06110e !important;
    -webkit-text-fill-color: #06110e;
  }

  .public-site .mobile-cta-kakao {
    border: 2px solid #ffe500 !important;
    background: #ffe500 !important;
    background-image: linear-gradient(135deg, #fff068 0%, #ffe500 56%, #f4cf00 100%) !important;
    color: #17201e !important;
    -webkit-text-fill-color: #17201e;
  }

  .public-site .mobile-cta a > span {
    position: relative;
    z-index: 2;
    width: 100%;
    margin: 0;
    padding: 0 32px;
    transform: none;
    text-align: center;
    white-space: nowrap;
  }

  .public-site .mobile-cta-dduri {
    position: absolute;
    z-index: 1;
    bottom: 5px;
    width: 36px;
    height: 46px;
    object-fit: contain;
    object-position: center bottom;
    pointer-events: none;
    opacity: 1;
  }

  .public-site .mobile-cta-dduri-bow {
    left: 7px;
  }

  .public-site .mobile-cta-dduri-point {
    right: 7px;
  }
}

@media (max-width: 375px) {
  .public-site .mobile-cta {
    gap: 6px;
    padding-inline: 8px;
  }

  .public-site .mobile-cta a > span {
    padding-inline: 25px;
    font-size: 14px;
  }

  .public-site .mobile-cta-dduri {
    width: 31px;
    height: 41px;
  }
}