/*
 * KOHN INTERNATIONAL — PRIVATE LABEL FALLBACK
 *
 * Le DOM suit la version Private Label actuelle (.kohn-*).
 * Cette feuille est volontairement intégralement scopée à .kohn-header.
 * La feuille Private Label officielle est chargée APRÈS celle-ci dans header.php
 * et gagne donc la cascade lorsqu'elle est disponible.
 */

@font-face {
  font-family: "Mundial Kohn";
  src: url("../../fonts/MundialNarrowVariable.woff2") format("woff2");
  font-weight: 300 800;
  font-style: normal;
  font-display: swap;
}

.kohn-header,
.kohn-header * {
  box-sizing: border-box;
}

.kohn-header {
  --kohn-blue: #2c73b4;
  --kohn-blue-dark: #1459a7;
  --kohn-blue-soft: #6fb2e3;
  --kohn-line: 2px;
  --kohn-font: "Mundial Kohn", "Arial Narrow", "Helvetica Neue", Arial, sans-serif;
  --kohn-fw: 460;
  --kohn-fw-strong: 650;
  --kohn-z: 2147483000;

  position: relative !important;
  z-index: var(--kohn-z) !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 18px clamp(34px, 4vw, 72px) 26px !important;
  color: var(--kohn-blue) !important;
  background: #fff !important;
  border: 0 !important;
  font-family: var(--kohn-font) !important;
  font-weight: var(--kohn-fw) !important;
  letter-spacing: .006em !important;
  overflow: visible !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-kerning: normal;
}

.kohn-header::before,
.kohn-header::after {
  content: "";
  position: absolute;
  left: clamp(34px, 4vw, 72px);
  right: clamp(34px, 4vw, 72px);
  height: var(--kohn-line);
  background: var(--kohn-blue);
  z-index: 1;
  pointer-events: none;
}

.kohn-header::before { top: 18px; }
.kohn-header::after { bottom: 24px; }

.kohn-header a,
.kohn-header button,
.kohn-header input {
  font-family: var(--kohn-font) !important;
}

