/* ============================================================
   TriforceX Mega Menu v1.0.1 — front-end styles
   ISOLATION HARDENING:
   - CSS custom properties are declared on #tfx-mega-root and #tfx-drawer
     instead of :root, so they never bleed into or are overridden by
     the theme (Divi, Elementor, etc.)
   - All selectors stay inside #tfx-mega-root, #tfx-drawer, or #tfx-scrim.
   - No bare tag resets (no body{}, html{}, h3{}, p{} etc.) that could
     leak outside the plugin scope.
   ============================================================ */

/* ---- CSS custom properties scoped to plugin roots only ---- */
#tfx-mega-root,
#tfx-drawer {
  --tfx-bg:#07060f; --tfx-panel:#120f20; --tfx-card-hover:#1e1730;
  --tfx-ink:#fff; --tfx-ink-soft:#cdc9e0; --tfx-ink-muted:#9a96b6; --tfx-ink-faint:#6f6b8c;
  --tfx-magenta:#ff4d9d; --tfx-purple:#8b5cf6; --tfx-purple-2:#a855f7; --tfx-violet:#7c3aed;
  --tfx-orange:#ffb066; --tfx-orange-2:#e8590c;
  --tfx-line:rgba(255,255,255,.08); --tfx-line-2:rgba(255,255,255,.12);
  --tfx-grad-edge:linear-gradient(120deg,var(--tfx-magenta),var(--tfx-purple) 60%,var(--tfx-violet));
  --tfx-grad-orange:linear-gradient(90deg,rgba(255,176,102,0),var(--tfx-orange) 18%,var(--tfx-orange-2) 50%,var(--tfx-orange) 82%,rgba(255,176,102,0));
  --tfx-grad-purple:linear-gradient(135deg,var(--tfx-magenta),var(--tfx-purple-2));
  --tfx-shadow:0 30px 80px -20px rgba(0,0,0,.75);
}

/* ---- resets scoped tightly — no bleed outside plugin roots ---- */
#tfx-mega-root,#tfx-mega-root *,#tfx-drawer,#tfx-drawer *,#tfx-scrim{
  box-sizing:border-box!important;
}
#tfx-mega-root ul,#tfx-drawer ul{list-style:none!important;margin:0!important;padding:0!important}
#tfx-mega-root li,#tfx-drawer li{margin:0!important;padding:0!important;list-style:none!important}
#tfx-mega-root a,#tfx-drawer a{text-decoration:none!important;color:inherit!important;background:none!important;border:0!important;box-shadow:none!important}
#tfx-mega-root a:hover,#tfx-drawer a:hover{text-decoration:none!important}
#tfx-mega-root button,#tfx-drawer button{font-family:inherit!important;margin:0!important;line-height:normal!important;cursor:pointer!important}
#tfx-mega-root svg,#tfx-drawer svg{display:block!important}
/* Prevent Divi / theme from putting borders or outlines on our elements */
#tfx-mega-root *:not(input):not(textarea),
#tfx-drawer *:not(input):not(textarea){
  outline-style:none;
}
#tfx-mega-root *:focus-visible{outline:2px solid var(--tfx-purple-2)!important;outline-offset:2px!important;}

/* ============================================================ HEADER */
#tfx-mega-root{
  position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:99990!important;
  font-family:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;
  padding:16px clamp(16px,3vw,40px) 0!important;color:var(--tfx-ink)!important;
  background:transparent!important;
  transition:background .3s ease,padding .3s ease,box-shadow .3s ease;
  /* Reset anything the theme might force on a <div> at this z-index */
  border:none!important;margin:0!important;width:100%!important;
  pointer-events:auto!important;visibility:visible!important;
}
#tfx-mega-root.tfx-scrolled{
  background:rgba(8,6,16,.85)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  padding-top:10px!important;box-shadow:0 12px 34px -14px rgba(0,0,0,.65)!important;
}
#tfx-mega-root .tfx-inner{
  position:relative!important;max-width:1480px!important;margin:0 auto!important;height:84px!important;
  display:flex!important;align-items:center!important;gap:18px!important;
  padding:0!important;background:transparent!important;
}

