/* Стили страницы farms.html — вынесены из разметки (03.10.2026) */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html,body{background:var(--gr50);font-family:var(--font-text);color:var(--gr800)}

/* Крошки и сетка — как на blog.html (эталон) */
.bc{background:var(--gr50);border-bottom:1px solid var(--gr100)}
.bc-inner{max-width:var(--page-max,1200px);margin:0 auto;padding:10px 24px;font-size:13px;color:var(--gr400)}
.bc-inner a{color:var(--g600);text-decoration:none}
.page{max-width:var(--page-max,1200px);margin:0 auto;padding:32px 24px 64px}
h1{font-family:var(--font-display);font-size:var(--fs-2xl,32px);font-weight:800;margin-bottom:6px}
.sub{font-size:var(--fs-base);color:var(--gr500);margin-bottom:22px}

/* ── Фильтры ── */

/* ── Поиск и фильтры (04.10.2026) ── */
.filters{background:#fff;border:1px solid var(--gr100);border-radius:var(--r-lg);padding:14px;margin-bottom:14px;box-shadow:0 1px 2px rgba(15,61,46,.04)}
.f-top{display:grid;grid-template-columns:minmax(220px,1.5fr) 3fr;gap:10px;align-items:center}
.f-input,.f-select{
  width:100%;height:44px;padding:0 12px;border:1.5px solid var(--gr200);border-radius:12px;
  font-size:15px;font-family:var(--font-text);color:var(--gr800);background:#fff;outline:none;transition:border-color .15s,box-shadow .15s;
}
.f-input:focus,.f-select:focus{border-color:var(--g500);box-shadow:0 0 0 3px rgba(26,107,66,.10)}
.f-search{position:relative;min-width:0}
.filters,.f-top,.f-chips{min-width:0;max-width:100%}
.f-search .f-input{padding-left:40px;padding-right:38px;background:var(--cream,#faf8f3);border-color:transparent}
.f-search .f-input:focus{background:#fff;border-color:var(--g500)}
.f-search .f-input::-webkit-search-cancel-button{display:none}
.f-search-ico{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--gr400);display:flex;pointer-events:none}
.f-clear{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:30px;height:30px;border:0;border-radius:50%;background:var(--gr100);color:var(--gr600);font-size:18px;line-height:1;cursor:pointer;display:none}
.f-search.has-q .f-clear{display:block}
.f-open{display:none}
.f-panel{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:10px;align-items:end}
.f-panel-head,.f-show{display:none}
.f-field{display:block;min-width:0}
.f-field .f-lbl{display:none}
.f-panel-foot{display:flex;align-items:center}
.f-reset{font-size:13px;color:var(--gr500);background:none;border:none;cursor:pointer;padding:0 4px;white-space:nowrap;height:44px}
.f-reset:hover{color:var(--g600)}
.f-chips{display:flex;gap:8px;align-items:center;margin-top:12px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.f-chips::-webkit-scrollbar{display:none}
.f-chip{
  flex-shrink:0;display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border:1.5px solid var(--gr200);
  border-radius:var(--r-full);background:#fff;font:600 14px/1 var(--font-text);color:var(--gr700,#444);cursor:pointer;transition:.15s;white-space:nowrap;
}
.f-chip .n{font-weight:500;color:var(--gr400);font-size:13px}
.f-chip:hover{border-color:var(--g400)}
.f-chip.on{background:var(--g800);border-color:var(--g800);color:#fff}
.f-chip.on .n{color:rgba(255,255,255,.7)}
.f-chip.on::before{content:'✓';font-size:12px}
.f-chip[hidden]{display:none}
.f-backdrop{display:none}
.f-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 2px 14px;min-width:0}
.f-count{font-size:14px;color:var(--gr500);white-space:nowrap;flex-shrink:0}
.f-count b{color:var(--gr800)}
.f-sort{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--gr500);white-space:nowrap;min-width:0}
.f-sort .ks-wrap{min-width:0}
.f-sort .f-select{height:34px;width:auto;border:0;background:transparent;font-weight:600;color:var(--g800);padding:0 4px;font-size:14px;cursor:pointer}
.f-sort .f-select:focus{box-shadow:none}

@media(max-width:900px){
  .f-top{grid-template-columns:minmax(0,1fr) auto}
  .f-open{display:inline-flex;align-items:center;gap:7px;height:44px;padding:0 14px;border:1.5px solid var(--gr200);border-radius:12px;background:#fff;
    font:600 14px var(--font-text);color:var(--gr800);cursor:pointer;position:relative}
  .f-open.active{border-color:var(--g700);color:var(--g800)}
  .f-badge{display:none;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--g700);color:#fff;font-size:12px;line-height:20px;text-align:center}
  .f-open.active .f-badge{display:inline-block}
  /* шторка снизу */
  .f-panel{position:fixed;left:0;right:0;bottom:0;z-index:1001;display:block;background:#fff;border-radius:20px 20px 0 0;
    padding:8px 16px calc(16px + env(safe-area-inset-bottom));box-shadow:0 -10px 40px rgba(0,0,0,.15);
    transform:translateY(105%);transition:transform .25s ease;max-height:85vh;overflow-y:auto}
  .f-panel.open{transform:none}
  .f-panel::before{content:'';display:block;width:40px;height:4px;border-radius:2px;background:var(--gr200);margin:0 auto 6px}
  .f-panel-head{display:flex;align-items:center;justify-content:space-between;padding:6px 0 10px;font:700 19px var(--font-head,'Geologica',sans-serif);color:var(--g900)}
  .f-panel-x{width:36px;height:36px;border:0;border-radius:50%;background:var(--gr50,#f5f5f2);font-size:22px;line-height:1;color:var(--gr600);cursor:pointer}
  .f-field{margin-bottom:12px}
  .f-field .f-lbl{display:block;font-size:13px;font-weight:600;color:var(--gr600);margin-bottom:6px}
  .f-panel-foot{display:grid;grid-template-columns:auto 1fr;gap:10px;margin-top:6px}
  .f-show{display:block;height:48px;border:0;border-radius:12px;background:var(--g800);color:#fff;font:600 15px var(--font-text);cursor:pointer}
  .f-reset{height:48px;padding:0 14px;border:1.5px solid var(--gr200);border-radius:12px;color:var(--gr700,#444);font-weight:600;font-size:14px}
  .f-backdrop{display:block;position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.4);opacity:0;pointer-events:none;transition:opacity .2s}
  .f-backdrop.open{opacity:1;pointer-events:auto}
  .filters{padding:0;border:0;background:none;box-shadow:none;margin-bottom:10px}
  .f-search .f-input{background:#fff;border-color:var(--gr200)}
  .f-chips{margin:10px -16px 0;padding:0 16px;max-width:none}
  .f-sort>span{display:none}
  .f-bar{margin-bottom:10px}
}

/* ── Карточки ── */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.fc{background:#fff;border:1px solid var(--gr100);border-radius:var(--r-lg);padding:18px;text-decoration:none;color:inherit;display:flex;flex-direction:column;transition:.15s}
.fc:hover{border-color:var(--g400);box-shadow:var(--sh-md);transform:translateY(-3px)} /* как .card-link */
.fc-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}
.fc-ava{width:44px;height:44px;border-radius:var(--r-md);background:var(--g800);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:18px;flex-shrink:0}
.fc-name{font-family:var(--font-display);font-size:15px;font-weight:700;line-height:1.3;margin-bottom:4px}
.fc-meta{font-size:13px;color:var(--gr400);display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.fc-badges{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
.fc-badge{font-size:12px;font-weight:600;padding:3px 9px;border-radius:var(--r-full);background:var(--gr50);color:var(--gr500);border:1px solid var(--gr100)}
.fc-badge.ok{background:var(--g50);color:var(--g700);border-color:var(--g100)}
.fc-badge.dn{background:#eff6ff;color:#1d4ed8;border-color:#dbeafe}
.fc-badge.plem{background:var(--straw-50,#fbf1dc);color:var(--straw-ink,#8a5a0b);border-color:var(--straw-100,#f3e0b5)}
.fc-status{font-size:12px;color:var(--gr400);margin:auto 0 0;padding-top:10px;border-top:1px solid var(--gr50)}
.fc-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px 0;border-top:1px solid var(--gr50);margin-top:auto}
.fc-stat{text-align:center}
.fc-num{font-family:var(--font-display);font-size:16px;font-weight:800;color:var(--gr800)}
.fc-lbl{font-size:12px;color:var(--gr400);text-transform:uppercase;letter-spacing:.3px;margin-top:2px}
.fc-rating{color:var(--amber);font-weight:700}
.empty{grid-column:1/-1;text-align:center;padding:56px 20px;color:var(--gr400)}
.more{display:flex;margin:20px auto 0} /* сама кнопка — .btn .btn-secondary */

@media(max-width:600px){
  .grid{grid-template-columns:1fr}
  .page{padding:20px 16px 48px}
}

/* ═══ Редизайн 04.10.2026 — в стиле главной ═══ */
h1{font-size:clamp(28px,3.4vw,38px);letter-spacing:-.5px;line-height:1.15;color:var(--g900)}
.fc-badge{background:var(--cream);border-color:var(--gr100)}
.fc-stats{border-top-color:var(--gr100)}
.fc-num{color:var(--g900)}
@media (max-width:768px){h1{font-size:26px}}