/* Unlock Osaka Suite 4.2 — frontend responsive safety layer */
:where(.uot-form,.uot-panel,.uot-payment-box,.uot-card-grid,.uot-account-grid,.uot-check-grid,.uot-mini-order){box-sizing:border-box;max-width:100%;min-width:0}
:where(.uot-form,.uot-panel,.uot-payment-box) *{box-sizing:border-box;min-width:0}
:where(.uot-form,.uot-panel,.uot-payment-box) input,
:where(.uot-form,.uot-panel,.uot-payment-box) select,
:where(.uot-form,.uot-panel,.uot-payment-box) textarea,
.uot-mini-order input,.uot-mini-order select,.uot-mini-order textarea,.uot-mini-order button{width:100%;max-width:100%;min-width:0;font-size:16px}
.uot-form-grid,.uot-account-grid,.uot-check-grid,.uot-card-grid{max-width:100%;min-width:0}
.uot-card-grid>*{min-width:0;max-width:100%}
.uot-check{min-width:0;max-width:100%;overflow:hidden}
.uot-check span,.uot-check strong,.uot-check small{min-width:0;max-width:100%;overflow-wrap:anywhere}
.uot-notice{max-width:100%;overflow-wrap:anywhere}
.uot-qr{display:block;width:auto;height:auto;max-width:min(250px,100%)}
.uot-mini-order{width:100%;max-width:100%}
.uot-mini-order textarea{min-height:96px}

/* Handle third-party/WordPress content inside UOT pages without page overflow */
.uot-content img,.uot-content video,.uot-content iframe,.uot-content embed,.uot-content object,
.uot-form img,.uot-panel img,.uot-payment-box img{max-width:100%;height:auto}
.uot-content pre,.uot-panel pre{max-width:100%;overflow:auto}
.uot-content table,.uot-panel table,.uot-payment-box table{width:100%;max-width:100%;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}

@media(max-width:760px){
  .uot-form-grid,.uot-account-grid,.uot-check-grid,.uot-card-grid,.uot-card-grid.compact{grid-template-columns:minmax(0,1fr)!important}
  .uot-form,.uot-panel,.uot-payment-box{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;padding:15px!important}
  .uot-card{width:100%;max-width:100%}
  .uot-mini-order{display:grid;grid-template-columns:1fr;gap:8px}
  .uot-btn,.uot-form button,.uot-mini-order button{max-width:100%}
}
@media(max-width:420px){
  .uot-form,.uot-panel,.uot-payment-box{padding:12px!important;border-radius:14px}
  .uot-check{padding:10px}
}