/* SECURIX v23 — compact service mega menu. Header itself is intentionally untouched. */
.sx-service-nav-toggle{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;padding:6px 0;color:inherit;font:inherit;font-weight:750;cursor:pointer;transition:color .18s ease}.sx-service-nav-toggle:hover,.sx-service-nav-toggle.is-current,.sx-service-nav-toggle[aria-expanded="true"]{color:#c87908}.sx-service-nav-toggle svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8;transition:transform .2s ease}.sx-service-nav-toggle[aria-expanded="true"] svg{transform:rotate(180deg)}

.sx-service-menu{position:absolute;z-index:64;left:50%;right:auto;top:calc(100% + 9px);display:grid;grid-template-columns:325px minmax(0,1fr);width:min(1080px,calc(100vw - 72px));min-height:338px;padding:14px;border:1px solid #e4e7eb;border-radius:16px;background:#fff;box-shadow:0 24px 70px rgba(18,24,32,.18);opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,-6px) scale(.995);transform-origin:top center;transition:opacity .17s ease,transform .17s ease,visibility .17s ease}.sx-service-menu.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
.sx-service-menu-list{min-width:0;padding-right:14px;border-right:1px solid #e8eaed}.sx-service-menu-list-head{display:grid;gap:2px;padding:2px 9px 8px}.sx-service-menu-list-head span{color:#d67a00;font-size:9px;font-weight:900;letter-spacing:.15em}.sx-service-menu-list-head strong{font-size:15px;line-height:1.2;font-weight:850}.sx-service-menu-list nav{display:grid;gap:0}
.sx-service-menu-item,.sx-service-menu-all{display:grid;grid-template-columns:34px minmax(0,1fr) 16px;align-items:center;gap:9px;min-height:42px;padding:5px 9px;border-bottom:1px solid #eef0f2;color:#22262b;text-decoration:none;transition:background .15s ease,color .15s ease,border-color .15s ease}.sx-service-menu-item:first-child{border-radius:9px}.sx-service-menu-item:hover,.sx-service-menu-item:focus-visible,.sx-service-menu-item.is-active{background:#fff1dc;color:#d47800;outline:none}.sx-service-menu-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:7px;color:#1e2227}.sx-service-menu-item.is-active .sx-service-menu-icon,.sx-service-menu-item:hover .sx-service-menu-icon{color:#d47800}.sx-service-menu-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.sx-service-menu-item strong{display:block;font-size:12px;line-height:1.16;font-weight:850}.sx-service-menu-item small{display:block;margin-top:2px;color:#9aa0a8;font-size:9px;line-height:1.2}.sx-service-menu-item>i,.sx-service-menu-all>i{display:grid;place-items:center;color:#9aa0a7}.sx-service-menu-item>i svg,.sx-service-menu-all>i svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.8}.sx-service-menu-all{min-height:40px;margin-top:6px;border:1px dashed #dde1e5;border-radius:9px;background:#fff;font-size:12px;font-weight:850}.sx-service-menu-all:hover{background:#fff8ec;color:#b86c00;border-color:#f0c987}

.sx-service-menu-preview-wrap{position:relative;min-width:0;margin-left:14px;overflow:hidden;border:1px solid #e2e5e9;border-radius:12px;background:#f5f6f7}.sx-service-menu-preview{position:absolute;inset:0;display:block;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease}.sx-service-menu-preview.is-active{opacity:1;visibility:visible;pointer-events:auto}.sx-service-menu-preview>img{position:absolute;right:0;top:0;width:61%;height:100%;object-fit:cover;object-position:center;filter:saturate(1.02) contrast(1.02)}.sx-service-menu-preview-shade{position:absolute;inset:0;background:linear-gradient(90deg,#fff 0%,#fff 35%,rgba(255,255,255,.96) 46%,rgba(255,255,255,.28) 70%,rgba(255,255,255,0) 100%)}.sx-service-menu-preview-copy{position:relative;z-index:2;width:49%;padding:28px 18px 20px;color:#15171a}.sx-service-menu-preview-copy>span{display:block;color:#ef8300;font-size:9px;font-weight:900;letter-spacing:.09em}.sx-service-menu-preview-copy h3{margin:8px 0 0;font-size:25px;line-height:1.02;font-weight:900;letter-spacing:-.04em}.sx-service-menu-preview-copy p{display:block;margin:7px 0 0;color:#767d86;font-size:10.5px;line-height:1.35}.sx-service-menu-preview-copy ul{display:grid;gap:7px;margin:15px 0 0;padding:0;list-style:none;color:#41464d;font-size:10px;font-weight:700}.sx-service-menu-preview-copy li{display:flex;gap:6px}.sx-service-menu-preview-copy>a{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:128px;height:39px;margin-top:17px;border-radius:7px;background:linear-gradient(135deg,#ff9800,#ff7900);color:#fff;font-size:10.5px;font-weight:900;text-decoration:none;box-shadow:0 8px 20px rgba(242,138,0,.15)}.sx-service-menu-preview-copy>a svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2}.sx-service-menu-close{position:absolute;z-index:5;right:10px;top:10px;display:grid;place-items:center;width:31px;height:31px;border:1px solid #dfe2e6;border-radius:8px;background:#fff;color:#222;cursor:pointer;box-shadow:0 5px 15px rgba(20,24,30,.07)}.sx-service-menu-close svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2}

@media(max-width:1400px){.sx-service-menu{width:min(1020px,calc(100vw - 40px));grid-template-columns:310px minmax(0,1fr)}}
@media(max-width:1279px){.sx-service-menu{display:none!important}}

/* ==========================================================
   SECURIX v25 HOTFIX — closed service menu must be truly inert.
   v23/v24 kept the active preview child visible/pointer-active even
   while the parent menu was transparent. With the sticky header that
   invisible 1080x338 area could sit over product cards and buttons.
   ========================================================== */
.sx-service-menu:not(.is-open){
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
.sx-service-menu:not(.is-open) *{
  pointer-events:none!important;
  visibility:hidden!important;
}
.sx-service-menu.is-open{
  display:grid!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
.sx-service-menu.is-open .sx-service-menu-preview{visibility:hidden;pointer-events:none}
.sx-service-menu.is-open .sx-service-menu-preview.is-active{visibility:visible;pointer-events:auto;opacity:1}