.pwa-ios-tip{
  position: fixed;
  left: 14px;
  right: 14px;
  bottom: calc(14px + env(safe-area-inset-bottom));
  z-index: 9999;
  display: none;
}

.pwa-ios-tip.is-show{
  display: block;
}

/* 안내창 배경을 아이콘의 로열 블루와 일치시킴 */
.pwa-ios-tip__card {
  background: rgba(21, 63, 154, 0.96); /* 새 아이콘의 로열 블루 계열 */
  color: #fff;
  border-radius: 18px;
  padding: 14px 14px 12px;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.3);
  backdrop-filter: blur(10px);
}

.pwa-ios-tip__title{
  margin: 0 0 6px;
  font-size: 15px;
  font-weight: 800;
}

.pwa-ios-tip__text{
  margin: 0;
  font-size: 13px;
  line-height: 1.55;
  color: rgba(255,255,255,.88);
}

.pwa-ios-tip__actions{
  display: flex;
  gap: 8px;
  margin-top: 10px;
}

.pwa-ios-tip__btn{
  appearance: none;
  border: 0;
  border-radius: 12px;
  padding: 10px 12px;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
}

/* 메인 버튼의 글자색도 배경색으로 통일 */
.pwa-ios-tip__btn--primary {
  background: #fff;
  color: #153f9a; /* 버튼 텍스트에 포인트 컬러 적용 */
}

.pwa-ios-tip__btn--ghost{
  background: rgba(255,255,255,.14);
  color: #fff;
}

@media (min-width: 768px){
  .pwa-ios-tip{
    max-width: 420px;
    right: 18px;
    left: auto;
  }
}

/* iOS 앱 모드 */
html, body {
  overscroll-behavior: none;
}

body {
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}

/* 상단 safe-area 대응 */
body {
  padding-top: env(safe-area-inset-top);
  padding-bottom: env(safe-area-inset-bottom);
}

/* iOS에서 클릭 강조 제거 */
* {
  -webkit-tap-highlight-color: transparent;
}