/* Shared mobile finishing rules. Keep every field; turn wide tables into labeled cards. */
.hd-mobile-menu{display:none}
@media(max-width:760px){
 html{scroll-padding-top:16px}body{min-width:0}
 main,.main,.panel,.card,section,form,header,.top,.item,.row,.actions{min-width:0}
 button,input,select,textarea{max-width:100%;font-size:16px}
 button:not(.qty-btn),input:not([type=checkbox]):not([type=radio]),select{min-height:44px}
 button,a.primary,a.secondary{white-space:normal;overflow-wrap:anywhere}
 input,select,textarea{font-size:16px!important}textarea{resize:vertical}
 label,code,pre,.hint,.message,.badge,.pill{overflow-wrap:anywhere}
 pre{white-space:pre-wrap}
 .actions,.tabs,.row{gap:10px}
 .actions>button,.tabs>button{flex:1 1 130px;min-width:0;line-height:1.7}
 .tabs{flex-wrap:wrap}
 .hd-mobile-menu{display:block;width:100%;margin:10px 0 4px;padding:12px;border-radius:11px;border:1px solid #3a6b7f;background:#12333e;color:#bdf7eb;font:inherit;text-align:center}
 .side .nav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;gap:8px}
 .side .nav.hd-menu-collapsed{display:none!important}
 .side .nav button{width:100%;min-width:0;white-space:normal;min-height:44px;line-height:1.7}
 .table-wrap{max-height:none;overflow:visible}
 .hd-mobile-table{display:block;width:100%;min-width:0!important}
 .hd-mobile-table thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .hd-mobile-table tbody{display:grid;gap:14px;width:100%}
 .hd-mobile-table tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid #30465e;border-radius:13px;padding:12px;background:#0c192a;gap:0 12px}
 .hd-mobile-table tbody td{display:block;min-width:0!important;max-width:100%!important;padding:10px 0;white-space:normal;overflow-wrap:anywhere;line-height:1.9;border-bottom:1px solid #26394e}
 .hd-mobile-table tbody td:first-child,.hd-mobile-table .hd-full-cell{grid-column:1/-1}
 .hd-mobile-table tbody td::before{content:attr(data-label);display:block;color:#9fb6cf;font-size:11px;font-weight:500;margin-bottom:5px}
 .hd-mobile-table tbody td:not([data-label])::before{display:none}
 .hd-mobile-table tbody td button{max-width:100%;white-space:normal}
 .hd-mobile-table .empty{border:0}
 .table-like{overflow:visible}.table-head,.table-row{min-width:0!important;overflow-wrap:anywhere}
 dialog{width:calc(100% - 24px);max-width:620px;padding:18px;max-height:90dvh}
 .catalog-header-inner,.catalog-account-actions,.catalog-identity,.catalog-results-top{min-width:0}
 .catalog-purchase-row{flex-wrap:wrap}.catalog-results-top{flex-wrap:wrap}
 .inbox-actions label{min-width:0!important;flex-basis:100%}
}
@media(max-width:360px){.hd-mobile-table tbody tr{grid-template-columns:1fr}.hd-mobile-table tbody td{grid-column:1}.catalog-account-actions{max-width:145px}.catalog-identity strong{font-size:15px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important}}