/* Ver.55 — compact VIP/S ticket layout with strong visual hierarchy.
   Only VIP and S ticket covers are changed; CTA and accordion stay intact. */
@media (max-width:580px) {
  .ticket-entry.ticket-entry-vip .ticket-invite,
  .ticket-entry.ticket-entry-vip .ticket-body {
    min-height:376px;
  }
  .ticket-entry.ticket-entry-s .ticket-invite,
  .ticket-entry.ticket-entry-s .ticket-body {
    min-height:348px;
  }
  .ticket-entry.ticket-entry-vip .ticket-body,
  .ticket-entry.ticket-entry-s .ticket-body {
    justify-content:flex-start;
    align-items:center;
    padding:32px 12px 0;
  }
  .ticket-entry.ticket-entry-vip .ticket-tier,
  .ticket-entry.ticket-entry-s .ticket-tier {
    align-self:flex-start;
    margin-left:18px;
    font-size:22px;
  }
  .ticket-entry.ticket-entry-vip .ticket-tier::after,
  .ticket-entry.ticket-entry-s .ticket-tier::after {
    margin:5px auto 0;
  }
  .ticket-entry.ticket-entry-vip .ticket-limited,
  .ticket-entry.ticket-entry-s .ticket-limited {
    width:94px;
    height:94px;
    top:10px;
    right:10px;
  }
  .ticket-entry.ticket-entry-vip .ticket-limited-num,
  .ticket-entry.ticket-entry-s .ticket-limited-num {font-size:33px;}
  .ticket-entry.ticket-entry-vip .ticket-limited-word,
  .ticket-entry.ticket-entry-s .ticket-limited-word {font-size:15px;}
  .ticket-entry.ticket-entry-vip .ticket-price,
  .ticket-entry.ticket-entry-s .ticket-price {
    margin-top:42px;
    font-size:clamp(49px,14vw,58px);
  }
  .ticket-entry.ticket-entry-vip .ticket-phrase,
  .ticket-entry.ticket-entry-s .ticket-phrase {
    margin-top:5px;
    margin-bottom:14px;
  }
  .ticket-entry.ticket-entry-vip .ticket-expand,
  .ticket-entry.ticket-entry-s .ticket-expand {
    margin-top:auto;
    margin-bottom:14px;
  }
}
/* Mid-size tablets can also avoid unnecessarily tall VIP/S covers. */
@media (min-width:581px) and (max-width:980px) {
  .ticket-entry.ticket-entry-vip .ticket-invite,
  .ticket-entry.ticket-entry-vip .ticket-body {min-height:400px;}
  .ticket-entry.ticket-entry-s .ticket-invite,
  .ticket-entry.ticket-entry-s .ticket-body {min-height:375px;}
  .ticket-entry.ticket-entry-vip .ticket-limited,
  .ticket-entry.ticket-entry-s .ticket-limited {width:92px;height:92px;right:8px;top:8px;}
}
/* Narrow phones: prevent awkward splitting of the primary benefit label. */
@media (max-width:360px) {
  .ticket-entry-vip .ticket-expand .ticket-expand-label,
  .ticket-entry-s .ticket-expand .ticket-expand-label {
    font-size:13px;
    letter-spacing:0;
    white-space:nowrap;
  }
  .ticket-entry-vip .ticket-expand,
  .ticket-entry-s .ticket-expand {padding-left:8px;padding-right:13px;gap:5px;}
}