:root{--fctel-nav-red:#b51f28;--fctel-nav-red-bright:#e43d49;--fctel-nav-blue:#3e739f;--fctel-nav-ink:#27313d}
@media (min-width:992px){
  .nav.visible-lg>li>span>a{position:relative;isolation:isolate;transition:color .2s ease,transform .2s ease;border-bottom-color:transparent!important}
  .nav.visible-lg>li>span>a:before{content:"";position:absolute;left:20%;right:20%;bottom:10px;height:14px;z-index:-1;border-radius:50%;background:radial-gradient(ellipse,rgba(181,31,40,.16),rgba(181,31,40,0) 70%);opacity:0;transform:scale(.55);transition:opacity .22s ease,transform .22s ease}
  .nav.visible-lg>li>span>a:after{content:"";position:absolute;left:50%;bottom:-4px;width:0;height:4px;border-radius:4px 4px 0 0;background:linear-gradient(90deg,#5f89ad 0%,#e64650 46%,#b51f28 100%);box-shadow:0 0 10px rgba(204,38,48,.42);transform:translateX(-50%);transition:width .22s cubic-bezier(.22,.8,.28,1)}
  .nav.visible-lg>li:hover>span>a,.nav.visible-lg>li.cur>span>a{color:var(--fctel-nav-red);transform:translateY(-1px)}
  .nav.visible-lg>li:hover>span>a:before,.nav.visible-lg>li.cur>span>a:before{opacity:1;transform:scale(1)}
  .nav.visible-lg>li:hover>span>a:after,.nav.visible-lg>li.cur>span>a:after{width:calc(100% - 38px)}

  .Twonavbox{overflow:hidden;border-top:1px solid rgba(181,31,40,.13);border-bottom:1px solid rgba(79,105,132,.15);background:linear-gradient(118deg,rgba(255,255,255,.98),rgba(249,252,255,.98) 55%,rgba(255,249,249,.98));box-shadow:0 18px 42px rgba(29,44,63,.12);transform-origin:50% 0;backdrop-filter:blur(10px)}
  .Twonavbox:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(181,31,40,.7),rgba(73,121,160,.7),transparent) top/100% 2px no-repeat,linear-gradient(rgba(69,112,148,.035) 1px,transparent 1px) 0 0/28px 28px,linear-gradient(90deg,rgba(69,112,148,.035) 1px,transparent 1px) 0 0/28px 28px;mask-image:linear-gradient(to bottom,#000,transparent 82%)}
  .Twonavbox:after{content:"";position:absolute;top:-90px;right:8%;width:310px;height:190px;pointer-events:none;background:radial-gradient(circle,rgba(70,125,168,.11),transparent 68%)}
  .Twonavbox.is-tech-opening{animation:fctelNavPanelIn .24s cubic-bezier(.2,.72,.25,1) both}
  .Twonavbox>.Twonavlist,.Twonavbox>.Twonavproduct{position:relative;z-index:1}

  .Twonavlist ul li{position:relative;transition:background-color .2s ease,box-shadow .2s ease}
  .Twonavlist ul li:hover{background:linear-gradient(180deg,rgba(255,255,255,.74),rgba(244,248,252,.74));box-shadow:inset 0 2px 0 rgba(181,31,40,.45)}
  .Twonavlist ul li a{display:flex;align-items:center;min-height:30px;padding:2px 5px;color:#404b58;white-space:nowrap;transition:color .18s ease,transform .18s ease,background-color .18s ease;border-radius:7px}
  .Twonavlist ul li a:hover{color:var(--fctel-nav-red);background:linear-gradient(90deg,rgba(181,31,40,.08),rgba(181,31,40,0));transform:translateX(3px)}
  .nav-tech-icon{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;flex:0 0 22px;width:22px;height:22px;margin-right:7px;border:1px solid rgba(75,112,143,.17);border-radius:7px;color:#527895;background:linear-gradient(145deg,#f8fbfd,#edf3f7);box-shadow:0 3px 8px rgba(49,76,99,.08);transition:color .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}
  .nav-tech-icon:after{content:"";position:absolute;inset:-35% auto -35% -70%;width:45%;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.85),transparent);transform:skewX(-18deg);transition:left .42s ease}
  .nav-tech-icon svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .Twonavlist a:hover .nav-tech-icon,.Twonavproduct .h3 a:hover .nav-tech-icon{color:#fff;border-color:var(--fctel-nav-red);background:linear-gradient(145deg,var(--fctel-nav-red-bright),var(--fctel-nav-red));box-shadow:0 4px 12px rgba(181,31,40,.28);transform:scale(1.06)}
  .Twonavbox.is-tech-opening .Twonavlist a,.Twonavbox.is-tech-opening .Twonavproduct li{animation:fctelNavItemIn .3s ease both;animation-delay:var(--tech-delay,0ms)}

  .Twonavproduct li{position:relative}
  .Twonavproduct li .h3 a{display:flex;align-items:center;color:var(--fctel-nav-red);font-weight:600;transition:transform .18s ease,color .18s ease}
  .Twonavproduct li .h3 a:hover{color:#96171f;transform:translateX(3px)}
  .Twonavproduct li p a{position:relative;overflow:hidden;padding-left:11px;border-radius:6px;transform-origin:left center;transition:color .22s ease,transform .28s cubic-bezier(.18,.8,.24,1),background-color .22s ease,box-shadow .22s ease}
  .Twonavproduct li p a:before{content:"";position:absolute;left:0;top:50%;width:4px;height:4px;border-radius:50%;background:#91a4b4;transform:translateY(-50%);transition:background .18s ease,box-shadow .18s ease}
  .Twonavproduct li p a:after{content:"";position:absolute;left:8px;right:4px;bottom:1px;height:1px;pointer-events:none;background:linear-gradient(90deg,rgba(181,31,40,.72),rgba(62,115,159,.28),transparent);transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.2,.8,.25,1)}
  .Twonavproduct li p a:hover{color:#a51620;background:linear-gradient(90deg,rgba(181,31,40,.12),rgba(62,115,159,.06),transparent);box-shadow:-5px 0 12px rgba(181,31,40,.08);transform:translateX(9px) scale(1.055);font-weight:600}
  .Twonavproduct li p a:hover:after{transform:scaleX(1)}
  .Twonavproduct li p a:hover:before{background:var(--fctel-nav-red-bright);box-shadow:0 0 7px rgba(228,61,73,.7)}
  .Twonavbox.is-tech-single{width:236px;min-height:0;overflow:hidden;border:1px solid rgba(83,112,137,.16);border-top:2px solid rgba(181,31,40,.72);border-radius:0 0 14px 14px;background:rgba(255,255,255,.98);box-shadow:0 16px 34px rgba(29,44,63,.16)}
  .Twonavbox.is-tech-single:before{background:linear-gradient(90deg,rgba(64,128,172,.7),rgba(202,35,45,.85),rgba(64,128,172,.45)) top/100% 2px no-repeat;mask-image:none}
  .Twonavbox.is-tech-single:after{display:none}
  .Twonavbox.is-tech-single .Twonavlist{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;text-align:left}
  .Twonavbox.is-tech-single .Twonavlist ul{position:relative;width:100%;min-height:0;padding:8px!important}
  .Twonavbox.is-tech-single .Twonavlist ul li{position:relative;top:auto;left:auto!important;display:none;float:none;width:100%!important;min-height:0;margin:0!important;padding:3px 0!important;border:0;background:transparent;box-shadow:none;text-align:left}
  .Twonavbox.is-tech-single .Twonavlist ul li.is-tech-current{display:block}
  .Twonavbox.is-tech-single .Twonavlist ul li a{min-height:34px;padding:2px 7px;font-size:15px;font-weight:500;line-height:28px}
  .Twonavbox.is-tech-single .nav-tech-icon{flex-basis:24px;width:24px;height:24px}
  .Twonavbox.is-tech-product.is-tech-opening{animation:fctelProductPanelIn .34s cubic-bezier(.2,.72,.24,1) both}
  .Twonavbox.is-tech-product:after{top:1px;right:auto;left:-20%;width:18%;height:2px;background:linear-gradient(90deg,transparent,rgba(65,132,178,.9),#fff,rgba(218,48,58,.9),transparent);filter:blur(.2px);box-shadow:0 0 10px rgba(64,132,180,.5)}
  .Twonavbox.is-tech-product.is-tech-opening:after{animation:fctelProductBeam .9s cubic-bezier(.22,.7,.22,1) both}
  .Twonavbox.is-tech-product .Twonavproduct{padding-top:22px;padding-bottom:30px}
  .Twonavbox.is-tech-product .Twonavproduct>ul{position:relative;left:-14px;top:10px}
  .Twonavbox.is-tech-product .Twonavproduct li{z-index:1;left:0;top:0;border-radius:14px;transition:left .3s cubic-bezier(.18,.82,.24,1),top .3s cubic-bezier(.18,.82,.24,1),background-color .26s ease,box-shadow .28s ease,transform .3s cubic-bezier(.18,.82,.24,1)}
  .Twonavbox.is-tech-product .Twonavproduct li:hover{z-index:5;left:-30px;top:24px;background:linear-gradient(135deg,rgba(218,232,242,.94),rgba(237,244,249,.9) 58%,rgba(250,230,232,.72));box-shadow:0 17px 38px rgba(37,67,91,.2),inset 0 0 0 1px rgba(66,119,158,.28),inset 3px 0 0 rgba(190,34,44,.72);transform:scale(1.045)!important}
  .Twonavbox.is-tech-product .Twonavproduct .nav-tech-icon{flex-basis:28px;width:28px;height:28px;margin-right:8px;border-radius:9px;color:#3e739f;background:linear-gradient(145deg,#fff,#e9f2f8);box-shadow:0 5px 13px rgba(42,83,115,.13)}
  .Twonavbox.is-tech-product .Twonavproduct .nav-tech-icon svg{width:16px;height:16px}
  .Twonavbox.is-tech-product .Twonavproduct li:nth-child(6n+1) .nav-tech-icon{color:#bd2732;background:linear-gradient(145deg,#fff,#fff0f1)}
  .Twonavbox.is-tech-product .Twonavproduct li:nth-child(6n+2) .nav-tech-icon{color:#267aa0;background:linear-gradient(145deg,#fff,#e9f7fb)}
  .Twonavbox.is-tech-product .Twonavproduct li:nth-child(6n+3) .nav-tech-icon{color:#6554a5;background:linear-gradient(145deg,#fff,#f0edfb)}
  .Twonavbox.is-tech-product .Twonavproduct li:nth-child(6n+4) .nav-tech-icon{color:#238477;background:linear-gradient(145deg,#fff,#e8f8f4)}
  .Twonavbox.is-tech-product .Twonavproduct li:nth-child(6n+5) .nav-tech-icon{color:#b36b1d;background:linear-gradient(145deg,#fff,#fff5e8)}
  .Twonavbox.is-tech-product .Twonavproduct li:nth-child(6n) .nav-tech-icon{color:#a92d65;background:linear-gradient(145deg,#fff,#fbeef4)}
  .Twonavbox.is-tech-product.is-tech-opening .Twonavproduct li{animation:fctelProductColumnIn .38s cubic-bezier(.22,.75,.3,1) backwards;animation-delay:var(--tech-delay,0ms)}
  .Twonavbox.is-tech-product.is-tech-opening .Twonavproduct .nav-tech-icon{animation:fctelIconBoot .42s cubic-bezier(.22,.8,.3,1) backwards;animation-delay:var(--tech-delay,0ms)}
  .Twonavbox.is-tech-product .Twonavproduct .h3 a:hover .nav-tech-icon:after,.Twonavlist a:hover .nav-tech-icon:after{left:130%}
  .Twonavbox.is-tech-product .Twonavproduct .h3 a:hover .nav-tech-icon{transform:translateY(-1px) scale(1.08);box-shadow:0 7px 18px rgba(54,107,146,.22),0 0 0 3px rgba(80,137,177,.08)}
  .Twonavbox.is-tech-product .Twonavproduct .h3 a:hover .nav-tech-icon svg{animation:fctelIconTrace .55s ease both}
}
@keyframes fctelNavPanelIn{from{opacity:0;transform:translateY(-8px) scaleY(.96)}to{opacity:1;transform:translateY(0) scaleY(1)}}
@keyframes fctelNavItemIn{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@keyframes fctelProductPanelIn{0%{opacity:0;transform:translateY(-10px);clip-path:inset(0 0 88% 0)}100%{opacity:1;transform:translateY(0);clip-path:inset(0 0 0 0)}}
@keyframes fctelProductBeam{0%{left:-20%;opacity:0}15%{opacity:1}100%{left:102%;opacity:0}}
@keyframes fctelProductColumnIn{0%{opacity:0;transform:translateY(12px);filter:blur(2px)}100%{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes fctelIconBoot{0%{opacity:0;transform:translateY(-6px) scale(.72)}70%{opacity:1;transform:translateY(1px) scale(1.05)}100%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes fctelIconTrace{0%{stroke-dasharray:5 8;stroke-dashoffset:16}100%{stroke-dasharray:40 0;stroke-dashoffset:0}}
@media (prefers-reduced-motion:reduce){.nav.visible-lg>li>span>a,.nav.visible-lg>li>span>a:before,.nav.visible-lg>li>span>a:after,.Twonavlist ul li a,.nav-tech-icon{transition:none!important}.Twonavbox.is-tech-opening,.Twonavbox.is-tech-opening:after,.Twonavbox.is-tech-opening .Twonavlist a,.Twonavbox.is-tech-opening .Twonavproduct li,.Twonavbox.is-tech-opening .Twonavproduct .nav-tech-icon,.Twonavbox .nav-tech-icon svg{animation:none!important}}

/* Product-category icon fallback: remains visible when the JS enhancer is unavailable. */
@media (min-width:1200px){
  .Twonavproduct li .h3 a:before{content:"\2318";display:inline-flex;align-items:center;justify-content:center;flex:0 0 28px;width:28px;height:28px;margin-right:8px;border:1px solid rgba(75,112,143,.16);border-radius:9px;color:#bd2732;background:linear-gradient(145deg,#fff,#fff0f1);box-shadow:0 5px 13px rgba(42,83,115,.12);font:600 16px/1 "Segoe UI Symbol","Arial Unicode MS",sans-serif}
  .Twonavproduct li:nth-child(2) .h3 a:before{content:"\2387";color:#267aa0;background:linear-gradient(145deg,#fff,#e9f7fb)}
  .Twonavproduct li:nth-child(3) .h3 a:before{content:"\21c4";color:#6554a5;background:linear-gradient(145deg,#fff,#f0edfb)}
  .Twonavproduct li:nth-child(4) .h3 a:before{content:"\25a6";color:#238477;background:linear-gradient(145deg,#fff,#e8f8f4)}
  .Twonavproduct li:nth-child(5) .h3 a:before{content:"\25c9";color:#b36b1d;background:linear-gradient(145deg,#fff,#fff5e8)}
  .Twonavproduct li:nth-child(6) .h3 a:before{content:"\223f";color:#a92d65;background:linear-gradient(145deg,#fff,#fbeef4)}
  .Twonavproduct li:nth-child(7) .h3 a:before{content:"\25a3"}
  .Twonavproduct li:nth-child(8) .h3 a:before{content:"\2194";color:#267aa0;background:linear-gradient(145deg,#fff,#e9f7fb)}
  .Twonavproduct li:nth-child(9) .h3 a:before{content:"\260e";color:#6554a5;background:linear-gradient(145deg,#fff,#f0edfb)}
  .Twonavproduct li:nth-child(10) .h3 a:before{content:"\25ce";color:#238477;background:linear-gradient(145deg,#fff,#e8f8f4)}
  .Twonavproduct li:nth-child(11) .h3 a:before{content:"\21c6";color:#b36b1d;background:linear-gradient(145deg,#fff,#fff5e8)}
  .Twonavproduct li:nth-child(12) .h3 a:before{content:"\25cc";color:#a92d65;background:linear-gradient(145deg,#fff,#fbeef4)}
  .Twonavproduct li:nth-child(13) .h3 a:before{content:"\2394"}
  .Twonavproduct li:nth-child(14) .h3 a:before{content:"\25c6";color:#267aa0;background:linear-gradient(145deg,#fff,#e9f7fb)}
  .Twonavbox.is-tech-product .Twonavproduct li .h3 a:before{display:none}
}
@media (min-width:1200px){
  .Twonavbox.is-tech-product .Twonavproduct>ul{left:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));column-gap:12px}
  .Twonavbox.is-tech-product .Twonavproduct li{float:none;width:auto;min-width:0;box-sizing:border-box;padding-left:10px;padding-right:10px}
  .Twonavbox.is-tech-product .Twonavproduct li:nth-child(6n+1){clear:none}
  .Twonavbox.is-tech-product .Twonavproduct li:hover{left:0}
  .Twonavbox.is-tech-product .Twonavproduct li:nth-child(6n){text-align:center}
  .Twonavbox.is-tech-product .Twonavproduct li:nth-child(6n) .h3 a{justify-content:center}
  .Twonavbox.is-tech-product .Twonavproduct li:nth-child(6n) p a{padding-left:0;text-align:center}
  .Twonavbox.is-tech-product .Twonavproduct li:nth-child(6n) p a:before{display:none}
}

/* Balanced product mega-menu: 14 categories arranged as 5 + 5 + 4 cards. */
@media (min-width:1200px){
  .Twonavbox.is-tech-product .Twonavproduct{padding:16px 0 20px}
  .Twonavbox.is-tech-product .Twonavproduct>ul{top:0;grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:minmax(212px,auto);gap:14px;align-items:stretch}
  .Twonavbox.is-tech-product .Twonavproduct li{display:flex;flex-direction:column;min-height:212px;padding:14px 15px!important;border:1px solid rgba(88,117,140,.11);border-radius:13px;background:rgba(255,255,255,.7);box-shadow:0 5px 16px rgba(43,68,88,.045)}
  .Twonavbox.is-tech-product .Twonavproduct li:hover{border-color:rgba(181,31,40,.22);background:linear-gradient(145deg,rgba(235,246,252,.96),rgba(255,245,246,.92));box-shadow:0 12px 28px rgba(45,78,103,.13)}
  .Twonavbox.is-tech-product .Twonavproduct li .h3{display:flex;align-items:center;min-height:48px;padding:0 0 8px}
  .Twonavbox.is-tech-product .Twonavproduct li .h3 a{width:100%;justify-content:flex-start;font-size:15px;line-height:1.35}
  .Twonavbox.is-tech-product .Twonavproduct li p{margin:0}
  .Twonavbox.is-tech-product .Twonavproduct li p>a{min-height:24px;padding-left:11px;text-align:left;line-height:24px}
  .Twonavbox.is-tech-product .Twonavproduct li p>a:before{display:block}
  .Twonavbox.is-tech-product .Twonavproduct li p>a:not(.more):nth-child(n+5){display:none}
  .Twonavbox.is-tech-product .Twonavproduct li p>a.more{margin-top:3px;font-weight:600}
  .Twonavbox.is-tech-product .Twonavproduct li:nth-child(6n){text-align:left}
  .Twonavbox.is-tech-product .Twonavproduct li:nth-child(6n) .h3 a{justify-content:flex-start}
  .Twonavbox.is-tech-product .Twonavproduct li:nth-child(6n) p a{padding-left:11px;text-align:left}
  .Twonavbox.is-tech-product .Twonavproduct li:nth-child(6n) p a:before{display:block}
  .Twonavbox.is-tech-product .Twonavproduct li .h3 a > .nav-tech-icon{display:inline-flex!important;visibility:visible!important;opacity:1!important}
  .Twonavbox.is-tech-product .Twonavproduct li .h3 a:has(> .nav-tech-icon):before{display:none!important;content:none!important}
}