/* orange decorative frame */
#tfx-mega-root .tfx-frame{position:absolute!important;inset:4px clamp(40px,7vw,120px)!important;z-index:0!important;border-radius:44px!important;pointer-events:none!important;background:none!important}
#tfx-mega-root .tfx-frame::before{content:""!important;position:absolute!important;inset:0!important;border-radius:inherit!important;padding:1.4px!important;
  background:var(--tfx-grad-orange)!important;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;opacity:.85!important}

/* logo */
#tfx-mega-root .tfx-logo{
  position:relative!important;z-index:2!important;display:flex!important;align-items:center!important;gap:.08em!important;
  font-weight:800!important;letter-spacing:.04em!important;font-size:clamp(17px,1.4vw,21px)!important;flex:0 0 auto!important;
  text-transform:uppercase!important;white-space:nowrap!important;line-height:1!important;
  color:var(--tfx-ink)!important;
}
#tfx-mega-root .tfx-logo .x{color:var(--tfx-ink)!important}
#tfx-mega-root .tfx-logo .dot{background:var(--tfx-grad-purple)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
#tfx-mega-root .tfx-logo img{height:32px!important;width:auto!important;display:block!important}

/* nav pill */
#tfx-mega-root .tfx-nav{position:relative!important;z-index:2!important;flex:1 1 auto!important;display:flex!important;justify-content:center!important;min-width:0!important}
#tfx-mega-root .tfx-pill{
  position:relative!important;border-radius:999px!important;max-width:100%!important;
  background:linear-gradient(180deg,rgba(30,23,48,.92),rgba(18,14,33,.92))!important;
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  box-shadow:0 14px 40px -18px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.05)!important;
  border:none!important;
}
#tfx-mega-root .tfx-pill::before{
  content:""!important;position:absolute!important;inset:0!important;border-radius:inherit!important;padding:1.4px!important;
  background:var(--tfx-grad-edge)!important;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none!important;
}
#tfx-mega-root .tfx-menu{display:flex!important;align-items:center!important;gap:2px!important;padding:8px 10px!important;margin:0!important}
#tfx-mega-root .tfx-menu>li{position:relative!important;display:list-item!important}
#tfx-mega-root .tfx-top{
  position:relative!important;display:inline-flex!important;align-items:center!important;gap:7px!important;
  padding:11px 16px!important;border-radius:999px!important;border:0!important;background:transparent!important;cursor:pointer!important;
  color:var(--tfx-ink-soft)!important;font-size:15px!important;font-weight:600!important;white-space:nowrap!important;
  transition:color .18s ease,background .18s ease!important;
  font-family:inherit!important;line-height:normal!important;
  /* prevent theme from applying box-shadow or underline to nav buttons */
  box-shadow:none!important;text-shadow:none!important;
}
#tfx-mega-root .tfx-top:hover,#tfx-mega-root .tfx-top:focus-visible{color:#fff!important;background:rgba(255,255,255,.06)!important}
#tfx-mega-root .tfx-top .caret{width:11px!important;height:11px!important;transition:transform .25s ease!important;opacity:.85!important}
#tfx-mega-root .tfx-menu>li.open .tfx-top{color:#fff!important;background:rgba(139,92,246,.16)!important}
#tfx-mega-root .tfx-menu>li.open .tfx-top .caret{transform:rotate(180deg)!important}

