/* Site-wide: burger icon in front of the "Produkty" menu item that opens the MOOS flyout,
   and the red category bar (shown on selected pages only; the markup is not printed elsewhere). */

/* Burger icon in front of the "Produkty" item that opens the MOOS flyout. Blocksy keeps the item's
   ::before for its hover underline, so the icon reuses the dropdown-arrow span instead: same element,
   moved to the front and redrawn as a burger (no arrow). */
.moos-drawer-trigger > a { display: inline-flex; align-items: center; }
.moos-drawer-trigger > a .ct-toggle-dropdown-desktop {
  order: -1; display: inline-block !important; flex: none; width: 18px; height: 14px; margin: 0 10px 0 0; padding: 0; background-color: currentColor !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 14'%3E%3Cg fill='%23000'%3E%3Crect width='18' height='1.7' rx='1'/%3E%3Crect y='6.15' width='18' height='1.7' rx='1'/%3E%3Crect y='12.3' width='18' height='1.7' rx='1'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 14'%3E%3Cg fill='%23000'%3E%3Crect width='18' height='1.7' rx='1'/%3E%3Crect y='6.15' width='18' height='1.7' rx='1'/%3E%3Crect y='12.3' width='18' height='1.7' rx='1'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;
}
.moos-drawer-trigger > a .ct-toggle-dropdown-desktop svg { display: none; }

/* Red category bar */
.mh-catbar { background: #d6191f; position: relative; z-index: 3; }
.mh-catbar__list { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0; padding: 0 8px; list-style: none; }
.mh-catbar__list li { margin: 0; }
.mh-catbar__list a {
  display: block; padding: 13px 4px; color: #fff; text-decoration: none; white-space: nowrap;
  font: 700 clamp(0.6429rem, 2.65vw, 0.9286rem)/1 var(--theme-font-family, system-ui, sans-serif);
  letter-spacing: .02em; text-transform: uppercase; border-bottom: 3px solid transparent;
}
.mh-catbar__list a:hover, .mh-catbar__list .current-menu-item > a { border-bottom-color: #fff; }
.mh-catbar__list a:focus-visible { outline: 3px solid #fff; outline-offset: -3px; }
@media (min-width: 960px) {
  .mh-catbar__list { justify-content: center; gap: clamp(8px, 2.5vw, 40px); padding: 0; }
  .mh-catbar__list a { padding: 16px 12px; font-size: 0.9286rem; letter-spacing: .1em; }
}
@media (max-width: 349px) {
  .mh-catbar__list { display: grid; grid-template-columns: repeat(3, 1fr); padding: 0; }
  .mh-catbar__list a { text-align: center; padding: 12px 4px; font-size: 0.7857rem; }
}
/*scaled*/

/* Header: below 480px the cart total only crowds the search icon; the item-count badge stays */
@media (max-width: 479px) { .ct-header-cart .ct-label { display: none; } }
