/* ═══════════════════════════════════════════════════════════════════════
       RESPONSIVE
       ═══════════════════════════════════════════════════════════════════════ */
    @media (min-width: 768px) {
      .explore-grid { gap: 16px; }
      .char-card__info { padding: 12px 14px 16px; }
      .char-card__name { font-size: 16px; }
      .chat-messages { padding: 16px 24px; }
      .chat-bottom { padding-left: 20px; padding-right: 20px; }
      .chat-gifts { gap: 10px; padding-top: 14px; padding-bottom: 16px; }
      .gift-item {
        min-width: calc((100% - 40px) / 5);
        flex-basis: calc((100% - 40px) / 5);
        padding-top: 10px;
        padding-bottom: 8px;
      }
      .gift-item__icon { font-size: 66px; }
      .gift-item__img { width: 76px; height: 76px; }
      .gift-item__price { font-size: 16px; }
      .chat-input-row { padding-top: 6px; }
    }
    @media (hover: hover) and (pointer: fine) {
      .gift-item:hover::before {
        opacity: 1;
      }
    }
    @media (max-width: 380px) {
      .char-card__name { font-size: 13px; }
      .char-card__desc { font-size: 11px; }
      .premium-btn { font-size: 11px; padding: 6px 10px; gap: 6px; }
      .premium-btn__accent { min-width: 36px; padding: 0 6px; }
      .vip-sheet__scroll { padding-left: 14px; padding-right: 14px; }
      .vip-plan-card__stars { font-size: 26px; }
      .vip-promo__row { flex-direction: column; }
      .vip-promo__apply { min-height: 46px; }
    }