/* right actions */
#tfx-mega-root .tfx-actions{position:relative!important;z-index:2!important;display:flex!important;align-items:center!important;gap:12px!important;flex:0 0 auto!important}
#tfx-mega-root .tfx-call{
  width:48px!important;height:48px!important;border-radius:50%!important;display:grid!important;place-items:center!important;
  background:var(--tfx-grad-purple)!important;color:#fff!important;flex:0 0 auto!important;
  box-shadow:0 8px 22px -6px rgba(168,85,247,.6)!important;transition:transform .18s ease!important;
  border:none!important;text-decoration:none!important;
}
#tfx-mega-root .tfx-call:hover{transform:translateY(-2px) scale(1.04)!important}
#tfx-mega-root .tfx-cta-group{display:flex!important;align-items:center!important}
#tfx-mega-root .tfx-cta{
  display:inline-flex!important;align-items:center!important;height:48px!important;padding:0 22px!important;
  border-radius:999px!important;background:#fff!important;color:#0b0818!important;
  font-weight:700!important;font-size:15px!important;white-space:nowrap!important;
  box-shadow:0 8px 22px -8px rgba(0,0,0,.6)!important;transition:transform .18s ease!important;
  border:none!important;text-decoration:none!important;font-family:inherit!important;
}
#tfx-mega-root .tfx-cta:hover{transform:translateY(-2px)!important;color:#0b0818!important}
#tfx-mega-root .tfx-cta-arrow{
  width:48px!important;height:48px!important;border-radius:50%!important;display:grid!important;place-items:center!important;
  margin-left:-14px!important;background:var(--tfx-grad-purple)!important;color:#fff!important;
  flex:0 0 auto!important;box-shadow:0 8px 22px -6px rgba(168,85,247,.6)!important;
  transition:transform .25s ease!important;border:none!important;text-decoration:none!important;
}
#tfx-mega-root .tfx-cta-group:hover .tfx-cta-arrow{transform:rotate(45deg)!important}
#tfx-mega-root .tfx-socials{display:none;align-items:center;gap:6px;padding-left:10px;margin-left:4px;border-left:1px solid var(--tfx-line-2)}
#tfx-mega-root .tfx-socials a{width:38px!important;height:38px!important;border-radius:10px!important;display:grid!important;place-items:center!important;
  color:var(--tfx-ink-soft)!important;transition:color .18s,background .18s,transform .18s!important}
#tfx-mega-root .tfx-socials a:hover{color:#fff!important;background:rgba(255,255,255,.08)!important;transform:translateY(-2px)!important}
#tfx-mega-root .tfx-socials svg{width:17px!important;height:17px!important}

/* burger */
#tfx-mega-root .tfx-burger{
  display:none!important;width:50px!important;height:50px!important;border-radius:14px!important;
  border:1px solid var(--tfx-line-2)!important;background:rgba(255,255,255,.04)!important;
  cursor:pointer!important;color:#fff!important;align-items:center!important;
  justify-content:center!important;flex:0 0 auto!important;margin-left:auto!important;
}
#tfx-mega-root .tfx-burger span{display:block!important;width:22px!important;height:2px!important;background:#fff!important;border-radius:2px!important;position:relative!important;transition:.25s!important}
#tfx-mega-root .tfx-burger span::before,#tfx-mega-root .tfx-burger span::after{content:""!important;position:absolute!important;left:0!important;width:22px!important;height:2px!important;background:#fff!important;border-radius:2px!important;transition:.25s!important}
#tfx-mega-root .tfx-burger span::before{top:-7px!important}
#tfx-mega-root .tfx-burger span::after{top:7px!important}
body.tfx-drawer-open #tfx-mega-root .tfx-burger span{background:transparent!important}
body.tfx-drawer-open #tfx-mega-root .tfx-burger span::before{top:0!important;transform:rotate(45deg)!important}
body.tfx-drawer-open #tfx-mega-root .tfx-burger span::after{top:0!important;transform:rotate(-45deg)!important}

/* ============================================================ MEGA PANELS */
#tfx-mega-root .tfx-mega-wrap{
  position:absolute!important;left:0!important;right:0!important;top:100%!important;
  display:flex!important;justify-content:center!important;
  pointer-events:none!important;z-index:55!important;padding:0 clamp(16px,3vw,40px)!important;
}
#tfx-mega-root .tfx-mega{
  position:absolute!important;top:10px!important;width:min(1040px,100%)!important;
  background:linear-gradient(180deg,rgba(22,17,36,.99),rgba(15,11,26,.99))!important;
  border-radius:22px!important;box-shadow:var(--tfx-shadow)!important;overflow:hidden!important;
  opacity:0!important;transform:translateY(10px) scale(.985)!important;visibility:hidden!important;pointer-events:none!important;
  transition:opacity .22s ease,transform .22s ease,visibility .22s!important;
  border:none!important;
}
#tfx-mega-root .tfx-mega::before{
  content:""!important;position:absolute!important;inset:0!important;border-radius:inherit!important;padding:1.2px!important;
  background:linear-gradient(140deg,rgba(255,77,157,.55),rgba(139,92,246,.35) 55%,rgba(232,89,12,.4))!important;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none!important;
}
#tfx-mega-root .tfx-mega.show{opacity:1!important;transform:translateY(0) scale(1)!important;visibility:visible!important;pointer-events:auto!important}
#tfx-mega-root .tfx-mega-grid{display:grid!important;grid-template-columns:266px 1fr!important;min-height:0!important}

