/* Native catalogue mega menu. All interactive colours follow the central palette. */
.mobilux-site-header .navbar-nav>.has-ml-mega-catalog{position:static}
.mobilux-site-header .navbar-nav>.has-ml-mega-catalog{display:flex;align-items:center}
.mobilux-site-header .navbar-nav>.has-ml-mega-catalog>.mobilux-menu-toggle{position:static;transform:none;flex-shrink:0;margin-inline-start:-27px;margin-inline-end:3px}
.ml-mega-catalog{--mega-surface:#fff;--mega-soft:#f7f8fb;--mega-line:#eceef3;--mega-text:#242b3b;--mega-muted:#7b8395;position:absolute;z-index:1250;inset-block-start:100%;right:50%;width:min(var(--mobilux-mega-width,1400px),calc(100vw - 32px));transform:translateX(calc(50% + var(--ml-mega-shift,0px)));display:none;grid-template-columns:minmax(190px,23%) minmax(0,1fr);background:var(--mega-surface);color:var(--mega-text);border:1px solid var(--mega-line);border-radius:16px;box-shadow:0 22px 60px rgba(20,27,46,.14);overflow:auto;overscroll-behavior:contain;max-height:var(--ml-mega-height,calc(100dvh - 170px));text-align:start;direction:rtl}
.has-ml-mega-catalog.is-open>.ml-mega-catalog{display:grid}
.ml-mega-rail{display:flex;flex-direction:column;gap:3px;padding:14px;background:linear-gradient(120deg,var(--mega-surface),var(--mega-soft));border-inline-end:1px solid var(--mega-line)}
.ml-mega-rail>button{display:flex;align-items:center;gap:12px;min-height:45px;width:100%;padding:10px 14px;border:0;border-radius:9px;background:transparent;color:inherit;text-align:start;font:inherit;font-size:14px;font-weight:750;cursor:pointer;transition:color .16s,background .16s}
.ml-mega-rail>button>i:first-child{font-size:21px;width:24px;flex-shrink:0;text-align:center}
.ml-mega-rail>button>i:last-child{margin-inline-start:auto;font-size:12px}
.ml-mega-rail>button[aria-selected=true],.ml-mega-rail>button:hover{background:color-mix(in srgb,var(--ml-primary) 11%,var(--mega-surface));color:var(--ml-primary)}
.ml-mega-catalog :is(a,button,[tabindex]):focus-visible{outline:2px solid var(--ml-primary);outline-offset:2px;border-radius:8px}
.ml-mega-content{min-width:0;padding:16px}
.ml-mega-panel[hidden]{display:none}
.ml-mega-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(170px,100%),1fr));gap:12px;align-items:stretch}
.ml-mega-column{min-width:0;display:flex;flex-direction:column;border:1px solid var(--mega-line);border-radius:10px;overflow:hidden}
.ml-mega-column h3{margin:0;padding:12px 14px;background:var(--mega-soft);font-size:13px;font-weight:850;line-height:1.6;color:inherit}
.ml-mega-links{margin:0;padding:8px;list-style:none;display:grid;gap:2px}
.ml-mega-links .ml-mega-links{padding:0 10px 5px;border-inline-start:1px solid var(--mega-line);margin-inline-start:10px}
.ml-mega-link{display:flex;align-items:center;gap:10px;min-height:39px;padding:7px;border-radius:8px;color:var(--mega-text);text-decoration:none;transition:background .16s,color .16s;min-width:0}
.ml-mega-link:hover{background:color-mix(in srgb,var(--ml-primary) 6%,var(--mega-surface));color:var(--ml-primary-dark,var(--ml-primary))}
.ml-mega-link>i{font-size:20px;width:24px;flex-shrink:0;text-align:center}
.ml-mega-link>span{min-width:0;flex:1}
.ml-mega-link b{font-size:12px;line-height:1.8;font-weight:700;overflow-wrap:anywhere;display:block}
.ml-mega-link small{display:block;color:var(--mega-muted);font-size:10px;line-height:1.8}
.ml-mega-product{min-height:60px}
.ml-mega-link>img{width:48px;height:48px;object-fit:contain;flex-shrink:0;border-radius:8px;background:#fff}
.ml-mega-brand>img{padding:4px}
.ml-mega-badge{font-style:normal;border-radius:6px;padding:2px 6px;color:var(--ml-primary);background:color-mix(in srgb,var(--ml-primary) 10%,var(--mega-surface));font-size:10px}
.ml-mega-more{display:flex;align-items:center;gap:6px;margin:auto 8px 8px;padding:10px 7px;font-size:12px;font-weight:750;color:var(--ml-primary);text-decoration:none}
.ml-mega-more:hover{color:var(--ml-primary-dark,var(--ml-primary));background:color-mix(in srgb,var(--ml-primary) 6%,var(--mega-surface));border-radius:8px}
.ml-mega-column--offer{border:0}
.ml-mega-banner{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;min-height:112px;border-radius:10px;color:var(--mega-text);background:var(--mega-soft);text-decoration:none}
.ml-mega-banner>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.ml-mega-banner:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(270deg,rgba(255,255,255,.96),rgba(255,255,255,.78) 45%,rgba(255,255,255,0) 85%)}
.ml-mega-banner__copy{display:flex;align-items:flex-start;flex-direction:column;padding:15px;max-width:77%;gap:4px}
.ml-mega-banner strong{font-size:14px;font-weight:850;line-height:1.6;overflow-wrap:anywhere}
.ml-mega-banner small{font-size:11px;line-height:1.7}
.ml-mega-cta{display:inline-flex;align-items:center;gap:8px;padding:5px 12px;border-radius:8px;margin-top:5px;background:var(--mega-surface);font-size:11px;font-weight:750;color:var(--ml-primary)}
.ml-mega-banner:hover .ml-mega-cta{color:#fff;background:var(--ml-primary-dark,var(--ml-primary))}
.ml-mega-banner{color:#242b3b}
.ml-mega-cta{background:#fff}
.ml-mega-banner--vertical{flex:1;min-height:330px;align-items:flex-start;color:#fff;background:#18202d}
.ml-mega-banner--vertical:after{background:linear-gradient(180deg,rgba(9,14,24,.85),rgba(9,14,24,.2) 65%,transparent)}
.ml-mega-banner--vertical .ml-mega-banner__copy{max-width:100%;padding:20px}
.ml-mega-banner--vertical strong{font-size:20px}
.ml-mega-banners{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}
.ml-mega-status{padding:30px 20px;color:var(--mega-muted);font-size:13px}
.ml-mega-status button{display:block;margin-top:12px;padding:8px 16px;color:var(--ml-primary);background:var(--mega-surface);border:1px solid currentColor;border-radius:8px;font:inherit;cursor:pointer}
html[data-mobilux-theme=dark] .ml-mega-catalog{--mega-surface:var(--mobilux-dark-surface,#1b2030);--mega-soft:#222939;--mega-line:#333b4e;--mega-text:var(--mobilux-dark-text,#f3f5fb);--mega-muted:#b5bdce}
@media(prefers-color-scheme:dark){html[data-mobilux-theme=system] .ml-mega-catalog{--mega-surface:var(--mobilux-dark-surface,#1b2030);--mega-soft:#222939;--mega-line:#333b4e;--mega-text:var(--mobilux-dark-text,#f3f5fb);--mega-muted:#b5bdce}}
@media(max-width:1100px){.ml-mega-rail{padding:10px}.ml-mega-rail>button{font-size:12px;padding:8px}.ml-mega-content{padding:10px}.ml-mega-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.ml-mega-banners{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}
@media(max-width:767px){.ml-mega-catalog{width:calc(100vw - 20px);grid-template-columns:1fr}.ml-mega-rail{flex-direction:row;overflow:auto;gap:5px;border-inline-end:0;border-bottom:1px solid var(--mega-line)}.ml-mega-rail>button{min-width:150px;width:auto}.ml-mega-columns{grid-template-columns:1fr}.ml-mega-banners{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.ml-mega-catalog *{transition:none!important}}
