:root{
  --mag-navy:#0b2e66;--mag-green:#31a53a;--mag-green2:#23832c;
  --mag-muted:#66778b;--mag-line:#dce7ef;--mag-soft:#f5f9fc
}
.mag-header{
  position:sticky;top:0;z-index:90;background:rgba(255,255,255,.97);
  backdrop-filter:blur(12px);border-bottom:1px solid var(--mag-line);
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif
}
.mag-wrap{width:min(1180px,calc(100% - 26px));margin:0 auto}
.mag-header-row{
  min-height:66px;display:flex;align-items:center;gap:14px
}
.mag-brand{
  display:flex;align-items:center;gap:8px;text-decoration:none;min-width:225px
}
.mag-brand img{width:36px;height:42px;display:block;object-fit:contain}
.mag-brand-name{
  color:var(--mag-navy);font-size:14px;font-weight:950;line-height:1;white-space:nowrap
}
.mag-brand-name b{color:var(--mag-green)}
.mag-brand-sub{color:var(--mag-muted);font-size:8px;margin-top:4px;line-height:1.15}
.mag-main-nav{margin-left:auto;display:flex;align-items:center;gap:17px}
.mag-main-nav>a,.mag-products>summary{
  color:var(--mag-navy);text-decoration:none;font-size:12px;font-weight:850;
  white-space:nowrap;cursor:pointer;list-style:none
}
.mag-main-nav>a:hover,.mag-products>summary:hover{color:var(--mag-green)}
.mag-products{position:relative}
.mag-products>summary::-webkit-details-marker{display:none}
.mag-dropdown{
  position:absolute;top:28px;left:-15px;width:220px;padding:7px;
  border:1px solid var(--mag-line);border-radius:14px;background:#fff;
  box-shadow:0 14px 34px rgba(11,46,102,.12);display:grid;gap:2px
}
.mag-dropdown a{
  padding:10px 11px;border-radius:9px;color:var(--mag-navy);
  text-decoration:none;font-size:12px;font-weight:850
}
.mag-dropdown a:hover{background:#f1faf3;color:var(--mag-green2)}
.mag-langs{
  display:flex;gap:3px;padding:3px;border:1px solid var(--mag-line);
  background:#f5f8fa;border-radius:9px
}
.mag-langs a{
  min-width:28px;height:27px;display:flex;align-items:center;justify-content:center;
  border-radius:6px;text-decoration:none;color:var(--mag-navy);font-size:9px;font-weight:950
}
.mag-langs a.active{background:var(--mag-green);color:#fff}
.mag-menu-btn{
  display:none;margin-left:0;border:0;background:transparent;color:var(--mag-navy);
  font-size:23px;line-height:1;cursor:pointer
}
.mag-mobile-nav{display:none;border-top:1px solid var(--mag-line);padding:8px 0 14px}
.mag-mobile-nav.open{display:block}
.mag-mobile-nav a,.mag-mobile-nav summary{
  display:block;padding:10px 0;color:var(--mag-navy);text-decoration:none;
  font-size:13px;font-weight:850;list-style:none;cursor:pointer
}
.mag-mobile-sub{padding-left:15px}
.mag-mobile-sub a{color:#50657c;font-weight:750}

.mag-breadcrumbs{
  margin:0 0 13px;color:#78879a;font-size:11px;line-height:1.3;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif
}
.mag-breadcrumbs a{color:var(--mag-navy);text-decoration:none;font-weight:850}
.mag-breadcrumbs strong{color:var(--mag-green2);font-weight:900}
.mag-breadcrumbs span{padding:0 6px;color:#9eabb9}

.mag-footer{
  position:relative;z-index:2;background:#071f45;color:#dce8f4;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif
}
.mag-footer-grid{
  display:grid;grid-template-columns:1.25fr repeat(3,.75fr);
  gap:24px;padding:42px 0 28px
}
.mag-footer-brand{display:flex;gap:10px;align-items:flex-start}
.mag-footer-brand img{width:38px;height:44px;object-fit:contain}
.mag-footer h3{margin:0 0 10px;color:#fff;font-size:12px}
.mag-footer a{
  display:block;margin:7px 0;color:#c6d7e7;text-decoration:none;font-size:11px
}
.mag-footer a:hover{color:#7ddd85}
.mag-footer-desc{color:#9fb5ca;font-size:10px;line-height:1.45}
.mag-footer-bottom{
  border-top:1px solid rgba(255,255,255,.10);padding:15px 0 24px;
  color:#91a8be;font-size:10px;line-height:1.5
}
.mag-footer .mag-langs{display:inline-flex;margin-top:5px;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14)}
.mag-footer .mag-langs a{color:#d9e5f0}
.mag-footer .mag-langs a.active{color:#fff}
.mag-protect-home{
  margin:12px 0 0;display:inline-flex;align-items:center;gap:6px;
  color:var(--mag-navy);font-size:11px;font-weight:850;text-decoration:none
}

/* Keep fixed product CTA above safe-area; global footer remains scroll content */
@media(max-width:980px){
  .mag-main-nav{display:none}
  .mag-menu-btn{display:block}
  .mag-brand{min-width:0}
  .mag-brand-sub{display:none}
  .mag-langs{margin-left:auto}
  .mag-footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  .mag-wrap{width:min(100% - 18px,1180px)}
  .mag-header-row{min-height:57px;gap:6px}
  .mag-brand img{width:30px;height:35px}
  .mag-brand-name{font-size:11px}
  .mag-langs a{min-width:25px;height:25px;font-size:8px}
  .mag-menu-btn{font-size:21px}
  .mag-breadcrumbs{font-size:10px}
  .mag-footer-grid{grid-template-columns:1fr;padding-top:34px}
}

/* REVISION 02 — text safety in corporate shell */
.mag-header,.mag-footer{max-width:100%;overflow-x:hidden}
.mag-wrap{max-width:100%}
.mag-brand,.mag-main-nav,.mag-mobile-nav,.mag-footer-grid>*{min-width:0}
.mag-brand-name,.mag-brand-sub,.mag-mobile-nav a,.mag-footer a,.mag-footer-desc{overflow-wrap:anywhere;word-break:normal}
@media(max-width:620px){
  .mag-wrap{width:calc(100% - 18px);max-width:100%}
  .mag-brand{max-width:calc(100% - 126px)}
  .mag-brand-name{white-space:normal;font-size:10px}
  .mag-footer-grid{grid-template-columns:1fr!important}
}

/* ============================================================
   REVISION 03 — PROTECT SHELL IS MOBILE-ONLY AT ALL WIDTHS
   ============================================================ */
.mag-header,.mag-footer{
  width:100%;max-width:560px;margin-left:auto;margin-right:auto
}
.mag-wrap{
  width:calc(100% - 18px)!important;
  max-width:542px!important;
  margin-left:auto!important;margin-right:auto!important
}
.mag-header-row{min-height:57px!important;gap:6px!important}
.mag-main-nav{display:none!important}
.mag-menu-btn{display:block!important;flex:0 0 auto;margin-left:0!important;font-size:21px!important}
.mag-brand{min-width:0!important;max-width:calc(100% - 126px)!important;gap:8px!important}
.mag-brand img{width:30px!important;height:35px!important;flex:0 0 auto}
.mag-brand-name{font-size:10px!important;white-space:normal!important;line-height:1.05!important}
.mag-brand-sub{display:none!important}
.mag-langs{flex:0 0 auto;margin-left:auto!important}
.mag-langs a{min-width:25px!important;height:25px!important;font-size:8px!important}
.mag-mobile-nav{display:none;border-top:1px solid var(--mag-line);padding:8px 0 14px}
.mag-mobile-nav.open{display:block!important}
.mag-mobile-nav a,.mag-mobile-nav summary{
  display:block;padding:10px 0;color:var(--mag-navy);text-decoration:none;
  font-size:13px;font-weight:850;list-style:none;cursor:pointer
}
.mag-mobile-sub{padding-left:15px}
.mag-mobile-sub a{color:#50657c;font-weight:750}
.mag-footer-grid{grid-template-columns:1fr!important;gap:18px!important;padding:34px 0 24px!important}
.mag-footer .mag-langs{display:none!important}
@media(min-width:561px){
  .mag-header{border-radius:22px 22px 0 0;overflow:hidden}
  .mag-footer{border-radius:0 0 22px 22px;overflow:hidden}
}