/* Postojeći raspored: kategorije levo, potkategorije u sredini, brendovi desno. */
@media (min-width: 769px) {
  .header .top .container, .header .middle .container, .header .bottom .container { width: calc(100% - 80px); max-width: 1840px; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0; }
  .header .bottom .container > ul:first-of-type { gap: 3px; min-width: 0; }
  .header .bottom .container > ul:first-of-type > li > a,
  .header .bottom .container > ul > li.special > button { padding: 0 17px; font-size: 13px; font-weight: 500; letter-spacing: .015em; white-space: nowrap; }
  .header .bottom .container > ul > li.special { padding: 0; }
  .header .bottom .container > ul > li.special > button { display: flex; align-items: center; gap: 12px; height: 50px; border: 0; background: transparent; color: inherit; cursor: pointer; text-transform: uppercase; }
  .header .bottom .container > ul > li.special > button::after { content: ''; width: 7px; height: 7px; border: solid currentColor; border-width: 0 1.5px 1.5px 0; transform: rotate(45deg) translateY(-2px); }
  .header .bottom .container > ul > li.special > button[aria-expanded=true]::after { transform: rotate(225deg) translate(-2px, -1px); }
  .header .bottom .container .login { flex-shrink: 0; gap: 6px; padding-left: 14px; }
  .header .bottom .container .login > a { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; margin-left: 0; border-radius: 10px; }
  .header .bottom .container .login > a:hover { background: #ffffff14; }
  .header .bottom .container .menu { grid-template-columns: 260px minmax(0, 1fr) 180px; width: 100%; max-height: calc(100dvh - 180px); overflow-y: auto; overscroll-behavior: contain; border: 1px solid #e2e8f0; border-top: 3px solid #0ea5e9; border-radius: 0 0 18px 18px; box-shadow: 0 20px 48px #102b4b26; }
  .header .bottom .container .menu.active { display: grid !important; }
  .header .bottom .container .menu .sidebar { width: auto; min-width: 0; padding: 12px 10px; background: #f5f8fc; border-right: 1px solid #e5ebf2; }
  .header .bottom .container .menu .sidebar .sidebar__item { min-height: 47px; height: auto; padding: 11px 12px; gap: 12px; border: 0; border-radius: 9px; background: transparent; text-align: left; color: #334155; line-height: 1.35; }
  .header .bottom .container .menu .sidebar .sidebar__item img { width: 22px; height: 22px; object-fit: contain; margin: 0; flex-shrink: 0; }
  .header .bottom .container .menu .sidebar .sidebar__item span { font-size: 13px; font-weight: 500; text-transform: none; }
  .header .bottom .container .menu .sidebar .sidebar__item::after { content: '›'; margin-left: auto; font-size: 19px; color: #94a3b8; }
  .header .bottom .container .menu .sidebar .sidebar__item:hover { background: #e9f1fa; }
  .header .bottom .container .menu .sidebar .sidebar__item.active { color: #0369a1; background: #e0f2fe; }
  .header .bottom .container .menu .categories { width: auto; min-width: 0; padding: 24px; }
  .header .bottom .container .menu .pk-menu-panel-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; padding-bottom: 18px; margin-bottom: 20px; border-bottom: 1px solid #e5ebf2; }
  .pk-menu-panel-heading h2 { font-size: 19px; font-weight: 650; line-height: 1.4; color: #1e293b; }
  .pk-menu-panel-heading > a { color: #0284c7; font-size: 13px; white-space: nowrap; }
  .header .bottom .container .menu .categories .list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
  .header .bottom .container .menu .categories .list .list__item { width: auto; max-width: none; min-width: 0; margin: 0; }
  .header .bottom .container .menu .categories .list .list__item > a { min-height: 32px; height: auto; padding: 0 0 9px; margin-bottom: 8px; text-transform: none; justify-content: flex-start; color: #075985; font-size: 14px; line-height: 1.4; font-weight: 600; border-color: #e5ebf2; }
  .header .bottom .container .menu .categories .list .list__item ul { gap: 2px; width: 100%; }
  .header .bottom .container .menu .categories .list .list__item ul li { width: 100%; margin: 0; }
  .header .bottom .container .menu .categories .list .list__item ul li a { display: block; min-height: 28px; padding: 4px 6px; margin-left: -6px; border-radius: 6px; color: #475569; font-size: 13px; line-height: 1.45; text-transform: none; }
  .header .bottom .container .menu .categories .list a:hover { color: #0284c7; background: #f0f9ff; }
  .header .bottom .container .menu .categories .banners { gap: 16px; margin-top: 24px; flex-wrap: wrap; }
  .header .bottom .container .menu .categories .banners .banner { width: auto; flex: 1 1 240px; max-width: 100%; height: auto; aspect-ratio: 2.2; border-radius: 12px; background-position: center; background-size: cover; }
  .header .bottom .container .menu .brands { width: auto; min-width: 0; align-content: start; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; padding: 24px 14px; border-left: 1px solid #e5ebf2; }
  .header .bottom .container .menu .brands.active { display: grid !important; }
  .header .bottom .container .menu .brands .brand__item { width: 100%; height: 64px; margin: 0; padding: 12px 8px; border-color: #e5ebf2; border-radius: 10px; }
  .header .bottom .container .menu .brands .brand__item:hover { border-color: #7dd3fc; background: #f0f9ff; }
  .header .bottom .container .menu .brands .brand__item img { max-height: 40px; object-fit: contain; }
  .header .bottom .container .menu .categories .category--store .list--store { display: block; width: 100%; max-height: none; overflow: visible; }
  .header .bottom .container .menu .categories .category--store .list__item--store ul { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px 20px; }
  .header .bottom .container .menu button:focus-visible, .header .bottom .container .menu a:focus-visible, #pk-products-menu-toggle:focus-visible { outline: 2px solid #0ea5e9; outline-offset: 3px; }
}
@media (min-width: 1600px) {
  .header .bottom .container .menu .categories .list { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (min-width: 769px) and (max-width: 1180px) {
  .header .top .container, .header .middle .container, .header .bottom .container { width: calc(100% - 48px); }
  .header .bottom .container > ul:first-of-type > li > a, .header .bottom .container > ul > li.special > button { padding: 0 9px; font-size: 11px; }
  .header .bottom .container .menu { grid-template-columns: 225px minmax(0, 1fr); }
  .header .bottom .container .menu .brands.active { display: none !important; }
  .header .bottom .container .menu .categories { padding: 20px; }
  .header .bottom .container .menu .categories .list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
  .header .bottom .container .menu .categories .category--store .list__item--store ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 769px) {
  .header .bottom .container .menu.pk-menu-store .categories { grid-column: 2 / -1; }
}
@media (min-width: 769px) and (max-width: 960px) {
  .header .bottom .container > ul:first-of-type > li > a, .header .bottom .container > ul > li.special > button { padding: 0 6px; font-size: 10.5px; }
  .header .bottom .container .login { gap: 2px; padding-left: 8px; }
  .header .bottom .container .login > a { width: 32px; }
}