#tfx-mega-root .tfx-rail{
  padding:26px 22px!important;position:relative!important;
  border-right:1px solid var(--tfx-line)!important;
  background:linear-gradient(180deg,rgba(139,92,246,.08),rgba(255,77,157,.04))!important;
}
#tfx-mega-root .tfx-rail-eyebrow{font-size:11px!important;font-weight:700!important;letter-spacing:.16em!important;text-transform:uppercase!important;color:var(--tfx-purple-2)!important;margin-bottom:10px!important;display:block!important}
/* Use a class-scoped heading instead of h3 to prevent theme style contamination */
#tfx-mega-root .tfx-rail-title{font-size:22px!important;font-weight:800!important;letter-spacing:-.01em!important;margin:0 0 8px!important;color:#fff!important;line-height:1.2!important;font-family:inherit!important}
#tfx-mega-root .tfx-rail-text{font-size:13.5px!important;line-height:1.55!important;color:var(--tfx-ink-muted)!important;margin:0 0 18px!important;display:block!important;font-family:inherit!important}
#tfx-mega-root .tfx-rail-cta{
  display:inline-flex!important;align-items:center!important;gap:7px!important;font-size:13.5px!important;
  font-weight:700!important;color:#fff!important;padding:10px 14px!important;border-radius:12px!important;
  background:var(--tfx-grad-purple)!important;
  box-shadow:0 10px 26px -10px rgba(168,85,247,.6)!important;transition:transform .18s!important;
  text-decoration:none!important;border:none!important;font-family:inherit!important;
}
#tfx-mega-root .tfx-rail-cta:hover{transform:translateY(-2px)!important;color:#fff!important}
#tfx-mega-root .tfx-rail-cta svg{width:14px!important;height:14px!important}

#tfx-mega-root .tfx-cats{display:flex!important;flex-direction:column!important;gap:4px!important;margin-top:4px!important}
#tfx-mega-root .tfx-cat{
  display:flex!important;align-items:center!important;gap:12px!important;padding:11px 12px!important;
  border-radius:12px!important;border:0!important;background:transparent!important;cursor:pointer!important;
  color:var(--tfx-ink-soft)!important;text-align:left!important;width:100%!important;
  font-size:14.5px!important;font-weight:600!important;transition:background .15s,color .15s!important;
  font-family:inherit!important;line-height:normal!important;box-shadow:none!important;
}
#tfx-mega-root .tfx-cat .ci{
  width:34px!important;height:34px!important;border-radius:10px!important;display:grid!important;place-items:center!important;
  flex:0 0 auto!important;background:rgba(139,92,246,.14)!important;color:var(--tfx-purple-2)!important;transition:.15s!important;
}
#tfx-mega-root .tfx-cat .ci svg{width:18px!important;height:18px!important}
#tfx-mega-root .tfx-cat .arrow{margin-left:auto!important;width:14px!important;height:14px!important;opacity:0!important;transform:translateX(-4px)!important;transition:.18s!important;color:var(--tfx-purple-2)!important}
#tfx-mega-root .tfx-cat:hover,#tfx-mega-root .tfx-cat.active{background:rgba(255,255,255,.05)!important;color:#fff!important}
#tfx-mega-root .tfx-cat.active{background:linear-gradient(90deg,rgba(139,92,246,.18),rgba(255,77,157,.10))!important}
#tfx-mega-root .tfx-cat.active .ci{background:var(--tfx-grad-purple)!important;color:#fff!important}
#tfx-mega-root .tfx-cat.active .arrow{opacity:1!important;transform:translateX(0)!important}