.kohn-header a,
.kohn-header button {
  color: inherit !important;
  text-decoration: none !important;
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.kohn-header ul,
.kohn-header li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.kohn-header .kohn-bar {
  position: relative !important;
  z-index: 5 !important;
  display: grid !important;
  grid-template-columns: clamp(150px, 12vw, 210px) minmax(0, 1fr) !important;
  align-items: center !important;
  column-gap: clamp(24px, 3.2vw, 60px) !important;
  min-height: 102px !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.kohn-header .kohn-logo {
  grid-column: 1 !important;
  display: block !important;
  width: clamp(105px, 8.2vw, 146px) !important;
  max-width: none !important;
  margin: 14px 0 0 clamp(10px, 2.5vw, 46px) !important;
  padding: 0 !important;
  line-height: 0 !important;
}

.kohn-header .kohn-logo-img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center !important;
  border: 0 !important;
}

.kohn-header .kohn-toggler {
  display: none !important;
}

.kohn-header .kohn-navbar {
  grid-column: 2 !important;
  position: static !important;
  display: block !important;
  min-width: 0 !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: visible !important;
}

.kohn-header .kohn-navbar-panel {
  display: grid !important;
  grid-template-columns: minmax(360px, 1fr) clamp(178px, 12vw, 230px) !important;
  align-items: center !important;
  column-gap: clamp(24px, 3.2vw, 60px) !important;
  width: 100% !important;
  min-width: 0 !important;
}

.kohn-header .kohn-menu {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-flow: row nowrap !important;
  width: 100% !important;
  gap: clamp(24px, 4vw, 76px) !important;
  margin: 8px 0 0 !important;
  padding: 0 !important;
}

.kohn-header .kohn-menu-item {
  position: relative !important;
  display: block !important;
  flex: 0 1 auto !important;
  min-width: 0 !important;
  text-align: center !important;
}

.kohn-header .kohn-menu-link {
  position: relative !important;
  display: block !important;
  margin: 0 !important;
  padding: 14px 0 13px !important;
  color: var(--kohn-blue-soft) !important;
  background: transparent !important;
  border: 0 !important;
  white-space: nowrap !important;
  font-size: clamp(17px, 1.08vw, 23px) !important;
  font-weight: var(--kohn-fw) !important;
  line-height: 1 !important;
  letter-spacing: .009em !important;
  text-align: center !important;
  text-transform: uppercase !important;
  transition: color .18s ease, opacity .18s ease;
}

.kohn-header .kohn-menu:hover .kohn-menu-link,
.kohn-header .kohn-menu:focus-within .kohn-menu-link {
  color: var(--kohn-blue-soft) !important;
  opacity: .68 !important;
}

.kohn-header .kohn-menu-item:hover > .kohn-menu-link,
.kohn-header .kohn-menu-item:focus-within > .kohn-menu-link,
.kohn-header .kohn-dropdown.is-open > .kohn-menu-link {
  color: var(--kohn-blue-dark) !important;
  opacity: 1 !important;
  font-weight: var(--kohn-fw-strong) !important;
}

.kohn-header .kohn-menu-chevron {
  position: absolute !important;
  left: 50% !important;
  bottom: -19px !important;
  width: 36px !important;
  height: 19px !important;
  transform: translateX(-50%) !important;
  color: var(--kohn-blue) !important;
  pointer-events: none !important;
  z-index: 4 !important;
}

.kohn-header .kohn-menu-chevron::before,
.kohn-header .kohn-menu-chevron::after {
  content: "";
  position: absolute;
  top: 7px;
  width: 20px;
  height: var(--kohn-line);
  background: currentColor;
  transform-origin: center;
  transition: transform .22s ease;
}

.kohn-header .kohn-menu-chevron::before {
  left: 1px;
  transform: rotate(45deg);
}

.kohn-header .kohn-menu-chevron::after {
  right: 1px;
  transform: rotate(-45deg);
}

.kohn-header .kohn-dropdown:hover > .kohn-menu-link .kohn-menu-chevron::before,
.kohn-header .kohn-dropdown:focus-within > .kohn-menu-link .kohn-menu-chevron::before,
.kohn-header .kohn-dropdown.is-open > .kohn-menu-link .kohn-menu-chevron::before {
  transform: rotate(-45deg);
}

.kohn-header .kohn-dropdown:hover > .kohn-menu-link .kohn-menu-chevron::after,
.kohn-header .kohn-dropdown:focus-within > .kohn-menu-link .kohn-menu-chevron::after,
.kohn-header .kohn-dropdown.is-open > .kohn-menu-link .kohn-menu-chevron::after {
  transform: rotate(45deg);
}

.kohn-header .kohn-dropdown-menu {
  display: block !important;
  position: absolute !important;
  top: calc(100% + 28px) !important;
  left: 50% !important;
  right: auto !important;
  width: clamp(240px, 19vw, 320px) !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 18px 0 28px !important;
  color: var(--kohn-blue) !important;
  background: #fff !important;
  border: var(--kohn-line) solid var(--kohn-blue) !important;
  border-top: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translate3d(-50%, 6px, 0) !important;
  z-index: calc(var(--kohn-z) + 40) !important;
  transition: opacity .18s ease, transform .22s ease, visibility 0s linear .22s;
}

.kohn-header .kohn-dropdown:hover > .kohn-dropdown-menu,
.kohn-header .kohn-dropdown:focus-within > .kohn-dropdown-menu,
.kohn-header .kohn-dropdown.is-open > .kohn-dropdown-menu {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translate3d(-50%, 0, 0) !important;
  transition-delay: 0s;
}

.kohn-header .kohn-dropdown-menu::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: calc(-1 * var(--kohn-line));
  width: 54px;
  height: 24px;
  transform: translateX(-50%);
  background: #fff;
  z-index: 1;
}

