/* M16 — menu „Marki” z logotypami (wariant C, 2026-10-07).
   Karta jak menu „Kategorie” (m16-theme.css sekcja 40): biała, ramka #e4e7de,
   radius 14, zielony pasek u góry. Id #_desktop_megamenu - zeby przebic reguly
   motywu (.main-menu .pos-menu-horizontal ... .pos-sub-inner) i CE naglowka. */

#_desktop_megamenu .menu-item.m16-menu-marki .menu-dropdown .pos-sub-inner.m16bm-inner {
  padding: 0;
  background: transparent;
  box-shadow: none;
}

#_desktop_megamenu .m16bm {
  display: flex;
  gap: 18px;
  box-sizing: border-box;
  width: 720px;
  max-width: 100%;
  padding: 18px;
  background: #fff;
  border: 1px solid #e4e7de;
  border-radius: 14px;
  box-shadow: inset 0 3px 0 #93c13d, 0 12px 34px rgba(37, 50, 55, .12);
  font-family: "Open Sans", sans-serif;
  text-transform: none;
  letter-spacing: 0;
}

#_desktop_megamenu .m16bm a {
  text-decoration: none;
}

#_desktop_megamenu .m16bm__list {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

#_desktop_megamenu .m16bm__label {
  padding: 4px 10px 6px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #666;
}

#_desktop_megamenu .m16bm__item {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 8px 10px;
  border-radius: 10px;
  color: #333;
  transition: background-color .2s ease;
}

#_desktop_megamenu .m16bm__item:hover,
#_desktop_megamenu .m16bm__item:focus-visible,
#_desktop_megamenu .m16bm__item.is-active {
  background: #f3f6ec;
}

#_desktop_megamenu .m16bm__logo {
  display: flex;
  flex: 0 0 76px;
  align-items: center;
  justify-content: center;
  height: 40px;
}

#_desktop_megamenu .m16bm__logo img {
  display: block;
  max-width: 76px;
  max-height: 30px;
  width: auto;
  height: auto;
}

#_desktop_megamenu .m16bm__name {
  flex: 1 1 auto;
  font-family: "Kanit", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3;
  color: #333;
}

#_desktop_megamenu .m16bm__item:hover .m16bm__name,
#_desktop_megamenu .m16bm__item.is-active .m16bm__name {
  color: #5f8020;
}

#_desktop_megamenu .m16bm__count {
  min-width: 34px;
  padding: 2px 8px;
  border-radius: 999px;
  background: #f1f2ee;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
  color: #555;
}

#_desktop_megamenu .m16bm__all {
  margin-top: auto;
  padding: 10px 10px 2px;
  border-top: 1px dashed #e3e7da;
  font-family: "Kanit", sans-serif;
  font-size: 15px;
  font-weight: 500;
  color: #5f8020;
}

#_desktop_megamenu .m16bm__all:hover {
  color: #3f5a12;
}

/* karta marki po prawej - jedna widoczna naraz (front.js), domyślnie własna marka */
/* wszystkie karty w jednej komórce siatki: pole ma wymiary największej karty,
   więc przy przełączaniu marek ramka nie zmienia szerokości ani wysokości
   (klient 2026-10-07: „skacze”); nieaktywne tylko niewidoczne */
#_desktop_megamenu .m16bm__cards {
  display: grid;
  flex: 0 0 250px;
  width: 250px;
  min-width: 0;
}

#_desktop_megamenu .m16bm__cards > .m16bm__featured {
  grid-area: 1 / 1;
  min-width: 0;
}

#_desktop_megamenu .m16bm__cards > .m16bm__featured[hidden] {
  display: flex;
  visibility: hidden;
  pointer-events: none;
}

#_desktop_megamenu .m16bm__featured {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 12px;
  box-sizing: border-box;
  padding: 20px;
  border: 1px solid #cfdcae;
  border-radius: 12px;
  background: #f2f7e8;
  color: #333;
  transition: box-shadow .2s ease, transform .2s ease;
}

#_desktop_megamenu .m16bm__featured:hover {
  box-shadow: 0 10px 22px rgba(147, 193, 61, .25);
  transform: translateY(-2px);
}

#_desktop_megamenu .m16bm__label--featured {
  padding: 0;
  color: #3f5a12;
}

#_desktop_megamenu .m16bm__featured-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 70px;
  border-radius: 10px;
  background: #fff;
}

#_desktop_megamenu .m16bm__featured-logo img {
  display: block;
  max-width: 150px;
  max-height: 50px;
  width: auto;
  height: auto;
}

#_desktop_megamenu .m16bm__featured-name {
  font-family: "Kanit", sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
  color: #333;
}

#_desktop_megamenu .m16bm__featured-meta {
  overflow-wrap: anywhere;
  font-size: 13px;
  line-height: 1.6;
  color: #444;
}

#_desktop_megamenu .m16bm__featured-meta strong {
  color: #3f5a12;
}

#_desktop_megamenu .m16bm__cta {
  align-self: flex-start;
  margin-top: auto;
  padding: 10px 16px;
  border-radius: 8px;
  background: #5f8020;
  font-family: "Kanit", sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.2;
  color: #fff;
  transition: background-color .2s ease;
}

#_desktop_megamenu .m16bm__featured:hover .m16bm__cta {
  background: #4d6a18;
}

@media (prefers-reduced-motion: reduce) {
  #_desktop_megamenu .m16bm__featured,
  #_desktop_megamenu .m16bm__featured:hover {
    transform: none;
    transition: none;
  }
}