#tfx-mega-root .tfx-panes{padding:22px!important;position:relative!important}
#tfx-mega-root .tfx-pane{display:none!important}
#tfx-mega-root .tfx-pane.active{display:block!important;animation:tfxFadeIn .28s ease!important}
@keyframes tfxFadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
#tfx-mega-root .tfx-cards{display:grid!important;gap:6px!important}
#tfx-mega-root .tfx-cards.cols-2{grid-template-columns:1fr 1fr!important}
#tfx-mega-root .tfx-cards.cols-1{grid-template-columns:1fr!important}

#tfx-mega-root .tfx-card{
  display:flex!important;align-items:flex-start!important;gap:13px!important;padding:13px 14px!important;
  border-radius:14px!important;border:1px solid transparent!important;
  transition:background .16s,border-color .16s,transform .16s!important;
  text-decoration:none!important;background:transparent!important;
}
#tfx-mega-root .tfx-card:hover{background:var(--tfx-card-hover)!important;border-color:var(--tfx-line-2)!important;transform:translateY(-1px)!important}
#tfx-mega-root .tfx-card-ic{
  width:40px!important;height:40px!important;border-radius:11px!important;display:grid!important;
  place-items:center!important;flex:0 0 auto!important;
  background:rgba(255,77,157,.10)!important;color:var(--tfx-magenta)!important;transition:.16s!important;
}
#tfx-mega-root .tfx-card:hover .tfx-card-ic{background:var(--tfx-grad-purple)!important;color:#fff!important;box-shadow:0 8px 20px -8px rgba(168,85,247,.6)!important}
#tfx-mega-root .tfx-card-ic svg{width:20px!important;height:20px!important}
#tfx-mega-root .tfx-card-tx{display:flex!important;flex-direction:column!important}
#tfx-mega-root .tfx-card-t{font-size:14.5px!important;font-weight:700!important;color:#fff!important;line-height:1.2!important;margin-bottom:3px!important;display:block!important;font-family:inherit!important}
#tfx-mega-root .tfx-card-d{font-size:12.5px!important;line-height:1.4!important;color:var(--tfx-ink-muted)!important;display:block!important;font-family:inherit!important}
#tfx-mega-root .tfx-card:hover .tfx-card-d{color:var(--tfx-ink-soft)!important}

/* ============================================================ MOBILE DRAWER */
#tfx-scrim{
  position:fixed!important;inset:0!important;background:rgba(4,3,10,.6)!important;
  backdrop-filter:blur(2px);opacity:0!important;visibility:hidden!important;
  transition:.3s!important;z-index:99980!important;pointer-events:none!important;
}
body.tfx-drawer-open #tfx-scrim{opacity:1!important;visibility:visible!important;pointer-events:auto!important}
#tfx-drawer{
  position:fixed!important;top:0!important;right:0!important;height:100%!important;
  width:min(420px,90vw)!important;z-index:99995!important;
  font-family:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;
  background:linear-gradient(180deg,#0e0b1c,#0a0716)!important;
  border-left:1px solid var(--tfx-line-2)!important;color:#fff!important;
  transform:translateX(100%)!important;transition:transform .32s cubic-bezier(.4,0,.2,1)!important;
  display:flex!important;flex-direction:column!important;
}
body.tfx-drawer-open #tfx-drawer{transform:translateX(0)!important}
#tfx-drawer .tfx-logo{display:flex!important;align-items:center!important;gap:.08em!important;font-weight:800!important;letter-spacing:.04em!important;
  font-size:19px!important;text-transform:uppercase!important;line-height:1!important;color:#fff!important;}