.kohn-header .kohn-dropdown-menu::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -17px;
  width: 30px;
  height: 18px;
  transform: translateX(-50%);
  background:
    linear-gradient(45deg, transparent calc(50% - 1px), var(--kohn-blue) calc(50% - 1px), var(--kohn-blue) calc(50% + 1px), transparent calc(50% + 1px)) left center/50% 100% no-repeat,
    linear-gradient(-45deg, transparent calc(50% - 1px), var(--kohn-blue) calc(50% - 1px), var(--kohn-blue) calc(50% + 1px), transparent calc(50% + 1px)) right center/50% 100% no-repeat;
  z-index: 2;
}

.kohn-header .kohn-dropdown-menu-inner {
  display: block !important;
  width: 100% !important;
}

.kohn-header .kohn-dropdown-item {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 8px 20px !important;
  color: var(--kohn-blue) !important;
  background: transparent !important;
  border: 0 !important;
  font-size: clamp(18px, 1.28vw, 26px) !important;
  font-weight: var(--kohn-fw) !important;
  line-height: 1.12 !important;
  letter-spacing: .008em !important;
  text-align: center !important;
  text-transform: uppercase !important;
  transition: color .16s ease;
}

.kohn-header .kohn-dropdown-item:hover,
.kohn-header .kohn-dropdown-item:focus {
  color: var(--kohn-blue-dark) !important;
  font-weight: var(--kohn-fw-strong) !important;
}

.kohn-header .kohn-cta-block {
  justify-self: end !important;
  display: grid !important;
  width: clamp(174px, 11vw, 226px) !important;
  margin: 8px clamp(6px, 1.4vw, 34px) 0 0 !important;
  padding: 0 !important;
  gap: 5px !important;
  align-content: center !important;
}

.kohn-header .kohn-btn,
.kohn-header .kohn-icon-cell {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  width: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 8px !important;
  color: var(--kohn-blue) !important;
  background: #fff !important;
  border: var(--kohn-line) solid var(--kohn-blue) !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  letter-spacing: .01em !important;
  text-align: center !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  transition: color .16s ease, background-color .16s ease;
}

.kohn-header .kohn-btn {
  height: 26px !important;
  font-size: clamp(12px, .72vw, 15px) !important;
  white-space: nowrap !important;
}

.kohn-header .kohn-icon-row {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 5px !important;
  width: 100% !important;
}

.kohn-header .kohn-icon-cell {
  height: 27px !important;
  padding: 0 4px !important;
  font-size: clamp(13px, .76vw, 16px) !important;
}

.kohn-header .kohn-btn:hover,
.kohn-header .kohn-btn:focus,
.kohn-header .kohn-icon-cell:hover,
.kohn-header .kohn-icon-cell:focus {
  color: #fff !important;
  background: var(--kohn-blue) !important;
  font-weight: var(--kohn-fw-strong) !important;
}

.kohn-header .fa {
  display: inline-block !important;
  flex: 0 0 auto !important;
  color: currentColor !important;
  font-size: 16px !important;
  line-height: 1 !important;
}

.kohn-header .kohn-icon-row .fa {
  font-size: 17px !important;
}

.kohn-header .kohn-badge-row {
  position: absolute !important;
  z-index: 8 !important;
  top: -9px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  pointer-events: none !important;
}

.kohn-header .kohn-badge {
  display: block !important;
  width: 146px !important;
  height: 20px !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #fff !important;
  background: var(--kohn-blue) !important;
  font-size: 16px !important;
  font-weight: 450 !important;
  line-height: 20px !important;
  letter-spacing: .035em !important;
  text-align: center !important;
  text-transform: uppercase !important;
}

.kohn-header .kohn-site-search,
.kohn-header .kohn-language-switcher {
  display: none !important;
  position: absolute !important;
  z-index: calc(var(--kohn-z) + 90) !important;
  color: var(--kohn-blue) !important;
  background: #fff !important;
  border: var(--kohn-line) solid var(--kohn-blue) !important;
  box-shadow: none !important;
}

