/* Phone presentation only. No desktop declarations or business behaviour. */
@media screen and (max-width:767px) {
  .cloud-environment-notice { display:none!important; }
  .me[data-v-4611385a] { display:block!important; padding:12px!important; }
  .me[data-v-4611385a]>.nn,.me[data-v-4611385a]>.rb { width:100%!important; min-width:0!important; margin:0!important; padding:0!important; box-sizing:border-box; }
  .nn[data-v-4611385a] .c { display:flex!important; flex-wrap:wrap; max-height:150px; overflow:auto; margin-bottom:16px; }
  .nn[data-v-4611385a]>.m { width:100%!important; box-sizing:border-box; }
  .nn[data-v-4611385a] .c>li { width:50%; box-sizing:border-box; }
  .nn[data-v-4611385a] .c>li>b { padding:10px!important; }
  .rb[data-v-4611385a] .px { display:flex!important; justify-content:space-around; padding:12px 0!important; width:100%!important; box-sizing:border-box; }
  .rb[data-v-4611385a] .px>li { margin:0!important; }
  .rb[data-v-4611385a] ._mypintc { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; width:100%!important; margin:12px 0!important; padding:0!important; }
  .rb[data-v-4611385a] ._mypintc>li { width:100%!important; min-width:0!important; margin:0!important; padding:0!important; }
  .rb[data-v-4611385a] ._mypintc>li>.c { width:100%!important; box-sizing:border-box; }
  .rb[data-v-4611385a] ._mypintc .a { display:flex; flex-wrap:wrap; gap:6px; }
  /* Use all existing banner links as a single phone-only carousel. */
  .bn { display:block!important; position:relative!important; width:100%!important; height:auto!important; aspect-ratio:972/445; overflow:hidden; margin:10px 0!important; padding:0!important; background:#fff; }
  .bn>div,.bn .r>.l,.bn .bn0,.bn .p,.bn .swiper-wrapper { display:contents!important; position:static!important; transform:none!important; }
  .bn .swiper-slide { display:none!important; position:absolute!important; inset:0!important; width:100%!important; height:100%!important; margin:0!important; background-size:contain!important; background-repeat:no-repeat!important; background-position:center!important; }
  .bn .swiper-slide.rep-mobile-slide { display:block!important; }
  html,body { min-width:0!important; }
  ._wtop { position:static!important; height:auto!important; }
  ._ccc,._wbarc { width:100%!important; max-width:100%!important; min-width:0!important; box-sizing:border-box; }
  ._wtop .c { padding:12px!important; gap:10px!important; }
  ._wtop .l { width:130px!important; height:38px!important; }
  ._wtop .z { font-size:12px; }
  ._wtop .s { box-sizing:border-box; }
  ._wfls,._wfls .c { height:auto!important; width:100%!important; padding:0!important; }
  ._wfls .m { display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr)); width:100%!important; height:auto!important; margin:0!important; padding:0!important; }
  ._wfls .m>li { display:block!important; width:auto!important; margin:0!important; padding:0 5px!important; height:44px!important; line-height:44px!important; text-align:center; font-size:14px!important; }
  ._wbarc { display:block!important; }
  ._wbarl { position:static!important; width:100%!important; min-width:0!important; border-right:0!important; padding:0!important; }
  ._wbarl .a { display:flex!important; align-items:center; gap:12px; padding:14px!important; height:auto!important; }
  ._wbarl .f { width:44px!important; height:44px!important; margin:0!important; flex-shrink:0; }
  ._wbarl .e { margin:0!important; overflow-wrap:anywhere; }
  ._wbarl>ul { display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr)); padding:0 8px 12px!important; gap:6px; }
  ._wbarl>ul>li { width:auto!important; margin:0!important; padding:10px 3px!important; min-height:44px; height:auto!important; line-height:24px!important; box-sizing:border-box; text-align:center; font-size:13px!important; border:1px solid #eee; border-radius:5px; }
  ._wbarl>ul>li:before { margin-right:5px!important; }
  ._wbarr { width:100%!important; min-width:0!important; margin:0!important; padding:20px 12px!important; box-sizing:border-box; }
  ._wbarr>.mc { width:100%!important; padding:0!important; }
  ._wbarr .dx,._wbarr .js>ul,._wbarr .ds { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  ._wbarr .dx>li,._wbarr .js>ul>li,._wbarr .ds>li { width:auto!important; min-width:0; margin:0!important; box-sizing:border-box; }
  ._wbarr .dx>li { padding:14px 4px!important; }
  ._wbarr .ic { display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr)); }
  ._wbarr .ic>li { width:auto!important; margin:0!important; }
  ._wbarr .cb { padding:12px!important; }
  ._wbarr #chart { width:100%!important; min-width:0; }
  .rep-promotion-panel ._btnjl { top:24px!important; right:12px!important; }
  .rep-content,.rep-merchant { width:100%!important; min-width:0; box-sizing:border-box; padding:20px 12px!important; }
  .rep-dialog { width:calc(100% - 24px)!important; max-width:calc(100% - 24px)!important; max-height:85dvh; overflow:auto; box-sizing:border-box; }
  .rep-richtext { overflow-x:auto; }
  .rep-richtext table { min-width:0!important; width:100%!important; table-layout:fixed; }
  .rep-richtext td,.rep-richtext th { overflow-wrap:anywhere; }
  .rep-form input,.rep-form select,.rep-form textarea,.pay-form input,.pay-form select,.credit-form input,.credit-form select,.gbay-chat textarea { font-size:16px!important; }
  .rep-table-wrap,.pay-table-wrap,.credit-table-wrap { width:100%; max-width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; }
  .rep-checkout,.rep-order-header,.rep-order-footer { flex-wrap:wrap; gap:12px; }
  .rep-pagination { flex-wrap:wrap; gap:8px; }
  .rep-level-head { padding-right:70px!important; }
  .rep-level-body p { gap:10px; }
  .rep-level-body p b { text-align:right; }
  ._wfoot .f { display:block!important; }
  ._wfoot .f1,._wfoot .f2 { width:100%!important; margin:0!important; padding:16px 12px!important; box-sizing:border-box; }
  ._wfoot .f2>ul { display:flex!important; flex-wrap:wrap; gap:20px; }
  ._wfoot .y { width:100%!important; box-sizing:border-box; }
  ._wfoot .y uni-input { width:calc(100% - 80px)!important; }
  ._wfoot .b { padding:16px 12px!important; box-sizing:border-box; overflow-wrap:anywhere; }
  /* Admin retains its existing menu toggle; large tables scroll within their panel. */
  #tabs .content-wrapper ._main { padding:8px; }
  #tabs .local-modal { width:100%!important; max-height:90dvh; }
  #tabs .form-line { flex-wrap:wrap; }
  #tabs .form-line>label { width:100%; text-align:left; }
  #tabs .form-line>.form-control,#tabs .form-line>.input-group { width:100%; min-width:0; }
  #tabs .form-actions,#tabs .local-modal .form-actions { padding-left:0; }
  #tabs .form-control { font-size:16px; }
  #tabs .admin-table .product-title { min-width:220px; max-width:320px; white-space:normal; }
  #tabs .payment-summary { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #tabs .detail-grid { grid-template-columns:80px minmax(0,1fr); }
  #tabs .payment-section-tools { flex-wrap:wrap; }
}
