/* STAR WAR HEADER / MEGA MENU FINAL v20 */
:root{--swh-blue:#087cf0;--swh-blue-dark:#0667cc;--swh-navy:#071b31;--swh-text:#17324d;--swh-muted:#718297;--swh-line:#e3eaf1;--swh-soft:#f4f8fd}
.swh20{position:sticky;top:0;z-index:1040;width:100%;height:76px;background:#fff;border-bottom:1px solid #e8edf3;transition:height .28s ease,background .28s ease,box-shadow .28s ease,border-color .28s ease}
.swh20.is-scrolled{height:68px;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 8px 26px rgba(7,27,49,.055);border-bottom-color:#e2e9f1}
.swh20-container{width:min(1280px,calc(100% - 48px));height:100%;margin:0 auto;display:grid;grid-template-columns:176px minmax(0,1fr) auto;align-items:center;gap:28px}
.swh20-logo{display:inline-flex;align-items:center;width:166px;min-width:0}.swh20-logo img{display:block;width:100%;height:auto;object-fit:contain}
.swh20-nav{height:100%;align-items:center;justify-content:flex-end;gap:24px;min-width:0}
.swh20-nav-link{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:100%;padding:0;border:0;background:transparent;color:var(--swh-text);font-size:13px;font-weight:700;line-height:1;white-space:nowrap;text-decoration:none;transition:color .2s ease}
.swh20-nav-link:hover,.swh20-nav-link:focus-visible,.swh20-nav-link.is-active{color:var(--swh-blue)}
.swh20-nav-link::after{content:"";position:absolute;left:50%;bottom:13px;width:0;height:2px;border-radius:2px;background:var(--swh-blue);transform:translateX(-50%);transition:width .2s ease}
.swh20-nav-link.is-active::after{width:26px}.swh20.is-scrolled .swh20-nav-link::after{bottom:10px}
.swh20-trigger i{font-size:9px;transition:transform .2s ease}.swh20-menu.is-open>.swh20-trigger i{transform:rotate(180deg)}
.swh20-menu{position:relative;height:100%;display:flex;align-items:center}
.swh20-panel{position:absolute;top:calc(100% + 8px);left:50%;z-index:1050;visibility:hidden;opacity:0;pointer-events:none;transform:translate(-50%,6px);background:#fff;border:1px solid var(--swh-line);border-radius:16px;box-shadow:0 22px 60px rgba(12,38,68,.13);transition:opacity .2s ease,transform .2s ease,visibility .2s ease;overflow:hidden}
.swh20-menu.is-open>.swh20-panel{visibility:visible;opacity:1;pointer-events:auto;transform:translate(-50%,0)}
.swh20-panel-lg{width:min(780px,calc(100vw - 40px))}.swh20-panel-md{width:min(730px,calc(100vw - 40px))}.swh20-panel-sm{width:min(540px,calc(100vw - 40px))}
.swh20-panel-label{margin-bottom:13px;color:var(--swh-blue);font-size:10px;font-weight:800;letter-spacing:.13em;line-height:1.3}
.swh20-web-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr)}.swh20-menu-main{padding:26px 28px}.swh20-feature-panel{padding:26px;background:#f7f9fc;border-left:1px solid var(--swh-line)}
.swh20-category-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px}.swh20-category-link{display:flex;align-items:center;justify-content:space-between;min-height:38px;padding:8px 10px;border-radius:8px;color:#2a4159;font-size:13px;font-weight:600;text-decoration:none;transition:background .18s ease,color .18s ease,transform .18s ease}.swh20-category-link i{font-size:11px;color:#9baabb}.swh20-category-link:hover{background:var(--swh-soft);color:var(--swh-blue);transform:translateX(2px)}
.swh20-text-link{display:inline-flex;align-items:center;gap:8px;margin-top:18px;color:var(--swh-blue);font-size:12px;font-weight:750;text-decoration:none}.swh20-text-link:hover{color:var(--swh-blue-dark)}
.swh20-feature-panel h3,.swh20-erp-story h3{margin:0 0 10px;color:var(--swh-navy);font-size:21px;line-height:1.32;letter-spacing:-.025em}.swh20-feature-panel p,.swh20-erp-story p{margin:0;color:#6c7d91;font-size:13px;line-height:1.65}
.swh20-preview-row{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:18px 0}.swh20-preview-row a{display:block;aspect-ratio:1.5;border:1px solid #dce5ee;border-radius:8px;overflow:hidden;background:#fff}.swh20-preview-row img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .25s ease}.swh20-preview-row a:hover img{transform:scale(1.025)}
.swh20-feature-actions{display:flex;align-items:center;gap:14px;margin-top:18px}.swh20-mini-primary{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 13px;border-radius:8px;background:var(--swh-blue);color:#fff;font-size:11px;font-weight:750;text-decoration:none}.swh20-mini-primary:hover{background:var(--swh-blue-dark);color:#fff}.swh20-mini-link{color:#486078;font-size:11px;font-weight:700;text-decoration:none}.swh20-mini-link:hover{color:var(--swh-blue)}
.swh20-erp-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(250px,.85fr)}.swh20-erp-list{display:grid;grid-template-columns:1fr 1fr;gap:5px 12px}.swh20-erp-list>a{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:54px;padding:8px 10px;border-radius:9px;color:var(--swh-text);text-decoration:none;transition:background .18s ease,transform .18s ease}.swh20-erp-list>a:hover{background:var(--swh-soft);transform:translateX(2px)}.swh20-erp-list>a>i:last-child{font-size:11px;color:#a1afbe}.swh20-erp-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:#edf6ff;color:var(--swh-blue)}.swh20-erp-list strong{display:block;font-size:12px;line-height:1.35}.swh20-erp-list small{display:block;margin-top:2px;color:#8a99a9;font-size:10px}.swh20-erp-story{padding:26px;background:linear-gradient(180deg,#0a2c4e,#08223d);color:#fff}.swh20-erp-story .swh20-panel-label{color:#69c8ff}.swh20-erp-story h3{color:#fff}.swh20-erp-story p{color:#b8c9da}.swh20-erp-story>a{display:inline-flex;align-items:center;gap:8px;margin-top:22px;color:#fff;font-size:12px;font-weight:750;text-decoration:none}.swh20-erp-story>a:hover{color:#6dccff}
.swh20-infra-list{padding:12px}.swh20-infra-list>a{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:11px;padding:13px 14px;border-radius:10px;color:var(--swh-text);text-decoration:none;transition:background .18s ease,transform .18s ease}.swh20-infra-list>a:hover{background:var(--swh-soft);transform:translateX(2px)}.swh20-infra-list>a>i:first-child{width:36px;height:36px;display:grid;place-items:center;border-radius:9px;background:#edf6ff;color:var(--swh-blue);font-size:15px}.swh20-infra-list>a>i:last-child{font-size:11px;color:#9ba9b8}.swh20-infra-list strong{display:block;font-size:13px}.swh20-infra-list small{display:block;margin-top:3px;color:#8291a2;font-size:11px}
.swh20-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.swh20-consult{height:46px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 18px;border-radius:11px;background:var(--swh-blue);color:#fff;font-size:12px;font-weight:750;white-space:nowrap;text-decoration:none;box-shadow:0 8px 20px rgba(8,124,240,.12);transition:background .2s ease,transform .2s ease,box-shadow .2s ease}.swh20-consult:hover{background:var(--swh-blue-dark);color:#fff;transform:translateY(-1px);box-shadow:0 10px 24px rgba(8,124,240,.16)}.swh20.is-scrolled .swh20-consult{height:42px}
.swh20-menu-button{width:44px;height:44px;border:1px solid #dce5ee;border-radius:10px;background:#fff;color:#17324d;font-size:22px;display:grid;place-items:center}
.swh20-mobile{--bs-offcanvas-width:min(390px,92vw);z-index:1060}.swh20-mobile .offcanvas-header{min-height:76px;padding:16px 22px;border-bottom:1px solid var(--swh-line)}.swh20-mobile-logo{width:150px}.swh20-mobile-logo img{width:100%;height:auto}.swh20-mobile .offcanvas-body{padding:10px 22px 26px}.swh20-mobile-direct,.swh20-mobile-group>button{width:100%;min-height:52px;display:flex;align-items:center;justify-content:space-between;border:0;border-bottom:1px solid #edf1f5;background:transparent;color:var(--swh-text);font-size:13px;font-weight:750;text-decoration:none;text-align:left}.swh20-mobile-group>button i{font-size:11px;transition:transform .2s ease}.swh20-mobile-group.is-open>button i{transform:rotate(180deg)}.swh20-mobile-sub{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s ease}.swh20-mobile-sub>*{overflow:hidden}.swh20-mobile-group.is-open .swh20-mobile-sub{grid-template-rows:1fr}.swh20-mobile-sub{background:#f8fafc}.swh20-mobile-sub a{display:block;padding:10px 14px;color:#586c81;font-size:12px;font-weight:600;text-decoration:none}.swh20-mobile-sub a:first-child{padding-top:13px}.swh20-mobile-sub a:last-child{padding-bottom:13px}.swh20-mobile-sub a:hover{color:var(--swh-blue)}.swh20-mobile-cta{min-height:48px;margin-top:20px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;background:var(--swh-blue);color:#fff;font-size:12px;font-weight:750;text-decoration:none}
/* Breadcrumb rhythm for the existing product/ERP detail classes */
body.is-inner-page .swp-breadcrumb,body.is-inner-page .detail-breadcrumb,body.is-inner-page .detail-v6-breadcrumb,body.is-inner-page .detail-v7-breadcrumb,body.is-inner-page .product-v11-breadcrumb{font-size:13px!important;margin-bottom:26px!important;color:#6d7d8f!important}body.is-inner-page .swp-breadcrumb a,body.is-inner-page .detail-breadcrumb a,body.is-inner-page .detail-v6-breadcrumb a,body.is-inner-page .detail-v7-breadcrumb a,body.is-inner-page .product-v11-breadcrumb a{color:#6d7d8f}body.is-inner-page .swp-breadcrumb a:hover,body.is-inner-page .detail-breadcrumb a:hover,body.is-inner-page .detail-v6-breadcrumb a:hover,body.is-inner-page .detail-v7-breadcrumb a:hover,body.is-inner-page .product-v11-breadcrumb a:hover{color:var(--swh-blue)}
@media(max-width:1279.98px){.swh20-container{width:min(1180px,calc(100% - 36px));grid-template-columns:160px minmax(0,1fr) auto;gap:20px}.swh20-logo{width:154px}.swh20-nav{gap:18px}.swh20-nav-link{font-size:12px}.swh20-consult{padding:0 15px;font-size:11px}}
@media(max-width:1199.98px){.swh20{height:70px}.swh20-container{width:calc(100% - 28px);grid-template-columns:minmax(0,1fr) auto;gap:14px}.swh20-logo{width:158px}.swh20-actions{gap:8px}.swh20-consult{height:42px;padding:0 14px}.swh20.is-scrolled{height:64px}}
@media(max-width:575.98px){.swh20-container{width:calc(100% - 22px)}.swh20-logo{width:138px}.swh20-consult{height:40px;padding:0 11px;border-radius:9px;font-size:10px}.swh20-menu-button{width:40px;height:40px;border-radius:9px}.swh20-actions{gap:6px}}
@media(prefers-reduced-motion:reduce){.swh20,.swh20 *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