#tfx-drawer .tfx-logo .x{color:#fff!important}
#tfx-drawer .tfx-logo .dot{background:var(--tfx-grad-purple)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
#tfx-drawer .tfx-logo img{height:28px!important;width:auto!important}
#tfx-drawer .tfx-drawer-head{display:flex!important;align-items:center!important;justify-content:flex-end!important;padding:20px!important;border-bottom:1px solid var(--tfx-line)!important}
/* Hide the logo text/image inside the mobile drawer — desktop header keeps its logo */
#tfx-drawer .tfx-logo{display:none!important}
#tfx-drawer .tfx-drawer-close{
  width:42px!important;height:42px!important;border-radius:12px!important;
  border:1px solid var(--tfx-line-2)!important;background:rgba(255,255,255,.04)!important;
  color:#fff!important;cursor:pointer!important;font-size:22px!important;line-height:1!important;
  display:grid!important;place-items:center!important;font-family:inherit!important;
}
#tfx-drawer .tfx-drawer-body{flex:1!important;overflow-y:auto!important;padding:12px 16px 24px!important}
#tfx-drawer .tfx-acc{border-bottom:1px solid var(--tfx-line)!important}
#tfx-drawer .tfx-acc-head{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  width:100%!important;padding:16px 6px!important;background:transparent!important;border:0!important;
  color:#fff!important;font-size:16.5px!important;font-weight:700!important;cursor:pointer!important;
  text-align:left!important;font-family:inherit!important;line-height:normal!important;box-shadow:none!important;
}
#tfx-drawer .tfx-acc-head .pl{width:18px!important;height:18px!important;color:var(--tfx-purple-2)!important;transition:transform .25s!important}
#tfx-drawer .tfx-acc.open .tfx-acc-head .pl{transform:rotate(45deg)!important}
#tfx-drawer .tfx-acc-body{max-height:0!important;overflow:hidden!important;transition:max-height .32s ease!important}
#tfx-drawer .tfx-grp-label{font-size:11px!important;font-weight:700!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:var(--tfx-purple-2)!important;padding:14px 8px 6px!important;display:block!important}
#tfx-drawer .tfx-sub{display:flex!important;align-items:center!important;gap:12px!important;padding:11px 8px!important;border-radius:12px!important;color:var(--tfx-ink-soft)!important;font-size:14.5px!important;font-weight:600!important;text-decoration:none!important}
#tfx-drawer .tfx-sub:hover{background:rgba(255,255,255,.05)!important;color:#fff!important}
#tfx-drawer .tfx-sub .si{width:32px!important;height:32px!important;border-radius:9px!important;display:grid!important;place-items:center!important;flex:0 0 auto!important;background:rgba(139,92,246,.14)!important;color:var(--tfx-purple-2)!important}
#tfx-drawer .tfx-sub .si svg{width:17px!important;height:17px!important}
#tfx-drawer .tfx-drawer-foot{padding:18px 20px!important;border-top:1px solid var(--tfx-line)!important;display:flex!important;flex-direction:column!important;gap:14px!important}
#tfx-drawer .tfx-cta{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  width:100%!important;height:48px!important;border-radius:999px!important;
  background:#fff!important;color:#0b0818!important;font-weight:700!important;font-size:15px!important;
  text-decoration:none!important;border:none!important;font-family:inherit!important;
}
#tfx-drawer .tfx-drawer-socials{display:flex!important;justify-content:center!important;gap:10px!important}
#tfx-drawer .tfx-drawer-socials a{width:44px!important;height:44px!important;border-radius:12px!important;display:grid!important;place-items:center!important;background:rgba(255,255,255,.05)!important;color:var(--tfx-ink-soft)!important;text-decoration:none!important}
#tfx-drawer .tfx-drawer-socials a:hover{color:#fff!important;background:rgba(255,255,255,.1)!important}
#tfx-drawer .tfx-drawer-socials svg{width:18px!important;height:18px!important}

/* ============================================================ RESPONSIVE */
@media (min-width:1500px){ #tfx-mega-root .tfx-socials{display:flex!important} }
@media (max-width:1200px){
  #tfx-mega-root .tfx-nav,#tfx-mega-root .tfx-actions{display:none!important}
  #tfx-mega-root .tfx-burger{display:inline-flex!important}
  #tfx-mega-root .tfx-frame{display:none!important}
  #tfx-mega-root .tfx-inner{height:64px!important}
}
@media (max-width:560px){ #tfx-mega-root .tfx-mega-grid{grid-template-columns:1fr!important} }
@media (prefers-reduced-motion:reduce){
  #tfx-mega-root *,#tfx-drawer *{transition-duration:.01ms!important;animation-duration:.01ms!important}
}