/* Current claim flow, shared by desktop and mobile layouts. */
body.presale-page .presale-tabs {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
body.presale-page .presale-tab {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  text-decoration: none;
  padding: 10px 12px;
}
.presale-page [data-gv-fee-note]:not([hidden]) { display: block; margin: 10px 0; color: #708797; font-size: 12px; line-height: 1.7; }
.presale-page [data-gv-fee-note] b { white-space: nowrap; }
.presale-page .gv-note[hidden] { display: none; }
.presale-page #ai-records { display: block; }
.presale-page .gv-claim { grid-template-columns: minmax(0, 1fr) minmax(0, .85fr); }
.presale-page .gv-claim > *, .presale-page .gv-claim-box { min-width: 0; }
.presale-page .gv-chain-history { grid-column: 1 / -1; }
.presale-page .gv-claim-amount { overflow-wrap: anywhere; }
.presale-page .gv-transaction-status { margin-top: 12px; color: #526c7d; font-size: 13px; line-height: 1.8; overflow-wrap: anywhere; }
.presale-page .ai-page-heading { flex-wrap: wrap; }
.presale-page .ai-page-heading h1 { font-size: clamp(25px, 4vw, 40px); }
.presale-page .gv-explain, .presale-page .gv-explain-copy { min-width: 0; }
@media (max-width: 720px) {
  .presale-page .gv-claim { grid-template-columns: minmax(0, 1fr); }
  .presale-page .gv-section { padding: 18px; }
  .presale-page .gv-section-head { flex-wrap: wrap; }
}
.presale-page .ai-calendar-card > header { flex-wrap: wrap; gap: 16px; }
.presale-page .ai-calendar-card .ai-month-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.presale-page [data-airdrop-status] { width: auto; height: auto; min-width: 70px; white-space: nowrap; border-radius: 8px; padding: 5px 8px; }
.presale-page .gv-airdrop-section > .gv-button { display: inline-flex; align-items: center; margin-bottom: 18px; color: #007c85; font-weight: 700; text-decoration: none; }
.presale-page .gv-airdrop-section .gv-section-head { flex-wrap: wrap; gap: 12px; }
.presale-page .gv-refresh-button { flex-shrink: 0; padding: 12px 18px; border: 1px solid #b5dedf; border-radius: 12px; background: #fff; color: #007c85; font: inherit; font-weight: 700; cursor: pointer; }
@media (max-width: 600px) {
  .presale-page .ai-calendar-card .ai-month-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .presale-page .ai-calendar-card h2 { font-size: 23px; }
  body.presale-page .presale-tab { flex: 1 0 82px; padding-inline: 8px; }
}