/* WNW Donation V21.3 — mobile horizontal overflow fix */
html,body{width:100%;max-width:100%;overflow-x:hidden!important;overscroll-behavior-x:none}
*,*::before,*::after{box-sizing:border-box}
main,header,footer,section,article,nav,main>*,header>*,footer>*{min-width:0;max-width:100%}
.grid>*,.flex>*{min-width:0}
img,svg,video,canvas,iframe,input,select,textarea,button{max-width:100%}
a,p,span,div,td,th{overflow-wrap:anywhere}
.overflow-auto,.overflow-x-auto{max-width:100%;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.nikorn-slider-viewport{width:100%;max-width:100%;overflow:hidden!important;contain:inline-size}
@media(max-width:639px){
  body{touch-action:pan-y pinch-zoom}
  body>main>section,main>section,header>div,footer>div{width:100%!important;max-width:100%!important;padding-left:12px!important;padding-right:12px!important}
  header>div{height:auto!important;min-height:68px;padding-top:10px!important;padding-bottom:10px!important}
  #hero{max-width:100%;border-radius:1.5rem!important}
  #hero>div.relative{padding:24px 20px!important}
  #campaign-title{font-size:clamp(1.75rem,8vw,2.3rem)!important;line-height:1.15!important}
  #period-tabs{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));width:100%!important;max-width:100%}
  #period-tabs .period-btn{width:100%;min-width:0;padding:.55rem .15rem!important;font-size:.78rem!important;white-space:nowrap}
  .glass{border-radius:1.5rem!important;min-width:0!important;max-width:100%!important}
  main article.glass{padding-left:18px!important;padding-right:18px!important}
  #bank-name,#bank-account-name,#bank-account-no,#promptpay-row,#promptpay{white-space:normal!important;overflow-wrap:anywhere!important;word-break:break-word!important}
  .history-tab-grid,.field,.mobile-donor-card{width:100%!important;max-width:100%!important;min-width:0!important}
  .nikorn-slide{width:calc(100vw - 72px)!important;min-width:calc(100vw - 72px)!important;max-width:calc(100vw - 72px)!important;flex:0 0 calc(100vw - 72px)!important}
}
@media(max-width:380px){
  body>main>section,main>section,header>div,footer>div{padding-left:10px!important;padding-right:10px!important}
  main article.glass{padding-left:15px!important;padding-right:15px!important}
  .nikorn-slide{width:calc(100vw - 60px)!important;min-width:calc(100vw - 60px)!important;max-width:calc(100vw - 60px)!important;flex-basis:calc(100vw - 60px)!important}
}