/* ==========================================================================
   Collection pages (food / pharma / non-food packaging machines)
   ========================================================================== */

/* ---------- Sector highlights strip ---------- */
.sector-strip { background: #fff; border-bottom: 1px solid var(--line); }
.sector-strip__list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.sector-strip__item { display: flex; align-items: center; justify-content: center; gap: 16px; padding: 24px 20px; }
.sector-strip__item + .sector-strip__item { border-left: 1px solid var(--line); }
.sector-strip__item .icon { width: 38px; height: 38px; stroke-width: 1.5; color: var(--navy-800); }
.sector-strip__title { font: 600 1rem/1.3 var(--font-head); color: var(--ink); }
.sector-strip__text { font-size: .86rem; color: var(--muted); }
@media (max-width: 800px) {
  .sector-strip__list { grid-template-columns: 1fr; }
  .sector-strip__item { justify-content: flex-start; padding: 16px 0; }
  .sector-strip__item + .sector-strip__item { border-left: 0; border-top: 1px solid var(--line); }
}

/* ---------- Catalog toolbar + grid ---------- */
.catalog { padding-top: clamp(28px, 4vw, 44px); }
.catalog-toolbar {
  display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 16px 24px;
  margin-bottom: 28px; padding: 16px 18px; border: 1px solid var(--line); border-radius: var(--radius-lg); background: var(--bg-soft);
}
.catalog-toolbar__controls { display: flex; flex-wrap: wrap; gap: 14px 18px; }
.catalog-toolbar__field { display: flex; flex-direction: column; gap: 6px; min-width: 220px; }
.catalog-toolbar__label { display: inline-flex; align-items: center; gap: 8px; font-size: .8rem; font-weight: 600; color: var(--ink); }
.catalog-toolbar__label .icon { width: 16px; height: 16px; color: var(--blue); }
.catalog-toolbar .select { min-height: 44px; font-size: .9rem; }
.catalog-toolbar__count { padding-bottom: 10px; font-size: .92rem; color: var(--muted); }
.catalog-toolbar__count strong { color: var(--ink); }
@media (max-width: 600px) {
  .catalog-toolbar__controls { width: 100%; }
  .catalog-toolbar__field { flex: 1 1 140px; min-width: 0; }
  .catalog-toolbar__count { padding-bottom: 0; }
}
@media (max-width: 420px) { .catalog-toolbar__field { flex-basis: 100%; } }
.catalog-note { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin-top: 24px; font-size: .85rem; color: var(--muted); }

/* ---------- "Not sure which machine?" panel ---------- */
.help-section { padding-top: 0; }
.help-panel {
  position: relative; overflow: hidden; isolation: isolate;
  display: flex; flex-wrap: wrap; align-items: center; gap: 20px 32px; padding: clamp(24px, 3.5vw, 40px);
  border: 1px solid #cfe0f0; border-radius: var(--radius-lg);
  background: linear-gradient(110deg, var(--bg-tint) 0%, #d9e8f5 100%);
}
.help-panel::after {
  content: ""; position: absolute; z-index: -1; right: -40px; bottom: -60px; width: 220px; height: 220px;
  border: 26px solid rgba(1, 107, 183, .07); transform: rotate(45deg);
}
.help-panel__icon { flex: none; display: grid; place-items: center; width: 64px; height: 64px; border-radius: 50%; background: #fff; color: var(--navy-800); box-shadow: var(--shadow-sm); }
.help-panel__icon .icon { width: 32px; height: 32px; stroke-width: 1.5; }
.help-panel__copy { flex: 1 1 380px; }
.help-panel__title { font-size: clamp(1.25rem, 1.05rem + .8vw, 1.6rem); }
.help-panel__copy p { margin-top: 6px; color: var(--text); }
@media (max-width: 560px) { .help-panel .btn { width: 100%; white-space: normal; } }

/* ---------- Cross-sector navigation ---------- */
.cross-sector { padding-top: 0; }
.cross-sector .section-head { align-items: center; margin-bottom: 20px; }
.cross-sector__title { display: flex; align-items: center; gap: 14px; font-size: clamp(1.25rem, 1.05rem + .8vw, 1.6rem); }
.cross-sector__title::before { content: ""; flex: none; width: 32px; height: 3px; border-radius: 2px; background: var(--red); }
.cross-sector__intro { color: var(--muted); }
.cross-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.cross-grid .sector-card { grid-template-columns: 38% 1fr; min-height: 150px; }
.cross-grid .sector-card__body { padding: 18px; }
.sector-card__media--icon { display: grid; place-items: center; background: linear-gradient(135deg, var(--navy-800), var(--navy-700)); color: #fff; }
.sector-card__media--icon .icon { width: 48px; height: 48px; stroke-width: 1.4; }
@media (max-width: 1100px) { .cross-grid { grid-template-columns: 1fr; } }
@media (max-width: 480px) {
  .cross-grid .sector-card { grid-template-columns: 1fr; }
  .sector-card__media--icon { min-height: 110px; }
}