/* Компактная верхняя часть каталога, разделов и категорий.
   Подключается после действующих gg-catalog.css / gg-section.css. */
#middle .ggcg26-workspace {
  width: 100%;
  min-width: 0;
  margin: 0 0 19px;
  padding: 18px 20px 14px;
  border: 1px solid #e0e6dc;
  border-radius: 12px;
  background: #fff;
  color: #252d29;
  box-shadow: none;
}
#middle .ggcg26-workspace *,
#middle .ggcg26-workspace *::before,
#middle .ggcg26-workspace *::after { box-sizing: border-box; }
#middle .ggcg26-workspace .ggcat2026-hero,
#middle .ggcg26-workspace .ggsec2026-hero {
  position: relative;
  min-height: 0;
  height: auto;
  margin: 0;
  padding: 0 0 15px;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  isolation: auto;
}
#middle .ggcg26-workspace .ggcat2026-hero::before,
#middle .ggcg26-workspace .ggcat2026-hero::after,
#middle .ggcg26-workspace .ggsec2026-hero::before,
#middle .ggcg26-workspace .ggsec2026-hero::after { content: none; display: none; }
#middle .ggcg26-workspace .ggcat2026-breadcrumbs,
#middle .ggcg26-workspace .ggsec2026-breadcrumbs {
  position: static;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 3px 8px;
  max-width: 100%;
  margin: 0 0 9px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  color: #7a8177;
  font: 400 11px/1.6 'Open Sans',Arial,sans-serif;
}
#middle .ggcg26-workspace .ggcat2026-breadcrumbs::before,
#middle .ggcg26-workspace .ggsec2026-breadcrumbs::before { content: none; display: none; }
#middle .ggcg26-workspace .ggcat2026-breadcrumbs a,
#middle .ggcg26-workspace .ggsec2026-breadcrumbs a { color: #61705c; text-decoration: none; }
#middle .ggcg26-workspace .ggcat2026-breadcrumbs a:hover,
#middle .ggcg26-workspace .ggsec2026-breadcrumbs a:hover { text-decoration: underline; text-underline-offset: 3px; }
#middle .ggcg26-workspace h1 {
  position: static;
  max-width: none;
  margin: 0 0 7px;
  padding: 0;
  color: #252d29;
  font: 800 clamp(23px,2.3vw,27px)/1.3 'Manrope','Open Sans',Arial,sans-serif;
  letter-spacing: -.025em;
  text-transform: none;
}
#middle .ggcg26-workspace h1::after { content: none; display: none; }
#middle .ggcg26-workspace .ggcg26-subtitle {
  display: block;
  max-width: none;
  margin: 0;
  padding: 0;
  overflow: visible;
  color: #70796b;
  font: 400 12px/1.6 'Open Sans',Arial,sans-serif;
  -webkit-line-clamp: unset;
}
#middle .ggcg26-workspace .ggcat2026-panel,
#middle .ggcg26-workspace .ggsec2026-panel {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 12px 0 0;
  border: 0;
  border-top: 1px solid #e8ece5;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  overflow: visible;
}
#middle .ggcg26-workspace .ggcat2026-panel-top,
#middle .ggcg26-workspace .ggsec2026-panel-top {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 0 0 12px;
}
#middle .ggcg26-workspace .ggcat2026-panel-title,
#middle .ggcg26-workspace .ggsec2026-panel-title {
  display: block;
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  padding: 0;
  color: #252d29;
  font: 800 16px/1.35 'Manrope','Open Sans',Arial,sans-serif;
  letter-spacing: 0;
  text-transform: none;
}
#middle .ggcg26-workspace .ggcat2026-panel-title::before,
#middle .ggcg26-workspace .ggsec2026-panel-title::before { content: none; display: none; }
#middle .ggcg26-workspace .ggcg26-favorites {
  display: flex;
  flex: 0 0 auto;
  justify-content: flex-end;
  width: auto;
  margin: 0;
  padding: 0;
}
#middle .ggcg26-workspace .ggfav26-open {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 44px;
  padding: 8px 11px;
  border: 1px solid #dce5d8;
  border-radius: 7px;
  background: #f7f9f5;
  color: #56714f !important;
  font: 700 12px/1.5 'Open Sans',Arial,sans-serif;
  white-space: nowrap;
  text-decoration: none !important;
}
#middle .ggcg26-workspace .ggfav26-open:hover { background: #edf3e9; border-color: #a3b29b; }
#middle .ggcg26-workspace .ggfav26-open svg { display: block; width: 18px; height: 18px; }
#middle .ggcg26-workspace .ggfav26-open path { stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
#middle .ggcg26-workspace .ggfav26-count { display: inline-flex; align-items: center; justify-content: center; min-width: 22px; height: 22px; padding: 0 5px; border-radius: 50px; background: #e9f0e4; color: #56714f; font-size: 10px; font-weight: 700; }
#middle .ggcg26-workspace .ggcat2026-input,
#middle .ggcg26-workspace .ggsec2026-input { height: 44px; border-color: #dce2d7; border-radius: 7px; font-size: 13px; }
#middle .ggcg26-workspace .ggcat2026-btn,
#middle .ggcg26-workspace .ggsec2026-btn {
  height: 44px;
  border-color: #dce2d7;
  border-radius: 7px;
  box-shadow: none;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: none;
}
#middle .ggcg26-workspace .ggcat2026-sort-buttons .ggcat2026-btn,
#middle .ggcg26-workspace .ggsec2026-sort-buttons .ggsec2026-btn { padding-inline: 12px; }
#middle .ggcg26-workspace .ggcat2026-search,
#middle .ggcg26-workspace .ggsec2026-search { flex-basis: 220px; }
#middle .ggcg26-workspace .ggcg26-panel-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 3px 16px;
  margin-top: 10px;
  color: #76806e;
  font: 400 11px/1.55 'Open Sans',Arial,sans-serif;
}
#middle .ggcg26-workspace .ggcat2026-result-count,
#middle .ggcg26-workspace .ggsec2026-result-count { margin: 0; color: #76806e; font-size: inherit; line-height: inherit; white-space: normal; }
#middle .ggcg26-workspace .ggcat2026-status,
#middle .ggcg26-workspace .ggsec2026-status { margin-top: 10px; font-size: 12px; line-height: 1.6; }
#middle .ggcg26-workspace a:focus-visible,
#middle .ggcg26-workspace button:focus-visible,
#middle .ggcg26-workspace input:focus-visible { outline: 3px solid #789970; outline-offset: 3px; }
#middle .ggcg26-bottom-links { display: flex; flex-wrap: wrap; gap: 10px 20px; margin-top: 17px; font-size: 13px; }
#middle .ggsec2026-bottom .ggsec2026-intro-text { margin: 0 0 20px; color: inherit; font-size: inherit; line-height: inherit; }
#middle .ggsec2026-bottom .ggsec2026-intro-text p { margin-bottom: 13px; }
@media (max-width: 700px) {
  #middle .ggcg26-workspace { margin-bottom: 16px; padding: 15px 13px 12px; border-radius: 10px; }
  #middle .ggcg26-workspace .ggcat2026-hero,
  #middle .ggcg26-workspace .ggsec2026-hero { padding-bottom: 13px; }
  #middle .ggcg26-workspace h1 { font-size: clamp(21px,5vw,26px); line-height: 1.3; }
  #middle .ggcg26-workspace .ggcat2026-breadcrumbs,
  #middle .ggcg26-workspace .ggsec2026-breadcrumbs { gap: 2px 6px; margin-bottom: 8px; font-size: 10px; }
  #middle .ggcg26-workspace .ggcg26-subtitle { font-size: 11px; line-height: 1.55; }
  #middle .ggcg26-workspace .ggcat2026-panel-title,
  #middle .ggcg26-workspace .ggsec2026-panel-title { font-size: 14px; }
  #middle .ggcg26-workspace .ggcat2026-panel-top,
  #middle .ggcg26-workspace .ggsec2026-panel-top { gap: 8px; margin-bottom: 10px; }
  #middle .ggcg26-workspace .ggfav26-open { gap: 6px; padding-inline: 8px; font-size: 11px; }
  #middle .ggcg26-workspace .ggcat2026-controls,
  #middle .ggcg26-workspace .ggsec2026-controls { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 7px; }
  #middle .ggcg26-workspace .ggcat2026-search,
  #middle .ggcg26-workspace .ggsec2026-search { display: block !important; grid-column: 1 / -1; min-width: 0; }
  #middle .ggcg26-workspace .ggcat2026-sort-buttons,
  #middle .ggcg26-workspace .ggsec2026-sort-buttons { display: contents; }
  #middle .ggcg26-workspace .ggcat2026-btn,
  #middle .ggcg26-workspace .ggsec2026-btn { width: 100%; min-width: 0; padding-inline: 5px; font-size: 11px; }
  #middle .ggcg26-workspace .ggcat2026-sort-buttons .ggcat2026-btn,
  #middle .ggcg26-workspace .ggsec2026-sort-buttons .ggsec2026-btn { padding-inline: 5px; }
  #middle .ggcg26-workspace .ggcg26-panel-bottom { font-size: 10px; }
  #middle .ggcg26-workspace .ggcg26-kit-note { display: none; }
}
/* Описание ниже списка остаётся целиком доступным для чтения. */
#middle .ggsec2026-bottom .ggsec2026-intro-text { display: block; overflow: visible; -webkit-line-clamp: unset; }
#middle .ggsec2026-bottom .ggsec2026-intro-text p + p { display: block; }