/* Moeen single premium header system - scoped 20260524 */
:root{--mesk-cyan:#34efe2;--mesk-cyan-2:#16c9be;--mesk-gold:#d9b15e;--mesk-dark:#031017;--mesk-border:rgba(52,239,226,.24)}
body:not(.elementor-editor-active) .site-header[data-mesk-header]{position:fixed!important;inset-block-start:14px!important;inset-inline:0!important;z-index:9500!important;width:100%!important;height:62px!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;pointer-events:none}
.site-header[data-mesk-header] .mesk-header-shell{width:100%!important;max-width:none!important;height:62px!important;margin:0!important;padding:0 24px!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;outline:0!important;pointer-events:none}
.site-header[data-mesk-header] .mesk-header-nav{position:relative;display:grid!important;grid-template-columns:minmax(150px,1fr) auto minmax(150px,1fr)!important;grid-template-areas:"actions center brand"!important;align-items:center!important;min-height:62px!important;width:100%!important;margin:0!important;padding:0!important;gap:16px!important;direction:ltr!important;pointer-events:none}
.site-header[data-mesk-header] .mesk-header-brand,.site-header[data-mesk-header] .mesk-center-control,.site-header[data-mesk-header] .mesk-header-actions,.site-header[data-mesk-header] .mesk-menu-panel,.site-header[data-mesk-header] .mesk-mini-cart{pointer-events:auto}
.site-header[data-mesk-header] .mesk-header-brand{grid-area:brand!important;justify-self:end!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;width:auto!important;height:52px!important;padding:0!important;margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important;text-decoration:none!important}
.site-header[data-mesk-header] .mesk-header-brand:before,.site-header[data-mesk-header] .mesk-header-brand:after,.site-header[data-mesk-header] .brand:before,.site-header[data-mesk-header] .brand:after{content:none!important;display:none!important}
.site-header[data-mesk-header] .brand__img{display:block!important;width:auto!important;height:auto!important;max-width:118px!important;max-height:48px!important;object-fit:contain!important;margin:0!important;filter:none!important}
.site-header[data-mesk-header] .mesk-center-control{grid-area:center!important;position:absolute!important;inset-block-start:50%!important;inset-inline-start:50%!important;transform:translate(-50%,-50%)!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;min-width:298px!important;height:48px!important;padding:5px 8px!important;border:1px solid rgba(52,239,226,.22)!important;border-radius:999px!important;background:linear-gradient(180deg,rgba(7,28,38,.86),rgba(2,12,18,.82))!important;box-shadow:0 16px 46px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.05)!important;color:#eaffff!important;direction:ltr!important;z-index:3;transition:background-color .38s cubic-bezier(.22,1,.36,1),border-color .38s cubic-bezier(.22,1,.36,1)}
.site-header[data-mesk-header] .mesk-center-control:hover,.site-header[data-mesk-header].is-menu-open .mesk-center-control,.site-header[data-mesk-header].mesk-is-menu-open .mesk-center-control{border-color:rgba(52,239,226,.42)!important;background:linear-gradient(180deg,rgba(9,35,47,.92),rgba(3,16,23,.9))!important}
.site-header[data-mesk-header] .mesk-menu-toggle{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-width:74px!important;height:38px!important;padding:0 10px!important;border:0!important;border-radius:999px!important;background:transparent!important;color:#f1ffff!important;box-shadow:none!important;cursor:pointer!important;font:800 14px/1.2 inherit!important;direction:ltr!important;transition:color .42s cubic-bezier(.22,1,.36,1),background-color .42s cubic-bezier(.22,1,.36,1)}
.site-header[data-mesk-header] .mesk-menu-toggle:hover,.site-header[data-mesk-header] .mesk-menu-toggle:focus-visible,.site-header[data-mesk-header].is-menu-open .mesk-menu-toggle,.site-header[data-mesk-header].mesk-is-menu-open .mesk-menu-toggle{color:var(--mesk-cyan)!important;background:rgba(52,239,226,.08)!important}
.site-header[data-mesk-header] .mesk-menu-toggle__icon{position:relative!important;width:21px!important;height:15px!important;display:inline-block!important;flex:0 0 21px!important}
.site-header[data-mesk-header] .mesk-menu-toggle__icon span{position:absolute!important;inset-inline:0!important;height:2px!important;border-radius:999px!important;background:currentColor!important;transform-origin:center!important;transition:transform .42s cubic-bezier(.22,1,.36,1),top .42s cubic-bezier(.22,1,.36,1)}
.site-header[data-mesk-header] .mesk-menu-toggle__icon span:first-child{top:3px!important}.site-header[data-mesk-header] .mesk-menu-toggle__icon span:last-child{top:10px!important}
.site-header[data-mesk-header].is-menu-open .mesk-menu-toggle__icon span:first-child,.site-header[data-mesk-header].mesk-is-menu-open .mesk-menu-toggle__icon span:first-child{top:7px!important;transform:rotate(42deg)!important}.site-header[data-mesk-header].is-menu-open .mesk-menu-toggle__icon span:last-child,.site-header[data-mesk-header].mesk-is-menu-open .mesk-menu-toggle__icon span:last-child{top:7px!important;transform:rotate(-42deg)!important}
.site-header[data-mesk-header] .mesk-menu-toggle__text{position:relative!important;display:inline-block!important;width:34px!important;height:18px!important;overflow:hidden!important;text-align:center!important;direction:rtl!important}
.site-header[data-mesk-header] .mesk-menu-toggle__text span{position:absolute!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;clip-path:inset(0 0 0 0)!important;opacity:1!important;transform:translateY(0)!important;transition:clip-path .42s cubic-bezier(.22,1,.36,1),opacity .32s ease,transform .42s cubic-bezier(.22,1,.36,1)}
.site-header[data-mesk-header] .mesk-menu-toggle__text .is-close,.site-header[data-mesk-header].is-menu-open .mesk-menu-toggle__text .is-open,.site-header[data-mesk-header].mesk-is-menu-open .mesk-menu-toggle__text .is-open{clip-path:inset(0 100% 0 0)!important;opacity:0!important;transform:translateY(4px)!important}.site-header[data-mesk-header].is-menu-open .mesk-menu-toggle__text .is-close,.site-header[data-mesk-header].mesk-is-menu-open .mesk-menu-toggle__text .is-close{clip-path:inset(0 0 0 0)!important;opacity:1!important;transform:translateY(0)!important}
.site-header[data-mesk-header] .mesk-center-separator{display:block!important;width:1px!important;height:22px!important;background:linear-gradient(180deg,transparent,rgba(52,239,226,.32),transparent)!important;flex:0 0 1px!important}
.site-header[data-mesk-header] .mesk-header-search{display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;width:176px!important;height:38px!important;padding:0 7px!important;border:1px solid transparent!important;border-radius:999px!important;background:rgba(255,255,255,.025)!important;direction:rtl!important;transition:border-color .32s ease,background-color .32s ease}
.site-header[data-mesk-header] .mesk-header-search:focus-within{border-color:rgba(52,239,226,.42)!important;background:rgba(52,239,226,.07)!important}
.site-header[data-mesk-header] .mesk-header-search input{flex:1 1 auto!important;min-width:0!important;width:100%!important;height:30px!important;padding:0 6px!important;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;color:#eefdfd!important;font:700 13px/1.2 inherit!important;text-align:right!important}
.site-header[data-mesk-header] .mesk-header-search input::placeholder{color:rgba(231,249,248,.58)!important;opacity:1!important}
.site-header[data-mesk-header] .mesk-header-search__submit{width:30px!important;height:30px!important;flex:0 0 30px!important;display:grid!important;place-items:center!important;padding:0!important;border:0!important;border-radius:999px!important;background:transparent!important;color:#e8ffff!important;cursor:pointer!important;transition:color .28s ease,background-color .28s ease}.site-header[data-mesk-header] .mesk-header-search__submit:hover,.site-header[data-mesk-header] .mesk-header-search__submit:focus-visible{color:var(--mesk-cyan)!important;background:rgba(52,239,226,.1)!important}.site-header[data-mesk-header] .mesk-header-search__submit svg{width:18px!important;height:18px!important;display:block!important}
.site-header[data-mesk-header] .mesk-header-actions{grid-area:actions!important;justify-self:start!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;min-width:0!important;margin:0!important;padding:0!important;direction:ltr!important;z-index:4}
.site-header[data-mesk-header] .mesk-header-actions .moeen-notification-toggle,.site-header[data-mesk-header] .mesk-header-actions .moeen-header-notifications,.site-header[data-mesk-header] [data-moeen-notification-toggle-v2],.site-header[data-mesk-header] [data-moeen-notification-count]{display:none!important}
.site-header[data-mesk-header] .mesk-cart-wrap{position:relative!important;display:flex!important;align-items:center!important}
.site-header[data-mesk-header] .moeen-header-cart,.site-header[data-mesk-header] .moeen-header-account{position:relative!important;width:44px!important;min-width:44px!important;height:44px!important;display:grid!important;place-items:center!important;padding:0!important;border:1px solid rgba(52,239,226,.24)!important;border-radius:15px!important;background:rgba(5,21,30,.78)!important;color:#eaffff!important;text-decoration:none!important;box-shadow:0 12px 30px rgba(0,0,0,.18)!important;transition:transform .24s ease,color .24s ease,background-color .24s ease,border-color .24s ease,box-shadow .24s ease}
.site-header[data-mesk-header] .moeen-header-account{background:linear-gradient(135deg,rgba(52,239,226,.98),rgba(18,199,188,.94))!important;color:#031017!important;border-color:rgba(52,239,226,.72)!important}
.site-header[data-mesk-header] .moeen-header-cart:hover,.site-header[data-mesk-header] .moeen-header-cart:focus-visible,.site-header[data-mesk-header] .mesk-cart-wrap.is-open .moeen-header-cart{transform:translateY(-1px)!important;color:var(--mesk-cyan)!important;border-color:rgba(52,239,226,.48)!important;background:rgba(52,239,226,.08)!important}
.site-header[data-mesk-header] .moeen-header-account:hover,.site-header[data-mesk-header] .moeen-header-account:focus-visible{transform:translateY(-1px)!important;box-shadow:0 16px 38px rgba(52,239,226,.24)!important}
.site-header[data-mesk-header] .moeen-header-cart svg,.site-header[data-mesk-header] .moeen-header-account svg{width:20px!important;height:20px!important;display:block!important;stroke:currentColor!important}
.site-header[data-mesk-header] .moeen-cart-count{position:absolute!important;inset-block-start:-5px!important;inset-inline-start:-5px!important;min-width:16px!important;height:16px!important;padding:0 4px!important;display:grid!important;place-items:center!important;border-radius:999px!important;border:2px solid #031017!important;background:linear-gradient(135deg,var(--mesk-gold),#f2d98d)!important;color:#071014!important;font:900 10px/1 inherit!important;box-shadow:none!important}


.site-header[data-mesk-header] .mesk-header-cta{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:116px!important;height:44px!important;padding:0 22px!important;border:1px solid rgba(52,239,226,.68)!important;border-radius:15px!important;background:linear-gradient(135deg,var(--mesk-cyan),var(--mesk-cyan-2))!important;color:#031017!important;font-weight:600; font-size:17; text-decoration:none!important;white-space:nowrap!important;font:900 15px/1.1 inherit!important;box-shadow:0 14px 38px rgba(52,239,226,.2)!important;transition:transform .24s ease,filter .24s ease,box-shadow .24s ease}.site-header[data-mesk-header] .mesk-header-cta:hover,.site-header[data-mesk-header] .mesk-header-cta:focus-visible{transform:translateY(-1px)!important;filter:brightness(1.05)!important;box-shadow:0 18px 46px rgba(52,239,226,.28)!important}


.site-header[data-mesk-header] .mesk-menu-panel{position:fixed!important;inset-block-start:78px!important;inset-inline-start:50%!important;width:min(440px,calc(100vw - 24px))!important;max-height:calc(100dvh - 96px)!important;overflow:auto!important;border:1px solid rgba(52,239,226,.24)!important;border-radius:24px!important;background:linear-gradient(180deg,rgba(5,21,30,.98),rgba(2,10,15,.98))!important;box-shadow:0 28px 90px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.06)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateX(-50%) translateY(-10px) scale(.98)!important;transition:opacity .28s cubic-bezier(.22,1,.36,1),visibility .28s ease,transform .32s cubic-bezier(.22,1,.36,1)!important;direction:rtl!important;z-index:9510!important}
.site-header[data-mesk-header].is-menu-open .mesk-menu-panel,.site-header[data-mesk-header].mesk-is-menu-open .mesk-menu-panel{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateX(-50%) translateY(0) scale(1)!important}
.site-header[data-mesk-header] .mesk-menu-panel__inner{padding:16px!important;display:grid!important;gap:12px!important}.site-header[data-mesk-header] .mesk-menu-top{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:2px 4px 10px!important;color:#eaffff!important}.site-header[data-mesk-header] .mesk-menu-top span{font-weight:950!important;color:#fff!important;font-size:15px!important}.site-header[data-mesk-header] .mesk-menu-top a{color:var(--mesk-cyan)!important;text-decoration:none!important;font-size:12px!important;font-weight:850!important}
.site-header[data-mesk-header] .mesk-overlay-menu{list-style:none!important;margin:0!important;padding:0!important;display:grid!important;gap:6px!important}.site-header[data-mesk-header] .mesk-overlay-menu li{margin:0!important;padding:0!important;opacity:0;transform:translateY(8px);transition:opacity .28s ease,transform .32s cubic-bezier(.22,1,.36,1);transition-delay:calc(var(--item-index,0)*28ms)}.site-header[data-mesk-header].is-menu-open .mesk-overlay-menu,.site-header[data-mesk-header].mesk-is-menu-open .mesk-overlay-menu li{opacity:1;transform:translateY(0)}
.site-header[data-mesk-header] .mesk-overlay-menu a,.site-header[data-mesk-header] .mesk-menu-parent-toggle{position:relative!important;width:100%!important;min-height:44px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;padding:0 14px!important;border:1px solid transparent!important;border-radius:15px!important;background:transparent!important;color:#e8f6f6!important;text-align:right!important;text-decoration:none!important;font:850 14px/1.2 inherit!important;cursor:pointer!important;overflow:hidden!important;transition:color .24s ease,background-color .24s ease,border-color .24s ease,transform .24s ease!important}
.site-header[data-mesk-header] .mesk-overlay-menu a:after,.site-header[data-mesk-header] .mesk-menu-parent-toggle:after{content:""!important;position:absolute!important;inset-inline-end:14px!important;inset-block-end:8px!important;width:0!important;height:2px!important;border-radius:999px!important;background:linear-gradient(90deg,var(--mesk-cyan),rgba(52,239,226,0))!important;transition:width .28s cubic-bezier(.22,1,.36,1)!important}
.site-header[data-mesk-header] .mesk-overlay-menu a:hover,.site-header[data-mesk-header] .mesk-menu-parent-toggle:hover,.site-header[data-mesk-header] .mesk-overlay-menu a:focus-visible,.site-header[data-mesk-header] .mesk-menu-parent-toggle:focus-visible{color:var(--mesk-cyan)!important;background:rgba(52,239,226,.07)!important;border-color:rgba(52,239,226,.16)!important}.site-header[data-mesk-header] .mesk-overlay-menu a:hover:after,.site-header[data-mesk-header] .mesk-menu-parent-toggle:hover:after{width:32px!important}
.site-header[data-mesk-header] .mesk-overlay-menu li.is-active>a,.site-header[data-mesk-header] .mesk-overlay-menu a.is-active,.site-header[data-mesk-header] .mesk-overlay-menu li.is-active>.mesk-menu-parent-toggle{color:var(--mesk-cyan)!important;background:rgba(52,239,226,.1)!important;border-color:rgba(52,239,226,.22)!important}
.site-header[data-mesk-header] .mesk-overlay-menu li.is-active>a:before,.site-header[data-mesk-header] .mesk-overlay-menu a.is-active:before,.site-header[data-mesk-header] .mesk-overlay-menu li.is-active>.mesk-menu-parent-toggle:before{content:""!important;position:absolute!important;inset-inline-end:0!important;inset-block:11px!important;width:3px!important;border-radius:999px!important;background:var(--mesk-cyan)!important}
.site-header[data-mesk-header] .mesk-menu-divider{height:1px!important;background:linear-gradient(90deg,transparent,rgba(52,239,226,.28),transparent)!important;margin:2px 0!important}.site-header[data-mesk-header] .mesk-menu-cta a{display:flex!important;align-items:center!important;justify-content:center!important;min-height:44px!important;border-radius:15px!important;background:linear-gradient(135deg,var(--mesk-cyan),var(--mesk-cyan-2))!important;color:#031017!important;text-decoration:none!important;font:950 14px/1 inherit!important}
.site-header[data-mesk-header] .mesk-mini-cart{position:fixed!important;inset-block-start:78px!important;inset-inline-start:24px!important;width:min(360px,calc(100vw - 24px))!important;max-height:calc(100dvh - 96px)!important;overflow:auto!important;border:1px solid rgba(52,239,226,.24)!important;border-radius:22px!important;background:linear-gradient(180deg,rgba(5,21,30,.98),rgba(2,10,15,.98))!important;box-shadow:0 28px 90px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.05)!important;color:#eaffff!important;direction:rtl!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(-8px) scale(.985)!important;transition:opacity .26s ease,visibility .26s ease,transform .28s cubic-bezier(.22,1,.36,1)!important;z-index:9512!important}.site-header[data-mesk-header] .mesk-cart-wrap.is-open .mesk-mini-cart{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0) scale(1)!important}
.site-header[data-mesk-header] .mesk-mini-cart__head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:16px 16px 12px!important;border-bottom:1px solid rgba(255,255,255,.08)!important}.site-header[data-mesk-header] .mesk-mini-cart__head strong{font-size:15px!important;color:#fff!important}.site-header[data-mesk-header] .mesk-mini-cart__count{font-size:12px!important;color:var(--mesk-cyan)!important;font-weight:850!important}.site-header[data-mesk-header] .mesk-mini-cart__body{padding:14px!important;display:grid!important;gap:12px!important}.site-header[data-mesk-header] .mesk-mini-cart__empty{min-height:96px!important;display:grid!important;place-items:center!important;text-align:center!important;color:rgba(234,255,255,.76)!important;border:1px dashed rgba(52,239,226,.2)!important;border-radius:16px!important;background:rgba(52,239,226,.04)!important}.site-header[data-mesk-header] .mesk-mini-cart__empty-cta{min-height:42px!important;border-radius:14px!important;text-decoration:none!important;font-weight:900!important;display:flex!important;align-items:center!important;justify-content:center!important;border:1px solid rgba(52,239,226,.64)!important;color:#031017!important;background:linear-gradient(135deg,var(--mesk-cyan),var(--mesk-cyan-2))!important}
.site-header[data-mesk-header] .mesk-mini-cart__item{display:grid!important;grid-template-columns:58px minmax(0,1fr) 30px!important;gap:10px!important;align-items:center!important;padding:9px!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:16px!important;background:rgba(255,255,255,.035)!important}.site-header[data-mesk-header] .mesk-mini-cart__item img{width:58px!important;height:58px!important;border-radius:13px!important;object-fit:cover!important}.site-header[data-mesk-header] .mesk-mini-cart__item a{color:#fff!important;text-decoration:none!important;font-weight:850!important;font-size:13px!important;line-height:1.5!important}.site-header[data-mesk-header] .mesk-mini-cart__item small{display:block!important;margin-top:4px!important;color:rgba(234,255,255,.7)!important;font-size:12px!important}.site-header[data-mesk-header] .mesk-mini-cart__remove{width:30px!important;height:30px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:10px!important;background:rgba(255,255,255,.04)!important;color:rgba(234,255,255,.7)!important;cursor:pointer!important}.site-header[data-mesk-header] .mesk-mini-cart__remove:hover{color:var(--mesk-cyan)!important;border-color:rgba(52,239,226,.32)!important}.site-header[data-mesk-header] .mesk-mini-cart__total{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;padding:2px 2px 0!important;color:#fff!important;font-weight:900!important}.site-header[data-mesk-header] .mesk-mini-cart__actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}.site-header[data-mesk-header] .mesk-mini-cart__actions a{min-height:42px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:14px!important;text-decoration:none!important;font-weight:900!important;font-size:13px!important}.site-header[data-mesk-header] .mesk-mini-cart__actions a:first-child{border:1px solid rgba(52,239,226,.24)!important;color:#eaffff!important;background:rgba(52,239,226,.06)!important}.site-header[data-mesk-header] .mesk-mini-cart__actions a:last-child{border:1px solid rgba(52,239,226,.64)!important;color:#031017!important;background:linear-gradient(135deg,var(--mesk-cyan),var(--mesk-cyan-2))!important}
.site-header[data-mesk-header] .moeen-header-cart-wrap,.site-header[data-mesk-header] .moeen-cart-panel{display:none!important}.site-header[data-mesk-header] a:focus-visible,.site-header[data-mesk-header] button:focus-visible,.site-header[data-mesk-header] input:focus-visible{outline:2px solid rgba(52,239,226,.68)!important;outline-offset:3px!important}
@media(max-width:900px){body:not(.elementor-editor-active) .site-header[data-mesk-header]{inset-block-start:10px!important;height:58px!important}.site-header[data-mesk-header] .mesk-header-shell{height:58px!important;padding-inline:14px!important}.site-header[data-mesk-header] .mesk-header-nav{min-height:58px!important;grid-template-columns:minmax(88px,1fr) auto minmax(88px,1fr)!important;gap:8px!important}.site-header[data-mesk-header] .brand__img{max-width:92px!important;max-height:42px!important}.site-header[data-mesk-header] .mesk-center-control{min-width:238px!important;height:44px!important;padding:4px 6px!important;gap:7px!important}.site-header[data-mesk-header] .mesk-menu-toggle{min-width:68px!important;height:36px!important;padding-inline:8px!important;font-size:13px!important}.site-header[data-mesk-header] .mesk-header-search{width:132px!important;height:34px!important;padding-inline:5px!important}.site-header[data-mesk-header] .mesk-header-search input{font-size:12px!important}.site-header[data-mesk-header] .moeen-header-cart,.site-header[data-mesk-header] .moeen-header-account{width:42px!important;min-width:42px!important;height:42px!important;border-radius:14px!important}.site-header[data-mesk-header] .mesk-header-cta{display:none!important}.site-header[data-mesk-header] .mesk-menu-panel,.site-header[data-mesk-header] .mesk-mini-cart{inset-block-start:72px!important}.site-header[data-mesk-header] .mesk-mini-cart{inset-inline-start:12px!important;width:calc(100vw - 24px)!important}}
@media(max-width:430px){.site-header[data-mesk-header] .mesk-header-shell{padding-inline:10px!important}.site-header[data-mesk-header] .mesk-header-nav{grid-template-columns:minmax(80px,1fr) auto minmax(80px,1fr)!important}.site-header[data-mesk-header] .brand__img{max-width:82px!important}.site-header[data-mesk-header] .mesk-header-actions{gap:6px!important}.site-header[data-mesk-header] .moeen-header-cart,.site-header[data-mesk-header] .moeen-header-account{width:38px!important;min-width:38px!important;height:38px!important;border-radius:13px!important}.site-header[data-mesk-header] .moeen-header-cart svg,.site-header[data-mesk-header] .moeen-header-account svg{width:18px!important;height:18px!important}.site-header[data-mesk-header] .mesk-center-control{min-width:176px!important;height:42px!important;gap:5px!important;padding-inline:5px!important}.site-header[data-mesk-header] .mesk-menu-toggle{min-width:62px!important;padding-inline:6px!important;gap:5px!important}.site-header[data-mesk-header] .mesk-menu-toggle__icon{width:18px!important;flex-basis:18px!important}.site-header[data-mesk-header] .mesk-menu-toggle__text{width:30px!important;font-size:12px!important}.site-header[data-mesk-header] .mesk-header-search{width:74px!important;padding-inline:3px!important}.site-header[data-mesk-header] .mesk-header-search input{font-size:11px!important;padding-inline:2px!important}.site-header[data-mesk-header] .mesk-header-search__submit{width:27px!important;height:27px!important;flex-basis:27px!important}.site-header[data-mesk-header] .mesk-center-separator{height:18px!important}.site-header[data-mesk-header] .mesk-menu-panel{width:calc(100vw - 24px)!important;inset-block-start:68px!important}.site-header[data-mesk-header] .mesk-mini-cart{inset-block-start:68px!important}}
@media(max-width:370px){.site-header[data-mesk-header] .mesk-header-nav{grid-template-columns:minmax(76px,1fr) auto minmax(76px,1fr)!important}.site-header[data-mesk-header] .brand__img{max-width:76px!important}.site-header[data-mesk-header] .mesk-center-control{min-width:166px!important}.site-header[data-mesk-header] .mesk-header-search{width:64px!important}.site-header[data-mesk-header] .moeen-header-account{display:none!important}}
@media(prefers-reduced-motion:reduce){.site-header[data-mesk-header] *,.site-header[data-mesk-header] *:before,.site-header[data-mesk-header] *:after{transition:none!important;animation:none!important}}
/* Header geometry hardening: one system across breakpoints */
.site-header[data-mesk-header] .mesk-header-shell{display:block!important;position:relative!important;}
.site-header[data-mesk-header] .mesk-header-nav{display:block!important;position:relative!important;min-height:62px!important;}
.site-header[data-mesk-header] .mesk-header-brand{position:absolute!important;inset-inline-start:auto!important;inset-inline-end:24px!important;left:auto!important;right:24px!important;top:50%!important;transform:translateY(-50%)!important;}
.site-header[data-mesk-header] .mesk-header-actions{position:absolute!important;inset-inline-start:24px!important;inset-inline-end:auto!important;left:24px!important;right:auto!important;top:50%!important;transform:translateY(-50%)!important;}
.site-header[data-mesk-header] .mesk-center-control{position:absolute!important;inset-inline-start:auto!important;inset-inline-end:auto!important;left:50%!important;right:auto!important;top:50%!important;transform:translate(-50%,-50%)!important;}
.site-header[data-mesk-header] .mesk-menu-panel{inset-inline-start:auto!important;inset-inline-end:auto!important;left:50%!important;right:auto!important;transform:translateX(-50%) translateY(-10px) scale(.98)!important;}
.site-header[data-mesk-header].is-menu-open .mesk-menu-panel,.site-header[data-mesk-header].mesk-is-menu-open .mesk-menu-panel{transform:translateX(-50%) translateY(0) scale(1)!important;}
.site-header[data-mesk-header] .mesk-mini-cart{inset-inline-start:auto!important;inset-inline-end:auto!important;left:24px!important;right:auto!important;}

.site-header[data-mesk-header] .mesk-mini-cart__item-name{
  display:block!important;
  color:#fff!important;
  font-weight:850!important;
  font-size:13px!important;
  line-height:1.5!important;
  cursor:default!important;
  pointer-events:none!important;
}

@media(max-width:900px){
  .site-header[data-mesk-header] .mesk-header-nav{min-height:58px!important;}
  .site-header[data-mesk-header] .mesk-header-brand{right:14px!important;}
  .site-header[data-mesk-header] .mesk-header-actions{left:14px!important;}
  .site-header[data-mesk-header] .mesk-mini-cart{left:12px!important;width:calc(100vw - 24px)!important;}
}
@media(max-width:430px){
  .site-header[data-mesk-header] .mesk-header-brand{right:10px!important;}
  .site-header[data-mesk-header] .mesk-header-actions{left:10px!important;}
}
/* Header search typing placeholder and center scroll percentage */
body:not(.elementor-editor-active) .site-header[data-mesk-header]{inset-block-start:22px!important;}
.site-header[data-mesk-header] .brand__img{max-width:121px!important;max-height:51px!important;}
.site-header[data-mesk-header] .mesk-menu-toggle{color:rgba(52,239,226,.86)!important;}
.site-header[data-mesk-header] .mesk-menu-toggle:hover,.site-header[data-mesk-header] .mesk-menu-toggle:focus-visible,.site-header[data-mesk-header].is-menu-open .mesk-menu-toggle,.site-header[data-mesk-header].mesk-is-menu-open .mesk-menu-toggle{color:#65fff5!important;}
.site-header[data-mesk-header] .mesk-menu-toggle__text span{transition:clip-path .48s cubic-bezier(.22,1,.36,1),opacity .38s ease,transform .48s cubic-bezier(.22,1,.36,1)!important;}
.site-header[data-mesk-header] .mesk-header-search{position:relative!important;width:148px!important;padding-inline:10px 4px!important;}
.site-header[data-mesk-header] .mesk-header-search input::placeholder{color:transparent!important;}
.site-header[data-mesk-header] .mesk-header-search__submit{color:rgba(52,239,226,.82)!important;}
.site-header[data-mesk-header] .mesk-header-search__submit:hover,.site-header[data-mesk-header] .mesk-header-search__submit:focus-visible{color:#65fff5!important;}
.site-header[data-mesk-header] .mesk-search-ghost{position:absolute!important;inset-inline-start:13px!important;inset-inline-end:36px!important;top:50%!important;transform:translateY(-50%)!important;display:block!important;overflow:hidden!important;white-space:nowrap!important;text-align:right!important;direction:rtl!important;color:rgba(224,255,253,.62)!important;font:800 13px/1.2 inherit!important;pointer-events:none!important;clip-path:inset(0 100% 0 0);animation:meskSearchTyping 3.1s cubic-bezier(.22,1,.36,1) infinite!important;}
.site-header[data-mesk-header] .mesk-header-search.mesk-search-is-active .mesk-search-ghost{opacity:0!important;animation:none!important;}
.site-header[data-mesk-header] .mesk-scroll-progress-chip{--mesk-scroll-progress:0;display:inline-grid!important;place-items:center!important;flex:0 0 auto!important;min-width:42px!important;height:30px!important;padding:0 9px!important;border-radius:999px!important;border:1px solid rgba(52,239,226,.24)!important;background:linear-gradient(180deg,rgba(52,239,226,.08),rgba(4,18,26,.42))!important;color:rgba(52,239,226,.92)!important;font:900 11px/1 inherit!important;font-variant-numeric:tabular-nums!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)!important;transition:color .24s ease,border-color .24s ease,background-color .24s ease!important;}
.site-header[data-mesk-header] .mesk-scroll-progress-chip:hover{color:#65fff5!important;border-color:rgba(52,239,226,.42)!important;}
.moeen-scroll-progress,.moeen-scroll-progress__bar,.scroll-progress,.scroll-progress-bar,#scroll-progress,#reading-progress,.reading-progress{display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;}
@keyframes meskSearchTyping{0%{clip-path:inset(0 100% 0 0);opacity:0}8%{opacity:1}38%{clip-path:inset(0 0 0 0);opacity:1}76%{clip-path:inset(0 0 0 0);opacity:1}100%{clip-path:inset(0 100% 0 0);opacity:0}}
@media(max-width:900px){body:not(.elementor-editor-active) .site-header[data-mesk-header]{inset-block-start:14px!important}.site-header[data-mesk-header] .brand__img{max-width:95px!important;max-height:45px!important}.site-header[data-mesk-header] .mesk-header-search{width:104px!important}.site-header[data-mesk-header] .mesk-scroll-progress-chip{min-width:36px;height:28px;padding-inline:7px;font-size:10px!important}}
@media(max-width:430px){.site-header[data-mesk-header] .brand__img{max-width:85px!important}.site-header[data-mesk-header] .mesk-center-control{min-width:190px!important}.site-header[data-mesk-header] .mesk-header-search{width:62px!important}.site-header[data-mesk-header] .mesk-search-ghost{inset-inline-end:30px!important;font-size:11px!important}.site-header[data-mesk-header] .mesk-scroll-progress-chip{min-width:32px;height:26px;padding-inline:6px;font-size:9px!important}}
@media(max-width:370px){.site-header[data-mesk-header] .brand__img{max-width:79px!important}.site-header[data-mesk-header] .mesk-center-control{min-width:166px!important}.site-header[data-mesk-header] .mesk-scroll-progress-chip{display:none!important}.site-header[data-mesk-header] .mesk-header-search{width:64px!important}}
@media(prefers-reduced-motion:reduce){.site-header[data-mesk-header] .mesk-search-ghost{display:none!important;animation:none!important}.site-header[data-mesk-header] .mesk-header-search input::placeholder{color:rgba(231,249,248,.58)!important}}
/* === Moeen final header optimization 20260525 === */
body:not(.elementor-editor-active) .hero{padding-block-start:calc(var(--header-h,124px) + 22px)!important;}
body:not(.elementor-editor-active) .page-hero{padding-block-start:calc(var(--header-h,124px) + 20px)!important;}
.site-header[data-mesk-header] .mesk-menu-toggle,.site-header[data-mesk-header] .mesk-menu-toggle__icon,.site-header[data-mesk-header] .mesk-menu-toggle__text{color:rgba(52,239,226,.88)!important;}
.site-header[data-mesk-header] .mesk-menu-toggle:hover,.site-header[data-mesk-header] .mesk-menu-toggle:focus-visible,.site-header[data-mesk-header].is-menu-open .mesk-menu-toggle,.site-header[data-mesk-header].mesk-is-menu-open .mesk-menu-toggle{color:#67fff5!important;background:rgba(52,239,226,.075)!important;}
.site-header[data-mesk-header] .mesk-menu-toggle__text{width:38px!important;}
.site-header[data-mesk-header] .mesk-menu-toggle__text .is-open{clip-path:inset(0 0 0 0)!important;opacity:1!important;transform:translateY(0)!important;transition:clip-path .5s cubic-bezier(.22,1,.36,1),opacity .42s ease,transform .5s cubic-bezier(.22,1,.36,1)!important;}
.site-header[data-mesk-header] .mesk-menu-toggle__text .is-close{clip-path:inset(0 100% 0 0)!important;opacity:0!important;transform:translateY(5px)!important;transition:clip-path .5s cubic-bezier(.22,1,.36,1),opacity .42s ease,transform .5s cubic-bezier(.22,1,.36,1)!important;}
.site-header[data-mesk-header].is-menu-open .mesk-menu-toggle__text .is-open,.site-header[data-mesk-header].mesk-is-menu-open .mesk-menu-toggle__text .is-open{clip-path:inset(0 100% 0 0)!important;opacity:0!important;transform:translateY(-5px)!important;}
.site-header[data-mesk-header].is-menu-open .mesk-menu-toggle__text .is-close,.site-header[data-mesk-header].mesk-is-menu-open .mesk-menu-toggle__text .is-close{clip-path:inset(0 0 0 0)!important;opacity:1!important;transform:translateY(0)!important;}
.site-header[data-mesk-header] .mesk-menu-toggle__icon span{transition:transform .5s cubic-bezier(.22,1,.36,1),top .5s cubic-bezier(.22,1,.36,1),background-color .32s ease!important;}
.site-header[data-mesk-header].is-menu-open .mesk-menu-toggle__icon span:first-child,.site-header[data-mesk-header].mesk-is-menu-open .mesk-menu-toggle__icon span:first-child{top:7px!important;transform:rotate(42deg)!important;}
.site-header[data-mesk-header].is-menu-open .mesk-menu-toggle__icon span:last-child,.site-header[data-mesk-header].mesk-is-menu-open .mesk-menu-toggle__icon span:last-child{top:7px!important;transform:rotate(-42deg)!important;}
.site-header[data-mesk-header] .mesk-search-ghost{animation-duration:3.35s!important;animation-timing-function:cubic-bezier(.22,1,.36,1)!important;}
.site-header[data-mesk-header] .mesk-header-actions{gap:11px!important;}
.site-header[data-mesk-header] .mesk-header-cta{min-width:158px!important;height:44px!important;padding-inline:22px!important;font-size:13.5px!important;letter-spacing:0!important;}
.site-header[data-mesk-header] .moeen-header-cart{border-color:rgba(217,177,94,.44)!important;background:linear-gradient(180deg,rgba(217,177,94,.14),rgba(5,21,30,.78))!important;color:rgba(238,205,132,.96)!important;}
.site-header[data-mesk-header] .moeen-header-cart:hover,.site-header[data-mesk-header] .moeen-header-cart:focus-visible,.site-header[data-mesk-header] .mesk-cart-wrap.is-open .moeen-header-cart{color:#35f0e3!important;border-color:rgba(53,240,227,.54)!important;background:linear-gradient(180deg,rgba(53,240,227,.12),rgba(5,21,30,.9))!important;}
.site-header[data-mesk-header] .moeen-cart-count{display:grid!important;visibility:visible!important;opacity:1!important;inset-block-start:-4px!important;inset-inline-start:-4px!important;min-width:16px!important;height:16px!important;padding-inline:4px!important;font-size:9.5px!important;line-height:1!important;background:linear-gradient(135deg,#d9b15e,#f4dc98)!important;color:#071014!important;border:2px solid #031017!important;}
.site-header[data-mesk-header] .mesk-overlay-menu svg,.site-header[data-mesk-header] .mesk-overlay-menu .menu-icon{display:none!important;}
.site-header[data-mesk-header] .mesk-menu-parent-toggle[hidden]{display:none!important;}
@media(min-width:641px) and (max-width:900px){.site-header[data-mesk-header] .mesk-header-cta{display:inline-flex!important;min-width:142px!important;padding-inline:16px!important;font-size:12.5px!important}.site-header[data-mesk-header] .mesk-header-actions{gap:8px!important}.site-header[data-mesk-header] .mesk-center-control{min-width:232px!important}.site-header[data-mesk-header] .mesk-header-search{width:110px!important}}
@media(max-width:640px){body:not(.elementor-editor-active) .hero{padding-block-start:calc(var(--header-h,122px) + 16px)!important;}body:not(.elementor-editor-active) .page-hero{padding-block-start:calc(var(--header-h,122px) + 14px)!important;}.site-header[data-mesk-header] .mesk-header-cta{display:none!important}.site-header[data-mesk-header] .mesk-menu-toggle__text{width:32px!important}.site-header[data-mesk-header] .mesk-search-ghost{font-size:11px!important}}
@media(max-width:370px){.site-header[data-mesk-header] .mesk-scroll-progress-chip{display:none!important;}.site-header[data-mesk-header] .mesk-header-actions{gap:5px!important}}
@media(prefers-reduced-motion:reduce){.site-header[data-mesk-header] .mesk-search-ghost{animation:none!important;clip-path:none!important;opacity:1!important}.site-header[data-mesk-header] .mesk-menu-toggle__text span{transition:none!important}}
/* === End Moeen final header optimization 20260525 === */
/* === Moeen hero and about submenu final tweak 20260525 === */
body:not(.elementor-editor-active) .hero{padding-block-start:calc(var(--header-h,124px) + 44px)!important;}
body:not(.elementor-editor-active) .page-hero{padding-block-start:calc(var(--header-h,124px) + 38px)!important;}
.site-header[data-mesk-header] .mesk-menu-toggle__text .is-open,.site-header[data-mesk-header] .mesk-menu-toggle__text .is-close{transition:clip-path .64s cubic-bezier(.22,1,.36,1),opacity .52s ease,transform .64s cubic-bezier(.22,1,.36,1)!important;}
.site-header[data-mesk-header] .mesk-menu-toggle__icon span{transition:transform .64s cubic-bezier(.22,1,.36,1),top .64s cubic-bezier(.22,1,.36,1),background-color .34s ease!important;}
.site-header[data-mesk-header] .mesk-menu-parent{display:grid!important;gap:0!important;}
.site-header[data-mesk-header] .mesk-menu-parent-toggle{width:100%!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;text-align:right!important;direction:rtl!important;border:0!important;background:transparent!important;color:inherit!important;border-radius:14px!important;cursor:pointer!important;}
.site-header[data-mesk-header] .mesk-menu-parent-toggle span{flex:1 1 auto!important;text-align:right!important;}
@media(max-width:640px){body:not(.elementor-editor-active) .hero{padding-block-start:calc(var(--header-h,122px) + 30px)!important;}body:not(.elementor-editor-active) .page-hero{padding-block-start:calc(var(--header-h,122px) + 28px)!important;}.site-header[data-mesk-header] .mesk-menu-toggle__text .is-open,.site-header[data-mesk-header] .mesk-menu-toggle__text .is-close{transition-duration:.58s!important}}
/* === End Moeen hero and about submenu final tweak 20260525 === */
/* === Moeen ordered header fixes 20260525 === */
@media (min-width: 901px){
  body:not(.elementor-editor-active) .hero .hero__inner{transform:translateY(18px) !important;}
}
@media (max-width: 640px){
  body:not(.elementor-editor-active) .hero .hero__inner{transform:translateY(-10px) !important;}
}
.site-header[data-mesk-header] .mesk-menu-toggle__icon span,
.site-header[data-mesk-header] .mesk-menu-toggle__text span{transition-duration:.86s !important;transition-timing-function:cubic-bezier(.16,1,.3,1) !important;}
.site-header[data-mesk-header] .mesk-menu-toggle__text{color:rgba(53,240,227,.88) !important;}
.site-header[data-mesk-header] .mesk-menu-toggle__text span::after{transition-duration:.86s !important;}
.site-header[data-mesk-header].is-menu-open .mesk-header-nav,
.site-header[data-mesk-header].mesk-is-menu-open .mesk-header-nav{position:relative !important;top:auto !important;inset:auto !important;transform:none !important;min-height:0 !important;margin-block:0 !important;}
.site-header[data-mesk-header] .mesk-menu-panel{will-change:transform,opacity;}
.site-header[data-mesk-header] .mesk-submenu{list-style:none !important;display:grid !important;gap:4px !important;margin:8px 8px 0 0 !important;padding:8px !important;border-radius:14px !important;background:rgba(2,14,20,.52) !important;border:1px solid rgba(53,240,227,.12) !important;overflow:hidden !important;}
.site-header[data-mesk-header] .mesk-submenu[hidden]{display:none !important;}
.site-header[data-mesk-header] .mesk-submenu a{min-height:36px !important;padding:8px 12px !important;border-radius:12px !important;font-size:13px !important;text-align:right !important;color:rgba(225,245,245,.78) !important;background:transparent !important;}
.site-header[data-mesk-header] .mesk-submenu a:hover,.site-header[data-mesk-header] .mesk-submenu a:focus-visible,.site-header[data-mesk-header] .mesk-submenu a.is-active{color:#35f0e3 !important;background:rgba(52,239,226,.08) !important;}
.site-header[data-mesk-header] .mesk-header-search{position:relative !important;overflow:visible !important;}
.site-header[data-mesk-header] .mesk-search-suggest{position:absolute;inset-block-start:calc(100% + 12px);inset-inline-end:0;width:min(320px,calc(100vw - 24px));padding:8px;border:1px solid rgba(53,240,227,.22);border-radius:18px;background:linear-gradient(145deg,rgba(4,20,28,.98),rgba(1,8,12,.98));box-shadow:0 18px 50px rgba(0,0,0,.34);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-6px) scale(.98);transition:opacity .24s ease,transform .24s ease,visibility .24s ease;z-index:2800;text-align:right;}
.site-header[data-mesk-header] .mesk-search-suggest.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1);}
.site-header[data-mesk-header] .mesk-search-suggest__item{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:42px;padding:9px 10px;border-radius:12px;color:#edfafa;text-decoration:none;border:1px solid transparent;transition:background .22s ease,border-color .22s ease,color .22s ease,transform .22s ease;}
.site-header[data-mesk-header] .mesk-search-suggest__item:hover,
.site-header[data-mesk-header] .mesk-search-suggest__item:focus-visible{background:rgba(53,240,227,.08);border-color:rgba(53,240,227,.22);color:#35f0e3;transform:translateX(-2px);outline:0;}
.site-header[data-mesk-header] .mesk-search-suggest__item span{font-size:13px;font-weight:800;line-height:1.45;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.site-header[data-mesk-header] .mesk-search-suggest__item small{font-size:11px;color:rgba(220,239,238,.58);white-space:nowrap;}
.site-header[data-mesk-header] .mesk-search-suggest__note{padding:11px 10px;color:rgba(233,249,248,.78);font-size:12px;line-height:1.7;}
@media (max-width: 900px){
  .site-header[data-mesk-header] .mesk-menu-panel{position:absolute !important;top:calc(100% + 12px) !important;left:50% !important;right:auto !important;width:calc(100vw - 24px) !important;max-width:calc(100vw - 24px) !important;}
  .site-header[data-mesk-header] .mesk-mini-cart{left:8px !important;right:auto !important;width:calc(100vw - 16px) !important;max-width:calc(100vw - 16px) !important;}
  .site-header[data-mesk-header] .mesk-search-suggest{position:fixed;inset-inline:12px auto;right:12px;left:12px;width:auto;top:calc(var(--header-h, 90px) + 10px);}
}
@media (max-width: 360px){
  .site-header[data-mesk-header] .mesk-scroll-progress-chip{display:none !important;}
}
@media (prefers-reduced-motion: reduce){
  .site-header[data-mesk-header] .mesk-menu-toggle__icon span,
  .site-header[data-mesk-header] .mesk-menu-toggle__text span,
  .site-header[data-mesk-header] .mesk-menu-toggle__text span::after{transition-duration:.01ms !important;animation:none !important;}
}
/* === Moeen ordered refinement fixes 20260525 === */
@media (min-width: 901px){
  body:not(.elementor-editor-active) .hero .hero__inner{transform:translateY(28px) !important;}
}
.site-header[data-mesk-header] .mesk-menu-toggle__icon span,
.site-header[data-mesk-header] .mesk-menu-toggle__text span,
.site-header[data-mesk-header] .mesk-menu-toggle__text span::after{transition-duration:1.04s !important;transition-timing-function:cubic-bezier(.16,1,.3,1) !important;}
.site-header[data-mesk-header] .mesk-menu-toggle:hover .mesk-menu-toggle__text,
.site-header[data-mesk-header] .mesk-menu-toggle:focus-visible .mesk-menu-toggle__text{color:#68fff5 !important;}
.site-header[data-mesk-header].is-menu-open,
.site-header[data-mesk-header].mesk-is-menu-open,
body.mesk-menu-open .site-header[data-mesk-header]{height:62px !important;min-height:62px !important;padding-block:0 !important;margin-block:0 !important;overflow:visible !important;}
.site-header[data-mesk-header].is-menu-open .mesk-header-shell,
.site-header[data-mesk-header].mesk-is-menu-open .mesk-header-shell,
body.mesk-menu-open .site-header[data-mesk-header] .mesk-header-shell{height:62px !important;min-height:62px !important;padding-block:0 !important;margin-block:0 !important;overflow:visible !important;}
.site-header[data-mesk-header].is-menu-open .mesk-header-nav,
.site-header[data-mesk-header].mesk-is-menu-open .mesk-header-nav,
body.mesk-menu-open .site-header[data-mesk-header] .mesk-header-nav{position:relative !important;display:grid !important;grid-template-columns:minmax(150px,1fr) auto minmax(150px,1fr) !important;grid-template-areas:"actions center brand" !important;align-items:center !important;min-height:62px !important;height:62px !important;width:100% !important;margin:0 !important;padding:0 !important;top:auto !important;right:auto !important;bottom:auto !important;left:auto !important;inset:auto !important;transform:none !important;opacity:1 !important;visibility:visible !important;background:transparent !important;box-shadow:none !important;border:0 !important;}
.site-header[data-mesk-header] .mesk-menu-panel{max-height:calc(100vh - var(--header-h, 90px) - 20px) !important;overflow:auto !important;overscroll-behavior:contain !important;}
@media (max-width: 900px){
  .site-header[data-mesk-header],
  .site-header[data-mesk-header].is-menu-open,
  .site-header[data-mesk-header].mesk-is-menu-open,
  body.mesk-menu-open .site-header[data-mesk-header]{height:54px !important;min-height:54px !important;}
  .site-header[data-mesk-header] .mesk-header-shell,
  .site-header[data-mesk-header].is-menu-open .mesk-header-shell,
  .site-header[data-mesk-header].mesk-is-menu-open .mesk-header-shell{height:54px !important;min-height:54px !important;}
  .site-header[data-mesk-header] .mesk-header-nav,
  .site-header[data-mesk-header].is-menu-open .mesk-header-nav,
  .site-header[data-mesk-header].mesk-is-menu-open .mesk-header-nav,
  body.mesk-menu-open .site-header[data-mesk-header] .mesk-header-nav{height:54px !important;min-height:54px !important;grid-template-columns:minmax(84px,1fr) minmax(0,auto) minmax(84px,1fr) !important;gap:6px !important;}
  .site-header[data-mesk-header] .mesk-menu-panel{top:calc(100% + 10px) !important;left:50% !important;right:auto !important;width:calc(100vw - 24px) !important;max-width:calc(100vw - 24px) !important;transform:translateX(-50%) translateY(-10px) scale(.98) !important;}
  .site-header[data-mesk-header].mesk-is-menu-open .mesk-menu-panel,
  .site-header[data-mesk-header].is-menu-open .mesk-menu-panel{transform:translateX(-50%) translateY(0) scale(1) !important;}
  .site-header[data-mesk-header] .mesk-mini-cart{left:14px !important;right:auto !important;width:calc(100vw - 28px) !important;max-width:340px !important;}
}
/* === Moeen breadcrumb hero submenu support request 20260525 === */
@media (min-width: 901px){
  body:not(.elementor-editor-active) .hero .hero__inner{transform:translateY(43px) !important;}
}
.site-header[data-mesk-header] .mesk-menu-toggle__icon span,
.site-header[data-mesk-header] .mesk-menu-toggle__text span,
.site-header[data-mesk-header] .mesk-menu-toggle__text span::after{transition-duration:1.24s !important;transition-timing-function:cubic-bezier(.16,1,.3,1) !important;}
.site-header[data-mesk-header] .mesk-menu-toggle:hover .mesk-menu-toggle__text span,
.site-header[data-mesk-header] .mesk-menu-toggle:focus-visible .mesk-menu-toggle__text span{transition-duration:1.24s !important;}
.site-header[data-mesk-header] .mesk-menu-parent-toggle i{inline-size:25px !important;block-size:25px !important;border-radius:9px !important;display:inline-grid !important;place-items:center !important;color:#35f0e3 !important;background:rgba(53,240,227,.055) !important;border:1px solid rgba(53,240,227,.24) !important;font-style:normal !important;font-size:19px !important;font-weight:500 !important;line-height:1 !important;font-family:Arial,Tahoma,sans-serif !important;transition:background .32s ease,border-color .32s ease,color .32s ease,transform .32s cubic-bezier(.22,1,.36,1) !important;}
.site-header[data-mesk-header] .mesk-menu-parent-toggle i::before{content:"+" !important;position:static !important;display:block !important;inline-size:auto !important;block-size:auto !important;inset:auto !important;transform:none !important;border:0 !important;background:transparent !important;color:currentColor !important;line-height:1 !important;opacity:1 !important;transition:opacity .28s ease,transform .34s cubic-bezier(.22,1,.36,1) !important;}
.site-header[data-mesk-header] .mesk-menu-parent-toggle i::after{display:none !important;content:none !important;}
.site-header[data-mesk-header] .mesk-menu-parent.is-submenu-open .mesk-menu-parent-toggle i{background:rgba(53,240,227,.14) !important;border-color:rgba(53,240,227,.5) !important;color:#67fff5 !important;}
.site-header[data-mesk-header] .mesk-menu-parent.is-submenu-open .mesk-menu-parent-toggle i::before{content:"−" !important;transform:translateY(-1px) !important;}

/* === Moeen no-shift header menu lock 20260525 === */
body:not(.elementor-editor-active) .site-header[data-mesk-header],
body:not(.elementor-editor-active) .site-header[data-mesk-header].is-menu-open,
body:not(.elementor-editor-active) .site-header[data-mesk-header].mesk-is-menu-open,
body.mesk-menu-open:not(.elementor-editor-active) .site-header[data-mesk-header]{
  position:fixed!important;
  inset-block-start:22px!important;
  inset-inline:0!important;
  height:62px!important;
  min-height:62px!important;
  max-height:62px!important;
  padding:0!important;
  margin:0!important;
  transform:none!important;
  translate:none!important;
  overflow:visible!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.site-header[data-mesk-header] .mesk-header-shell,
.site-header[data-mesk-header].is-menu-open .mesk-header-shell,
.site-header[data-mesk-header].mesk-is-menu-open .mesk-header-shell{
  position:relative!important;
  height:62px!important;
  min-height:62px!important;
  max-height:62px!important;
  padding-block:0!important;
  margin-block:0!important;
  overflow:visible!important;
  transform:none!important;
}
.site-header[data-mesk-header] .mesk-header-nav,
.site-header[data-mesk-header].is-menu-open .mesk-header-nav,
.site-header[data-mesk-header].mesk-is-menu-open .mesk-header-nav,
body.mesk-menu-open .site-header[data-mesk-header] .mesk-header-nav{
  position:relative!important;
  display:block!important;
  height:62px!important;
  min-height:62px!important;
  max-height:62px!important;
  padding:0!important;
  margin:0!important;
  inset:auto!important;
  transform:none!important;
  overflow:visible!important;
}
.site-header[data-mesk-header] .mesk-header-brand,
.site-header[data-mesk-header].is-menu-open .mesk-header-brand,
.site-header[data-mesk-header].mesk-is-menu-open .mesk-header-brand{
  position:absolute!important;
  top:50%!important;
  right:24px!important;
  left:auto!important;
  transform:translateY(-50%)!important;
}
.site-header[data-mesk-header] .mesk-header-actions,
.site-header[data-mesk-header].is-menu-open .mesk-header-actions,
.site-header[data-mesk-header].mesk-is-menu-open .mesk-header-actions{
  position:absolute!important;
  top:50%!important;
  left:24px!important;
  right:auto!important;
  transform:translateY(-50%)!important;
}
.site-header[data-mesk-header] .mesk-center-control,
.site-header[data-mesk-header].is-menu-open .mesk-center-control,
.site-header[data-mesk-header].mesk-is-menu-open .mesk-center-control{
  position:absolute!important;
  top:50%!important;
  left:50%!important;
  right:auto!important;
  transform:translate(-50%,-50%)!important;
}
.site-header[data-mesk-header] .mesk-menu-panel,
.site-header[data-mesk-header].is-menu-open .mesk-menu-panel,
.site-header[data-mesk-header].mesk-is-menu-open .mesk-menu-panel{
  position:fixed!important;
  inset-block-start:92px!important;
  top:92px!important;
  left:50%!important;
  right:auto!important;
  width:min(440px,calc(100vw - 24px))!important;
  max-width:calc(100vw - 24px)!important;
  max-height:calc(100dvh - 110px)!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
  transform:translateX(-50%) translateY(-10px) scale(.98)!important;
  z-index:9510!important;
}
.site-header[data-mesk-header].is-menu-open .mesk-menu-panel,
.site-header[data-mesk-header].mesk-is-menu-open .mesk-menu-panel{
  transform:translateX(-50%) translateY(0) scale(1)!important;
}
@media (max-width:900px){
  body:not(.elementor-editor-active) .site-header[data-mesk-header],
  body:not(.elementor-editor-active) .site-header[data-mesk-header].is-menu-open,
  body:not(.elementor-editor-active) .site-header[data-mesk-header].mesk-is-menu-open,
  body.mesk-menu-open:not(.elementor-editor-active) .site-header[data-mesk-header]{
    inset-block-start:14px!important;
    height:54px!important;
    min-height:54px!important;
    max-height:54px!important;
  }
  .site-header[data-mesk-header] .mesk-header-shell,
  .site-header[data-mesk-header] .mesk-header-nav,
  .site-header[data-mesk-header].is-menu-open .mesk-header-shell,
  .site-header[data-mesk-header].is-menu-open .mesk-header-nav,
  .site-header[data-mesk-header].mesk-is-menu-open .mesk-header-shell,
  .site-header[data-mesk-header].mesk-is-menu-open .mesk-header-nav,
  body.mesk-menu-open .site-header[data-mesk-header] .mesk-header-nav{
    height:54px!important;
    min-height:54px!important;
    max-height:54px!important;
  }
  .site-header[data-mesk-header] .mesk-header-brand,
  .site-header[data-mesk-header].is-menu-open .mesk-header-brand,
  .site-header[data-mesk-header].mesk-is-menu-open .mesk-header-brand{right:14px!important;}
  .site-header[data-mesk-header] .mesk-header-actions,
  .site-header[data-mesk-header].is-menu-open .mesk-header-actions,
  .site-header[data-mesk-header].mesk-is-menu-open .mesk-header-actions{left:14px!important;}
  .site-header[data-mesk-header] .mesk-menu-panel,
  .site-header[data-mesk-header].is-menu-open .mesk-menu-panel,
  .site-header[data-mesk-header].mesk-is-menu-open .mesk-menu-panel{
    position:fixed!important;
    top:80px!important;
    inset-block-start:80px!important;
    left:50%!important;
    right:auto!important;
    width:calc(100vw - 24px)!important;
    max-width:calc(100vw - 24px)!important;
    max-height:calc(100dvh - 96px)!important;
    transform:translateX(-50%) translateY(-10px) scale(.98)!important;
  }
  .site-header[data-mesk-header].is-menu-open .mesk-menu-panel,
  .site-header[data-mesk-header].mesk-is-menu-open .mesk-menu-panel{
    transform:translateX(-50%) translateY(0) scale(1)!important;
  }
}
@media (max-width:430px){
  .site-header[data-mesk-header] .mesk-header-brand,
  .site-header[data-mesk-header].is-menu-open .mesk-header-brand,
  .site-header[data-mesk-header].mesk-is-menu-open .mesk-header-brand{right:10px!important;}
  .site-header[data-mesk-header] .mesk-header-actions,
  .site-header[data-mesk-header].is-menu-open .mesk-header-actions,
  .site-header[data-mesk-header].mesk-is-menu-open .mesk-header-actions{left:10px!important;}
}

/* Compact navigation and mini-cart refinements */
body.mesk-menu-open {
  overflow:hidden!important;
}
.site-header[data-mesk-header] .mesk-scroll-progress-chip {
  display:none!important;
}
.site-header[data-mesk-header] .mesk-menu-panel,
.site-header[data-mesk-header].is-menu-open .mesk-menu-panel,
.site-header[data-mesk-header].mesk-is-menu-open .mesk-menu-panel {
  width:min(560px,calc(100vw - 32px))!important;
  border-radius:20px!important;
  box-shadow:0 20px 56px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.05)!important;
}
.site-header[data-mesk-header] .mesk-menu-panel__inner {
  padding:14px!important;
  gap:9px!important;
}
.site-header[data-mesk-header] .mesk-overlay-menu {
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:4px 8px!important;
}
.site-header[data-mesk-header] .mesk-overlay-menu a,
.site-header[data-mesk-header] .mesk-menu-parent-toggle {
  min-height:40px!important;
  padding-inline:12px!important;
  border-radius:12px!important;
}
.site-header[data-mesk-header] .mesk-submenu {
  margin:5px 6px 0!important;
  padding:6px!important;
}
.site-header[data-mesk-header] .mesk-menu-cta a {
  min-height:42px!important;
}
.site-header[data-mesk-header] .mesk-mini-cart__total {
  min-height:42px!important;
  padding:8px 4px 2px!important;
  border-top:1px solid rgba(52,239,226,.12)!important;
}
.site-header[data-mesk-header] .mesk-mini-cart__total strong {
  color:var(--mesk-gold)!important;
  font-variant-numeric:tabular-nums!important;
  direction:ltr!important;
  unicode-bidi:isolate!important;
}
@media (max-width:900px) {
  .site-header[data-mesk-header] .mesk-overlay-menu {
    grid-template-columns:1fr!important;
  }
  .site-header[data-mesk-header] .mesk-menu-panel,
  .site-header[data-mesk-header].is-menu-open .mesk-menu-panel,
  .site-header[data-mesk-header].mesk-is-menu-open .mesk-menu-panel {
    width:calc(100vw - 24px)!important;
  }
}

/* Compact premium dropdown menu.
 * !important is limited to this block because the legacy header stylesheet
 * already declares the same menu properties with !important.
 */
.site-header[data-mesk-header] .mesk-menu-panel,
.site-header[data-mesk-header].is-menu-open .mesk-menu-panel,
.site-header[data-mesk-header].mesk-is-menu-open .mesk-menu-panel {
  position:fixed!important;
  top:92px!important;
  inset-block-start:92px!important;
  left:50%!important;
  right:auto!important;
  width:min(400px,calc(100vw - 32px))!important;
  max-width:400px!important;
  max-height:calc(100dvh - 112px)!important;
  overflow:auto!important;
  direction:rtl!important;
  border:1px solid rgba(40,215,205,.18)!important;
  border-radius:22px!important;
  background:rgba(3,18,22,.86)!important;
  -webkit-backdrop-filter:blur(18px)!important;
  backdrop-filter:blur(18px)!important;
  box-shadow:0 24px 64px rgba(0,0,0,.48),0 0 32px rgba(40,215,205,.08),inset 0 1px 0 rgba(255,255,255,.045)!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translateX(-50%) translateY(-10px) scale(.98)!important;
  transform-origin:top center!important;
  transition:opacity 380ms cubic-bezier(.22,1,.36,1),transform 380ms cubic-bezier(.22,1,.36,1),visibility 380ms step-end!important;
}
.site-header[data-mesk-header].is-menu-open .mesk-menu-panel,
.site-header[data-mesk-header].mesk-is-menu-open .mesk-menu-panel {
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:translateX(-50%) translateY(0) scale(1)!important;
  transition:opacity 380ms cubic-bezier(.22,1,.36,1),transform 380ms cubic-bezier(.22,1,.36,1),visibility 0ms step-start!important;
}
.site-header[data-mesk-header] .mesk-menu-panel__inner {
  display:grid!important;
  gap:8px!important;
  padding:14px!important;
}
.site-header[data-mesk-header] .mesk-menu-top {
  min-height:32px!important;
  padding:0 8px 6px!important;
}
.site-header[data-mesk-header] .mesk-overlay-menu {
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:5px!important;
  margin:0!important;
  padding:0!important;
}
.site-header[data-mesk-header] .mesk-overlay-menu>li {
  width:100%!important;
  margin:0!important;
  padding:0!important;
}
.site-header[data-mesk-header] .mesk-overlay-menu>li>a,
.site-header[data-mesk-header] .mesk-overlay-menu>li>.mesk-menu-parent-toggle {
  min-height:50px!important;
  padding:0 16px!important;
  border:1px solid transparent!important;
  border-radius:14px!important;
  background:transparent!important;
  color:#e8f6f6!important;
  font-size:16px!important;
  font-weight:850!important;
  line-height:1.45!important;
  text-align:right!important;
  transition:color 280ms ease,background-color 280ms ease,border-color 280ms ease,transform 320ms cubic-bezier(.22,1,.36,1),box-shadow 280ms ease!important;
}
.site-header[data-mesk-header] .mesk-overlay-menu>li>a:hover,
.site-header[data-mesk-header] .mesk-overlay-menu>li>a:focus-visible,
.site-header[data-mesk-header] .mesk-overlay-menu>li>.mesk-menu-parent-toggle:hover,
.site-header[data-mesk-header] .mesk-overlay-menu>li>.mesk-menu-parent-toggle:focus-visible {
  color:#efffff!important;
  background:rgba(40,215,205,.08)!important;
  border-color:rgba(40,215,205,.24)!important;
  transform:translateX(-4px)!important;
}
.site-header[data-mesk-header] .mesk-overlay-menu>li>a:focus-visible,
.site-header[data-mesk-header] .mesk-overlay-menu>li>.mesk-menu-parent-toggle:focus-visible,
.site-header[data-mesk-header] .mesk-submenu a:focus-visible {
  outline:2px solid rgba(40,215,205,.7)!important;
  outline-offset:2px!important;
}
.site-header[data-mesk-header] .mesk-overlay-menu>.is-services>.mesk-menu-parent-toggle {
  border-color:rgba(40,215,205,.45)!important;
  background:linear-gradient(110deg,rgba(40,215,205,.11),rgba(40,215,205,.025))!important;
  box-shadow:0 0 22px rgba(40,215,205,.12)!important;
}
.site-header[data-mesk-header] .mesk-overlay-menu>.is-services>.mesk-menu-parent-toggle:after {
  content:""!important;
  position:absolute!important;
  top:-45%!important;
  bottom:auto!important;
  right:-35%!important;
  left:auto!important;
  width:24%!important;
  height:190%!important;
  border-radius:0!important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent)!important;
  opacity:0!important;
  transform:skewX(-18deg)!important;
  transition:right 520ms cubic-bezier(.22,1,.36,1),opacity 240ms ease!important;
  pointer-events:none!important;
}
.site-header[data-mesk-header] .mesk-overlay-menu>.is-services>.mesk-menu-parent-toggle:hover:after,
.site-header[data-mesk-header] .mesk-overlay-menu>.is-services>.mesk-menu-parent-toggle:focus-visible:after {
  right:112%!important;
  width:24%!important;
  opacity:1!important;
}
.site-header[data-mesk-header] .mesk-menu-parent-toggle i {
  display:inline-grid!important;
  flex:0 0 25px!important;
}
.site-header[data-mesk-header] .mesk-submenu {
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:3px!important;
  max-height:0!important;
  margin:0 10px!important;
  padding:0 8px!important;
  overflow:hidden!important;
  border-color:transparent!important;
  background:rgba(2,14,20,.38)!important;
  opacity:0!important;
  transform:translateY(-6px)!important;
  transition:max-height 350ms cubic-bezier(.22,1,.36,1),opacity 300ms ease,transform 350ms cubic-bezier(.22,1,.36,1),padding 350ms cubic-bezier(.22,1,.36,1),margin 350ms cubic-bezier(.22,1,.36,1),border-color 300ms ease!important;
}
.site-header[data-mesk-header] .mesk-menu-parent.is-submenu-open>.mesk-submenu {
  max-height:360px!important;
  margin:6px 10px 2px!important;
  padding:7px 8px!important;
  border-color:rgba(40,215,205,.11)!important;
  opacity:1!important;
  transform:translateY(0)!important;
}
.site-header[data-mesk-header] .mesk-submenu a {
  min-height:44px!important;
  padding:8px 13px!important;
  color:rgba(225,245,245,.72)!important;
  font-size:13.5px!important;
  font-weight:750!important;
}
.site-header[data-mesk-header] .mesk-menu-divider {
  margin:3px 0!important;
}
.site-header[data-mesk-header] .mesk-menu-cta a {
  min-height:46px!important;
}
@media (max-width:900px) {
  .site-header[data-mesk-header] .mesk-menu-panel,
  .site-header[data-mesk-header].is-menu-open .mesk-menu-panel,
  .site-header[data-mesk-header].mesk-is-menu-open .mesk-menu-panel {
    top:80px!important;
    inset-block-start:80px!important;
    width:calc(100vw - 32px)!important;
    max-width:calc(100vw - 32px)!important;
    max-height:calc(100dvh - 96px)!important;
  }
}
@media (prefers-reduced-motion:reduce) {
  .site-header[data-mesk-header] .mesk-menu-panel,
  .site-header[data-mesk-header] .mesk-overlay-menu>li>a,
  .site-header[data-mesk-header] .mesk-overlay-menu>li>.mesk-menu-parent-toggle,
  .site-header[data-mesk-header] .mesk-submenu,
  .site-header[data-mesk-header] .mesk-overlay-menu>.is-services>.mesk-menu-parent-toggle:after {
    transition:none!important;
    animation:none!important;
  }
}

/* === Mobile header balance: logo, search, menu and profile === */
@media (max-width: 640px) {
  body:not(.elementor-editor-active) .site-header[data-mesk-header],
  body:not(.elementor-editor-active) .site-header[data-mesk-header].is-menu-open,
  body:not(.elementor-editor-active) .site-header[data-mesk-header].mesk-is-menu-open,
  body.mesk-menu-open:not(.elementor-editor-active) .site-header[data-mesk-header] {
    inset-block-start: 8px !important;
    height: 52px !important;
    min-height: 52px !important;
    max-height: 52px !important;
  }

  .site-header[data-mesk-header] .mesk-header-shell,
  .site-header[data-mesk-header] .mesk-header-nav,
  .site-header[data-mesk-header].is-menu-open .mesk-header-shell,
  .site-header[data-mesk-header].is-menu-open .mesk-header-nav,
  .site-header[data-mesk-header].mesk-is-menu-open .mesk-header-shell,
  .site-header[data-mesk-header].mesk-is-menu-open .mesk-header-nav {
    height: 52px !important;
    min-height: 52px !important;
    max-height: 52px !important;
  }

  .site-header[data-mesk-header] .mesk-header-brand,
  .site-header[data-mesk-header].is-menu-open .mesk-header-brand,
  .site-header[data-mesk-header].mesk-is-menu-open .mesk-header-brand {
    right: 9px !important;
    height: 46px !important;
  }

  .site-header[data-mesk-header] .brand__img,
  .site-header[data-mesk-header].is-menu-open .brand__img,
  .site-header[data-mesk-header].mesk-is-menu-open .brand__img {
    max-width: 72px !important;
    max-height: 36px !important;
  }

  .site-header[data-mesk-header] .mesk-header-actions,
  .site-header[data-mesk-header].is-menu-open .mesk-header-actions,
  .site-header[data-mesk-header].mesk-is-menu-open .mesk-header-actions {
    left: 8px !important;
    gap: 6px !important;
  }

  .site-header[data-mesk-header] .moeen-header-cart,
  .site-header[data-mesk-header] .moeen-header-account {
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    border-radius: 13px !important;
  }

  .site-header[data-mesk-header] .moeen-header-cart svg,
  .site-header[data-mesk-header] .moeen-header-account svg {
    width: 17px !important;
    height: 17px !important;
  }

  .site-header[data-mesk-header] .moeen-cart-count {
    inset-block-start: -6px !important;
    inset-inline-start: -5px !important;
    min-width: 18px !important;
    height: 18px !important;
    font-size: 10px !important;
  }

  .site-header[data-mesk-header] .mesk-center-control,
  .site-header[data-mesk-header].is-menu-open .mesk-center-control,
  .site-header[data-mesk-header].mesk-is-menu-open .mesk-center-control {
    width: clamp(156px, 42vw, 184px) !important;
    min-width: 0 !important;
    height: 40px !important;
    padding: 4px 5px !important;
    gap: 4px !important;
    border-color: rgba(52,239,226,.18) !important;
    background: linear-gradient(180deg, rgba(5,24,32,.86), rgba(2,12,18,.82)) !important;
    box-shadow: 0 12px 34px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.045) !important;
  }

  .site-header[data-mesk-header] .mesk-menu-toggle {
    min-width: 55px !important;
    height: 32px !important;
    padding-inline: 6px !important;
    gap: 5px !important;
    font-size: 12px !important;
  }

  .site-header[data-mesk-header] .mesk-menu-toggle__icon {
    width: 17px !important;
    height: 13px !important;
    flex-basis: 17px !important;
  }

  .site-header[data-mesk-header] .mesk-menu-toggle__text {
    width: 27px !important;
    height: 16px !important;
    font-size: 11.5px !important;
  }

  .site-header[data-mesk-header] .mesk-center-separator {
    height: 17px !important;
    opacity: .62 !important;
  }

  .site-header[data-mesk-header] .mesk-header-search {
    width: 72px !important;
    height: 32px !important;
    padding-inline: 3px !important;
    gap: 1px !important;
    background: rgba(255,255,255,.022) !important;
  }

  .site-header[data-mesk-header] .mesk-header-search input {
    height: 28px !important;
    padding: 0 2px !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    text-align: right !important;
  }

  .site-header[data-mesk-header] .mesk-header-search input::placeholder {
    color: rgba(232,255,255,.68) !important;
    opacity: 1 !important;
  }

  .site-header[data-mesk-header] .mesk-search-ghost {
    display: none !important;
  }

  .site-header[data-mesk-header] .mesk-header-search__submit {
    width: 25px !important;
    height: 25px !important;
    flex-basis: 25px !important;
    color: rgba(52,239,226,.9) !important;
  }

  .site-header[data-mesk-header] .mesk-header-search__submit svg {
    width: 16px !important;
    height: 16px !important;
  }

  .site-header[data-mesk-header] .mesk-menu-panel,
  .site-header[data-mesk-header].is-menu-open .mesk-menu-panel,
  .site-header[data-mesk-header].mesk-is-menu-open .mesk-menu-panel {
    top: 68px !important;
    inset-block-start: 68px !important;
    width: calc(100vw - 22px) !important;
    max-width: calc(100vw - 22px) !important;
    border-radius: 20px !important;
  }
}

@media (max-width: 380px) {
  .site-header[data-mesk-header] .brand__img,
  .site-header[data-mesk-header].is-menu-open .brand__img,
  .site-header[data-mesk-header].mesk-is-menu-open .brand__img {
    max-width: 64px !important;
    max-height: 32px !important;
  }

  .site-header[data-mesk-header] .mesk-center-control,
  .site-header[data-mesk-header].is-menu-open .mesk-center-control,
  .site-header[data-mesk-header].mesk-is-menu-open .mesk-center-control {
    width: 148px !important;
  }

  .site-header[data-mesk-header] .mesk-header-search {
    width: 58px !important;
  }

  .site-header[data-mesk-header] .mesk-header-search input {
    font-size: 10.5px !important;
  }
}

/* === Moeen scroll percentage chip === */
.site-header[data-mesk-header] .mesk-center-control .mesk-scroll-progress-chip {
  --mesk-scroll-progress: 0%;
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  display: inline-grid !important;
  place-items: center !important;
  flex: 0 0 auto !important;
  min-width: 44px !important;
  height: 31px !important;
  padding: 0 10px !important;
  border: 1px solid transparent !important;
  border-radius: 999px !important;
  color: #eaffff !important;
  font: 950 11px/1 inherit !important;
  font-variant-numeric: tabular-nums !important;
  letter-spacing: .01em !important;
  direction: ltr !important;
  background:
    linear-gradient(180deg, rgba(4, 21, 29, .96), rgba(2, 11, 16, .92)) padding-box,
    conic-gradient(from 180deg, #35f0e3 var(--mesk-scroll-progress), rgba(217, 177, 94, .55) 0, rgba(53, 240, 227, .16) 100%) border-box !important;
  box-shadow:
    0 10px 24px rgba(0, 0, 0, .22),
    inset 0 1px 0 rgba(255, 255, 255, .05),
    0 0 18px rgba(53, 240, 227, .075) !important;
  transform: translateZ(0) !important;
  transition:
    color .24s ease,
    box-shadow .24s ease,
    transform .24s ease,
    border-color .24s ease !important;
}

.site-header[data-mesk-header] .mesk-center-control .mesk-scroll-progress-chip::before {
  content: "" !important;
  position: absolute !important;
  inset: 3px !important;
  z-index: -1 !important;
  border-radius: inherit !important;
  background:
    radial-gradient(circle at 30% 20%, rgba(53, 240, 227, .16), transparent 42%),
    rgba(2, 12, 18, .74) !important;
}

.site-header[data-mesk-header] .mesk-center-control .mesk-scroll-progress-chip::after {
  content: "" !important;
  position: absolute !important;
  inset-block: -55% !important;
  inset-inline-start: -70% !important;
  width: 46% !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .26), transparent) !important;
  transform: skewX(-18deg) !important;
  opacity: .55 !important;
  animation: meskScrollChipGleam 4.2s cubic-bezier(.22, 1, .36, 1) infinite !important;
  pointer-events: none !important;
}

.site-header[data-mesk-header] .mesk-center-control .mesk-scroll-progress-chip:hover,
.site-header[data-mesk-header] .mesk-center-control .mesk-scroll-progress-chip.is-complete {
  color: #071014 !important;
  background:
    linear-gradient(135deg, rgba(217, 177, 94, .95), rgba(53, 240, 227, .96)) padding-box,
    conic-gradient(from 180deg, #35f0e3 var(--mesk-scroll-progress), rgba(217, 177, 94, .72) 0, rgba(53, 240, 227, .24) 100%) border-box !important;
  box-shadow:
    0 12px 30px rgba(53, 240, 227, .20),
    0 0 26px rgba(217, 177, 94, .14) !important;
}

@keyframes meskScrollChipGleam {
  0%, 62% {
    transform: translateX(0) skewX(-18deg);
    opacity: 0;
  }
  72% {
    opacity: .55;
  }
  100% {
    transform: translateX(390%) skewX(-18deg);
    opacity: 0;
  }
}

@media (max-width: 640px) {
  .site-header[data-mesk-header] .mesk-center-control .mesk-scroll-progress-chip {
    min-width: 37px !important;
    height: 28px !important;
    padding-inline: 7px !important;
    font-size: 10px !important;
  }
}

@media (max-width: 380px) {
  .site-header[data-mesk-header] .mesk-center-control .mesk-scroll-progress-chip {
    min-width: 34px !important;
    height: 26px !important;
    padding-inline: 6px !important;
    font-size: 9.5px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .site-header[data-mesk-header] .mesk-center-control .mesk-scroll-progress-chip,
  .site-header[data-mesk-header] .mesk-center-control .mesk-scroll-progress-chip::after {
    transition: none !important;
    animation: none !important;
  }
}

.site-header[data-mesk-header] .moeen-header-account {
  position: relative !important;
  overflow: visible !important;
}

.site-header[data-mesk-header] .mesk-signup-nudge {
  position: absolute;
  z-index: 30;
  inset-inline-start: 50%;
  top: calc(100% + 11px);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 82px;
  min-height: 34px;
  padding: 6px 13px;
  border: 1px solid rgba(53, 240, 227, 0.5);
  border-radius: 12px;
  background: rgba(3, 15, 20, 0.97);
  color: #70fff6;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.32), 0 0 18px rgba(53, 240, 227, 0.11);
  font-size: 12px;
  font-weight: 850;
  line-height: 1;
  white-space: nowrap;
  pointer-events: none;
  opacity: 0;
  transform: translateX(-50%) translateY(-7px) scale(0.94);
  transition: opacity 0.3s ease, transform 0.38s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.site-header[data-mesk-header] .mesk-signup-nudge::before {
  content: "";
  position: absolute;
  inset-inline-start: 50%;
  bottom: 100%;
  width: 8px;
  height: 8px;
  border-block-start: 1px solid rgba(53, 240, 227, 0.5);
  border-inline-start: 1px solid rgba(53, 240, 227, 0.5);
  background: rgba(3, 15, 20, 0.97);
  transform: translate(-50%, 4px) rotate(45deg);
}

.site-header[data-mesk-header] .mesk-signup-nudge.is-visible {
  opacity: 1;
  transform: translateX(-50%) translateY(0) scale(1);
}

@media (max-width: 760px) {
  .site-header[data-mesk-header] .mesk-signup-nudge {
    top: calc(100% + 8px);
    min-width: 76px;
    min-height: 31px;
    padding-inline: 11px;
    font-size: 11px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .site-header[data-mesk-header] .mesk-signup-nudge {
    transition: none;
  }
}

/* Unified hero/header breathing space across static page heroes. */
body:not(.elementor-editor-active) .page-hero,
body:not(.elementor-editor-active) .article-hero.page-hero,
body:not(.elementor-editor-active) [data-scope="moeen-project-hero"],
body:not(.elementor-editor-active) [data-scope="moeen-center-hero"].moeen-center-hero {
  padding-block-start: calc(var(--header-h, 124px) + 58px) !important;
}

@media (max-width: 900px) {
  body:not(.elementor-editor-active) .page-hero,
  body:not(.elementor-editor-active) .article-hero.page-hero,
  body:not(.elementor-editor-active) [data-scope="moeen-project-hero"],
  body:not(.elementor-editor-active) [data-scope="moeen-center-hero"].moeen-center-hero {
    padding-block-start: calc(var(--header-h, 122px) + 46px) !important;
  }
}

@media (max-width: 640px) {
  body:not(.elementor-editor-active) .page-hero,
  body:not(.elementor-editor-active) .article-hero.page-hero,
  body:not(.elementor-editor-active) [data-scope="moeen-project-hero"],
  body:not(.elementor-editor-active) [data-scope="moeen-center-hero"].moeen-center-hero {
    padding-block-start: calc(var(--header-h, 122px) + 36px) !important;
  }
}

/* Header logo final size polish */
.site-header[data-mesk-header] .brand__img,
.site-header[data-mesk-header].is-menu-open .brand__img,
.site-header[data-mesk-header].mesk-is-menu-open .brand__img {
  max-width: 108px !important;
  max-height: 46px !important;
}

@media (max-width: 900px) {
  .site-header[data-mesk-header] .brand__img,
  .site-header[data-mesk-header].is-menu-open .brand__img,
  .site-header[data-mesk-header].mesk-is-menu-open .brand__img {
    max-width: 84px !important;
    max-height: 40px !important;
  }
}

@media (max-width: 430px) {
  .site-header[data-mesk-header] .brand__img,
  .site-header[data-mesk-header].is-menu-open .brand__img,
  .site-header[data-mesk-header].mesk-is-menu-open .brand__img {
    max-width: 74px !important;
    max-height: 35px !important;
  }
}

/* Standalone Moeen AI header CTA */
.site-header[data-mesk-header] .mesk-header-cta.mesk-header-cta--ai {
  position: relative !important;
  min-width: 112px !important;
  padding-inline: 24px 20px !important;
  color:  rgb(15 255 238 / 65%) !important;
  border: 1px solid rgba(53, 240, 227, .64) !important;
  background:
    linear-gradient(135deg, rgba(6, 18, 22, .96), rgba(12, 62, 65, .88)) !important;
    box-shadow:
    0 18px 42px rgba(53, 240, 227, .16),
    0 0 34px rgba(217, 177, 94, .18) !important;

  overflow: hidden !important;
}


.site-header[data-mesk-header] .mesk-header-cta.mesk-header-cta--ai::after {
  content: "" !important;
  position: absolute !important;
  inset-block: -70% !important;
  inset-inline-start: -55% !important;
  width: 32% !important;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .22), transparent) !important;
  transform: rotate(16deg) !important;
  opacity: 0 !important;
  transition: transform .7s cubic-bezier(.22, 1, .36, 1), opacity .24s ease !important;
  pointer-events: none !important;
}

.site-header[data-mesk-header] .mesk-header-cta.mesk-header-cta--ai:hover,
.site-header[data-mesk-header] .mesk-header-cta.mesk-header-cta--ai:focus-visible {
  color: #eafefe !important;
  border-color: rgba(53, 240, 227, .64) !important;
  background: linear-gradient(135deg, rgba(6, 18, 22, .96), rgba(12, 62, 65, .88)) !important;
  box-shadow:
    0 18px 42px rgba(53, 240, 227, .16),
    0 0 34px rgba(217, 177, 94, .18) !important;
}

.site-header[data-mesk-header] .mesk-header-cta.mesk-header-cta--ai:hover::before,
.site-header[data-mesk-header] .mesk-header-cta.mesk-header-cta--ai:focus-visible::before {
  background: linear-gradient(180deg, #d9b15e, #35f0e3) !important;
}

.site-header[data-mesk-header] .mesk-header-cta.mesk-header-cta--ai:hover::after,
.site-header[data-mesk-header] .mesk-header-cta.mesk-header-cta--ai:focus-visible::after {
  opacity: 1 !important;
  transform: translateX(420%) rotate(16deg) !important;
}

@media (prefers-reduced-motion: reduce) {
  .site-header[data-mesk-header] .mesk-header-cta.mesk-header-cta--ai,
  .site-header[data-mesk-header] .mesk-header-cta.mesk-header-cta--ai::after {
    transition: none !important;
  }
}

@media (max-width: 760px) {
  .site-header[data-mesk-header] .mesk-header-cta.mesk-header-cta--ai {
    min-width: 94px !important;
    min-height: 42px !important;
    padding-inline: 20px 16px !important;
    font-size: 18px !important;
    border-radius: 16px !important;
    transform: translateY(0) !important;
  }

  .site-header[data-mesk-header] .mesk-header-cta.mesk-header-cta--ai::before {
    inset-block: 9px !important;
    inset-inline-end: 9px !important;
    width: 7px !important;
  }
}

@media (max-width: 430px) {
  .site-header[data-mesk-header] .mesk-header-cta.mesk-header-cta--ai {
    min-width: 86px !important;
    padding-inline: 18px 13px !important;
    font-size: 11px !important;
  }
}

/* Mobile menu density: keep the floating panel compact without reducing tap targets. */
@media (max-width: 640px) {
  .site-header[data-mesk-header] .mesk-menu-panel,
  .site-header[data-mesk-header].is-menu-open .mesk-menu-panel,
  .site-header[data-mesk-header].mesk-is-menu-open .mesk-menu-panel {
    width: min(340px, calc(100vw - 32px)) !important;
    max-width: min(340px, calc(100vw - 32px)) !important;
    max-height: calc(100dvh - 84px) !important;
    border-radius: 18px !important;
  }

  .site-header[data-mesk-header] .mesk-menu-panel {
    opacity: 0 !important;
    filter: blur(4px) !important;
    -webkit-clip-path: inset(0 8% 100% 8% round 18px) !important;
    clip-path: inset(0 8% 100% 8% round 18px) !important;
    transform: translateX(-50%) translateY(-8px) scale(.985) !important;
    transform-origin: top center !important;
    will-change: opacity, transform, clip-path, filter !important;
    transition:
      opacity 300ms ease,
      transform 420ms cubic-bezier(.22, 1, .36, 1),
      clip-path 420ms cubic-bezier(.22, 1, .36, 1),
      filter 320ms ease,
      visibility 420ms step-end !important;
  }

  .site-header[data-mesk-header].is-menu-open .mesk-menu-panel,
  .site-header[data-mesk-header].mesk-is-menu-open .mesk-menu-panel {
    opacity: 1 !important;
    filter: blur(0) !important;
    -webkit-clip-path: inset(0 round 18px) !important;
    clip-path: inset(0 round 18px) !important;
    transform: translateX(-50%) translateY(0) scale(1) !important;
    transition:
      opacity 300ms ease,
      transform 420ms cubic-bezier(.22, 1, .36, 1),
      clip-path 420ms cubic-bezier(.22, 1, .36, 1),
      filter 320ms ease,
      visibility 0ms step-start !important;
  }

  .site-header[data-mesk-header] .mesk-menu-panel__inner {
    gap: 6px !important;
    padding: 10px !important;
  }

  .site-header[data-mesk-header] .mesk-menu-top {
    min-height: 28px !important;
    padding: 0 6px 3px !important;
  }

  .site-header[data-mesk-header] .mesk-menu-top span {
    font-size: 14px !important;
  }

  .site-header[data-mesk-header] .mesk-overlay-menu {
    gap: 2px !important;
  }

  .site-header[data-mesk-header] .mesk-overlay-menu > li {
    width: calc(100% - 8px) !important;
    margin-inline: auto !important;
    opacity: 0 !important;
    transform: translateY(-5px) !important;
    transition:
      opacity 260ms ease,
      transform 360ms cubic-bezier(.22, 1, .36, 1) !important;
  }

  .site-header[data-mesk-header].is-menu-open .mesk-overlay-menu > li,
  .site-header[data-mesk-header].mesk-is-menu-open .mesk-overlay-menu > li {
    opacity: 1 !important;
    transform: translateY(0) !important;
    transition-delay: calc(55ms + (var(--item-index, 0) * 22ms)) !important;
  }

  .site-header[data-mesk-header] .mesk-overlay-menu > li > a,
  .site-header[data-mesk-header] .mesk-overlay-menu > li > .mesk-menu-parent-toggle {
    min-height: 44px !important;
    padding-inline: 12px !important;
    border-radius: 12px !important;
    font-size: 14.5px !important;
  }

  .site-header[data-mesk-header] .mesk-menu-parent-toggle i {
    flex-basis: 23px !important;
    inline-size: 23px !important;
    block-size: 23px !important;
    border-radius: 8px !important;
    font-size: 17px !important;
  }

  .site-header[data-mesk-header] .mesk-menu-parent.is-submenu-open > .mesk-submenu {
    margin-block: 4px 1px !important;
    padding-block: 5px !important;
  }

  .site-header[data-mesk-header] .mesk-submenu a {
    min-height: 44px !important;
    padding: 7px 11px !important;
    font-size: 13px !important;
  }

  .site-header[data-mesk-header] .mesk-menu-divider {
    margin-block: 1px !important;
  }

  .site-header[data-mesk-header] .mesk-menu-cta a {
    width: min(240px, 80%) !important;
    min-height: 44px !important;
    margin-inline: auto !important;
    border-radius: 13px !important;
    font-size: 13.5px !important;
  }
}

@media (max-width: 640px) and (prefers-reduced-motion: reduce) {
  .site-header[data-mesk-header] .mesk-menu-panel,
  .site-header[data-mesk-header] .mesk-overlay-menu > li {
    filter: none !important;
    -webkit-clip-path: none !important;
    clip-path: none !important;
    transition: none !important;
  }
}

/* === Final menu refinement: narrower panel + premium Moeen AI item === */
.site-header[data-mesk-header] .mesk-menu-panel,
.site-header[data-mesk-header].is-menu-open .mesk-menu-panel,
.site-header[data-mesk-header].mesk-is-menu-open .mesk-menu-panel {
  width: min(380px, calc(100vw - 44px)) !important;
  max-width: min(380px, calc(100vw - 44px)) !important;
}

.site-header[data-mesk-header] .mesk-menu-panel__inner {
  padding: 13px !important;
}

.site-header[data-mesk-header] .mesk-overlay-menu > li.mesk-menu-item--ai > a {
  min-height: 48px !important;
  padding: 0 14px 0 10px !important;
  border: 1px solid rgba(217, 175, 85, 0.36) !important;
  border-radius: 16px !important;
  background:
    radial-gradient(circle at 16% 0%, rgba(217, 175, 85, 0.18), transparent 42%),
    radial-gradient(circle at 86% 50%, rgba(53, 240, 227, 0.11), transparent 38%),
    linear-gradient(135deg, rgba(8, 32, 41, 0.88), rgba(3, 14, 20, 0.92)) !important;
  color: #f8ffff !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.055),
    0 13px 28px rgba(0, 0, 0, 0.12),
    0 0 24px rgba(217, 175, 85, 0.055) !important;
}

.site-header[data-mesk-header] .mesk-overlay-menu > li.mesk-menu-item--ai > a::after {
  width: 42px !important;
  background: linear-gradient(90deg, rgba(217, 175, 85, 0), rgba(217, 175, 85, 0.78), rgba(53, 240, 227, 0)) !important;
}

.site-header[data-mesk-header] .mesk-menu-item--ai .mesk-menu-item__label {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-weight: 950 !important;
  letter-spacing: 0.01em !important;
  text-shadow: 0 0 14px rgba(53, 240, 227, 0.14) !important;
}

.site-header[data-mesk-header] .mesk-menu-item__icon--ai {
  display: inline-grid !important;
  place-items: center !important;
  width: 32px !important;
  height: 32px !important;
  flex: 0 0 32px !important;
  border: 1px solid rgba(53, 240, 227, 0.30) !important;
  border-radius: 13px !important;
  background:
    radial-gradient(circle at 50% 40%, rgba(53, 240, 227, 0.20), transparent 58%),
    rgba(53, 240, 227, 0.075) !important;
  color: #55fff4 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.055),
    0 0 18px rgba(53, 240, 227, 0.10) !important;
  transition:
    transform 0.22s ease,
    border-color 0.22s ease,
    background 0.22s ease,
    color 0.22s ease !important;
}

.site-header[data-mesk-header] .mesk-menu-item__icon--ai svg {
  width: 17px !important;
  height: 17px !important;
  display: block !important;
  fill: currentColor !important;
  filter: drop-shadow(0 0 8px rgba(53, 240, 227, 0.24));
}

.site-header[data-mesk-header] .mesk-overlay-menu > li.mesk-menu-item--ai > a:hover,
.site-header[data-mesk-header] .mesk-overlay-menu > li.mesk-menu-item--ai > a:focus-visible,
.site-header[data-mesk-header] .mesk-overlay-menu > li.mesk-menu-item--ai.is-active > a {
  transform: translateY(-1px) !important;
  border-color: rgba(217, 175, 85, 0.52) !important;
  color: #ffffff !important;
  background:
    radial-gradient(circle at 16% 0%, rgba(217, 175, 85, 0.22), transparent 42%),
    radial-gradient(circle at 86% 50%, rgba(53, 240, 227, 0.16), transparent 38%),
    linear-gradient(135deg, rgba(10, 38, 48, 0.92), rgba(3, 15, 21, 0.95)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.065),
    0 15px 30px rgba(0, 0, 0, 0.16),
    0 0 28px rgba(217, 175, 85, 0.075) !important;
}

.site-header[data-mesk-header] .mesk-overlay-menu > li.mesk-menu-item--ai > a:hover .mesk-menu-item__icon--ai,
.site-header[data-mesk-header] .mesk-overlay-menu > li.mesk-menu-item--ai > a:focus-visible .mesk-menu-item__icon--ai,
.site-header[data-mesk-header] .mesk-overlay-menu > li.mesk-menu-item--ai.is-active > a .mesk-menu-item__icon--ai {
  transform: rotate(-8deg) scale(1.04) !important;
  border-color: rgba(217, 175, 85, 0.42) !important;
  background:
    radial-gradient(circle at 50% 40%, rgba(217, 175, 85, 0.22), transparent 58%),
    rgba(217, 175, 85, 0.08) !important;
  color: #f2cf7b !important;
}

@media (max-width: 640px) {
  .site-header[data-mesk-header] .mesk-menu-panel,
  .site-header[data-mesk-header].is-menu-open .mesk-menu-panel,
  .site-header[data-mesk-header].mesk-is-menu-open .mesk-menu-panel {
    width: min(320px, calc(100vw - 58px)) !important;
    max-width: min(320px, calc(100vw - 58px)) !important;
  }

  .site-header[data-mesk-header] .mesk-menu-panel__inner {
    padding: 9px !important;
  }

  .site-header[data-mesk-header] .mesk-overlay-menu > li.mesk-menu-item--ai > a {
    min-height: 46px !important;
  }

  .site-header[data-mesk-header] .mesk-menu-item__icon--ai {
    width: 30px !important;
    height: 30px !important;
    flex-basis: 30px !important;
  }
}

@media (max-width: 380px) {
  .site-header[data-mesk-header] .mesk-menu-panel,
  .site-header[data-mesk-header].is-menu-open .mesk-menu-panel,
  .site-header[data-mesk-header].mesk-is-menu-open .mesk-menu-panel {
    width: min(300px, calc(100vw - 44px)) !important;
    max-width: min(300px, calc(100vw - 44px)) !important;
  }
}

/* === Clear navigation states: active, expandable, AI and offers === */
.site-header[data-mesk-header] .mesk-overlay-menu > li > a,
.site-header[data-mesk-header] .mesk-overlay-menu > li > .mesk-menu-parent-toggle,
.site-header[data-mesk-header] .mesk-overlay-menu > li.is-services > .mesk-menu-parent-toggle {
  position: relative !important;
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}

.site-header[data-mesk-header] .mesk-overlay-menu > li > a::after,
.site-header[data-mesk-header] .mesk-overlay-menu > li > .mesk-menu-parent-toggle::after,
.site-header[data-mesk-header] .mesk-overlay-menu > li.is-services > .mesk-menu-parent-toggle::after {
  content: none !important;
  display: none !important;
}

.site-header[data-mesk-header] .mesk-overlay-menu > li > a:hover,
.site-header[data-mesk-header] .mesk-overlay-menu > li > a:focus-visible,
.site-header[data-mesk-header] .mesk-overlay-menu > li > .mesk-menu-parent-toggle:hover,
.site-header[data-mesk-header] .mesk-overlay-menu > li > .mesk-menu-parent-toggle:focus-visible {
  border-color: transparent !important;
  background: rgba(53, 240, 227, 0.055) !important;
  box-shadow: none !important;
  color: #f5ffff !important;
  transform: translateX(-3px) !important;
}

/* Active page: a restrained side rail instead of a framed card. */
.site-header[data-mesk-header] .mesk-overlay-menu > li.is-active > a,
.site-header[data-mesk-header] .mesk-overlay-menu > li.is-active > .mesk-menu-parent-toggle {
  border-color: transparent !important;
  background: linear-gradient(90deg, rgba(53, 240, 227, 0.012), rgba(53, 240, 227, 0.075)) !important;
  box-shadow: none !important;
  color: #48e6dc !important;
}

.site-header[data-mesk-header] .mesk-overlay-menu > li.is-active > a::before,
.site-header[data-mesk-header] .mesk-overlay-menu > li.is-active > .mesk-menu-parent-toggle::before {
  content: "" !important;
  position: absolute !important;
  inset-inline-start: 2px !important;
  inset-inline-end: auto !important;
  top: 50% !important;
  width: 3px !important;
  height: 24px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #35f0e3, #d9af55) !important;
  box-shadow: 0 0 12px rgba(53, 240, 227, 0.28) !important;
  opacity: 1 !important;
  transform: translateY(-50%) !important;
}

/* Expandable rows are identified by the compact plus/minus control. */
.site-header[data-mesk-header] .mesk-menu-parent > .mesk-menu-parent-toggle {
  color: rgba(235, 248, 248, 0.92) !important;
}

.site-header[data-mesk-header] .mesk-menu-parent-toggle i {
  width: 26px !important;
  height: 26px !important;
  flex: 0 0 26px !important;
  border: 1px solid rgba(53, 240, 227, 0.24) !important;
  border-radius: 9px !important;
  background: rgba(53, 240, 227, 0.045) !important;
  color: rgba(92, 245, 235, 0.9) !important;
  box-shadow: none !important;
  transition: transform 0.28s cubic-bezier(.22, 1, .36, 1), border-color 0.22s ease, background-color 0.22s ease, color 0.22s ease !important;
}

.site-header[data-mesk-header] .mesk-menu-parent.is-submenu-open > .mesk-menu-parent-toggle {
  border-color: transparent !important;
  background: rgba(53, 240, 227, 0.045) !important;
  color: #62eee6 !important;
}

.site-header[data-mesk-header] .mesk-menu-parent.is-submenu-open > .mesk-menu-parent-toggle i {
  border-color: rgba(217, 175, 85, 0.36) !important;
  background: rgba(217, 175, 85, 0.075) !important;
  color: #e8c66e !important;
  transform: rotate(180deg) !important;
}

.site-header[data-mesk-header] .mesk-menu-parent > .mesk-submenu,
.site-header[data-mesk-header] .mesk-menu-parent.is-submenu-open > .mesk-submenu {
  border: 0 !important;
  border-inline-start: 1px solid rgba(53, 240, 227, 0.16) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.site-header[data-mesk-header] .mesk-submenu a {
  border: 0 !important;
  border-radius: 10px !important;
  background: transparent !important;
}

.site-header[data-mesk-header] .mesk-submenu a:hover,
.site-header[data-mesk-header] .mesk-submenu a:focus-visible {
  background: rgba(53, 240, 227, 0.05) !important;
}

.site-header[data-mesk-header] .mesk-submenu a.is-active {
  background: rgba(53, 240, 227, 0.07) !important;
  color: #4ee8de !important;
}

/* Moeen AI: bold translucent lettering replaces the sparkle icon and frame. */
.site-header[data-mesk-header] .mesk-overlay-menu > li.mesk-menu-item--ai > a,
.site-header[data-mesk-header] .mesk-overlay-menu > li.mesk-menu-item--ai > a:hover,
.site-header[data-mesk-header] .mesk-overlay-menu > li.mesk-menu-item--ai > a:focus-visible {
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}

.site-header[data-mesk-header] .mesk-overlay-menu > li.mesk-menu-item--ai.is-active > a {
  background: linear-gradient(90deg, rgba(53, 240, 227, 0.012), rgba(53, 240, 227, 0.07)) !important;
}

.site-header[data-mesk-header] .mesk-menu-item--ai .mesk-menu-item__label {
  color: #eefdfd !important;
  text-shadow: 0 0 16px rgba(53, 240, 227, 0.1) !important;
}

.site-header[data-mesk-header] .mesk-menu-item__icon--ai {
  display: inline-grid !important;
  width: 42px !important;
  height: 30px !important;
  flex: 0 0 42px !important;
  place-items: center !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: linear-gradient(135deg, rgba(53, 240, 227, 0.09), rgba(217, 175, 85, 0.065)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045), 0 0 16px rgba(53, 240, 227, 0.055) !important;
  overflow: hidden !important;
  opacity: 0.88 !important;
  transform: none !important;
}

.site-header[data-mesk-header] .mesk-menu-item__icon-text {
  display: block !important;
  background: linear-gradient(110deg, rgba(87, 250, 239, 0.94), rgba(235, 201, 112, 0.86)) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  font-family: "Arial Black", Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  letter-spacing: -0.06em !important;
  text-shadow: none !important;
}

.site-header[data-mesk-header] .mesk-overlay-menu > li.mesk-menu-item--ai > a:hover .mesk-menu-item__icon--ai,
.site-header[data-mesk-header] .mesk-overlay-menu > li.mesk-menu-item--ai > a:focus-visible .mesk-menu-item__icon--ai,
.site-header[data-mesk-header] .mesk-overlay-menu > li.mesk-menu-item--ai.is-active > a .mesk-menu-item__icon--ai {
  border-color: transparent !important;
  background: linear-gradient(135deg, rgba(53, 240, 227, 0.14), rgba(217, 175, 85, 0.1)) !important;
  color: transparent !important;
  box-shadow: 0 0 20px rgba(53, 240, 227, 0.11) !important;
  opacity: 1 !important;
  transform: scale(1.045) !important;
}

/* Exclusive offers: a quiet gold cue, never a competing frame. */
.site-header[data-mesk-header] .mesk-menu-item--offers .mesk-menu-item__label {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: #e3c36c !important;
}

.site-header[data-mesk-header] .mesk-menu-item--offers .mesk-menu-item__label::after {
  content: "✦" !important;
  color: #e7c66d !important;
  font-size: 10px !important;
  line-height: 1 !important;
  opacity: 0.82 !important;
  filter: drop-shadow(0 0 7px rgba(217, 175, 85, 0.25));
}

.site-header[data-mesk-header] .mesk-overlay-menu > li.mesk-menu-item--offers > a:hover,
.site-header[data-mesk-header] .mesk-overlay-menu > li.mesk-menu-item--offers > a:focus-visible {
  background: rgba(217, 175, 85, 0.05) !important;
}

/* Courses: a calm primary-color cue inside the premium mobile menu. */
.site-header[data-mesk-header] .mesk-overlay-menu > li.mesk-menu-item--courses > a {
  min-height: 48px !important;
  border-color: transparent !important;
  background: transparent !important;
  color: #f2ffff !important;
  box-shadow: none !important;
}

.site-header[data-mesk-header] .mesk-overlay-menu > li.mesk-menu-item--courses > a::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset-inline-end: 14px !important;
  inset-block-end: 8px !important;
  width: 34px !important;
  height: 2px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, rgba(53, 240, 227, 0), rgba(53, 240, 227, 0.78), rgba(53, 240, 227, 0)) !important;
}

.site-header[data-mesk-header] .mesk-menu-item--courses .mesk-menu-item__label {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-weight: 950 !important;
  color: #eaffff !important;
  text-shadow: 0 0 14px rgba(53, 240, 227, 0.13) !important;
}

.site-header[data-mesk-header] .mesk-menu-item--courses .mesk-menu-item__label::after {
  content: "مسار تعلّم" !important;
  display: inline-flex !important;
  align-items: center !important;
  min-height: 20px !important;
  padding: 0 8px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(53, 240, 227, 0.24) !important;
  background: rgba(53, 240, 227, 0.075) !important;
  color: #6efff5 !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
}

.site-header[data-mesk-header] .mesk-menu-item__icon--courses {
  display: inline-grid !important;
  place-items: center !important;
  width: 28px !important;
  height: 28px !important;
  flex: 0 0 28px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #47f0e6 !important;
  box-shadow: none !important;
  transition:
    transform 0.22s ease,
    color 0.22s ease,
    filter 0.22s ease !important;
}

.site-header[data-mesk-header] .mesk-menu-item__icon--courses svg {
  display: block !important;
  width: 21px !important;
  height: 21px !important;
  color: currentColor !important;
  filter: drop-shadow(0 0 8px rgba(53, 240, 227, 0.18));
}

.site-header[data-mesk-header] .mesk-overlay-menu > li.mesk-menu-item--courses > a:hover,
.site-header[data-mesk-header] .mesk-overlay-menu > li.mesk-menu-item--courses > a:focus-visible,
.site-header[data-mesk-header] .mesk-overlay-menu > li.mesk-menu-item--courses.is-active > a {
  transform: translateY(-1px) !important;
  border-color: transparent !important;
  background: linear-gradient(90deg, rgba(53, 240, 227, 0.00), rgba(53, 240, 227, 0.065)) !important;
  box-shadow: none !important;
}

.site-header[data-mesk-header] .mesk-overlay-menu > li.mesk-menu-item--courses > a:hover .mesk-menu-item__icon--courses,
.site-header[data-mesk-header] .mesk-overlay-menu > li.mesk-menu-item--courses > a:focus-visible .mesk-menu-item__icon--courses,
.site-header[data-mesk-header] .mesk-overlay-menu > li.mesk-menu-item--courses.is-active > a .mesk-menu-item__icon--courses {
  transform: translateY(-1px) scale(1.045) !important;
  color: #74fff7 !important;
  filter: drop-shadow(0 0 10px rgba(53, 240, 227, 0.20)) !important;
}

@media (max-width: 640px) {
  .site-header[data-mesk-header] .mesk-menu-item__icon--ai {
    width: 38px !important;
    height: 28px !important;
    flex-basis: 38px !important;
  }

  .site-header[data-mesk-header] .mesk-menu-item__icon-text {
    font-size: 14px !important;
  }

  .site-header[data-mesk-header] .mesk-overlay-menu > li.mesk-menu-item--courses > a {
    min-height: 46px !important;
  }

  .site-header[data-mesk-header] .mesk-menu-item--courses .mesk-menu-item__label::after {
    font-size: 9.5px !important;
    padding-inline: 7px !important;
  }

  .site-header[data-mesk-header] .mesk-menu-item__icon--courses {
    width: 28px !important;
    height: 28px !important;
    flex-basis: 28px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .site-header[data-mesk-header] .mesk-menu-parent-toggle i,
  .site-header[data-mesk-header] .mesk-menu-item__icon--ai,
  .site-header[data-mesk-header] .mesk-menu-item__icon--courses {
    transition: none !important;
  }
}

/* Final action-state overrides must remain after the legacy header layers. */
.site-header[data-mesk-header] .moeen-header-cart,
.site-header[data-mesk-header] .mesk-cart-wrap.is-open .moeen-header-cart {
  border-color: rgba(217, 177, 94, 0.62) !important;
  background: #03070a !important;
  color: #e5bd67 !important;
}

.site-header[data-mesk-header] .moeen-header-cart:hover,
.site-header[data-mesk-header] .moeen-header-cart:focus-visible,
.site-header[data-mesk-header] .mesk-cart-wrap.is-open .moeen-header-cart:hover {
  border-color: rgba(236, 197, 111, 0.88) !important;
  background: #05090d !important;
  color: #f0cd7d !important;
}

.site-header[data-mesk-header] .mesk-header-cta.mesk-header-cta--ai,
.site-header[data-mesk-header] .mesk-header-cta.mesk-header-cta--ai:hover,
.site-header[data-mesk-header] .mesk-header-cta.mesk-header-cta--ai:focus-visible {
  border-color: rgba(217, 177, 94, 0.62) !important;
  background: #03070a !important;
  color: #e5bd67 !important;
  font-size: 14.5px !important;
}

.site-header[data-mesk-header] .mesk-header-cta.mesk-header-cta--ai:hover,
.site-header[data-mesk-header] .mesk-header-cta.mesk-header-cta--ai:focus-visible {
  border-color: rgba(236, 197, 111, 0.88) !important;
  background: #05090d !important;
  color: #f0cd7d !important;
}

/* === Desktop header navigation v2 (2026-07-22) ===
 * Roll back by defining MAEEN_DESKTOP_HEADER_V2 as false in wp-config.php.
 * Motion stays on opacity/transform except the small, on-demand search width.
 */
.site-header[data-mesk-header] .mesk-desktop-primary,
.site-header[data-mesk-header] .mesk-desktop-menu-toggle,
.site-header[data-mesk-header] .mesk-desktop-search {
  display: none !important;
}

@media (min-width: 1120px) {
  .site-header[data-mesk-header].mesk-header-v2 .mesk-center-control,
  .site-header[data-mesk-header].mesk-header-v2 .mesk-header-cta--ai {
    display: none !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-header-brand {
    right: 24px !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-desktop-primary {
    position: absolute !important;
    top: 50% !important;
    right: 160px !important;
    left: auto !important;
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    direction: rtl !important;
    transform: translateY(-50%) !important;
    pointer-events: auto !important;
    z-index: 6 !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-desktop-primary > li {
    position: relative !important;
    margin: 0 !important;
    padding: 8px 0 !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-desktop-primary__link {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    min-height: 38px !important;
    padding: 0 13px !important;
    border: 1px solid transparent !important;
    border-radius: 12px !important;
    background: transparent !important;
    color: rgba(238, 252, 252, .9) !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    font-size: 13.5px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    transition: color .22s ease, background-color .22s ease, border-color .22s ease, transform .22s cubic-bezier(.22,1,.36,1) !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-desktop-primary__link::after {
    content: "" !important;
    position: absolute !important;
    right: 13px !important;
    bottom: 3px !important;
    width: 0 !important;
    height: 2px !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, var(--mesk-cyan), rgba(52,239,226,0)) !important;
    transition: width .26s cubic-bezier(.22,1,.36,1) !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-desktop-primary__link:hover,
  .site-header[data-mesk-header].mesk-header-v2 .mesk-desktop-primary__link:focus-visible,
  .site-header[data-mesk-header].mesk-header-v2 .mesk-desktop-primary__link.is-active,
  .site-header[data-mesk-header].mesk-header-v2 .mesk-desktop-services.is-active > .mesk-desktop-primary__link {
    color: #68fff5 !important;
    border-color: rgba(52,239,226,.14) !important;
    background: rgba(52,239,226,.055) !important;
    transform: translateY(-1px) !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-desktop-primary__link:hover::after,
  .site-header[data-mesk-header].mesk-header-v2 .mesk-desktop-primary__link:focus-visible::after,
  .site-header[data-mesk-header].mesk-header-v2 .mesk-desktop-primary__link.is-active::after,
  .site-header[data-mesk-header].mesk-header-v2 .mesk-desktop-services.is-active > .mesk-desktop-primary__link::after {
    width: 28px !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-desktop-services > .mesk-desktop-primary__link svg {
    width: 14px !important;
    height: 14px !important;
    transition: transform .24s cubic-bezier(.22,1,.36,1) !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-desktop-services:hover > .mesk-desktop-primary__link svg,
  .site-header[data-mesk-header].mesk-header-v2 .mesk-desktop-services:focus-within > .mesk-desktop-primary__link svg,
  .site-header[data-mesk-header].mesk-header-v2 .mesk-desktop-services.is-open > .mesk-desktop-primary__link svg {
    transform: rotate(180deg) !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-desktop-primary__ai {
    min-width: 88px !important;
    border-color: rgba(217,177,94,.48) !important;
    background: linear-gradient(135deg, rgba(217,177,94,.075), rgba(3,10,14,.72)) !important;
    color: #e7c46f !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.035) !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-desktop-primary__ai:hover,
  .site-header[data-mesk-header].mesk-header-v2 .mesk-desktop-primary__ai:focus-visible,
  .site-header[data-mesk-header].mesk-header-v2 .mesk-desktop-primary__ai.is-active {
    border-color: rgba(236,197,111,.72) !important;
    background: linear-gradient(135deg, rgba(217,177,94,.12), rgba(3,10,14,.84)) !important;
    color: #f0cf7f !important;
    box-shadow: 0 10px 26px rgba(217,177,94,.08), inset 0 1px 0 rgba(255,255,255,.045) !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-desktop-primary__ai bdi {
    font-family: Arial, sans-serif !important;
    font-weight: 900 !important;
    letter-spacing: .02em !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-services-flyout {
    position: absolute !important;
    top: calc(100% + 2px) !important;
    right: 0 !important;
    left: auto !important;
    width: 248px !important;
    display: grid !important;
    gap: 3px !important;
    padding: 9px !important;
    border: 1px solid rgba(52,239,226,.18) !important;
    border-radius: 17px !important;
    background: linear-gradient(180deg, rgba(5,22,30,.985), rgba(2,11,16,.99)) !important;
    box-shadow: 0 20px 50px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.045) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(-7px) scale(.985) !important;
    transform-origin: top right !important;
    transition: opacity .2s ease, visibility .2s ease, transform .26s cubic-bezier(.22,1,.36,1) !important;
    z-index: 30 !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-services-flyout::before {
    content: "" !important;
    position: absolute !important;
    right: 0 !important;
    bottom: 100% !important;
    width: 100% !important;
    height: 10px !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-desktop-services:hover .mesk-services-flyout,
  .site-header[data-mesk-header].mesk-header-v2 .mesk-desktop-services:focus-within .mesk-services-flyout,
  .site-header[data-mesk-header].mesk-header-v2 .mesk-desktop-services.is-open .mesk-services-flyout {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) scale(1) !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-services-flyout a {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    min-height: 39px !important;
    padding: 0 12px !important;
    border: 0 !important;
    border-radius: 11px !important;
    background: transparent !important;
    color: rgba(231,248,248,.84) !important;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    transition: color .2s ease, background-color .2s ease, transform .22s cubic-bezier(.22,1,.36,1) !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-services-flyout a:hover,
  .site-header[data-mesk-header].mesk-header-v2 .mesk-services-flyout a:focus-visible,
  .site-header[data-mesk-header].mesk-header-v2 .mesk-services-flyout a.is-active {
    color: #62f8ef !important;
    background: rgba(52,239,226,.065) !important;
    transform: translateX(-3px) !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-header-actions {
    left: 24px !important;
    gap: 8px !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-desktop-menu-toggle {
    order: 0 !important;
    display: inline-flex !important;
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    padding: 0 !important;
    border: 1px solid rgba(52,239,226,.24) !important;
    border-radius: 14px !important;
    background: rgba(5,21,30,.78) !important;
    box-shadow: 0 12px 30px rgba(0,0,0,.17) !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-desktop-menu-toggle:hover,
  .site-header[data-mesk-header].mesk-header-v2 .mesk-desktop-menu-toggle:focus-visible,
  .site-header[data-mesk-header].mesk-header-v2.mesk-is-menu-open .mesk-desktop-menu-toggle,
  .site-header[data-mesk-header].mesk-header-v2.is-menu-open .mesk-desktop-menu-toggle {
    border-color: rgba(52,239,226,.5) !important;
    background: rgba(52,239,226,.075) !important;
    color: #65fff5 !important;
    transform: translateY(-1px) !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-desktop-menu-toggle .mesk-menu-toggle__icon {
    width: 20px !important;
    flex-basis: 20px !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .moeen-header-account { order: 1 !important; }
  .site-header[data-mesk-header].mesk-header-v2 .mesk-cart-wrap { order: 2 !important; }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-desktop-search {
    order: 3 !important;
    position: relative !important;
    display: flex !important;
    width: 42px !important;
    height: 42px !important;
    padding: 0 !important;
    gap: 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(52,239,226,.22) !important;
    border-radius: 14px !important;
    background: rgba(5,21,30,.78) !important;
    box-shadow: 0 12px 30px rgba(0,0,0,.17) !important;
    direction: rtl !important;
    transition: width .34s cubic-bezier(.22,1,.36,1), border-color .22s ease, background-color .22s ease, box-shadow .22s ease !important;
    will-change: width !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-desktop-search.is-expanded,
  .site-header[data-mesk-header].mesk-header-v2 .mesk-desktop-search:focus-within {
    width: 226px !important;
    border-color: rgba(52,239,226,.46) !important;
    background: linear-gradient(180deg, rgba(7,28,38,.95), rgba(2,13,19,.94)) !important;
    box-shadow: 0 15px 36px rgba(0,0,0,.22), 0 0 22px rgba(52,239,226,.055) !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-desktop-search input {
    width: 0 !important;
    min-width: 0 !important;
    height: 40px !important;
    flex: 1 1 auto !important;
    padding: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translateX(-7px) !important;
    transition: opacity .2s ease .03s, transform .3s cubic-bezier(.22,1,.36,1), padding .3s ease !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-desktop-search.is-expanded input,
  .site-header[data-mesk-header].mesk-header-v2 .mesk-desktop-search:focus-within input {
    width: auto !important;
    padding: 0 12px !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: translateX(0) !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-desktop-search .mesk-header-search__submit {
    width: 40px !important;
    height: 40px !important;
    flex: 0 0 40px !important;
    color: rgba(52,239,226,.9) !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-desktop-search .mesk-search-ghost {
    display: none !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-panel,
  .site-header[data-mesk-header].mesk-header-v2.is-menu-open .mesk-menu-panel,
  .site-header[data-mesk-header].mesk-header-v2.mesk-is-menu-open .mesk-menu-panel {
    top: 82px !important;
    left: 24px !important;
    right: auto !important;
    width: min(430px, calc(100vw - 48px)) !important;
    max-width: calc(100vw - 48px) !important;
    transform: translateY(-8px) scale(.985) !important;
    transform-origin: top left !important;
    transition: opacity .22s ease, visibility .22s ease, transform .3s cubic-bezier(.22,1,.36,1) !important;
  }

  .site-header[data-mesk-header].mesk-header-v2.is-menu-open .mesk-menu-panel,
  .site-header[data-mesk-header].mesk-header-v2.mesk-is-menu-open .mesk-menu-panel {
    transform: translateY(0) scale(1) !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-overlay-menu {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-item--desktop-moved {
    display: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .site-header[data-mesk-header].mesk-header-v2 .mesk-desktop-primary__link,
  .site-header[data-mesk-header].mesk-header-v2 .mesk-services-flyout,
  .site-header[data-mesk-header].mesk-header-v2 .mesk-services-flyout a,
  .site-header[data-mesk-header].mesk-header-v2 .mesk-desktop-search,
  .site-header[data-mesk-header].mesk-header-v2 .mesk-desktop-search input {
    transition: none !important;
  }
}
/* === Desktop header/menu refinement v3 (2026-07-22) === */
.site-header[data-mesk-header] .mesk-icon-sprite {
  position: absolute !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}
.site-header[data-mesk-header] .mesk-menu-social,
.site-header[data-mesk-header] .mesk-menu-legal,
.site-header[data-mesk-header] .mesk-menu-entry__icon,
.site-header[data-mesk-header] .mesk-menu-top small {
  display: none !important;
}

@media (min-width: 1120px) {
  .site-header[data-mesk-header].mesk-header-v2 .mesk-desktop-primary {
    right: 158px !important;
    gap: 3px !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-desktop-primary__link {
    min-height: 40px !important;
    gap: 7px !important;
    padding-inline: 11px !important;
    color: rgba(239, 252, 252, .9) !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-desktop-primary__icon {
    display: block !important;
    width: 18px !important;
    height: 18px !important;
    flex: 0 0 18px !important;
    color: rgba(75, 236, 226, .92) !important;
    transition: color .22s ease, transform .26s cubic-bezier(.22,1,.36,1), filter .22s ease !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-desktop-primary__link:hover .mesk-desktop-primary__icon,
  .site-header[data-mesk-header].mesk-header-v2 .mesk-desktop-primary__link:focus-visible .mesk-desktop-primary__icon,
  .site-header[data-mesk-header].mesk-header-v2 .mesk-desktop-primary__link.is-active .mesk-desktop-primary__icon {
    color: #72fff6 !important;
    transform: translateY(-1px) scale(1.045) !important;
    filter: drop-shadow(0 0 7px rgba(52,239,226,.18)) !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-desktop-primary__ai .mesk-desktop-primary__icon {
    color: #e5bd67 !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-services-state {
    position: relative !important;
    display: inline-grid !important;
    place-items: center !important;
    width: 22px !important;
    height: 22px !important;
    flex: 0 0 22px !important;
    border: 1px solid rgba(52,239,226,.28) !important;
    border-radius: 8px !important;
    background: rgba(52,239,226,.045) !important;
    color: #63f7ee !important;
    transition: border-color .22s ease, background-color .22s ease, color .22s ease, transform .26s cubic-bezier(.22,1,.36,1) !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-services-state i {
    position: absolute !important;
    width: 10px !important;
    height: 1.5px !important;
    border-radius: 999px !important;
    background: currentColor !important;
    transition: transform .28s cubic-bezier(.22,1,.36,1), opacity .2s ease !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-services-state i:last-child {
    transform: rotate(90deg) scaleX(1) !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-desktop-services:hover .mesk-services-state,
  .site-header[data-mesk-header].mesk-header-v2 .mesk-desktop-services:focus-within .mesk-services-state,
  .site-header[data-mesk-header].mesk-header-v2 .mesk-desktop-services.is-open .mesk-services-state {
    border-color: rgba(217,177,94,.44) !important;
    background: rgba(217,177,94,.075) !important;
    color: #e8c66e !important;
    transform: scale(1.03) !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-desktop-services:hover .mesk-services-state i:last-child,
  .site-header[data-mesk-header].mesk-header-v2 .mesk-desktop-services:focus-within .mesk-services-state i:last-child,
  .site-header[data-mesk-header].mesk-header-v2 .mesk-desktop-services.is-open .mesk-services-state i:last-child {
    opacity: 0 !important;
    transform: rotate(90deg) scaleX(0) !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-services-flyout {
    width: 260px !important;
    gap: 4px !important;
    padding: 10px !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-services-flyout a {
    min-height: 46px !important;
    gap: 10px !important;
    padding-inline: 9px 12px !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-services-flyout__icon {
    display: inline-grid !important;
    place-items: center !important;
    width: 32px !important;
    height: 32px !important;
    flex: 0 0 32px !important;
    border: 1px solid rgba(52,239,226,.16) !important;
    border-radius: 10px !important;
    background: rgba(52,239,226,.04) !important;
    color: rgba(78,235,225,.9) !important;
    transition: color .22s ease, border-color .22s ease, background-color .22s ease, transform .24s cubic-bezier(.22,1,.36,1) !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-services-flyout__icon svg {
    width: 18px !important;
    height: 18px !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-services-flyout a:hover .mesk-services-flyout__icon,
  .site-header[data-mesk-header].mesk-header-v2 .mesk-services-flyout a:focus-visible .mesk-services-flyout__icon,
  .site-header[data-mesk-header].mesk-header-v2 .mesk-services-flyout a.is-active .mesk-services-flyout__icon {
    color: #72fff6 !important;
    border-color: rgba(52,239,226,.3) !important;
    background: rgba(52,239,226,.075) !important;
    transform: translateY(-1px) scale(1.035) !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-header-actions {
    gap: 9px !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-desktop-menu-toggle,
  .site-header[data-mesk-header].mesk-header-v2 .mesk-desktop-menu-toggle:hover,
  .site-header[data-mesk-header].mesk-header-v2 .mesk-desktop-menu-toggle:focus-visible,
  .site-header[data-mesk-header].mesk-header-v2.is-menu-open .mesk-desktop-menu-toggle,
  .site-header[data-mesk-header].mesk-header-v2.mesk-is-menu-open .mesk-desktop-menu-toggle {
    transform: none !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .moeen-header-cart,
  .site-header[data-mesk-header].mesk-header-v2 .mesk-cart-wrap.is-open .moeen-header-cart {
    border-color: rgba(217,177,94,.68) !important;
    color: #e7c36d !important;
    background: linear-gradient(180deg, rgba(16,14,8,.94), rgba(4,8,10,.95)) !important;
    box-shadow: 0 12px 30px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.035) !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .moeen-header-cart:hover,
  .site-header[data-mesk-header].mesk-header-v2 .moeen-header-cart:focus-visible,
  .site-header[data-mesk-header].mesk-header-v2 .mesk-cart-wrap.is-open .moeen-header-cart {
    border-color: rgba(238,199,112,.9) !important;
    color: #f1d080 !important;
    background: linear-gradient(180deg, rgba(25,20,9,.96), rgba(5,9,11,.96)) !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .moeen-cart-count {
    inset-block-start: -5px !important;
    inset-inline-start: -4px !important;
    min-width: 18px !important;
    width: auto !important;
    height: 16px !important;
    padding: 0 4px !important;
    border: 1px solid rgba(3,16,23,.92) !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, #efd487, #d9b15e) !important;
    color: #171105 !important;
    font-family: Arial, sans-serif !important;
    font-size: 9.5px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    font-variant-numeric: tabular-nums !important;
    letter-spacing: 0 !important;
    box-shadow: 0 3px 9px rgba(0,0,0,.22) !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .moeen-cart-count.is-bumping {
    animation: mesk-cart-count-bump .36s cubic-bezier(.22,1,.36,1) !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-panel,
  .site-header[data-mesk-header].mesk-header-v2.is-menu-open .mesk-menu-panel,
  .site-header[data-mesk-header].mesk-header-v2.mesk-is-menu-open .mesk-menu-panel {
    top: 84px !important;
    left: 24px !important;
    width: min(440px, calc(100vw - 48px)) !important;
    max-height: calc(100dvh - 104px) !important;
    overflow: visible !important;
    border-color: rgba(52,239,226,.28) !important;
    border-radius: 21px !important;
    background: radial-gradient(circle at 12% 0%, rgba(52,239,226,.055), transparent 34%), linear-gradient(180deg, rgba(4,20,28,.995), rgba(2,10,15,.995)) !important;
    box-shadow: 0 24px 64px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.05) !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-panel::before {
    content: "" !important;
    position: absolute !important;
    left: 17px !important;
    top: -8px !important;
    width: 15px !important;
    height: 15px !important;
    border-top: 1px solid rgba(52,239,226,.3) !important;
    border-left: 1px solid rgba(52,239,226,.3) !important;
    background: rgba(4,20,28,.995) !important;
    transform: rotate(45deg) !important;
    z-index: -1 !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-panel__inner {
    max-height: calc(100dvh - 108px) !important;
    overflow: auto !important;
    padding: 18px !important;
    gap: 11px !important;
    scrollbar-width: thin !important;
    scrollbar-color: rgba(52,239,226,.3) transparent !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-top {
    min-height: 48px !important;
    padding: 2px 6px 8px !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-top > span {
    display: grid !important;
    gap: 5px !important;
    font-size: 17px !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-top small {
    display: block !important;
    color: rgba(208,230,230,.48) !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-overlay-menu {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 5px 8px !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-overlay-menu > li > a,
  .site-header[data-mesk-header].mesk-header-v2 .mesk-overlay-menu > li > .mesk-menu-parent-toggle {
    min-height: 48px !important;
    justify-content: flex-start !important;
    padding-inline: 10px !important;
    border-radius: 13px !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-entry {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    min-width: 0 !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-entry__icon {
    display: inline-grid !important;
    place-items: center !important;
    width: 30px !important;
    height: 30px !important;
    flex: 0 0 30px !important;
    border: 1px solid rgba(52,239,226,.12) !important;
    border-radius: 10px !important;
    background: rgba(52,239,226,.03) !important;
    color: rgba(73,226,217,.88) !important;
    transition: color .2s ease, border-color .2s ease, background-color .2s ease, transform .24s cubic-bezier(.22,1,.36,1) !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-entry__icon svg {
    width: 17px !important;
    height: 17px !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-overlay-menu > li > a:hover .mesk-menu-entry__icon,
  .site-header[data-mesk-header].mesk-header-v2 .mesk-overlay-menu > li > a:focus-visible .mesk-menu-entry__icon,
  .site-header[data-mesk-header].mesk-header-v2 .mesk-overlay-menu > li.is-active > a .mesk-menu-entry__icon {
    border-color: rgba(52,239,226,.25) !important;
    background: rgba(52,239,226,.07) !important;
    color: #68f7ee !important;
    transform: translateY(-1px) scale(1.035) !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-item--offers .mesk-menu-entry__icon {
    color: #e3c36c !important;
    border-color: rgba(217,177,94,.18) !important;
    background: rgba(217,177,94,.035) !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-item--offers .mesk-menu-item__label::after {
    content: none !important;
    display: none !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-divider {
    margin-block: 2px !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-cta a {
    min-height: 48px !important;
    border-radius: 14px !important;
    background: linear-gradient(135deg, #38e8df, #1bc6bd) !important;
    color: #031017 !important;
    box-shadow: 0 12px 28px rgba(22,201,190,.13) !important;
    transition: transform .22s cubic-bezier(.22,1,.36,1), filter .22s ease, box-shadow .22s ease !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-cta a:hover,
  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-cta a:focus-visible {
    transform: translateY(-1px) !important;
    filter: brightness(1.035) !important;
    box-shadow: 0 15px 34px rgba(22,201,190,.18) !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-social {
    display: grid !important;
    grid-template-columns: repeat(6, 1fr) !important;
    gap: 7px !important;
    padding-top: 1px !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-social a {
    display: grid !important;
    place-items: center !important;
    min-width: 0 !important;
    height: 40px !important;
    border: 1px solid rgba(52,239,226,.14) !important;
    border-radius: 12px !important;
    background: rgba(52,239,226,.028) !important;
    color: rgba(73,226,217,.86) !important;
    text-decoration: none !important;
    transition: color .2s ease, border-color .2s ease, background-color .2s ease, transform .24s cubic-bezier(.22,1,.36,1) !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-social a svg {
    width: 18px !important;
    height: 18px !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-social a:hover,
  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-social a:focus-visible {
    color: #76fff6 !important;
    border-color: rgba(52,239,226,.34) !important;
    background: rgba(52,239,226,.075) !important;
    transform: translateY(-2px) !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-legal {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 18px !important;
    padding-top: 4px !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-legal a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    color: rgba(205,225,225,.48) !important;
    text-decoration: none !important;
    font-size: 10.5px !important;
    font-weight: 700 !important;
    transition: color .2s ease !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-legal a svg {
    width: 13px !important;
    height: 13px !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-legal a:hover,
  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-legal a:focus-visible {
    color: rgba(101,245,235,.82) !important;
  }
}

@keyframes mesk-cart-count-bump {
  0%, 100% { transform: scale(1); }
  45% { transform: scale(1.16); }
}

@media (prefers-reduced-motion: reduce) {
  .site-header[data-mesk-header].mesk-header-v2 .mesk-services-state,
  .site-header[data-mesk-header].mesk-header-v2 .mesk-services-state i,
  .site-header[data-mesk-header].mesk-header-v2 .mesk-desktop-primary__icon,
  .site-header[data-mesk-header].mesk-header-v2 .mesk-services-flyout__icon,
  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-entry__icon,
  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-social a {
    transition: none !important;
    animation: none !important;
  }
}
/* === Compact menu, direct icons and scrolled header v4 (2026-07-22) === */
.site-header[data-mesk-header].mesk-header-v2 .mesk-header-shell {
  position: relative !important;
  isolation: isolate !important;
}
.site-header[data-mesk-header].mesk-header-v2 .mesk-header-shell::before {
  content: "" !important;
  position: absolute !important;
  inset: -7px 14px !important;
  border: 1px solid rgba(52,239,226,.08) !important;
  border-radius: 18px !important;
  background: rgba(1,6,9,.95) !important;
  box-shadow: 0 12px 34px rgba(0,0,0,.28) !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transform: translateY(-5px) scale(.995) !important;
  transition: opacity .24s ease, transform .3s cubic-bezier(.22,1,.36,1), border-color .24s ease !important;
  z-index: -1 !important;
}
.site-header[data-mesk-header].mesk-header-v2.mesk-is-scrolled .mesk-header-shell::before {
  opacity: 1 !important;
  transform: translateY(0) scale(1) !important;
  border-color: rgba(52,239,226,.13) !important;
}
.site-header[data-mesk-header].mesk-header-v2 .mesk-header-nav {
  z-index: 1 !important;
}

@media (min-width:1120px) {
  .site-header[data-mesk-header].mesk-header-v2 .mesk-desktop-menu-toggle,
  .site-header[data-mesk-header].mesk-header-v2 .mesk-desktop-menu-toggle:hover,
  .site-header[data-mesk-header].mesk-header-v2 .mesk-desktop-menu-toggle:focus-visible,
  .site-header[data-mesk-header].mesk-header-v2.is-menu-open .mesk-desktop-menu-toggle,
  .site-header[data-mesk-header].mesk-header-v2.mesk-is-menu-open .mesk-desktop-menu-toggle {
    top: auto !important;
    bottom: auto !important;
    inset: auto !important;
    transform: none !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-panel,
  .site-header[data-mesk-header].mesk-header-v2.is-menu-open .mesk-menu-panel,
  .site-header[data-mesk-header].mesk-header-v2.mesk-is-menu-open .mesk-menu-panel {
    width: min(398px, calc(100vw - 48px)) !important;
    border-radius: 19px !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-panel__inner {
    padding: 14px !important;
    gap: 8px !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-top {
    min-height: 40px !important;
    padding: 0 5px 5px !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-top > span {
    gap: 3px !important;
    color: #e2bc65 !important;
    font-size: 15.5px !important;
    text-shadow: 0 0 14px rgba(217,177,94,.1) !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-top small {
    color: rgba(213,230,230,.56) !important;
    font-size: 10.5px !important;
    text-shadow: none !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-overlay-menu {
    gap: 3px 6px !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-overlay-menu > li > a,
  .site-header[data-mesk-header].mesk-header-v2 .mesk-overlay-menu > li > .mesk-menu-parent-toggle {
    min-height: 42px !important;
    padding-inline: 8px !important;
    border-radius: 11px !important;
    font-size: 13px !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-entry {
    gap: 8px !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-entry__icon,
  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-entry__badge {
    display: inline-grid !important;
    place-items: center !important;
    width: 26px !important;
    height: 26px !important;
    flex: 0 0 26px !important;
    border: 1px solid rgba(52,239,226,.17) !important;
    border-radius: 9px !important;
    background: rgba(52,239,226,.04) !important;
    color: rgba(83,237,227,.94) !important;
    transition: color .2s ease, border-color .2s ease, background-color .2s ease, transform .22s cubic-bezier(.22,1,.36,1) !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-entry__icon svg {
    display: block !important;
    width: 15px !important;
    height: 15px !important;
    overflow: visible !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-entry__badge {
    width: auto !important;
    min-width: 34px !important;
    padding-inline: 5px !important;
    font-family: Arial, sans-serif !important;
    font-size: 8px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    letter-spacing: .025em !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-entry__badge--vip {
    border-color: rgba(217,177,94,.3) !important;
    background: linear-gradient(135deg, rgba(217,177,94,.11), rgba(217,177,94,.035)) !important;
    color: #e6c46f !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-overlay-menu > li > a:hover .mesk-menu-entry__icon,
  .site-header[data-mesk-header].mesk-header-v2 .mesk-overlay-menu > li > a:focus-visible .mesk-menu-entry__icon,
  .site-header[data-mesk-header].mesk-header-v2 .mesk-overlay-menu > li > a:hover .mesk-menu-entry__badge,
  .site-header[data-mesk-header].mesk-header-v2 .mesk-overlay-menu > li > a:focus-visible .mesk-menu-entry__badge {
    transform: translateY(-1px) scale(1.035) !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-cta a {
    min-height: 43px !important;
    border-radius: 12px !important;
    font-size: 13.5px !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-social {
    gap: 6px !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-social a {
    height: 35px !important;
    border-radius: 10px !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-social a svg {
    display: block !important;
    width: 16px !important;
    height: 16px !important;
    overflow: visible !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-legal {
    gap: 14px !important;
    padding-top: 2px !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-legal a {
    font-size: 10px !important;
    color: rgba(210,227,227,.58) !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-legal a svg {
    width: 12px !important;
    height: 12px !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-desktop-primary__ai,
  .site-header[data-mesk-header].mesk-header-v2 .mesk-desktop-primary__ai:hover,
  .site-header[data-mesk-header].mesk-header-v2 .mesk-desktop-primary__ai:focus-visible,
  .site-header[data-mesk-header].mesk-header-v2 .mesk-desktop-primary__ai.is-active {
    color: #edca78 !important;
    border-color: rgba(217,177,94,.6) !important;
    background: linear-gradient(135deg, rgba(217,177,94,.12), rgba(4,10,13,.84)) !important;
    box-shadow: 0 10px 26px rgba(217,177,94,.08), inset 0 1px 0 rgba(255,255,255,.04) !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-desktop-primary__ai::after,
  .site-header[data-mesk-header].mesk-header-v2 .mesk-desktop-primary__ai:hover::after,
  .site-header[data-mesk-header].mesk-header-v2 .mesk-desktop-primary__ai:focus-visible::after,
  .site-header[data-mesk-header].mesk-header-v2 .mesk-desktop-primary__ai.is-active::after {
    background: linear-gradient(90deg, #e3bc63, rgba(217,177,94,0)) !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-desktop-primary__ai .mesk-desktop-primary__icon,
  .site-header[data-mesk-header].mesk-header-v2 .mesk-desktop-primary__ai:hover .mesk-desktop-primary__icon,
  .site-header[data-mesk-header].mesk-header-v2 .mesk-desktop-primary__ai:focus-visible .mesk-desktop-primary__icon {
    color: #e7c36d !important;
    filter: drop-shadow(0 0 7px rgba(217,177,94,.18)) !important;
  }
}

@media (max-width:900px) {
  .site-header[data-mesk-header].mesk-header-v2 .mesk-header-shell::before {
    inset: -5px 7px !important;
    border-radius: 16px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .site-header[data-mesk-header].mesk-header-v2 .mesk-header-shell::before,
  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-entry__icon,
  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-entry__badge {
    transition: none !important;
  }
}
/* === Mobile header and menu v5 (2026-07-22) === */
.site-header[data-mesk-header].mesk-header-v2 .mesk-menu-backdrop {
  display: none;
}

@media (min-width:1120px) {
  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-item--mobile-about-parent {
    display: none !important;
  }
}

@media (max-width:1119px) {
  html:has(body.mesk-menu-open) {
    overflow: hidden !important;
  }

  body.mesk-menu-open {
    overflow: hidden !important;
    overscroll-behavior: none !important;
  }

  body.mesk-menu-open .support-float,
  body.mesk-menu-open .moeen-support-widget {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(10px) scale(.94) !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 {
    inset-block-start: max(8px, env(safe-area-inset-top)) !important;
    height: 58px !important;
    padding: 0 !important;
    z-index: 9500 !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-header-shell {
    width: calc(100% - 20px) !important;
    max-width: none !important;
    height: 58px !important;
    margin-inline: auto !important;
    padding: 0 9px !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-header-shell::before {
    inset: -4px 0 !important;
    border-radius: 17px !important;
    background: rgba(1,7,10,.97) !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-header-nav {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    min-height: 58px !important;
    gap: 10px !important;
    direction: rtl !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-header-brand {
    position: relative !important;
    inset: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    transform: none !important;
    order: 1 !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .brand__img {
    width: auto !important;
    max-width: 84px !important;
    max-height: 36px !important;
    object-fit: contain !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-center-control,
  .site-header[data-mesk-header].mesk-header-v2 .mesk-desktop-primary,
  .site-header[data-mesk-header].mesk-header-v2 .mesk-header-cta {
    display: none !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-header-actions {
    position: relative !important;
    inset: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex: 0 0 auto !important;
    gap: 7px !important;
    margin: 0 !important;
    transform: none !important;
    direction: ltr !important;
    order: 2 !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-desktop-menu-toggle,
  .site-header[data-mesk-header].mesk-header-v2 .moeen-header-account,
  .site-header[data-mesk-header].mesk-header-v2 .moeen-header-cart {
    position: relative !important;
    inset: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
    padding: 0 !important;
    border-radius: 12px !important;
    transform: none !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-desktop-menu-toggle {
    border: 1px solid rgba(52,239,226,.31) !important;
    background: linear-gradient(180deg, rgba(6,25,32,.94), rgba(2,12,17,.96)) !important;
    color: #42e9df !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.035) !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-desktop-menu-toggle:hover,
  .site-header[data-mesk-header].mesk-header-v2 .mesk-desktop-menu-toggle:focus-visible,
  .site-header[data-mesk-header].mesk-header-v2.mesk-is-menu-open .mesk-desktop-menu-toggle {
    border-color: rgba(52,239,226,.57) !important;
    background: rgba(7,35,42,.97) !important;
    color: #72fff6 !important;
    box-shadow: 0 0 0 3px rgba(52,239,226,.055), inset 0 1px 0 rgba(255,255,255,.05) !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-toggle__icon {
    width: 20px !important;
    height: 16px !important;
    flex: 0 0 20px !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-toggle__icon span {
    width: 20px !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-header-actions svg {
    width: 17px !important;
    height: 17px !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .moeen-cart-count {
    inset-block-start: -4px !important;
    inset-inline-start: -3px !important;
    min-width: 16px !important;
    height: 14px !important;
    padding-inline: 3px !important;
    border-width: 1px !important;
    font-size: 9px !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-backdrop {
    position: fixed !important;
    inset: 0 !important;
    display: block !important;
    width: 100vw !important;
    height: 100dvh !important;
    padding: 0 !important;
    border: 0 !important;
    background: rgba(0,5,8,.66) !important;
    -webkit-backdrop-filter: blur(3px) !important;
    backdrop-filter: blur(3px) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transition: opacity .24s ease, visibility .24s ease !important;
    z-index: 9490 !important;
  }

  .site-header[data-mesk-header].mesk-header-v2.mesk-is-menu-open .mesk-menu-backdrop,
  .site-header[data-mesk-header].mesk-header-v2.is-menu-open .mesk-menu-backdrop {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-panel,
  .site-header[data-mesk-header].mesk-header-v2.is-menu-open .mesk-menu-panel,
  .site-header[data-mesk-header].mesk-header-v2.mesk-is-menu-open .mesk-menu-panel {
    position: fixed !important;
    inset: auto !important;
    top: calc(max(8px, env(safe-area-inset-top)) + 66px) !important;
    left: 10px !important;
    right: 10px !important;
    width: auto !important;
    max-width: none !important;
    max-height: calc(100dvh - max(8px, env(safe-area-inset-top)) - 78px - env(safe-area-inset-bottom)) !important;
    overflow: hidden !important;
    border: 1px solid rgba(52,239,226,.24) !important;
    border-radius: 19px !important;
    background: radial-gradient(circle at 8% 0%, rgba(52,239,226,.055), transparent 31%), linear-gradient(180deg, rgba(3,18,25,.995), rgba(1,9,13,.995)) !important;
    box-shadow: 0 24px 70px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.045) !important;
    transform: translateY(-8px) scale(.987) !important;
    transform-origin: 22px 0 !important;
    z-index: 9510 !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-panel::before {
    left: 18px !important;
    top: -7px !important;
    width: 13px !important;
    height: 13px !important;
    border-color: rgba(52,239,226,.24) !important;
    background: rgba(3,18,25,.995) !important;
  }

  .site-header[data-mesk-header].mesk-header-v2.is-menu-open .mesk-menu-panel,
  .site-header[data-mesk-header].mesk-header-v2.mesk-is-menu-open .mesk-menu-panel {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) scale(1) !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-panel__inner {
    display: grid !important;
    gap: 8px !important;
    max-height: inherit !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    padding: 13px 13px calc(13px + env(safe-area-inset-bottom)) !important;
    scrollbar-width: thin !important;
    scrollbar-color: rgba(52,239,226,.28) transparent !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-top {
    min-height: 40px !important;
    padding: 0 4px 5px !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-top > span {
    display: grid !important;
    gap: 2px !important;
    color: #e4bd66 !important;
    font-size: 15px !important;
    text-shadow: 0 0 14px rgba(217,177,94,.1) !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-top small {
    display: block !important;
    color: rgba(211,230,230,.54) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    text-shadow: none !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-overlay-menu {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 3px !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-item--desktop-about-flat {
    display: none !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-item--mobile-about-parent {
    display: list-item !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-overlay-menu > li > a,
  .site-header[data-mesk-header].mesk-header-v2 .mesk-overlay-menu > li > .mesk-menu-parent-toggle {
    min-height: 43px !important;
    justify-content: space-between !important;
    padding-inline: 8px !important;
    border-radius: 11px !important;
    font-size: 13.5px !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-entry {
    display: inline-flex !important;
    align-items: center !important;
    gap: 9px !important;
    min-width: 0 !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-entry__icon,
  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-entry__badge {
    display: inline-grid !important;
    place-items: center !important;
    width: 27px !important;
    height: 27px !important;
    flex: 0 0 27px !important;
    border: 1px solid rgba(52,239,226,.17) !important;
    border-radius: 9px !important;
    background: rgba(52,239,226,.04) !important;
    color: rgba(83,237,227,.94) !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-entry__icon svg {
    display: block !important;
    width: 15px !important;
    height: 15px !important;
    overflow: visible !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-entry__badge {
    width: auto !important;
    min-width: 35px !important;
    padding-inline: 5px !important;
    font-family: Arial, sans-serif !important;
    font-size: 8px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    letter-spacing: .025em !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-entry__badge--vip {
    border-color: rgba(217,177,94,.32) !important;
    background: linear-gradient(135deg, rgba(217,177,94,.12), rgba(217,177,94,.035)) !important;
    color: #e7c46d !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-overlay-menu > li > a:hover .mesk-menu-entry__icon,
  .site-header[data-mesk-header].mesk-header-v2 .mesk-overlay-menu > li > a:focus-visible .mesk-menu-entry__icon,
  .site-header[data-mesk-header].mesk-header-v2 .mesk-overlay-menu > li.is-active > a .mesk-menu-entry__icon {
    border-color: rgba(52,239,226,.3) !important;
    background: rgba(52,239,226,.075) !important;
    color: #72fff6 !important;
    transform: translateY(-1px) scale(1.035) !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-item--ai > a:hover,
  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-item--ai > a:focus-visible,
  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-item--ai.is-active > a {
    color: #edca78 !important;
    background: rgba(217,177,94,.07) !important;
    border-color: rgba(217,177,94,.24) !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-parent-toggle > i {
    width: 25px !important;
    height: 25px !important;
    flex: 0 0 25px !important;
    border-radius: 8px !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-submenu {
    margin: 2px 8px 6px !important;
    padding: 7px !important;
    border: 1px solid rgba(52,239,226,.12) !important;
    border-radius: 11px !important;
    background: rgba(52,239,226,.025) !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-submenu a {
    min-height: 36px !important;
    padding-inline: 10px !important;
    border-radius: 8px !important;
    font-size: 12px !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-divider {
    margin-block: 1px !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-cta a {
    min-height: 43px !important;
    border-radius: 12px !important;
    font-size: 13px !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-social {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0,1fr)) !important;
    gap: 5px !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-social a {
    display: grid !important;
    place-items: center !important;
    min-width: 0 !important;
    height: 34px !important;
    border: 1px solid rgba(52,239,226,.14) !important;
    border-radius: 9px !important;
    background: rgba(52,239,226,.027) !important;
    color: rgba(77,229,219,.9) !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-social a svg {
    display: block !important;
    width: 15px !important;
    height: 15px !important;
    overflow: visible !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-legal {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 7px 15px !important;
    padding-top: 1px !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-legal a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    color: rgba(210,227,227,.57) !important;
    font-size: 9.5px !important;
    font-weight: 700 !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-legal a svg {
    width: 11px !important;
    height: 11px !important;
  }
}

@media (min-width:560px) and (max-width:1119px) {
  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-panel {
    left: 16px !important;
    right: auto !important;
    width: min(410px, calc(100vw - 32px)) !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-overlay-menu {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: 3px 6px !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-parent.is-submenu-open,
  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-item--mobile-about-parent {
    grid-column: 1 / -1 !important;
  }
}

@media (max-width:380px) {
  .site-header[data-mesk-header].mesk-header-v2 .mesk-header-shell {
    width: calc(100% - 14px) !important;
    padding-inline: 7px !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .brand__img {
    max-width: 83px !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-header-actions {
    gap: 5px !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-desktop-menu-toggle,
  .site-header[data-mesk-header].mesk-header-v2 .moeen-header-account,
  .site-header[data-mesk-header].mesk-header-v2 .moeen-header-cart {
    width: 39px !important;
    min-width: 39px !important;
    height: 39px !important;
    border-radius: 12px !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-panel {
    left: 7px !important;
    right: 7px !important;
    border-radius: 17px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-backdrop,
  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-panel {
    transition: none !important;
  }
}
/* === End mobile header and menu v5 === */
/* Mobile submenu icon polish v5 */
@media (max-width:1119px) {
  .site-header[data-mesk-header].mesk-header-v2.mesk-is-menu-open .mesk-header-shell::before,
  .site-header[data-mesk-header].mesk-header-v2.is-menu-open .mesk-header-shell::before {
    opacity: 1 !important;
    transform: translateY(0) scale(1) !important;
    border-color: rgba(52,239,226,.14) !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-submenu-entry {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-submenu-entry__icon {
    display: inline-grid !important;
    place-items: center !important;
    width: 25px !important;
    height: 25px !important;
    flex: 0 0 25px !important;
    border: 1px solid rgba(52,239,226,.14) !important;
    border-radius: 8px !important;
    background: rgba(52,239,226,.035) !important;
    color: rgba(83,237,227,.9) !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-submenu-entry__icon svg {
    display: block !important;
    width: 14px !important;
    height: 14px !important;
    overflow: visible !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-submenu a:hover .mesk-submenu-entry__icon,
  .site-header[data-mesk-header].mesk-header-v2 .mesk-submenu a:focus-visible .mesk-submenu-entry__icon,
  .site-header[data-mesk-header].mesk-header-v2 .mesk-submenu a.is-active .mesk-submenu-entry__icon {
    border-color: rgba(52,239,226,.29) !important;
    background: rgba(52,239,226,.075) !important;
    color: #72fff6 !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-submenu-entry .mesk-menu-entry__badge {
    width: auto !important;
    min-width: 34px !important;
    height: 25px !important;
    flex: 0 0 auto !important;
  }
}
/* End mobile submenu icon polish v5 */
/* Clickable mobile parent rows v5 */
@media (max-width:1119px) {
  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-parent-row { display:flex !important; align-items:center !important; gap:4px !important; min-height:43px !important; }
  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-parent-link { position:relative !important; display:flex !important; align-items:center !important; flex:1 1 auto !important; min-width:0 !important; min-height:43px !important; padding-inline:8px !important; border:1px solid transparent !important; border-radius:11px !important; color:rgba(239,252,252,.92) !important; text-decoration:none !important; transition:color .2s ease,background-color .2s ease,border-color .2s ease !important; }
  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-parent-link:hover,
  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-parent-link:focus-visible,
  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-parent-link.is-active { border-color:rgba(52,239,226,.08) !important; background:rgba(52,239,226,.055) !important; color:#68f7ee !important; }
  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-parent-row > .mesk-menu-parent-toggle { display:inline-grid !important; place-items:center !important; width:36px !important; min-width:36px !important; height:36px !important; min-height:36px !important; padding:0 !important; border:0 !important; border-radius:10px !important; background:transparent !important; color:rgba(92,245,235,.9) !important; }
  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-parent-row > .mesk-menu-parent-toggle:hover,
  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-parent-row > .mesk-menu-parent-toggle:focus-visible { background:rgba(52,239,226,.055) !important; }
  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-parent.is-submenu-open > .mesk-menu-parent-row > .mesk-menu-parent-toggle i { border-color:rgba(217,175,85,.38) !important; background:rgba(217,175,85,.08) !important; color:#e8c66e !important; transform:rotate(180deg) !important; }
}
/* End clickable mobile parent rows v5 */
/* === Calm compact mobile menu v6 (2026-07-22) === */
@media (max-width:1119px) {
  .site-header[data-mesk-header].mesk-header-v2 .mesk-desktop-menu-toggle,
  .site-header[data-mesk-header].mesk-header-v2.is-menu-open .mesk-desktop-menu-toggle,
  .site-header[data-mesk-header].mesk-header-v2.mesk-is-menu-open .mesk-desktop-menu-toggle {
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    inset: auto !important;
    margin: 0 !important;
    transform: none !important;
    rotate: none !important;
    translate: none !important;
    contain: layout paint !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-toggle__icon span {
    transition: top .26s cubic-bezier(.22,1,.36,1), transform .26s cubic-bezier(.22,1,.36,1), background-color .2s ease !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-backdrop {
    background: rgba(0,5,8,.6) !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    transition: opacity .2s ease, visibility .2s ease !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-panel,
  .site-header[data-mesk-header].mesk-header-v2.is-menu-open .mesk-menu-panel,
  .site-header[data-mesk-header].mesk-header-v2.mesk-is-menu-open .mesk-menu-panel {
    top: calc(max(8px, env(safe-area-inset-top)) + 64px) !important;
    left: 14px !important;
    right: 14px !important;
    width: auto !important;
    max-height: calc(100dvh - max(8px, env(safe-area-inset-top)) - 76px - env(safe-area-inset-bottom)) !important;
    border-radius: 16px !important;
    border-color: rgba(52,239,226,.2) !important;
    background: linear-gradient(180deg, rgba(3,17,23,.992), rgba(1,9,13,.995)) !important;
    box-shadow: 0 18px 52px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.035) !important;
    transform: translateY(-4px) scale(.995) !important;
    transition: opacity .2s ease, visibility .2s ease, transform .26s cubic-bezier(.22,1,.36,1) !important;
    will-change: opacity, transform !important;
  }

  .site-header[data-mesk-header].mesk-header-v2.is-menu-open .mesk-menu-panel,
  .site-header[data-mesk-header].mesk-header-v2.mesk-is-menu-open .mesk-menu-panel {
    transform: translateY(0) scale(1) !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-panel::before {
    left: 15px !important;
    width: 11px !important;
    height: 11px !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-panel__inner {
    gap: 6px !important;
    padding: 10px 10px calc(10px + env(safe-area-inset-bottom)) !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-top {
    min-height: 34px !important;
    padding: 0 5px 3px !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-top > span {
    gap: 1px !important;
    font-size: 14px !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-top small {
    font-size: 9.5px !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-overlay-menu {
    gap: 1px !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-overlay-menu > li {
    opacity: 0 !important;
    transform: translateY(3px) !important;
    transition: opacity .18s ease, transform .22s cubic-bezier(.22,1,.36,1) !important;
    transition-delay: 0ms !important;
  }

  .site-header[data-mesk-header].mesk-header-v2.is-menu-open .mesk-overlay-menu > li,
  .site-header[data-mesk-header].mesk-header-v2.mesk-is-menu-open .mesk-overlay-menu > li {
    opacity: 1 !important;
    transform: translateY(0) !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-overlay-menu > li > a {
    min-height: 39px !important;
    padding-inline: 7px !important;
    border-radius: 10px !important;
    font-size: 13px !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-entry {
    gap: 7px !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-entry__icon,
  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-entry__badge {
    width: 25px !important;
    height: 25px !important;
    flex-basis: 25px !important;
    border-radius: 8px !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-entry__icon svg {
    width: 14px !important;
    height: 14px !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-entry__badge {
    width: auto !important;
    min-width: 32px !important;
    padding-inline: 4px !important;
    font-size: 7.5px !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-parent-row {
    justify-content: flex-start !important;
    min-height: 39px !important;
    gap: 3px !important;
    direction: rtl !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-parent-link {
    flex: 0 1 auto !important;
    width: auto !important;
    min-height: 39px !important;
    padding-inline: 7px !important;
    border-radius: 10px !important;
    font-size: 13px !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-parent-row > .mesk-menu-parent-toggle {
    flex: 0 0 32px !important;
    width: 32px !important;
    min-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    margin: 0 !important;
    transform: none !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-parent-toggle i {
    width: 24px !important;
    height: 24px !important;
    flex-basis: 24px !important;
    border-radius: 8px !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-submenu {
    margin: 1px 7px 4px !important;
    padding: 5px !important;
    border-radius: 9px !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-submenu a {
    min-height: 33px !important;
    padding-inline: 8px !important;
    border-radius: 7px !important;
    font-size: 11.5px !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-submenu-entry__icon {
    width: 23px !important;
    height: 23px !important;
    flex-basis: 23px !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-cta a {
    min-height: 39px !important;
    border-radius: 10px !important;
    font-size: 12.5px !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-social {
    gap: 4px !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-social a {
    height: 31px !important;
    border-radius: 8px !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-social a svg {
    width: 14px !important;
    height: 14px !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-legal {
    gap: 5px 12px !important;
    padding-top: 0 !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-legal a {
    font-size: 9px !important;
  }

  body.mesk-menu-open .mesk-signup-nudge {
    display: none !important;
  }
}

@media (min-width:560px) and (max-width:1119px) {
  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-panel,
  .site-header[data-mesk-header].mesk-header-v2.is-menu-open .mesk-menu-panel,
  .site-header[data-mesk-header].mesk-header-v2.mesk-is-menu-open .mesk-menu-panel {
    left: 18px !important;
    right: auto !important;
    width: min(390px, calc(100vw - 36px)) !important;
  }
}
/* === End calm compact mobile menu v6 === */
/* === Stable mobile header and aligned rows v7 (2026-07-22) === */
@media (max-width:1119px) {
  .site-header[data-mesk-header].mesk-header-v2 .mesk-header-nav,
  .site-header[data-mesk-header].mesk-header-v2.is-menu-open .mesk-header-nav,
  .site-header[data-mesk-header].mesk-header-v2.mesk-is-menu-open .mesk-header-nav,
  body.mesk-menu-open .site-header[data-mesk-header].mesk-header-v2 .mesk-header-nav {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: 52px !important;
    min-height: 52px !important;
    margin: 0 !important;
    padding: 0 !important;
    inset: auto !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    overflow: visible !important;
    z-index: 9525 !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-header-brand,
  .site-header[data-mesk-header].mesk-header-v2.is-menu-open .mesk-header-brand,
  .site-header[data-mesk-header].mesk-header-v2.mesk-is-menu-open .mesk-header-brand {
    position: absolute !important;
    top: 6px !important;
    right: 8px !important;
    bottom: auto !important;
    left: auto !important;
    width: auto !important;
    height: 40px !important;
    margin: 0 !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 2 !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-header-actions,
  .site-header[data-mesk-header].mesk-header-v2.is-menu-open .mesk-header-actions,
  .site-header[data-mesk-header].mesk-header-v2.mesk-is-menu-open .mesk-header-actions,
  body.mesk-menu-open .site-header[data-mesk-header].mesk-header-v2 .mesk-header-actions {
    position: absolute !important;
    top: 7px !important;
    left: 8px !important;
    right: auto !important;
    bottom: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: auto !important;
    height: 38px !important;
    gap: 6px !important;
    margin: 0 !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    z-index: 3 !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-header-actions > *,
  .site-header[data-mesk-header].mesk-header-v2.is-menu-open .mesk-header-actions > *,
  .site-header[data-mesk-header].mesk-header-v2.mesk-is-menu-open .mesk-header-actions > * {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    margin: 0 !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-desktop-menu-toggle,
  .site-header[data-mesk-header].mesk-header-v2 .moeen-header-account,
  .site-header[data-mesk-header].mesk-header-v2 .moeen-header-cart {
    flex: 0 0 38px !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-panel,
  .site-header[data-mesk-header].mesk-header-v2.is-menu-open .mesk-menu-panel,
  .site-header[data-mesk-header].mesk-header-v2.mesk-is-menu-open .mesk-menu-panel {
    z-index: 9510 !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-parent:not(.is-submenu-open) > .mesk-submenu {
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border-width: 0 !important;
    gap: 0 !important;
    opacity: 0 !important;
    transform: translateY(-3px) !important;
    pointer-events: none !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-parent.is-submenu-open > .mesk-submenu {
    max-height: 330px !important;
    margin: 2px 7px 3px !important;
    padding: 5px !important;
    border-width: 1px !important;
    gap: 2px !important;
    opacity: 1 !important;
    transform: translateY(0) !important;
    pointer-events: auto !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-parent-row {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    min-height: 39px !important;
    gap: 4px !important;
    direction: rtl !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-parent-link {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-parent-row > .mesk-menu-parent-toggle {
    flex: 0 0 32px !important;
    order: 2 !important;
    margin-inline-start: auto !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-parent-row > .mesk-menu-parent-link {
    order: 1 !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-item--courses > a .mesk-menu-entry {
    width: 100% !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-item--courses .mesk-menu-item__label {
    display: flex !important;
    align-items: center !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    gap: 7px !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-menu-item--courses .mesk-menu-item__label::after {
    flex: 0 0 auto !important;
    margin-right: auto !important;
    margin-left: 0 !important;
  }
}

@media (max-width:380px) {
  .site-header[data-mesk-header].mesk-header-v2 .mesk-header-brand,
  .site-header[data-mesk-header].mesk-header-v2.is-menu-open .mesk-header-brand,
  .site-header[data-mesk-header].mesk-header-v2.mesk-is-menu-open .mesk-header-brand {
    right: 6px !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-header-actions,
  .site-header[data-mesk-header].mesk-header-v2.is-menu-open .mesk-header-actions,
  .site-header[data-mesk-header].mesk-header-v2.mesk-is-menu-open .mesk-header-actions {
    left: 6px !important;
    gap: 5px !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-desktop-menu-toggle,
  .site-header[data-mesk-header].mesk-header-v2 .moeen-header-account,
  .site-header[data-mesk-header].mesk-header-v2 .moeen-header-cart {
    flex-basis: 36px !important;
  }
}
/* === End stable mobile header and aligned rows v7 === */
/* MOEEN HEADER NOTIFICATIONS AND COMPACT ACTIONS 2026-07-26 */
.site-header[data-mesk-header] .mesk-notification-wrap {
  position: relative !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
}

.site-header[data-mesk-header].mesk-header-v2 .mesk-desktop-menu-toggle { order: 0 !important; }
.site-header[data-mesk-header].mesk-header-v2 .moeen-header-account { order: 1 !important; }
.site-header[data-mesk-header].mesk-header-v2 .mesk-notification-wrap { order: 2 !important; }
.site-header[data-mesk-header].mesk-header-v2 .mesk-cart-wrap { order: 3 !important; }

.site-header[data-mesk-header] .mesk-notification-toggle {
  position: relative;
  display: inline-grid;
  place-items: center;
  width: 38px;
  min-width: 38px;
  height: 38px;
  padding: 0;
  color: #44ddd2;
  border: 1px solid rgba(52, 239, 226, .22);
  border-radius: 13px;
  background: linear-gradient(180deg, rgba(7, 25, 31, .96), rgba(3, 12, 17, .98));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035);
  cursor: pointer;
  transition: color .2s ease, border-color .2s ease, background .2s ease, transform .2s ease;
}

.site-header[data-mesk-header] .mesk-notification-toggle:hover,
.site-header[data-mesk-header] .mesk-notification-toggle:focus-visible,
.site-header[data-mesk-header] .mesk-notification-wrap.is-open .mesk-notification-toggle {
  color: #75eee5;
  border-color: rgba(77, 231, 220, .52);
  background: linear-gradient(180deg, rgba(9, 38, 44, .98), rgba(3, 16, 21, .98));
  transform: translateY(-1px);
}

.site-header[data-mesk-header] .mesk-notification-toggle svg {
  width: 18px !important;
  height: 18px !important;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.75;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.site-header[data-mesk-header] .moeen-cart-count,
.site-header[data-mesk-header] .mesk-notification-count {
  position: absolute !important;
  top: -6px !important;
  right: -6px !important;
  left: auto !important;
  display: inline-grid !important;
  place-items: center !important;
  min-width: 18px !important;
  width: auto !important;
  height: 18px !important;
  padding: 0 4px !important;
  color: #ffffff !important;
  border: 2px solid #030b0f !important;
  border-radius: 999px !important;
  background: #ff0000 !important;
  box-shadow: 0 3px 9px rgba(0, 0, 0, .26), 0 0 0 1px rgba(244, 220, 152, .08) !important;
  font-family: Arial, sans-serif !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

.site-header[data-mesk-header] .moeen-cart-count.is-empty,
.site-header[data-mesk-header] .mesk-notification-count.is-empty {
  display: none !important;
}

.site-header[data-mesk-header] .mesk-notification-panel {
  position: absolute;
  top: calc(100% + 13px);
  left: 0;
  z-index: 9800;
  width: min(390px, calc(100vw - 24px));
  max-height: min(590px, calc(100vh - 110px));
  overflow: hidden;
  direction: rtl;
  color: #ecfbfb;
  border: 1px solid rgba(50, 213, 203, .24);
  border-radius: 20px;
  background:
    radial-gradient(circle at 100% 0%, rgba(42, 204, 193, .09), transparent 35%),
    linear-gradient(155deg, rgba(5, 24, 31, .995), rgba(2, 12, 17, .995));
  box-shadow: 0 26px 70px rgba(0, 0, 0, .46), inset 0 1px 0 rgba(255, 255, 255, .035);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-8px) scale(.985);
  transform-origin: top left;
  transition: opacity .18s ease, visibility .18s ease, transform .22s cubic-bezier(.22, 1, .36, 1);
}

.site-header[data-mesk-header] .mesk-notification-wrap.is-open .mesk-notification-panel {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0) scale(1);
}

.site-header[data-mesk-header] .mesk-notification-panel__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 17px 14px;
  border-bottom: 1px solid rgba(67, 220, 209, .13);
}

.site-header[data-mesk-header] .mesk-notification-panel__head > div {
  display: grid;
  gap: 2px;
  text-align: right;
}

.site-header[data-mesk-header] .mesk-notification-panel__head strong {
  color: #fff;
  font-size: 14px;
  font-weight: 900;
}

.site-header[data-mesk-header] .mesk-notification-panel__head small {
  color: rgba(221, 243, 244, .56);
  font-size: 10.5px;
}

.site-header[data-mesk-header] .mesk-notification-panel__head button,
.site-header[data-mesk-header] .mesk-notification-item__dismiss {
  display: grid;
  place-items: center;
  padding: 0;
  color: rgba(221, 241, 242, .58);
  border: 1px solid rgba(221, 241, 242, .12);
  background: rgba(255, 255, 255, .025);
  cursor: pointer;
  transition: color .18s ease, border-color .18s ease, background .18s ease, transform .18s ease, box-shadow .18s ease;
}

.site-header[data-mesk-header] .mesk-notification-panel__head button .dashicons,
.site-header[data-mesk-header] .mesk-notification-item__dismiss .dashicons {
  width: 16px;
  height: 16px;
  font-size: 16px;
  line-height: 16px;
}

.site-header[data-mesk-header] .mesk-notification-panel__head button {
  flex: 0 0 29px;
  width: 29px;
  height: 29px;
  border-radius: 10px;
  font-size: 18px;
}

.site-header[data-mesk-header] .mesk-notification-panel__head button:hover,
.site-header[data-mesk-header] .mesk-notification-item__dismiss:hover {
  color: #f2d486;
  border-color: rgba(226, 190, 104, .3);
  background: rgba(226, 190, 104, .075);
  transform: translateY(-1px);
  box-shadow: 0 7px 16px rgba(0, 0, 0, .16);
}

.site-header[data-mesk-header] .mesk-notification-panel__head button:focus-visible,
.site-header[data-mesk-header] .mesk-notification-item__dismiss:focus-visible {
  color: #f2d486;
  border-color: rgba(226, 190, 104, .55);
  outline: 2px solid rgba(75, 222, 211, .38);
  outline-offset: 2px;
}

.site-header[data-mesk-header] .mesk-notification-list {
  max-height: min(495px, calc(100vh - 190px));
  padding: 7px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: rgba(64, 211, 201, .24) transparent;
}

.site-header[data-mesk-header] .mesk-notification-item {
  position: relative;
  display: grid;
  grid-template-columns: 9px minmax(0, 1fr) 27px;
  align-items: start;
  gap: 10px;
  padding: 12px 10px;
  border: 1px solid transparent;
  border-radius: 14px;
  transition: opacity .2s ease, transform .2s ease, border-color .18s ease, background .18s ease;
}

.site-header[data-mesk-header] .mesk-notification-item + .mesk-notification-item {
  margin-top: 3px;
}

.site-header[data-mesk-header] .mesk-notification-item:hover {
  border-color: rgba(54, 219, 207, .12);
  background: rgba(55, 209, 198, .035);
}

.site-header[data-mesk-header] .mesk-notification-item.is-removing {
  opacity: 0;
  transform: translateX(-10px);
}

.site-header[data-mesk-header] .mesk-notification-item__dot {
  width: 7px;
  height: 7px;
  margin-top: 7px;
  border-radius: 50%;
  background: #44ddd2;
  box-shadow: 0 0 0 4px rgba(68, 221, 210, .075);
}

.site-header[data-mesk-header] .mesk-notification-item--course .mesk-notification-item__dot { background: #dcb85f; box-shadow: 0 0 0 4px rgba(220, 184, 95, .08); }
.site-header[data-mesk-header] .mesk-notification-item--article .mesk-notification-item__dot { background: #77aef2; box-shadow: 0 0 0 4px rgba(119, 174, 242, .08); }

.site-header[data-mesk-header] .mesk-notification-item__copy {
  display: grid;
  gap: 4px;
  min-width: 0;
  text-align: right;
}

.site-header[data-mesk-header] .mesk-notification-item__copy > span {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  color: #4adecf;
  font-size: 10px;
  font-weight: 800;
}

.site-header[data-mesk-header] .mesk-notification-item--course .mesk-notification-item__copy > span { color: #dfbd6a; }
.site-header[data-mesk-header] .mesk-notification-item--article .mesk-notification-item__copy > span { color: #88b9f4; }

.site-header[data-mesk-header] .mesk-notification-item__copy > span time {
  color: rgba(219, 239, 241, .42);
  font-size: 9.5px;
  font-weight: 600;
}

.site-header[data-mesk-header] .mesk-notification-item__copy strong {
  overflow: hidden;
  color: #f4ffff;
  font-size: 12.5px;
  font-weight: 800;
  line-height: 1.55;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.site-header[data-mesk-header] .mesk-notification-item__copy a {
  justify-self: start;
  display: inline-flex;
  align-items: center;
  min-height: 27px;
  padding: 4px 10px;
  color: #bdeceb !important;
  border: 1px solid rgba(68, 218, 207, .18);
  border-radius: 9px;
  background: rgba(52, 207, 196, .04);
  font-size: 10px;
  font-weight: 800;
  text-decoration: none;
}

.site-header[data-mesk-header] .mesk-notification-item__copy a:hover {
  color: #071719 !important;
  border-color: #4bded3;
  background: #4bded3;
}

.site-header[data-mesk-header] .mesk-notification-item__dismiss {
  width: 27px;
  height: 27px;
  border-radius: 9px;
  font-size: 16px;
}

.site-header[data-mesk-header] .mesk-notification-empty {
  display: grid;
  place-items: center;
  gap: 4px;
  min-height: 145px;
  padding: 24px;
  text-align: center;
}

.site-header[data-mesk-header] .mesk-notification-empty strong {
  color: #effdfd;
  font-size: 13px;
}

.site-header[data-mesk-header] .mesk-notification-empty small {
  color: rgba(220, 241, 242, .52);
  font-size: 10.5px;
}

/* Compact final header proportions. */
@media (min-width: 901px) {
  .site-header[data-mesk-header].mesk-header-v2 .brand__img {
    max-width: 92px !important;
    max-height: 40px !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-desktop-menu-toggle,
  .site-header[data-mesk-header].mesk-header-v2 .moeen-header-account,
  .site-header[data-mesk-header].mesk-header-v2 .moeen-header-cart,
  .site-header[data-mesk-header].mesk-header-v2 .mesk-notification-toggle {
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    border-radius: 13px !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-header-actions {
    gap: 7px !important;
  }
}

@media (max-width: 900px) {
  .site-header[data-mesk-header].mesk-header-v2 .brand__img,
  .site-header[data-mesk-header].mesk-header-v2.is-menu-open .brand__img,
  .site-header[data-mesk-header].mesk-header-v2.mesk-is-menu-open .brand__img {
    max-width: 68px !important;
    max-height: 31px !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-header-actions,
  .site-header[data-mesk-header].mesk-header-v2.is-menu-open .mesk-header-actions,
  .site-header[data-mesk-header].mesk-header-v2.mesk-is-menu-open .mesk-header-actions {
    gap: 5px !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-desktop-menu-toggle,
  .site-header[data-mesk-header].mesk-header-v2 .moeen-header-account,
  .site-header[data-mesk-header].mesk-header-v2 .moeen-header-cart,
  .site-header[data-mesk-header].mesk-header-v2 .mesk-notification-toggle {
    flex: 0 0 34px !important;
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    border-radius: 11px !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-header-actions svg {
    width: 16px !important;
    height: 16px !important;
  }

  .site-header[data-mesk-header] .moeen-cart-count,
  .site-header[data-mesk-header] .mesk-notification-count {
    top: -5px !important;
    right: -5px !important;
    min-width: 16px !important;
    height: 16px !important;
    font-size: 8.5px !important;
  }

  .site-header[data-mesk-header] .mesk-notification-panel {
    position: fixed;
    top: 57px;
    right: 8px;
    left: 8px;
    width: auto;
    max-height: calc(100dvh - 70px);
    border-radius: 17px;
    transform-origin: top center;
  }

  .site-header[data-mesk-header] .mesk-notification-list {
    max-height: calc(100dvh - 145px);
  }
}

@media (max-width: 380px) {
  .site-header[data-mesk-header].mesk-header-v2 .brand__img {
    max-width: 62px !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-header-actions {
    gap: 4px !important;
  }

  .site-header[data-mesk-header].mesk-header-v2 .mesk-desktop-menu-toggle,
  .site-header[data-mesk-header].mesk-header-v2 .moeen-header-account,
  .site-header[data-mesk-header].mesk-header-v2 .moeen-header-cart,
  .site-header[data-mesk-header].mesk-header-v2 .mesk-notification-toggle {
    flex-basis: 32px !important;
    width: 32px !important;
    min-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .site-header[data-mesk-header] .mesk-notification-panel,
  .site-header[data-mesk-header] .mesk-notification-item {
    transition: none !important;
  }
}
/* MOEEN FINAL MATCHED HEADER BADGES 2026-07-26 */
.site-header[data-mesk-header] .mesk-cart-wrap .moeen-cart-count,
.site-header[data-mesk-header] .mesk-notification-wrap .mesk-notification-count {
  position: absolute !important;
  top: -5px !important;
  right: -5px !important;
  bottom: auto !important;
  left: auto !important;
  box-sizing: border-box !important;
  display: inline-grid !important;
  place-items: center !important;
  min-width: 20px !important;
  width: auto !important;
  max-width: none !important;
  height: 18px !important;
  min-height: 18px !important;
  max-height: 18px !important;
  margin: 0 !important;
  padding: 0 4px !important;
  color: #ffffff !important;
  border: 2px solid #030b0f !important;
  border-radius: 999px !important;
  background: #ff0000 !important;
  box-shadow: 0 3px 9px rgba(0, 0, 0, .24) !important;
  font-family: Arial, sans-serif !important;
  font-size: 8.5px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
  transform: none !important;
  animation: none !important;
}