.kohn-header.is-search-open .kohn-site-search,
.kohn-header.is-language-open .kohn-language-switcher {
  display: block !important;
  animation: kohnPanelIn .18s ease both;
}

@keyframes kohnPanelIn {
  from { opacity: 0; transform: translateY(5px); }
  to { opacity: 1; transform: translateY(0); }
}

.kohn-header .kohn-site-search {
  top: calc(100% + 6px) !important;
  right: clamp(34px, 4vw, 72px) !important;
  width: min(500px, calc(100vw - 72px)) !important;
  padding: 24px !important;
}

.kohn-header .kohn-search-form {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  gap: 10px !important;
  align-items: end !important;
  margin: 0 !important;
}

.kohn-header .kohn-search-field label {
  display: block !important;
  margin: 0 0 7px !important;
  color: var(--kohn-blue) !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
}

.kohn-header .kohn-search-field input[type="text"] {
  display: block !important;
  width: 100% !important;
  height: 38px !important;
  margin: 0 !important;
  padding: 0 12px !important;
  color: var(--kohn-blue) !important;
  background: #fff !important;
  border: var(--kohn-line) solid var(--kohn-blue) !important;
  border-radius: 0 !important;
  font-size: 17px !important;
  box-shadow: none !important;
}

.kohn-header .kohn-search-submit {
  height: 38px !important;
  padding: 0 20px !important;
  color: #fff !important;
  background: var(--kohn-blue) !important;
  border: var(--kohn-line) solid var(--kohn-blue) !important;
  border-radius: 0 !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
}

.kohn-header .kohn-language-switcher {
  top: calc(100% + 6px) !important;
  right: clamp(34px, 4vw, 72px) !important;
  width: min(380px, calc(100vw - 72px)) !important;
  max-height: min(680px, calc(100vh - 150px)) !important;
  padding: 34px 32px !important;
  overflow: auto !important;
}

.kohn-header .kohn-language-list {
  display: grid !important;
  gap: 11px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.kohn-header .kohn-language-select {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--kohn-blue) !important;
  background: transparent !important;
  border: 0 !important;
  font-size: 23px !important;
  font-weight: 500 !important;
  line-height: 1.18 !important;
  letter-spacing: .006em !important;
  text-align: center !important;
  cursor: pointer !important;
  transition: color .16s ease;
}

.kohn-header .kohn-language-select:hover,
.kohn-header .kohn-language-select:focus {
  color: var(--kohn-blue-dark) !important;
  font-weight: var(--kohn-fw-strong) !important;
}

.kohn-header .kohn-panel-close {
  position: absolute !important;
  top: 14px !important;
  right: 14px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  height: 28px !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--kohn-blue) !important;
  background: #fff !important;
  border: 0 !important;
  cursor: pointer !important;
}

.kohn-header .kohn-ring {
  display: block !important;
  width: 20px !important;
  height: 20px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.5 !important;
}

@media (max-width: 1190px) and (min-width: 992px) {
  .kohn-header .kohn-bar {
    grid-template-columns: 138px minmax(0, 1fr) !important;
    column-gap: 24px !important;
  }

  .kohn-header .kohn-navbar-panel {
    grid-template-columns: minmax(330px, 1fr) 178px !important;
    column-gap: 24px !important;
  }

  .kohn-header .kohn-menu-link {
    font-size: 17px !important;
  }
}

