/* Original site proportions, implemented with the local Bootstrap navbar/dropdown/collapse. */
.site-header.shell-original { position: relative; top: auto; box-shadow: none; }
.shell-original .container-xl { width: 100%; max-width: 1200px; padding-right: 0; padding-left: 0; }
.shell-original .shell-masthead { height: auto; min-height: 112px; gap: 24px; padding-top: 12px; padding-bottom: 12px; border: 0; }
.shell-original .site-brand { flex: 0 1 420px; align-self: center; min-width: 0; width: 420px; max-width: 100%; padding: 0; }
.shell-original .site-brand img { display: block; width: 100%; max-width: 100%; height: auto; object-fit: contain; }
.shell-original .site-contact { flex: 0 1 auto; flex-direction: column; min-width: 0; gap: 8px; padding: 14px 20px; border: 1px solid var(--keda-line); border-left: 3px solid var(--keda-orange); border-radius: 10px; background: #fafafa; }
.shell-original .shell-contact-prompt { width: auto; margin: 0; padding: 0; color: #727272; font-size: 14px; line-height: 20px; letter-spacing: 0; }
.shell-original .shell-contact-prompt br, .shell-original .shell-contact-prompt:after { display: none; }
.shell-original .shell-contact-methods { gap: 10px 24px; }
.shell-original .site-contact a { display: flex; align-items: center; align-self: auto; justify-content: flex-start; gap: 10px; min-width: 0; margin: 0; color: var(--keda-blue); font-size: 18px; font-weight: 700; line-height: 26px; overflow-wrap: anywhere; }
.shell-original .site-contact .shell-whatsapp { color: #202020; font-size: 16px; font-weight: 600; white-space: normal; }
.shell-original .site-contact a:hover { color: var(--keda-orange); }
.shell-original .shell-contact-icon, .shell-original .shell-phone-icon { flex: 0 0 22px; width: 22px; height: 22px; border: 0; border-radius: 0; background: transparent; color: var(--keda-orange); }
.shell-original .shell-phone-icon { color: var(--keda-blue); }
.shell-original .shell-phone-icon svg, .shell-original .shell-contact-icon svg { width: 20px; height: 20px; }
.shell-original .shell-navigation-wrap { width: 100%; min-height: 68px; padding: 0; background: var(--keda-blue); }
.shell-original .shell-nav.navbar { display: flex; justify-content: flex-start; gap: 0; width: 100%; max-width: 1200px; min-height: 68px; margin: 0 auto; padding: 0; background: var(--keda-blue); }
.shell-original .shell-nav-list.navbar-nav { flex: 1 1 auto; justify-content: flex-start; gap: 0; width: 100%; }
.shell-original .shell-nav-list > li { flex: 0 0 auto; }
.shell-original .shell-nav .shell-nav-link { min-height: 68px; padding: 0 30px; border: 1px solid var(--keda-blue); border-radius: 0; color: #fff; font-size: 18px; font-weight: 400; line-height: 66px; }
.shell-original .shell-nav .shell-products > .shell-nav-link,
.shell-original .shell-nav .shell-about > .shell-nav-link { padding-right: 46px; }
.shell-original .shell-nav-list > .on > .shell-nav-link,
.shell-original .shell-nav .shell-nav-link:hover,
.shell-original .shell-nav .shell-nav-link:focus-visible { color: #fff; background: var(--keda-orange); }
.shell-original .shell-nav-list > .on > .shell-nav-link:before { display: none; }
.shell-original .shell-submenu-toggle,
.shell-original .shell-nav-list > .on > .shell-submenu-toggle { color: #fff; }
.shell-original .shell-nav .shell-contact-nav { margin-left: 0; }
.shell-original .shell-nav .shell-contact-nav > .shell-nav-link { gap: 0; border-radius: 0; background: transparent; }
.shell-original .shell-nav .shell-contact-nav > .shell-nav-link:hover { background: var(--keda-orange); }
.shell-original .shell-contact-nav .shell-arrow { display: none; }
.shell-original .shell-nav .dropdown-menu { top: 100%; }
.shell-original .shell-nav .shell-about-menu { border-color: rgba(255,255,255,.2); background: #014a96; }
.shell-original .shell-about-menu .dropdown-item { color: #fff; }
.shell-original .shell-about-menu .dropdown-item:hover,
.shell-original .shell-about-menu .dropdown-item:focus { background: var(--keda-orange); color: #fff; }
.shell-original .shell-nav .shell-mega { border-color: rgba(255,255,255,.2); background: #014a96; }
.shell-original .shell-categories { background: #102d6e; }
.shell-original .shell-product-panels { background: #014a96; }
.shell-original .shell-product-heading { border-color: rgba(255,255,255,.25); color: #fff; }
.shell-original .shell-categories a.is-active,
.shell-original .shell-categories a:hover,
.shell-original .shell-categories a:focus-visible { background: var(--keda-orange); color: #fff; }
.shell-original .shell-categories a.is-active span { color: #fff; }
/* Keep the new menu surface and category rail, with the original 16px / 40px product list. */
.shell-original .shell-product-links { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0; }
.shell-original .shell-product-links a { display: block; min-height: 40px; padding: 0 20px 16px 15px; border: 0; border-radius: 0; color: #fff; font-size: 16px; line-height: 24px; overflow: hidden; }
.shell-original .shell-product-links a:after { top: 9px; right: 8px; border-color: rgba(255,255,255,.7); }
.shell-original .shell-product-links a:hover { color: #fff; text-decoration: underline; transform: none; }
.shell-original.is-nav-fixed { padding-bottom: 68px; }
.shell-original .shell-navigation-wrap.is-fixed { position: fixed; top: 0; left: 0; z-index: 1040; box-shadow: 0 4px 16px rgba(0,0,0,.1); }
@media (min-width: 992px) and (max-width: 1199.98px) {
  .shell-original .container-xl { padding-right: 15px; padding-left: 15px; }
  .shell-original .shell-nav.navbar { padding: 0 15px; }
  .shell-original .shell-nav .shell-nav-link { padding-right: 22px; padding-left: 22px; }
  .shell-original .shell-nav .shell-products > .shell-nav-link,
  .shell-original .shell-nav .shell-about > .shell-nav-link { padding-right: 40px; }
}
@media (max-width: 991.98px) {
  .shell-original .container-xl { padding-right: 15px; padding-left: 15px; }
  .shell-original .shell-masthead { flex-wrap: wrap; gap: 14px 16px; }
  .shell-original .site-brand { flex: 1 1 0; width: auto; max-width: 420px; }
  .shell-original .site-contact { order: 2; flex: 0 0 100%; padding: 12px 16px; }
  .shell-original .shell-contact-methods { gap: 10px 24px; }
  .shell-original .shell-navigation-wrap { display: none; }
  .shell-original .shell-mobile-toggle { border-radius: 4px; }
  .shell-original .shell-mobile { position: absolute; top: 100%; left: 1%; width: 98%; max-height: calc(100dvh - 100px); padding: 0; background: var(--keda-orange); }
  .shell-original .shell-mobile-list { grid-template-columns: 1fr; gap: 0; padding: 0; }
  .shell-original .shell-mobile-list a { justify-content: center; min-height: 48px; padding: 12px; border: 0; border-top: 1px solid #fff; border-radius: 0; background: transparent; color: #fff; font-size: 16px; font-weight: 400; }
  .shell-original .shell-mobile-list a:after { display: none; }
  .shell-original .shell-mobile-list .is-current { background: var(--keda-blue); }
}
@media (max-width: 575.98px) {
  .shell-original .shell-masthead { height: auto; min-height: 0; padding-top: 14px; padding-bottom: 14px; }
  .shell-original .site-brand { max-width: calc(100% - 60px); }
  .shell-original .shell-contact-methods { flex-direction: column; align-items: flex-start !important; gap: 8px; }
  .shell-original .site-contact a { font-size: 16px; }
  .shell-original .site-contact .shell-whatsapp { font-size: 15px; }
}

/* Split masthead for the current shared header template. */
.site-header.shell-original--split {
  background: linear-gradient(110deg, #fff 0%, #fff calc(50% - 112px), #eff5fb calc(50% - 111px), #eff5fb 100%);
}
.shell-original--split .shell-masthead {
  display: grid;
  grid-template-columns: minmax(0,420px) minmax(0,auto);
  justify-content: space-between;
  align-items: center;
  min-height: 130px;
  gap: 50px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.shell-original--split .site-brand { width: min(100%,420px); max-width: 100%; }
.shell-original--split .site-contact { min-width: 0; padding: 0; border: 0; background: transparent; }
.shell-original--split .shell-contact-prompt {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 11px;
  color: var(--keda-blue);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.45;
}
.shell-original--split .shell-contact-prompt::before {
  flex: 0 0 22px;
  height: 3px;
  background: var(--keda-orange);
  content: '';
}
.shell-original--split .shell-contact-methods {
  display: flex;
  align-items: stretch;
  gap: 16px;
  padding: 11px 14px;
  border: 1px solid #dae6f3;
  border-radius: 8px;
  background: #fff;
}
.shell-original--split .shell-contact-methods a {
  align-items: center;
  gap: 12px;
  min-width: 0;
  color: var(--keda-blue);
}
.shell-original--split .site-contact .shell-whatsapp { color: var(--keda-blue); }
.shell-original--split .shell-contact-methods a + a {
  padding-left: 16px;
  border-left: 1px solid #dde6f0;
}
.shell-original--split .shell-contact-icon,
.shell-original--split .shell-phone-icon {
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  color: var(--keda-blue);
}
.shell-original--split .shell-contact-copy { display: grid; min-width: 0; gap: 4px; }
.shell-original--split .shell-contact-method-label { color: #58636f; font-size: 13px; font-weight: 600; line-height: 1.25; }
.shell-original--split .shell-contact-value { font-size: 16px; font-weight: 700; line-height: 1.35; overflow-wrap: anywhere; }
.shell-original--split .site-contact a:hover { color: var(--keda-blue); }
.shell-original--split .site-contact a:hover .shell-contact-value { text-decoration: underline; text-underline-offset: 3px; }
.shell-original--split .site-contact a:focus-visible { outline: 2px solid var(--keda-orange); outline-offset: 3px; border-radius: 4px; }

@media (min-width: 992px) and (max-width: 1199.98px) {
  .shell-original--split .shell-masthead { grid-template-columns: minmax(0,350px) minmax(0,auto); gap: 26px; }
}
@media (max-width: 991.98px) {
  .site-header.shell-original--split { background: #fff; }
  .shell-original--split .shell-masthead {
    grid-template-columns: minmax(0,1fr) auto;
    min-height: 0;
    gap: 10px 16px;
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .shell-original--split .site-contact { grid-column: 1 / -1; grid-row: 2; }
  .shell-original--split .shell-mobile-toggle { grid-column: 2; grid-row: 1; }
}
@media (max-width: 575.98px) {
  .shell-original--split .shell-contact-methods { display: grid; gap: 0; padding: 4px 14px; }
  .shell-original--split .shell-contact-methods a { min-height: 50px; padding: 7px 0; }
  .shell-original--split .shell-contact-methods a + a { padding-left: 0; border-top: 1px solid #dde6f0; border-left: 0; }
  .shell-original--split .shell-contact-value { font-size: 15px; }
}