body { margin: 0; padding: 0; font-family: 'Roboto', sans-serif; }
    .prod-jumpnavtabs {
      width: 100%; background-color: #f4f4f4; border: none;
      padding-left: 125px; box-sizing: border-box; box-shadow: 0 2px 16px rgb(40 60 80 / 6%);
    }
    .prod-container {
      display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start;
      gap: 16px; padding: 20px 15px;
    }
    .prod-column { position: relative; text-align: left; margin: 0;}

    /* Minimal link style on desktop */
    .prod-heading,
    .prod-column .prod-heading,
    .prod-column.static-link .prod-heading {
      display: inline-flex;
      align-items: center;
      background: none;
      border: none;
      border-radius: 0;
      font-family: 'Roboto', sans-serif;
      font-weight: bold;
      font-size: 16px;
      color: #404040;
      padding: 0;
      text-align: left;
      cursor: pointer;
      outline: none;
      box-shadow: none;
      position: relative;
      transition: color 0.15s, background 0.18s;
      appearance: none;
      text-decoration: none;
      margin: 0;
      vertical-align: middle;
      -webkit-tap-highlight-color: transparent;
    }
    .prod-heading:focus,
    .prod-column.open .prod-heading,
    .prod-heading:hover { color: #0076c0; background: none; }
    .prod-heading:after { display: none; }
    .prod-caret {
      display: inline-block;
      width: 13px;
      height: 13px;
      margin-left: 0.38em;
      vertical-align: middle;
      transition: transform 0.2s cubic-bezier(.4,0,.2,1);
      pointer-events: none;
      visibility: hidden;
      opacity: 0;
    }
    .prod-heading[data-has-dropdown="true"] .prod-caret {
      visibility: visible;
      opacity: 1;
    }
    .prod-column.open .prod-caret {
      transform: rotate(180deg);
    }
    /* Desktop: Min-width for even menu except Back */
    @media (min-width: 768px) {
      .prod-column { min-width: 100px; }
      .prod-column.static-link:first-child {
        min-width: 0 !important;
        width: auto !important;
        flex-basis: auto !important;
      }
    }

    .prod-dropdown {
      visibility: hidden;
      opacity: 0;
      position: absolute;
      left: 0;
      top: 100%; /* removed '+ 6px' gap */
      background-color: #e0e0e0;
      padding: 8px 0;
      box-shadow: 0 4px 8px rgba(0,0,0,0.1);
      min-width: 220px;
      z-index: 100;
      text-align: left;
      transition: opacity 0.15s;
      pointer-events: none;
   width: max-content;
      box-sizing: border-box;
    }
    .prod-dropdown a {
      display: block;
      padding: 9px 16px 9px 16px;  /* top, right, bottom, left */
      font-size: 15px; color: #404040;
      white-space: nowrap; text-align: left; text-decoration: none; border-radius: 0; transition: background 0.18s, color 0.18s;
      box-sizing: border-box;
    }
    .prod-dropdown a:hover { background-color: #d4d4d4; color: #0077c0; }
    .prod-column.open .prod-dropdown { visibility: visible; opacity: 1; pointer-events: auto; }
    @media (min-width: 768px) {
      .prod-container { gap: 16px; }
      .prod-column { min-width: 100px; }
    }
    .prod-cta-button {
      font-family: "Roboto", sans-serif; font-size: 16px; font-weight: bold; line-height: 20px;
      padding: 12px 30px; margin-left: 18px; min-width: 124px; display: inline-block; text-align: center;
      text-decoration: none; color: #fff !important; background-color: #0076c0;
      border: none; border-radius: 0; cursor: pointer; transition: background 0.18s;
    }
    .prod-cta-button:hover, .prod-cta-button:visited { background-color: #0076c0 !important; color: #fff !important; }
    .prod-column.static-link .prod-heading { color: #404040; font-size: 16px; font-weight: bold; background: none !important; border: none; text-align: left; padding: 0; margin: 0; box-shadow: none;}

    /* ----------- MOBILE styles: show caret, etc. ----------- */
    @media (max-width: 767px) {
      .prod-jumpnavtabs { padding-left: 4px; }
      .prod-container { gap: 0; padding: 8px 0 8px 0; flex-direction: column; align-items: stretch; }
      .prod-column { text-align: left; margin-bottom: 0;}
      .prod-heading {
        background: #f0f1f3 !important; color: #1a384f !important; border: none !important; border-radius: 0 !important;
        box-shadow: none !important; font-size: 17px !important;
        padding: 14px 0 14px 12px !important; width: 100%; margin-bottom: 2px !important;
        text-align: left !important; display: flex; align-items: center;
        transition: background 0.15s, color 0.18s;
        -webkit-tap-highlight-color: transparent;
      }
      .prod-heading:focus,
      .prod-heading:hover {
        background: #e6e8eb !important;
        color: #005b90 !important;
      }
      .prod-column.open .prod-heading,
      .prod-heading:active {
        background: #d5d9dd !important;
        color: #005b90 !important;
      }
      .prod-caret {
        display: inline-block;
        margin-left: auto;
      }
      .prod-heading[data-has-dropdown="true"] .prod-caret {
        visibility: visible;
        opacity: 1;
      }
      .prod-dropdown {
        position: static; box-shadow: none; background: #e0e0e0; min-width: 0; width: 100%;
        padding-left: 0 !important;
        text-align: left; display: none !important; opacity: 1 !important;
        visibility: visible !important; pointer-events: auto;
        box-sizing: border-box;
      }
      .prod-column.open .prod-dropdown { display: block !important; }
      .prod-dropdown a {
        padding: 14px 16px 14px 36px !important;  /* top, right, bottom, left */
        font-size: 15px; text-align: left;
        box-sizing: border-box;
      }
      .prod-column::after, .prod-heading::after { display: none; }
      .prod-cta-button { font-size: 16px; padding: 13px; min-width: 110px; margin-left: 0; width: 100%; }
    }
    @media (max-width: 480px) {
      .prod-heading { font-size: 15px !important; padding: 11px 0 11px 10px !important;}
      .prod-cta-button { font-size: 15px; padding: 10px; min-width: 90px; }
      .prod-dropdown a {
        padding: 11px 16px 11px 20px !important; /* top, right, bottom, left */
        font-size: 14px;
      }
    }
    @media (min-width: 2201px) {
      .prod-heading { font-size: 22px; }
      .prod-cta-button { font-size: 18px; padding: 20px; }
    }