/* Alternative 1 — Yengil kontur. The current approved header is untouched. */
[data-bsg-header-variant="1"] {
  background: #fff;
  border-bottom-color: #d7e3d8;
}
[data-bsg-header-variant="1"] .bsg-header-nav > a,
[data-bsg-header-variant="1"] .bsg-header-brands > summary {
  border-color: #aac7b1;
  border-radius: 999px;
  background: #fff;
  color: #164d35;
  font-weight: 500;
}
[data-bsg-header-variant="1"] .bsg-header-nav > a:hover,
[data-bsg-header-variant="1"] .bsg-header-brands > summary:hover {
  border-color: #528867;
  background: #f0f6ef;
}
[data-bsg-header-variant="1"] .bsg-header-nav > .bsg-header-catalog {
  border-color: #14533a;
  background: #14533a;
  color: #fff;
  box-shadow: none;
  font-weight: 650;
}
[data-bsg-header-variant="1"] .bsg-header-nav > .bsg-header-catalog:hover {
  background: #0b3c28;
}
[data-bsg-header-variant="1"] .bsg-header-language summary {
  border-radius: 999px;
}
[data-bsg-header-variant="1"] .bsg-header-cart-count {
  background: #14533a;
}

/* Alternative 2 — Yashil panel. An enclosed navigation strip beside the logo. */
[data-bsg-header-variant="2"] {
  background: #fff;
  border-bottom-color: #dfe7df;
}
[data-bsg-header-variant="2"] .bsg-header-nav {
  justify-self: start;
  width: fit-content;
  max-width: 100%;
  padding: 6px;
  gap: 4px;
  border-radius: 15px;
  background: #103f2e;
}
[data-bsg-header-variant="2"] .bsg-header-nav > a,
[data-bsg-header-variant="2"] .bsg-header-brands > summary {
  border-color: transparent;
  border-radius: 10px;
  background: transparent;
  color: #f4f8ef;
}
[data-bsg-header-variant="2"] .bsg-header-nav > a:hover,
[data-bsg-header-variant="2"] .bsg-header-brands > summary:hover {
  border-color: #42765a;
  background: #245c42;
  color: #fff;
}
[data-bsg-header-variant="2"] .bsg-header-nav > .bsg-header-catalog {
  border-color: #659b78;
  background: #2c7753;
  color: #fff;
  box-shadow: 0 1px 3px #08271a24;
}
[data-bsg-header-variant="2"] .bsg-header-nav > .bsg-header-catalog:hover {
  border-color: #85b194;
  background: #36855e;
}
[data-bsg-header-variant="2"] .bsg-header-nav > a:focus-visible,
[data-bsg-header-variant="2"] .bsg-header-brands > summary:focus-visible {
  outline-color: #efd898;
  outline-offset: 1px;
}
[data-bsg-header-variant="2"] .bsg-header-brand-list {
  border-color: #b5cbb9;
}
[data-bsg-header-variant="2"] .bsg-header-cart-count {
  background: #103f2e;
}

/* Selected alternative 3 — white background and soft, rounded controls. */
[data-bsg-header-variant="3"] {
  background: #fff;
  border-bottom: 3px solid #bad1b7;
}
[data-bsg-header-variant="3"] .bsg-header-logo img {
  border-radius: 50%;
}
[data-bsg-header-variant="3"] .bsg-header-nav > a,
[data-bsg-header-variant="3"] .bsg-header-brands > summary {
  border-color: #e4dcc8;
  border-radius: 999px;
  background: #efe8d8;
  color: #234d38;
}
[data-bsg-header-variant="3"] .bsg-header-nav > a:hover,
[data-bsg-header-variant="3"] .bsg-header-brands > summary:hover {
  border-color: #b6c7a7;
  background: #e3e9d6;
}
[data-bsg-header-variant="3"] .bsg-header-nav > .bsg-header-catalog {
  border-color: #346449;
  background: #346449;
  color: #fff;
  box-shadow: 0 3px 0 #224b35;
}
[data-bsg-header-variant="3"] .bsg-header-nav > .bsg-header-catalog:hover {
  border-color: #28563c;
  background: #28563c;
}
[data-bsg-header-variant="3"] .bsg-header-tools {
  padding-inline: 10px;
  border: 1px solid #e6ddc9;
  border-radius: 999px;
  background: #fff;
}
[data-bsg-header-variant="3"] .bsg-header-language-options,
[data-bsg-header-variant="3"] .bsg-header-brand-list {
  border-color: #e4dcc8;
  background: #fff;
}
[data-bsg-header-variant="3"] .bsg-header-cart-count {
  background: #346449;
}

@media (max-width: 850px) {
  [data-bsg-header-variant="2"] .bsg-header-inner {
    column-gap: 10px;
  }
  [data-bsg-header-variant="2"] .bsg-header-nav {
    padding: 5px;
    gap: 3px;
    border-radius: 13px;
  }
  [data-bsg-header-variant="2"] .bsg-header-nav > a,
  [data-bsg-header-variant="2"] .bsg-header-brands > summary {
    padding-inline: 8px;
  }
}
@media (max-width: 650px) {
  [data-bsg-header-variant="2"] .bsg-header-nav {
    width: 100%;
  }
  [data-bsg-header-variant="2"] .bsg-header-brand-list {
    border-radius: 12px;
  }
  [data-bsg-header-variant="3"] .bsg-header-tools {
    padding-inline: 9px;
  }
}