@media (max-width: 991.98px) {
  .kohn-header {
    padding: 12px clamp(22px, 6vw, 54px) 28px !important;
    letter-spacing: .005em !important;
  }

  .kohn-header::before,
  .kohn-header::after {
    left: clamp(22px, 6vw, 54px) !important;
    right: clamp(22px, 6vw, 54px) !important;
  }

  .kohn-header::before { top: 12px !important; }
  .kohn-header::after { bottom: 25px !important; }

  .kohn-header .kohn-bar {
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    grid-template-rows: auto auto !important;
    column-gap: 18px !important;
    align-items: start !important;
    min-height: 166px !important;
  }

  .kohn-header .kohn-logo {
    grid-column: 1 !important;
    grid-row: 1 !important;
    justify-self: start !important;
    width: clamp(142px, 38vw, 182px) !important;
    margin: 24px 0 0 clamp(10px, 7vw, 78px) !important;
  }

  .kohn-header .kohn-toggler {
    grid-column: 2 !important;
    grid-row: 1 !important;
    align-self: start !important;
    justify-self: end !important;
    display: block !important;
    width: clamp(42px, 9vw, 58px) !important;
    height: clamp(42px, 9vw, 58px) !important;
    margin: clamp(54px, 11vw, 82px) clamp(8px, 6vw, 62px) 0 0 !important;
    padding: 0 !important;
    color: var(--kohn-blue) !important;
    background: transparent !important;
    border: 0 !important;
    cursor: pointer !important;
    z-index: calc(var(--kohn-z) + 20) !important;
  }

  .kohn-header .kohn-toggler-icon,
  .kohn-header .kohn-toggler-close {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    fill: var(--kohn-blue) !important;
    stroke: none !important;
  }

  .kohn-header .kohn-toggler-close { display: none !important; }
  .kohn-header.is-menu-open .kohn-toggler-icon { display: none !important; }
  .kohn-header.is-menu-open .kohn-toggler-close { display: block !important; }

  .kohn-header .kohn-navbar {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    display: none !important;
    width: min(100%, 348px) !important;
    margin: 28px auto 0 !important;
    padding: 0 !important;
    background: transparent !important;
    overflow: visible !important;
  }

  .kohn-header.is-menu-open .kohn-navbar {
    display: block !important;
    animation: kohnMenuIn .22s ease both;
  }

  @keyframes kohnMenuIn {
    from { opacity: 0; transform: translateY(-6px); }
    to { opacity: 1; transform: translateY(0); }
  }

  .kohn-header .kohn-navbar-panel {
    display: block !important;
    width: 100% !important;
  }

  .kohn-header .kohn-menu {
    display: block !important;
    width: 100% !important;
    margin: 0 auto !important;
  }

  .kohn-header .kohn-menu-item {
    width: 100% !important;
    margin: 0 auto !important;
    text-align: center !important;
    border-top: var(--kohn-line) solid var(--kohn-blue-soft) !important;
    border-bottom: var(--kohn-line) solid var(--kohn-blue-soft) !important;
  }

  .kohn-header .kohn-menu-link {
    width: 100% !important;
    padding: 12px 34px 10px !important;
    color: var(--kohn-blue-soft) !important;
    font-size: clamp(27px, 7vw, 34px) !important;
    font-weight: var(--kohn-fw) !important;
    line-height: 1.08 !important;
    letter-spacing: .006em !important;
    white-space: nowrap !important;
  }

  .kohn-header .kohn-menu:hover .kohn-menu-link,
  .kohn-header .kohn-menu:focus-within .kohn-menu-link {
    opacity: 1 !important;
  }

  .kohn-header .kohn-menu-chevron {
    left: auto !important;
    right: 0 !important;
    bottom: -10px !important;
    width: 31px !important;
    height: 18px !important;
    transform: none !important;
    background: #fff !important;
  }

  .kohn-header .kohn-menu-chevron::before,
  .kohn-header .kohn-menu-chevron::after {
    top: 7px !important;
    width: 18px !important;
  }

  .kohn-header .kohn-dropdown-menu {
    position: static !important;
    display: grid !important;
    width: 100% !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: none !important;
    border: 0 !important;
    background: #fff !important;
    overflow: hidden !important;
    transition: max-height .22s ease, opacity .18s ease, padding .22s ease;
  }

  .kohn-header .kohn-dropdown-menu::before,
  .kohn-header .kohn-dropdown-menu::after {
    display: none !important;
  }

  .kohn-header .kohn-dropdown.is-open > .kohn-dropdown-menu {
    max-height: 170px !important;
    padding: 0 0 10px !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  .kohn-header .kohn-dropdown-item {
    padding: 8px 34px !important;
    color: var(--kohn-blue) !important;
    font-size: clamp(25px, 6.4vw, 32px) !important;
    font-weight: var(--kohn-fw) !important;
    line-height: 1.06 !important;
  }

  .kohn-header .kohn-cta-block {
    display: grid !important;
    width: min(100%, 330px) !important;
    margin: 28px auto 0 !important;
    padding: 0 !important;
    gap: 10px !important;
    justify-self: center !important;
  }

  .kohn-header .kohn-btn {
    height: 48px !important;
    font-size: clamp(20px, 5vw, 25px) !important;
  }

  .kohn-header .kohn-icon-row {
    gap: 10px !important;
  }

  .kohn-header .kohn-icon-cell {
    height: 48px !important;
    font-size: clamp(20px, 5vw, 25px) !important;
  }

  .kohn-header .fa,
  .kohn-header .kohn-icon-row .fa {
    font-size: 22px !important;
  }

  .kohn-header .kohn-badge-row {
    top: auto !important;
    bottom: -12px !important;
  }

  .kohn-header .kohn-badge {
    width: 142px !important;
    height: 22px !important;
    font-size: 17px !important;
    line-height: 22px !important;
  }

  .kohn-header .kohn-site-search {
    left: 50% !important;
    right: auto !important;
    top: 96px !important;
    width: min(348px, calc(100vw - 54px)) !important;
    padding: 50px 24px 34px !important;
    transform: translateX(-50%) !important;
  }

  .kohn-header .kohn-search-form {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  .kohn-header .kohn-search-field label,
  .kohn-header .kohn-search-field input[type="text"],
  .kohn-header .kohn-search-submit {
    text-align: center !important;
  }

  .kohn-header .kohn-search-field label { font-size: 26px !important; }
  .kohn-header .kohn-search-field input[type="text"],
  .kohn-header .kohn-search-submit {
    height: 50px !important;
    font-size: 23px !important;
  }

  .kohn-header .kohn-language-switcher {
    left: 50% !important;
    right: auto !important;
    top: 82px !important;
    width: min(330px, calc(100vw - 54px)) !important;
    max-height: calc(100vh - 110px) !important;
    padding: 62px 28px 54px !important;
    transform: translateX(-50%) !important;
  }

  .kohn-header .kohn-language-list { gap: 16px !important; }

  .kohn-header .kohn-language-select {
    font-size: clamp(23px, 5.8vw, 30px) !important;
    font-weight: 500 !important;
  }

  .kohn-header .kohn-panel-close {
    top: 14px !important;
    right: 14px !important;
    width: 36px !important;
    height: 36px !important;
  }
}

@media (max-width: 520px) {
  .kohn-header {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .kohn-header::before,
  .kohn-header::after {
    left: 16px !important;
    right: 16px !important;
  }

  .kohn-header .kohn-bar { min-height: 156px !important; }

  .kohn-header .kohn-logo {
    width: 150px !important;
    margin-left: 24px !important;
    margin-top: 24px !important;
  }

  .kohn-header .kohn-toggler {
    width: 46px !important;
    height: 46px !important;
    margin-top: 61px !important;
    margin-right: 26px !important;
  }

  .kohn-header .kohn-navbar,
  .kohn-header .kohn-cta-block {
    width: min(100%, 320px) !important;
  }

  .kohn-header .kohn-menu-link { font-size: 28px !important; }
  .kohn-header .kohn-dropdown-item { font-size: 26px !important; }

  .kohn-header .kohn-btn,
  .kohn-header .kohn-icon-cell {
    height: 46px !important;
    font-size: 21px !important;
  }

  .kohn-header .kohn-badge {
    width: 136px !important;
    height: 21px !important;
    font-size: 16px !important;
    line-height: 21px !important;
  }
}