/* v106 — payment page proportional narrow-window lock
   Keeps date + event content + actions in one stable row. */
@media (max-width:1240px){
  .payment-page .events-featured .container{overflow:visible!important}
  .payment-page .event-card-main{
    grid-template-columns:minmax(62px,.17fr) minmax(0,.55fr) minmax(105px,.28fr)!important;
    gap:clamp(6px,1.35vw,18px)!important;
    padding:clamp(10px,1.8vw,24px)!important;
    align-items:center!important;
  }
  .payment-page .event-date{
    min-width:0!important;
    min-height:clamp(82px,12vw,142px)!important;
    height:auto!important;
    padding:clamp(7px,1.25vw,16px)!important;
    gap:clamp(3px,.75vw,10px)!important;
    border-radius:clamp(12px,2vw,24px)!important;
  }
  .payment-page .event-date strong{font-size:clamp(28px,5.2vw,58px)!important;line-height:.9!important;white-space:nowrap!important}
  .payment-page .event-date span{font-size:clamp(5.5px,.9vw,10.5px)!important;line-height:1.15!important;letter-spacing:.045em!important;white-space:normal!important}
  .payment-page .event-card-body{min-width:0!important}
  .payment-page .event-meta{gap:clamp(3px,.65vw,7px)!important;flex-wrap:wrap!important}
  .payment-page .event-meta span{padding:clamp(3px,.6vw,6px) clamp(4px,.8vw,8px)!important;font-size:clamp(5px,.78vw,9px)!important;letter-spacing:.045em!important}
  .payment-page .event-card h3{font-size:clamp(20px,3.6vw,43px)!important;line-height:.95!important;margin:clamp(6px,1.1vw,12px) 0 clamp(5px,.9vw,10px)!important}
  .payment-page .event-card p{font-size:clamp(7px,1.05vw,12.5px)!important;line-height:1.42!important}
  .payment-page .event-price{gap:clamp(4px,.7vw,9px)!important;margin-top:clamp(7px,1.2vw,14px)!important;align-items:baseline!important;flex-wrap:nowrap!important}
  .payment-page .event-price span{font-size:clamp(5.5px,.8vw,10px)!important;white-space:nowrap!important}
  .payment-page .event-price strong{font-size:clamp(15px,2.2vw,26px)!important;white-space:nowrap!important}
  .payment-page .event-card-actions{
    min-width:0!important;
    width:100%!important;
    gap:clamp(5px,1vw,13px)!important;
    align-items:stretch!important;
    justify-content:center!important;
  }
  .payment-page .event-status{font-size:clamp(5px,.78vw,9.5px)!important;gap:clamp(3px,.55vw,7px)!important;line-height:1.2!important;white-space:normal!important}
  .payment-page .event-status i{width:clamp(4px,.55vw,7px)!important;height:clamp(4px,.55vw,7px)!important;flex:0 0 auto!important}
  .payment-page .event-card-actions .btn-3d{
    width:100%!important;min-width:0!important;min-height:clamp(32px,4.7vw,54px)!important;
    padding:clamp(5px,.9vw,10px) clamp(5px,1vw,12px)!important;
    font-size:clamp(5.5px,.83vw,9.5px)!important;line-height:1.15!important;
    white-space:normal!important;text-align:center!important;border-radius:clamp(9px,1.4vw,16px)!important;
  }
  .payment-page .event-details-link{font-size:clamp(5.5px,.82vw,9.5px)!important;line-height:1.2!important;text-align:center!important;white-space:normal!important}
}
@media (max-width:700px){
  .payment-page .event-card-main{
    grid-template-columns:minmax(54px,.18fr) minmax(0,.54fr) minmax(88px,.28fr)!important;
    gap:5px!important;padding:8px!important;border-radius:14px!important;
  }
  .payment-page .event-date{min-height:78px!important;padding:5px!important;gap:2px!important;border-radius:10px!important;box-shadow:inset 0 1px rgba(255,255,255,.8),0 5px 0 #6b4914,0 10px 22px rgba(0,0,0,.25)!important}
  .payment-page .event-date strong{font-size:clamp(24px,6.2vw,33px)!important}
  .payment-page .event-date span{font-size:clamp(5px,1.4vw,6.8px)!important}
  .payment-page .event-meta{gap:2px!important}
  .payment-page .event-meta span{padding:3px 4px!important;font-size:5.2px!important}
  .payment-page .event-card h3{font-size:clamp(17px,4.5vw,24px)!important;margin:4px 0!important}
  .payment-page .event-card p{font-size:clamp(6px,1.65vw,8px)!important;line-height:1.34!important}
  .payment-page .event-price{margin-top:5px!important;gap:3px!important}
  .payment-page .event-price span{font-size:5.2px!important}
  .payment-page .event-price strong{font-size:clamp(12px,3.1vw,17px)!important}
  .payment-page .event-card-actions{gap:4px!important}
  .payment-page .event-status{font-size:5px!important;gap:2px!important}
  .payment-page .event-card-actions .btn-3d{min-height:28px!important;padding:4px!important;font-size:5.2px!important;border-radius:8px!important}
  .payment-page .event-details-link{font-size:5px!important}
}