/* Shared About Us header, navigation and mobile drawer styles */
#sh-header *, #sh-header *::before, #sh-header *::after,
        #sh-drawer *, #sh-drawer *::before, #sh-drawer *::after {
          box-sizing: border-box;
          margin: 0; padding: 0;
          font-family: 'Work Sans', sans-serif;
        }
        
        /* ── HEADER ── */
        #sh-header {
          position: fixed; top: 0; left: 0; right: 0;
          z-index: 9999;
          background: #1e2b37;
          border-bottom: 1px solid rgba(255,255,255,0.07);
          transition: box-shadow .3s;
        }
        #sh-header.sh-scrolled { box-shadow: 0 4px 28px rgba(0,0,0,.45); }
        
        #sh-header .sh-wrap {
          max-width: 1280px; margin: 0 auto; padding: 0 32px;
          height: 68px;
          display: flex; align-items: center; justify-content: space-between; gap: 16px;
        }
        
        /* ── LOGO ── */
        #sh-header .sh-logo { display: flex; align-items: center; text-decoration: none; flex-shrink: 0; }
        #sh-header .sh-logo img {
          height: 44px; width: auto; display: block;
          transition: transform .25s ease, opacity .25s;
        }
        #sh-header .sh-logo:hover img { transform: scale(1.04); opacity: .88; }
        
        /* ── DESKTOP NAV ── */
        #sh-header .sh-dnav { display: flex; align-items: center; gap: 2px; flex: 1; justify-content: center; }
        #sh-header .sh-ni { position: relative; }
        
        #sh-header .sh-nl {
          position: relative;
          display: inline-flex; align-items: center; gap: 4px;
          padding: 8px 12px;
          background: none; border: none;
          color: rgba(255,255,255,0.55);
          font-size: 14px; font-weight: 500; letter-spacing: 0.1px;
          border-radius: 6px; line-height: 1;
          cursor: pointer; text-decoration: none; white-space: nowrap;
          transition: color .18s, background .18s, transform .18s;
        }
        #sh-header .sh-nl:hover {
          color: #fff;
          background: rgba(255,255,255,.06);
          transform: translateY(-1px);
        }
        #sh-header .sh-nl.sh-active { color: #FC4E1D; }
        #sh-header .sh-nl.sh-active::after {
          content: ''; position: absolute; bottom: 2px; left: 12px; right: 12px;
          height: 2px; background: #FC4E1D; border-radius: 2px;
        }
        #sh-header .sh-nl .sh-arr {
          width: 11px; height: 11px; fill: none; stroke: currentColor;
          stroke-width: 2.2; stroke-linecap: round; opacity: .45; flex-shrink: 0;
          transition: transform .2s, opacity .2s;
        }
        #sh-header .sh-ni.sh-open > .sh-nl {
          color: #fff; background: rgba(255,255,255,.06); transform: translateY(-1px);
        }
        #sh-header .sh-ni.sh-open > .sh-nl .sh-arr { transform: rotate(180deg); opacity: .9; }
        
        /* ── MEGA MENU ── */
        #sh-header .sh-mega {
          display: block;
          position: absolute; top: 100%; left: 0;
          padding-top: 8px;
          min-width: 520px;
          max-width: calc(100vw - 40px);
          z-index: 100;
          opacity: 0; pointer-events: none;
          transform: translateY(6px);
          transition: opacity .2s ease, transform .2s ease;
        }
        #sh-header .sh-ni.sh-open .sh-mega {
          opacity: 1; pointer-events: all; transform: translateY(0);
        }
        #sh-header .sh-mega-inner {
          background: #162028;
          border: 1px solid rgba(255,255,255,0.08); border-radius: 12px;
          overflow: hidden;
          box-shadow: 0 16px 48px rgba(0,0,0,.55);
          display: flex; flex-direction: column;
          min-width: 480px;
        }
        
        /* Tab bar across the top */
        #sh-header .sh-tab-nav {
          display: flex; flex-direction: row;
          border-bottom: 1px solid rgba(255,255,255,0.07);
          padding: 0 8px;
          gap: 2px;
        }
        #sh-header .sh-tab-btn {
          display: flex; align-items: center; gap: 6px;
          padding: 11px 14px;
          background: none; border: none;
          color: rgba(255,255,255,0.5);
          font-size: 12.5px; font-weight: 500;
          cursor: pointer; white-space: nowrap;
          position: relative;
          transition: color .15s;
        }
        #sh-header .sh-tab-btn:hover { color: #fff; }
        #sh-header .sh-tab-btn.sh-tab-active { color: #fff; }
        #sh-header .sh-tab-btn.sh-tab-active::after {
          content: '';
          position: absolute; bottom: -1px; left: 14px; right: 14px;
          height: 2px; background: #FC4E1D; border-radius: 2px 2px 0 0;
        }
        #sh-header .sh-tab-btn .sh-tab-icon {
          width: 13px; height: 13px; flex-shrink: 0; opacity: .5;
          transition: opacity .15s;
        }
        #sh-header .sh-tab-btn.sh-tab-active .sh-tab-icon,
        #sh-header .sh-tab-btn:hover .sh-tab-icon { opacity: 1; }
        
        /* Tab panels */
        #sh-header .sh-tab-panels { padding: 16px 20px; }
        #sh-header .sh-tab-panel { display: none; }
        #sh-header .sh-tab-panel.sh-tab-active {
          display: grid;
          grid-template-columns: repeat(2, 1fr);
          gap: 2px 12px;
          animation: sh-fadein .18s ease both;
        }
        
        @keyframes sh-fadein {
          from { opacity: 0; transform: translateY(4px); }
          to   { opacity: 1; transform: translateY(0); }
        }
        
        #sh-header .sh-mega a {
          display: flex; align-items: center; gap: 7px;
          padding: 7px 8px; color: rgba(255,255,255,0.55);
          text-decoration: none; font-size: 13px; border-radius: 6px; line-height: 1.35;
          transition: color .13s, background .13s;
        }
        #sh-header .sh-mega a:hover { color: #fff; background: rgba(255,255,255,.06); }
        #sh-header .sh-mega a::before {
          content: ''; width: 3px; height: 3px; border-radius: 50%;
          background: #FC4E1D; flex-shrink: 0; opacity: 0; transition: opacity .13s;
        }
        #sh-header .sh-mega a:hover::before { opacity: 1; }
        
        /* Single-col panels (fewer items) */
        #sh-header .sh-tab-panel.sh-single-col { grid-template-columns: 1fr; }
        
        /* ── SIMPLE DROPDOWN ── */
        #sh-header .sh-drop {
          display: block;
          position: absolute; top: 100%; left: 50%;
          transform: translateX(-50%) translateY(6px);
          padding-top: 8px; min-width: 170px; z-index: 100;
          opacity: 0; pointer-events: none;
          transition: opacity .2s ease, transform .2s ease;
        }
        #sh-header .sh-ni.sh-open .sh-drop {
          opacity: 1; pointer-events: all; transform: translateX(-50%) translateY(0);
        }
        #sh-header .sh-drop-inner {
          background: #162028; border: 1px solid rgba(255,255,255,0.08);
          border-radius: 10px; padding: 6px;
          box-shadow: 0 12px 36px rgba(0,0,0,.5);
        }
        #sh-header .sh-drop a {
          display: flex; align-items: center; gap: 7px;
          padding: 8px 10px; color: rgba(255,255,255,0.55);
          text-decoration: none; font-size: 13.5px; border-radius: 6px;
          transition: color .13s, background .13s;
        }
        #sh-header .sh-drop a:hover { color: #fff; background: rgba(255,255,255,.06); }
        #sh-header .sh-drop a::before {
          content: ''; width: 3px; height: 3px; border-radius: 50%;
          background: #FC4E1D; flex-shrink: 0; opacity: 0; transition: opacity .13s;
        }
        #sh-header .sh-drop a:hover::before { opacity: 1; }
        
        /* ── ACTIONS ── */
        #sh-header .sh-actions { display: flex; align-items: center; gap: 14px; flex-shrink: 0; }
        #sh-header .sh-cta {
          display: inline-flex; align-items: center;
          padding: 9px 18px; background: #FC4E1D; color: #fff;
          font-size: 14px; font-weight: 600; border-radius: 7px;
          text-decoration: none; white-space: nowrap;
          transform: translateY(0);
          transition: background .18s, box-shadow .18s, transform .18s;
        }
        #sh-header .sh-cta:hover { background: #0f1f38; box-shadow: 0 6px 20px rgba(67,181,75,.35); transform: translateY(-2px); }
        #sh-header .sh-cta:active { transform: translateY(0); box-shadow: none; }
        
        #sh-header .sh-phone {
          display: flex; align-items: center; gap: 6px;
          color: rgba(255,255,255,0.55); text-decoration: none;
          font-size: 13.5px; font-weight: 500; white-space: nowrap;
          transition: color .15s;
        }
        #sh-header .sh-phone:hover { color: #fff; }
        #sh-header .sh-phone svg {
          width: 14px; height: 14px; fill: #FC4E1D; flex-shrink: 0;
          transition: transform .3s ease;
        }
        #sh-header .sh-phone:hover svg { transform: rotate(-12deg) scale(1.15); }
        
        /* ── BURGER ── */
        #sh-header .sh-burger {
          display: none; flex-direction: column; justify-content: center; gap: 5px;
          width: 40px; height: 40px; padding: 9px;
          background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,0.08);
          border-radius: 7px; cursor: pointer; flex-shrink: 0;
          transition: background .18s;
        }
        #sh-header .sh-burger:hover { background: rgba(255,255,255,.1); }
        #sh-header .sh-burger span {
          display: block; height: 2px; background: #fff;
          border-radius: 2px; transition: transform .26s, opacity .26s, width .26s;
        }
        #sh-header .sh-burger span:nth-child(2) { width: 65%; }
        #sh-header .sh-burger.sh-on span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
        #sh-header .sh-burger.sh-on span:nth-child(2) { opacity: 0; width: 0; }
        #sh-header .sh-burger.sh-on span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
        
        /* ── MOBILE DRAWER ── */
        #sh-drawer {
          position: fixed; inset: 68px 0 0 0;
          background: #162028; overflow-y: auto; -webkit-overflow-scrolling: touch;
          padding-bottom: 40px;
          transform: translateX(100%);
          transition: transform .3s cubic-bezier(.4,0,.2,1);
          z-index: 9998; display: none;
          border-top: 1px solid rgba(255,255,255,0.07);
        }
        #sh-drawer.sh-on { transform: translateX(0); }
        
        #sh-drawer .sh-dr { border-bottom: 1px solid rgba(255,255,255,0.07); }
        #sh-drawer .sh-dh {
          display: flex; align-items: center; justify-content: space-between;
          padding: 14px 20px; color: rgba(255,255,255,.85);
          font-size: 14px; font-weight: 500;
          cursor: pointer; user-select: none; text-decoration: none;
          transition: color .15s, background .15s;
        }
        #sh-drawer .sh-dh:hover { color: #fff; background: rgba(255,255,255,.03); }
        #sh-drawer .sh-dh svg {
          width: 15px; height: 15px; fill: none; stroke: currentColor;
          stroke-width: 2.2; stroke-linecap: round; opacity: .4; flex-shrink: 0;
          transition: transform .22s, opacity .18s;
        }
        #sh-drawer .sh-dh.sh-on { color: #FC4E1D; }
        #sh-drawer .sh-dh.sh-on svg { transform: rotate(180deg); opacity: .9; }
        
        #sh-drawer .sh-ds { max-height: 0; overflow: hidden; transition: max-height .3s ease; }
        #sh-drawer .sh-ds.sh-on { max-height: 900px; }
        
        #sh-drawer .sh-ds.sh-on a { animation: sh-fadein .2s ease both; }
        #sh-drawer .sh-ds a {
          display: flex; align-items: center; gap: 10px;
          padding: 10px 20px 10px 28px; color: rgba(255,255,255,0.55);
          text-decoration: none; font-size: 13.5px;
          transition: color .13s, background .13s, padding-left .15s;
        }
        #sh-drawer .sh-ds a:hover { color: #fff; background: rgba(255,255,255,.04); padding-left: 32px; }
        #sh-drawer .sh-ds a::before {
          content: ''; width: 3px; height: 3px; border-radius: 50%;
          background: #FC4E1D; flex-shrink: 0; opacity: .35; transition: opacity .13s;
        }
        #sh-drawer .sh-ds a:hover::before { opacity: 1; }
        
        /* Nested sub-section headers */
        #sh-drawer .sh-dsubh {
          display: flex; align-items: center; justify-content: space-between;
          padding: 10px 20px 10px 28px;
          color: rgba(255,255,255,.6);
          font-size: 13px; font-weight: 500;
          cursor: pointer; user-select: none;
          transition: color .15s, background .15s;
          border-top: 1px solid rgba(255,255,255,0.05);
        }
        #sh-drawer .sh-dsubh:hover { color: #fff; background: rgba(255,255,255,.03); }
        #sh-drawer .sh-dsubh.sh-on { color: #FC4E1D; }
        #sh-drawer .sh-dsubh svg {
          width: 13px; height: 13px; fill: none; stroke: currentColor;
          stroke-width: 2.2; stroke-linecap: round; opacity: .4; flex-shrink: 0;
          transition: transform .22s, opacity .18s;
        }
        #sh-drawer .sh-dsubh.sh-on svg { transform: rotate(180deg); opacity: .9; }
        
        /* Level-2 links indented further */
        #sh-drawer .sh-ds2 a {
          padding-left: 40px;
        }
        #sh-drawer .sh-ds2 a:hover { padding-left: 44px; }
        
        #sh-drawer .sh-dfoot { padding: 20px 20px 0; display: flex; flex-direction: column; gap: 10px; }
        #sh-drawer .sh-d-phone {
          display: flex; align-items: center; gap: 10px; padding: 12px 16px;
          background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,0.07);
          border-radius: 8px; color: rgba(255,255,255,.85); text-decoration: none;
          font-size: 14px; font-weight: 500; transition: background .18s;
        }
        #sh-drawer .sh-d-phone:hover { background: rgba(255,255,255,.09); }
        #sh-drawer .sh-d-phone svg { width: 15px; height: 15px; fill: #FC4E1D; flex-shrink: 0; transition: transform .3s; }
        #sh-drawer .sh-d-phone:hover svg { transform: rotate(-12deg) scale(1.15); }
        
        #sh-drawer .sh-d-cta {
          display: block; text-align: center; padding: 13px;
          background: #FC4E1D; color: #fff; font-size: 14px; font-weight: 600;
          border-radius: 8px; text-decoration: none;
          transform: translateY(0);
          transition: background .18s, transform .18s, box-shadow .18s;
        }
        #sh-drawer .sh-d-cta:hover { background: #0f1f38; transform: translateY(-1px); box-shadow: 0 4px 14px rgba(67,181,75,.3); }
        #sh-drawer .sh-d-cta:active { transform: translateY(0); box-shadow: none; }
        
        /* ── RESPONSIVE ── */
        
        /* Tablet: tighten nav, shrink mega, hide phone number */
        @media (max-width: 1100px) {
          #sh-header .sh-wrap { padding: 0 20px; gap: 10px; }
          #sh-header .sh-nl { padding: 8px 9px; font-size: 13px; }
          #sh-header .sh-phone { display: none; }
          /* Prevent mega overflow — right-anchor it */
          #sh-header .sh-mega { left: auto; right: 0; min-width: 420px; }
          #sh-header .sh-tab-btn { font-size: 12px; padding: 10px 10px; }
        }
        
        /* Mobile: swap to burger + drawer */
        @media (max-width: 900px) {
          #sh-header .sh-dnav,
          #sh-header .sh-actions { display: none; }
          #sh-header .sh-burger { display: flex; }
          #sh-drawer { display: block; }
        }
        
        /* Small mobile */
        @media (max-width: 480px) {
          #sh-header .sh-wrap { padding: 0 16px; }
          #sh-header .sh-logo img { height: 36px; }
        }
        
        /* Prevent hover transforms on touch devices where they get stuck */
        @media (hover: none) {
          #sh-header .sh-nl:hover { transform: none; }
          #sh-header .sh-cta:hover { transform: none; box-shadow: none; }
          #sh-drawer .sh-d-cta:hover { transform: none; box-shadow: none; }
        }