/* AutoFixia Precision Drawer Navbar — 2026-09-05 / visibility + hover stability update
   Layout/interaction adapted from the supplied navbar reference.
   Existing AutoFixia font, brand colors, logo, CTA and language selector are retained. */
.afx{
  --afx-ink:var(--body-text-purple,#3e3f66);
  --afx-text:var(--body-text-purple,#3e3f66);
  --afx-mute:#7f849c;
  --afx-accent:var(--main_purple,#6a49f2);
  --afx-orange:var(--orange,#ff923d);
  --afx-hair:#e8e5f2;
  --afx-bar-h:76px;
  position:fixed;top:0;left:0;right:0;z-index:99999;
  background:transparent;color:#fff;
  font-family:"Plus Jakarta Sans",sans-serif;
  -webkit-font-smoothing:antialiased;
  transition:background .25s ease,box-shadow .25s ease,backdrop-filter .25s ease;
}
.afx *{box-sizing:border-box}.afx ul{list-style:none;margin:0;padding:0}.afx a{text-decoration:none}.afx button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}.afx :focus-visible{outline:2px solid var(--afx-orange);outline-offset:2px;border-radius:7px}
.afx.fix_style,.afx.afx-stuck{background:linear-gradient(313deg,rgba(127,35,233,.94) 0%,rgba(64,22,154,.95) 100%);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 12px 30px -24px rgba(24,10,60,.78)}
.afx-bar{position:relative}.afx-inner{display:flex;align-items:center;gap:18px;height:var(--afx-bar-h);width:calc(100% - 64px);max-width:1640px;margin:0 auto}
.afx-brand{display:flex;align-items:center;flex:0 0 auto;margin-right:18px}.afx-brand img{width:160px!important;height:auto!important;max-width:none!important;object-fit:contain}
.afx-links{display:flex;align-items:center;justify-content:center;gap:3px;flex:1;min-width:0}.afx-link{display:inline-flex;align-items:center;gap:6px;padding:10px 11px;border-radius:8px;font-size:14px!important;font-weight:400;line-height:1;white-space:nowrap;color:#303a68!important;transition:color .18s,background .18s,transform .18s}.afx-link:hover,.afx-item.is-open>.afx-link,.afx-link.is-active{color:#26315e!important;background:#fff}.afx-link.is-active{font-weight:600}.afx-chev{transition:transform .24s}.afx-item.is-open>.afx-link .afx-chev{transform:rotate(180deg)}
.afx-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto;margin-left:auto}.afx-cta{display:inline-flex;align-items:center;gap:6px;padding:10px 22px;border-radius:25px;background-image:var(--bg-orange-gradiunt);color:#fff!important;font-size:14px!important;font-weight:700;line-height:1.25;white-space:nowrap;position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s}.afx-cta:hover{color:#fff!important;transform:translateY(-1px);box-shadow:0 10px 25px rgba(255,113,51,.25)}.afx-cta i{transform:rotate(-45deg);display:inline-block;font-size:18px;transition:.25s}.afx-cta:hover i{transform:rotate(0)}
.afx-item{position:static}.afx-panel{position:absolute;top:100%;left:0;right:0;z-index:60;opacity:0;visibility:hidden;transform:translateY(-6px) scaleY(.985);transform-origin:top;transition:opacity .18s ease,transform .22s cubic-bezier(.4,0,.2,1),visibility .22s;pointer-events:none}.afx-panel::before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px;background:transparent}.afx-item.is-open>.afx-panel{opacity:1;visibility:visible;transform:none;pointer-events:auto}.afx-drawer{background:#fff;border-bottom:2px solid var(--afx-orange);box-shadow:0 24px 42px -28px rgba(27,18,59,.52);padding:26px 32px 25px}.afx-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;max-width:1320px;margin:0 auto}.afx-col h3{margin:0 0 10px;padding-bottom:9px;font-size:12.5px;font-weight:700;color:var(--afx-mute);border-bottom:1px solid var(--afx-hair);text-transform:none}.afx-pitem{display:block;padding:8px 0;border-bottom:1px solid #f2f1f7;font-size:13.5px;font-weight:500;line-height:1.45;color:#303a68!important;transition:color .16s,padding-left .16s}.afx-pitem:hover{color:var(--afx-accent)!important;padding-left:5px}
.afx-burger{display:none;width:44px;height:44px;border-radius:9px;position:relative;flex:0 0 auto;color:#fff}.afx-burger i{position:absolute;left:12px;width:20px;height:2px;border-radius:2px;background:currentColor;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .18s}.afx-burger i:nth-child(1){top:15px}.afx-burger i:nth-child(2){top:21px}.afx-burger i:nth-child(3){top:27px}.afx.is-open .afx-burger i:nth-child(1){transform:translateY(6px) rotate(45deg)}.afx.is-open .afx-burger i:nth-child(2){opacity:0}.afx.is-open .afx-burger i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.afx-scrim{position:fixed;inset:0;z-index:99996;background:rgba(20,11,42,.48);opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.afx.is-open .afx-scrim{opacity:1;visibility:visible}.afx-mob{position:fixed;top:0;right:0;bottom:0;z-index:99998;width:min(88%,400px);background:#fff;transform:translateX(101%);transition:transform .34s cubic-bezier(.4,0,.2,1);overflow-y:auto;-webkit-overflow-scrolling:touch;box-shadow:-20px 0 44px -26px rgba(20,11,42,.6);text-align:left}.afx.is-open .afx-mob{transform:translateX(0)}.afx-mhead{position:sticky;top:0;background:#fff;z-index:2;padding:16px 20px 12px;border-bottom:1px solid var(--afx-hair)}.afx-mtop{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.afx-mtop img{width:145px;height:auto}.afx-close{width:38px;height:38px;border-radius:8px;font-size:26px!important;line-height:1;text-align:center;color:var(--afx-mute)!important}.afx-search input{width:100%;padding:12px 14px;border:1px solid var(--afx-hair);border-radius:9px;font:inherit;font-size:14px;background:#f7f6fb;color:var(--afx-ink)}.afx-search input:focus{outline:2px solid var(--afx-accent);outline-offset:1px;background:#fff}.afx-mlist{padding:6px 20px 28px}.afx-group h4{margin:18px 0 4px;font-size:11.5px;font-weight:700;color:var(--afx-mute);text-transform:none}.afx-msub{display:block;padding:11px 0;border-bottom:1px solid #f2f1f7;font-size:14px;font-weight:500;line-height:1.35;color:#303a68!important}.afx-msub mark{background:#eee9ff;color:var(--afx-accent);border-radius:3px;padding:0 1px}.afx-empty{padding:24px 0;font-size:13.5px;color:var(--afx-mute);line-height:1.6}.afx-mcta{display:block;margin-top:22px;padding:13px 16px;border-radius:25px;background-image:var(--bg-orange-gradiunt);color:#fff!important;font-size:14px!important;font-weight:700;text-align:center}
.afx .language-switcher{margin:0!important;z-index:100010}.afx .language-switcher__button{height:40px;min-width:58px;border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.94);box-shadow:none}.afx .language-switcher__button:hover,.afx .language-switcher.open .language-switcher__button{background:#fff}.afx .language-switcher__menu{z-index:100011}
@media(max-width:1080px){.afx{--afx-bar-h:66px;background:linear-gradient(313deg,rgba(127,35,233,.96) 0%,rgba(64,22,154,.97) 100%)}.afx-inner{width:100%;padding:0 16px;gap:9px}.afx-brand{margin-right:0}.afx-brand img{width:148px!important}.afx-links{display:none}.afx-actions{margin-left:auto}.afx-burger{display:block}.afx-cta{padding:9px 16px;font-size:14px!important}.afx .language-switcher__button{height:40px}}
@media(max-width:560px){.afx-inner{padding:0 12px}.afx-brand img{width:138px!important}.afx-actions{gap:6px}.afx-cta{display:none}.afx .language-switcher__button{min-width:54px;padding:6px 8px}.afx .language-switcher__code{display:none}}
@media(prefers-reduced-motion:reduce){.afx *{transition-duration:.01ms!important}}
html[dir="rtl"] .afx{direction:ltr}html[dir="rtl"] .afx-mob{direction:rtl;text-align:right}html[dir="rtl"] .afx-mob .afx-search input{text-align:right}


/* language switcher visual refresh */
.afx .language-switcher__button{
  color:#183153!important;
  border:1px solid rgba(47,128,237,.24)!important;
  background:linear-gradient(135deg,#ffffff 0%,#edf5ff 52%,#fff4fa 100%)!important;
  box-shadow:0 10px 24px rgba(37,82,168,.16)!important;
}
.afx .language-switcher__button:hover,
.afx .language-switcher.open .language-switcher__button{
  color:#10284d!important;
  background:linear-gradient(135deg,#ffffff 0%,#e6f0ff 48%,#ffeef7 100%)!important;
  border-color:rgba(47,128,237,.4)!important;
}
.afx .language-switcher__code,
.afx .language-switcher__chevron{
  color:#183153!important;
}