/* MakroMaster V2: scoped storefront styling; admin untouched */
html[data-mm-theme="dark"]{--mm-bg:#080f1e;--mm-panel:#101d31;--mm-panel2:#16253b;--mm-text:#f8fafc;--mm-muted:#9caec5;--mm-border:#243752;--mm-accent:#39a9ff;--mm-top:#07101f}
html[data-mm-theme="light"]{--mm-bg:#f5f7fb;--mm-panel:#fff;--mm-panel2:#edf3fa;--mm-text:#14243b;--mm-muted:#53647c;--mm-border:#dce5ef;--mm-accent:#1267cf;--mm-top:#eaf0f8}
html[data-mm-theme] body{background:var(--mm-bg)!important;color:var(--mm-text);transition:background .2s,color .2s}
html[data-mm-theme="light"] body{background-image:none!important}
.mm-container{max-width:1440px;margin:0 auto;padding:0 24px}.mm-header{position:relative;z-index:60;color:var(--mm-text)}.mm-topbar{background:var(--mm-top);border-bottom:1px solid var(--mm-border);font-size:12px;color:var(--mm-muted)}.mm-topbar-inner{display:flex;justify-content:space-between;gap:20px;padding-top:10px;padding-bottom:10px}.mm-topbar i{color:var(--mm-accent)}.mm-topbar a:hover{color:var(--mm-accent)}.mm-main-header{display:flex;align-items:center;gap:32px;min-height:96px}.mm-brand{display:flex;align-items:center;gap:12px;white-space:nowrap;font-size:24px;font-weight:900;letter-spacing:-.6px;line-height:1;color:var(--mm-text)}.mm-brand-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;background:linear-gradient(145deg,#124ab0,#20b4ff);color:#fff}.mm-brand-accent,.mm-footer-brand span{color:var(--mm-accent)}.mm-brand small{display:block;font-size:9px;letter-spacing:2px;color:var(--mm-muted);margin-top:7px}.mm-search{display:flex;align-items:center;gap:12px;flex:1;max-width:660px;margin:auto;padding:5px 5px 5px 18px;border:1px solid var(--mm-border);border-radius:12px;background:var(--mm-panel)}.mm-search>i{color:var(--mm-muted)}.mm-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--mm-text);font-size:14px}.mm-search button,.mm-mobile-search button{border:0;background:linear-gradient(120deg,#1868e8,#19aaf5);color:#fff;font-weight:700;padding:11px 24px;border-radius:9px}.mm-actions{display:flex;align-items:center;gap:18px}.mm-theme-toggle{border:1px solid var(--mm-border);background:var(--mm-panel);color:var(--mm-accent);width:43px;height:43px;border-radius:11px}.mm-action-link{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--mm-text)}.mm-action-link i{font-size:19px;color:var(--mm-accent)}.mm-nav{background:var(--mm-panel);border-top:1px solid var(--mm-border);border-bottom:1px solid var(--mm-border)}.mm-nav-inner{display:flex;align-items:center;gap:30px;min-height:56px}.mm-nav-inner>a,.mm-nav-dropdown>button{font-size:13px;font-weight:700;color:var(--mm-text);white-space:nowrap}.mm-nav-inner>a:hover,.mm-nav-dropdown>button:hover{color:var(--mm-accent)}.mm-nav-inner i{margin-right:5px}.mm-nav-spacer{flex:1}.mm-nav-badge{font-size:12px;color:var(--mm-accent);white-space:nowrap}.mm-nav-dropdown{position:relative}.mm-nav-dropdown>button{background:transparent;border:0;cursor:pointer;padding:18px 0}.mm-mega-menu{display:none;position:absolute;top:100%;left:0;width:min(630px,90vw);padding:25px;background:var(--mm-panel);border:1px solid var(--mm-border);box-shadow:0 20px 55px #0005;border-radius:0 0 15px 15px}.mm-nav-dropdown:hover .mm-mega-menu,.mm-nav-dropdown:focus-within .mm-mega-menu{display:block}.mm-mega-heading{font-weight:800;font-size:18px}.mm-mega-heading small{display:block;color:var(--mm-muted);font-weight:400;font-size:12px;margin-top:4px}.mm-mega-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}.mm-mega-links a{padding:12px;border-radius:8px;background:var(--mm-panel2);font-size:13px}.mm-mega-links a:hover{color:var(--mm-accent)}.mm-mobile-button{display:none;color:var(--mm-text);font-size:22px}.mm-mobile-menu{background:var(--mm-panel);border-bottom:1px solid var(--mm-border)}.mm-mobile-menu:not(.hidden){display:block}.mm-mobile-menu .mm-container{display:flex;flex-direction:column;padding-top:15px;padding-bottom:20px;gap:3px}.mm-mobile-menu a,.mm-mobile-menu form>button{display:block;padding:11px 8px;color:var(--mm-text);font-size:14px;text-align:left}.mm-mobile-search{display:flex;gap:8px;margin-bottom:10px}.mm-mobile-search input{flex:1;min-width:0;background:var(--mm-panel2);border:1px solid var(--mm-border);border-radius:8px;padding:8px;color:var(--mm-text)}.mm-footer{margin-top:auto;background:var(--mm-top);border-top:1px solid var(--mm-border);color:var(--mm-muted);padding:64px 0 20px}.mm-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px}.mm-footer-brand{font-size:25px;font-weight:900;color:var(--mm-text)}.mm-footer p{max-width:330px;font-size:13px;line-height:1.8;margin:16px 0}.mm-footer-icons{font-size:12px}.mm-footer h3{font-size:14px;font-weight:800;color:var(--mm-text);margin-bottom:18px}.mm-footer-grid a:not(.mm-footer-brand){display:block;font-size:13px;margin-bottom:12px}.mm-footer-grid a:hover{color:var(--mm-accent)}.mm-footer-bottom{border-top:1px solid var(--mm-border);margin-top:40px;padding-top:22px;display:flex;justify-content:space-between;font-size:12px}
/* Existing KOXPMASTER Tailwind components: gentle light-theme overrides only */
html[data-mm-theme="light"] .bg-ko-dark{background-color:var(--mm-bg)!important}html[data-mm-theme="light"] .bg-ko-card{background-color:var(--mm-panel)!important}html[data-mm-theme="light"] .border-ko-border{border-color:var(--mm-border)!important}html[data-mm-theme="light"] .text-slate-200,html[data-mm-theme="light"] .text-slate-300{color:var(--mm-text)}html[data-mm-theme="light"] .text-slate-400{color:var(--mm-muted)}
@media(max-width:1024px){.mm-search{max-width:420px}.mm-nav-inner{gap:16px}.mm-nav-badge{display:none}.mm-action-link span{display:none}}@media(max-width:767px){.mm-container{padding-left:16px;padding-right:16px}.mm-topbar-inner>a{display:none}.mm-main-header{min-height:76px;gap:12px}.mm-brand{font-size:19px}.mm-brand-icon{width:38px;height:38px}.mm-brand small{font-size:7px}.mm-search,.mm-nav,.mm-action-link{display:none}.mm-actions{margin-left:auto;gap:12px}.mm-mobile-button{display:block}.mm-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.mm-footer-bottom{gap:12px;flex-wrap:wrap}}@media(max-width:430px){.mm-footer-grid{grid-template-columns:1fr}.mm-brand{font-size:17px}.mm-topbar{font-size:10px}}


/* MAKROMASTER V2 - approved mockup header only; no other sections modified */
.mm-header{z-index:100;position:relative;background:#061428;color:#f5f8ff;font-family:inherit}
.mm-header .mm-container{max-width:1440px;margin:0 auto;padding-left:24px;padding-right:24px}
.mm-utility{height:32px;background:#041021;border-bottom:1px solid #163557;font-size:11px;color:#d3e5fc}
.mm-utility-inner,.mm-utility-left,.mm-utility-right{display:flex;align-items:center;height:100%}.mm-utility-inner{justify-content:space-between;gap:20px}.mm-utility-left{gap:22px}.mm-utility-left i{color:#078cff;margin-right:5px}.mm-utility-right{gap:0}.mm-utility-right a{padding:0 10px;border-right:1px solid #2a4566}.mm-utility-right a:last-child{border:0}.mm-utility-right a:hover{color:#45b5ff}
.mm-header-main{min-height:92px;display:grid;grid-template-columns:220px minmax(240px,1fr) auto;align-items:center;gap:34px}
.mm-logo{display:inline-flex;align-items:center;gap:10px;width:max-content;max-width:100%;color:#fff!important;text-decoration:none!important}.mm-logo img{max-width:190px;max-height:65px;object-fit:contain}.mm-logo-symbol{font-size:38px;font-weight:1000;font-style:italic;line-height:1;color:#46b8ff;text-shadow:2px 3px 0 #0b4aaf,0 0 13px #078bff}.mm-logo-word{display:flex;flex-direction:column;font-style:italic;letter-spacing:-1px;line-height:.84;font-size:25px;font-weight:1000;text-shadow:2px 3px 0 #153b70}.mm-logo-word strong:last-child{color:#4fc3ff}
.mm-header-search{height:43px;width:100%;max-width:560px;display:flex;align-items:stretch;justify-self:center;overflow:hidden;border-radius:24px;background:linear-gradient(90deg,#1b355b,#486eaa);border:1px solid #31558a}.mm-header-search input{min-width:0;flex:1;padding:0 20px;color:#fff;background:transparent;outline:none;border:0;font-size:13px}.mm-header-search input::placeholder{color:#b6cbe5}.mm-header-search button{width:52px;display:grid;place-items:center;background:#0875ec;color:#fff;border:0;font-size:18px}.mm-header-search button:hover{background:#1497ff}
.mm-header-actions{display:flex;align-items:center;gap:20px}.mm-header-action{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:43px;color:#fff!important;font-size:11px;text-decoration:none!important;white-space:nowrap}.mm-header-action i{font-size:23px}.mm-header-action:hover,.mm-header-action:hover i{color:#54bdff!important}
.mm-theme-switch{display:flex;align-items:center;gap:7px;padding:6px 9px;border:1px solid #183454;border-radius:25px;background:#0b213c;color:#dceaff;font-size:11px;white-space:nowrap}.mm-switch-track{width:33px;height:18px;border-radius:20px;background:#365a86;display:flex;align-items:center;padding:2px}.mm-switch-track i{height:14px;width:14px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#1c5a9b;font-size:9px;transition:transform .2s}.mm-header [data-mm-theme-toggle]:hover{border-color:#288ff0}
html[data-mm-theme="light"] .mm-switch-track i{transform:translateX(15px)}
.mm-category-bar{height:43px;background:#081c35;border-top:1px solid #13345b;border-bottom:1px solid #1460a4;box-shadow:0 3px 18px #007bff1a}.mm-category-inner{display:flex;align-items:center;gap:6px;height:100%;overflow:visible}.mm-category-link,.mm-category-all-link{height:32px;display:flex;align-items:center;gap:7px;padding:0 12px;color:#f2f6ff!important;font-size:11px;font-weight:650;white-space:nowrap;text-decoration:none!important;border-radius:5px}.mm-category-link:hover{background:#173c6c;color:#76c8ff!important}.mm-category-link i{font-size:11px}.mm-category-all{position:relative;flex-shrink:0}.mm-category-all-link{background:#087af5;box-shadow:0 0 15px #087af566;font-weight:800}.mm-category-all-link:hover{background:#168efc}.mm-chevron{font-size:9px!important}.mm-category-flyout{display:none;position:absolute;top:100%;left:0;width:440px;max-width:90vw;padding:20px;background:#0b2039;border:1px solid #265889;box-shadow:0 22px 50px #0009;border-radius:0 0 10px 10px;color:#fff}.mm-category-flyout strong{display:block;margin-bottom:12px}.mm-category-flyout-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.mm-category-flyout-grid a{padding:9px;border-radius:5px;background:#142f52;color:#dceeff;font-size:12px}.mm-category-flyout-grid a i{float:right}.mm-category-dropdown:hover .mm-category-flyout,.mm-category-dropdown:focus-within .mm-category-flyout{display:block}
.mm-mobile-trigger{display:none;color:#fff;font-size:23px;background:transparent;border:0}.mm-mobile-navigation{background:#0a1d36;border-bottom:1px solid #2667a3}.mm-mobile-navigation:not([hidden]){display:block}.mm-mobile-navigation .mm-container{padding-top:14px;padding-bottom:16px;display:flex;flex-direction:column;gap:2px}.mm-mobile-navigation a{display:block;color:#e7f1ff;padding:10px 6px;font-size:14px}.mm-mobile-search{display:flex;gap:8px}.mm-mobile-search input{flex:1;min-width:0;background:#1d3659;border-radius:6px;padding:9px;color:#fff}.mm-mobile-search button{background:#087af5;color:#fff;border-radius:6px;padding:9px 15px}
html[data-mm-theme="light"] .mm-header{background:#fff;color:#172b45}html[data-mm-theme="light"] .mm-utility{background:#edf4ff;color:#26415f;border-color:#d4e3f5}html[data-mm-theme="light"] .mm-header-action{color:#203853!important}html[data-mm-theme="light"] .mm-header-action:hover{color:#0073dd!important}html[data-mm-theme="light"] .mm-theme-switch{background:#f2f6fc;color:#233f60;border-color:#d4e3f5}html[data-mm-theme="light"] .mm-category-bar{background:#edf4fd;border-color:#cbdff3}html[data-mm-theme="light"] .mm-category-link{color:#234466!important}html[data-mm-theme="light"] .mm-category-link:hover{color:#006bcd!important;background:#dcecff}html[data-mm-theme="light"] .mm-category-all-link{color:#fff!important}html[data-mm-theme="light"] .mm-logo-word{color:#132f55}html[data-mm-theme="light"] .mm-mobile-trigger{color:#193c60}html[data-mm-theme="light"] .mm-mobile-navigation{background:#fff}html[data-mm-theme="light"] .mm-mobile-navigation a{color:#15314f}
@media(max-width:1200px){.mm-header-main{grid-template-columns:180px minmax(200px,1fr) auto;gap:16px}.mm-header-actions{gap:12px}.mm-category-inner{overflow-x:auto;scrollbar-width:none}.mm-category-inner::-webkit-scrollbar{display:none}.mm-logo-word{font-size:22px}.mm-category-flyout{position:fixed;top:165px;left:24px}}
@media(max-width:850px){.mm-header-main{grid-template-columns:auto minmax(140px,1fr) auto;gap:14px}.mm-header-action span{display:none}.mm-header-action{min-width:25px}.mm-header-actions{gap:13px}.mm-theme-switch{gap:3px}.mm-theme-switch>span:not(.mm-switch-track){display:none}.mm-utility-right{display:none}}
@media(max-width:650px){.mm-header .mm-container{padding-left:15px;padding-right:15px}.mm-utility{height:27px}.mm-utility-left{gap:11px;font-size:9px}.mm-header-main{min-height:70px;grid-template-columns:auto 1fr auto;gap:10px}.mm-logo-symbol{font-size:28px}.mm-logo-word{font-size:17px}.mm-logo img{max-width:130px;max-height:47px}.mm-header-search,.mm-header-action{display:none}.mm-mobile-trigger{display:block}.mm-category-bar{height:38px}.mm-category-link,.mm-category-all-link{font-size:10px;padding:0 9px}.mm-category-flyout{top:135px;left:10px}.mm-header-actions{justify-self:end}}