/* Lumiesta departments: one 68px row, four departments next to the logo. Desktop follows Blocksy's 1000px. */
@media (min-width: 1000px) {
  #header:has(.lm-depts) [data-device="desktop"] [data-row="middle"] { --height: 68px; position: relative; background: #fbfaf7; border: 0; border-bottom: 1px solid #e4e1d9; }
  #header:has(.lm-depts) [data-device="desktop"] [data-row="middle"] [data-column="start"],
  #header:has(.lm-depts) [data-device="desktop"] [data-row="middle"] [data-column="start"] [data-items],
  #header:has(.lm-depts) [data-device="desktop"] .ct-header-text:has(.lm-depts),
  #header:has(.lm-depts) [data-device="desktop"] .ct-header-text:has(.lm-depts) .entry-content { position: static; }
  #header:has(.lm-depts) [data-device="desktop"] .ct-header-text:has(.lm-depts) { --margin: 0; margin: 0; padding: 0; }
  #header:has(.lm-depts) [data-device="desktop"] .ct-header-text:has(.lm-depts) .entry-content { margin: 0; padding: 0; }

  .lm-navigation.lm-depts { position: static; width: auto; border: 0; }
  .lm-depts .lm-nav-bar { gap: clamp(14px, 2.3vw, 34px); max-width: none; margin: 0; padding: 0; }
  .lm-depts .lm-nav-item { flex: none; position: static; }
  .lm-depts .lm-nav-item > summary { justify-content: flex-start; gap: 7px; min-height: 68px; padding: 0; font: 500 20px/1 'Cormorant SC', serif; letter-spacing: .02em; white-space: nowrap; }
  .lm-depts .lm-nav-item > summary svg { display: none; }
  .lm-depts .lm-nav-item > summary::after { left: 0; right: 0; bottom: 16px; }
  .lm-depts .lm-nav-panel { top: 100%; left: 0; right: 0; }

  .lm-depts .lm-type-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: clamp(14px, 1.7vw, 26px); }
  .lm-depts .lm-type-tile { display: block; }
  .lm-depts .lm-type-tile .lm-nav-image { aspect-ratio: 4 / 3; }
  .lm-depts .lm-type-tile:hover img { transform: scale(1.035); }
  .lm-depts .lm-type-name { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; margin-top: 12px; font: 500 23px/1.15 'Cormorant SC', serif; }
  .lm-depts .lm-type-count { color: var(--lm-nav-muted); font: 400 11px/1 'Work Sans', sans-serif; }
  .lm-depts .lm-type-col ul { margin-top: 8px; }
  .lm-depts .lm-type-col li a { display: flex; align-items: center; min-height: 32px; font-size: 13.5px; line-height: 1.3; }

  /* Search and account are icons only, so the row keeps clear space next to the logo, also when logged in. */
  #header:has(.lm-depts) [data-device="desktop"] [data-id="search"] { width: 44px; min-height: 44px; justify-content: center; border-bottom: 0 !important; gap: 0; }
  #header:has(.lm-depts) [data-device="desktop"] [data-id="search"] .ct-label { display: none; }
  #header:has(.lm-depts) [data-device="desktop"] [data-id="account"] .ct-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
  #header:has(.lm-depts) [data-device="desktop"] [data-row="middle"] [data-column="end"] [data-items] { gap: 10px; }
  /* Translated finder labels are too long for the logo row: icon only, name stays for screen readers. */
  html:not(:lang(pl)) #header:has(.lm-depts) [data-device="desktop"] [data-row="middle"] .lm-dobor-otworz .ct-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
}
@media (min-width: 1600px) {
  .lm-depts .lm-nav-item > summary svg { display: block; }
}
@media (min-width: 1000px) and (max-width: 1439.98px) {
  #header:has(.lm-depts) [data-device="desktop"] [data-row="middle"] [data-column="end"] [data-items] { gap: 4px; }
  .lm-depts .lm-nav-bar { gap: 22px; }
  .lm-depts .lm-nav-item > summary { font-size: 18px; }
}
@media (min-width: 1000px) and (max-width: 1119.98px) {
  .lm-depts .lm-nav-bar { gap: 11px; }
  .lm-depts .lm-nav-item > summary { font-size: 16px; }
  #header:has(.lm-depts) [data-device="desktop"] [data-id="logo"] { --logo-max-width: 150px; }
  #header:has(.lm-depts) [data-device="desktop"] [data-id="logo"] img { max-width: 150px; }
  .lm-depts .lm-type-col li a { font-size: 12.5px; }
}
