/* MEDTRONEX FINAL RESPONSIVE REBUILD */
*{box-sizing:border-box}html,body{max-width:100%;overflow-x:hidden}
body{color:#182230;background:#f5f7fa;font-size:14px;line-height:1.5}
img,svg,video,iframe{max-width:100%}
.header-inner,.site-header .container,.header-container,.navbar-inner{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:nowrap}
.header-logo,.site-header .logo{flex:0 0 auto;max-width:150px}
.header-search,.search-box,.search-form,.site-header .search{flex:1 1 auto;min-width:100px}
.header-search input,.search-box input,.search-form input,.site-header input[type=search]{width:100%;min-width:0;font-size:12.5px;padding:8px 10px}
.header-actions,.header-tools,.site-header .actions{display:flex;align-items:center;gap:5px;flex:0 0 auto}
.customer-layout,.account-layout,.account-page-layout,.customer-page-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:20px;align-items:start}
.customer-sidebar,.account-sidebar{min-width:0;background:#fff;border:1px solid #d9e1eb;border-radius:12px;overflow:hidden;position:sticky;top:16px}
.customer-sidebar a,.account-sidebar a{display:flex;align-items:center;min-height:40px;padding:9px 13px;color:#334155;font-size:13px;text-decoration:none}
.customer-sidebar a:hover,.account-sidebar a:hover{background:#f3f6fa;color:#174da9}
.customer-sidebar a.active,.account-sidebar a.active{background:#edf4ff;color:#174da9;font-weight:600}
.customer-menu-toggle,.account-menu-toggle,[data-customer-menu-toggle],[data-account-menu-toggle]{display:none}
.table-responsive,.responsive-table,.table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
input,select,textarea{max-width:100%;font-size:13px}
.btn,.button,button{font-size:13px;line-height:1.3}
.hero,.banner,.page-hero{position:relative;isolation:isolate;color:#fff}
.hero::before,.banner::before,.page-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(7,18,35,.72),rgba(7,18,35,.28))}
.hero h1,.hero h2,.hero h3,.hero p,.banner h1,.banner h2,.banner h3,.banner p,.page-hero h1,.page-hero h2,.page-hero h3,.page-hero p{color:#fff!important}
@media(max-width:1024px){.header-logo,.site-header .logo{max-width:135px}.customer-layout,.account-layout,.account-page-layout,.customer-page-layout{grid-template-columns:220px minmax(0,1fr);gap:14px}}
@media(max-width:760px){
 body{font-size:13px}.header-logo,.site-header .logo{max-width:105px}
 .header-search,.search-box,.search-form,.site-header .search{min-width:0}
 .header-search input,.search-box input,.search-form input,.site-header input[type=search]{font-size:11.5px;padding:7px 8px}
 .header-actions,.header-tools,.site-header .actions{gap:3px}
 .customer-layout,.account-layout,.account-page-layout,.customer-page-layout{display:block}
 .customer-sidebar,.account-sidebar{display:none;position:fixed;left:0;top:0;bottom:0;z-index:11000;width:min(310px,86vw);height:100dvh;border-radius:0;overflow-y:auto;background:#fff;box-shadow:10px 0 35px rgba(15,23,42,.2)}
 .customer-sidebar.is-open,.customer-sidebar.open,.account-sidebar.is-open,.account-sidebar.open{display:block}
 .customer-menu-toggle,.account-menu-toggle,[data-customer-menu-toggle],[data-account-menu-toggle]{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;border:1px solid #d4dce7;border-radius:9px;background:#fff;color:#1f2937}
 .customer-content,.account-content{min-width:0}.btn,.button,button{font-size:12.5px}
}
@media(max-width:420px){.header-logo,.site-header .logo{max-width:92px}.header-actions .label,.header-tools .label{display:none}.header-search input,.search-box input,.search-form input,.site-header input[type=search]{font-size:11px}}
