/* Channelers Catalog for Tilda. No orange. */
:root{
  --ch-bg:#fbfaf7;
  --ch-card:#ffffff;
  --ch-text:#171717;
  --ch-muted:#6f6a60;
  --ch-line:#e8e0d2;
  --ch-gold:#b99655;
  --ch-gold-dark:#8e6f35;
  --ch-soft:#f4efe6;
  --ch-radius:22px;
  --ch-shadow:0 18px 55px rgba(35,27,14,.08);
  --ch-top-offset:136px; /* десктопный отступ под закреплённую шапку Tilda; увеличен примерно на 30% */
}
#channelersCatalog, #channelersCatalog *{box-sizing:border-box}
#channelersCatalog{font-family:Montserrat,Arial,sans-serif;color:var(--ch-text);background:var(--ch-bg);padding:var(--ch-top-offset) 0 56px;scroll-margin-top:var(--ch-top-offset)}
.ch-wrap{max-width:1180px;margin:0 auto;padding:0 20px}
.ch-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:22px}
.ch-title{font-family:Montserrat,Arial,sans-serif;font-size:clamp(28px,4vw,46px);line-height:1.05;margin:0;font-weight:650;letter-spacing:-.03em}
.ch-subtitle{margin:12px 0 0;color:var(--ch-muted);font-size:16px;line-height:1.55;max-width:720px}
.ch-count{white-space:nowrap;color:var(--ch-muted);font-size:14px;border:1px solid var(--ch-line);border-radius:999px;padding:10px 14px;background:#fff}
.ch-filters{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;margin:24px 0 24px;padding:14px;border:1px solid var(--ch-line);background:#fff;border-radius:18px;box-shadow:0 8px 30px rgba(35,27,14,.04)}
.ch-field{display:flex;flex-direction:column;gap:6px}
.ch-label{font-size:12px;color:var(--ch-muted);letter-spacing:.03em;text-transform:uppercase}
.ch-select,.ch-search{width:100%;border:1px solid var(--ch-line);border-radius:14px;background:var(--ch-soft);padding:13px 14px;font-size:15px;color:var(--ch-text);outline:none;appearance:auto}
.ch-select:focus,.ch-search:focus{border-color:var(--ch-gold);box-shadow:0 0 0 3px rgba(185,150,85,.14)}
.ch-reset{align-self:end;border:1px solid var(--ch-line);border-radius:14px;background:#fff;color:var(--ch-text);padding:13px 16px;font-size:15px;cursor:pointer;transition:.18s}
.ch-reset:hover{border-color:var(--ch-gold);color:var(--ch-gold-dark)}
.ch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.ch-card{background:var(--ch-card);border:1px solid var(--ch-line);border-radius:var(--ch-radius);box-shadow:var(--ch-shadow);overflow:hidden;display:flex;flex-direction:column;min-height:100%;transition:transform .18s,border-color .18s,box-shadow .18s}
.ch-card:hover{transform:translateY(-2px);border-color:rgba(185,150,85,.45);box-shadow:0 22px 60px rgba(35,27,14,.11)}
.ch-photo{position:relative;aspect-ratio:1/1;background:linear-gradient(135deg,#f7f2e7,#ffffff);overflow:hidden}
.ch-photo img{width:100%;height:100%;object-fit:cover;display:block}
.ch-photo-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:54px;font-weight:500;color:var(--ch-gold-dark);background:linear-gradient(135deg,#f8f4eb,#fff)}
.ch-body{padding:20px;display:flex;flex-direction:column;gap:14px;flex:1}
.ch-name{font-size:20px;line-height:1.2;margin:0;font-weight:650;letter-spacing:-.02em}
.ch-meta{display:grid;gap:7px;color:var(--ch-muted);font-size:14px;line-height:1.35}
.ch-meta strong{color:var(--ch-text);font-weight:550}
.ch-price{display:inline-flex;align-items:center;width:max-content;max-width:100%;padding:8px 11px;border-radius:999px;background:var(--ch-soft);border:1px solid var(--ch-line);font-size:14px;color:var(--ch-text)}
.ch-actions{display:grid;grid-template-columns:1fr;gap:10px;margin-top:auto}
.ch-btn{display:inline-flex;align-items:center;justify-content:center;text-align:center;border-radius:14px;padding:13px 15px;font-size:15px;line-height:1.2;text-decoration:none!important;cursor:pointer;transition:.18s;border:1px solid transparent;font-weight:550}
.ch-btn-more{background:var(--ch-text);color:#fff!important;border-color:var(--ch-text)}
.ch-btn-more:hover{background:#2a2a2a;color:#fff!important}
.ch-btn-tg{background:#fff;color:var(--ch-gold-dark)!important;border-color:var(--ch-gold)}
.ch-btn-tg:hover{background:var(--ch-soft);color:var(--ch-gold-dark)!important}
.ch-empty{padding:40px 22px;text-align:center;color:var(--ch-muted);border:1px dashed var(--ch-line);border-radius:22px;background:#fff}
.ch-modal{position:fixed;inset:0;z-index:999999;display:none}
.ch-modal.is-open{display:block}
.ch-modal-backdrop{position:absolute;inset:0;background:rgba(12,10,7,.48);backdrop-filter:blur(4px)}
.ch-modal-panel{position:relative;margin:36px auto;max-width:860px;max-height:calc(100vh - 72px);overflow:auto;background:#fff;border-radius:26px;box-shadow:0 30px 90px rgba(0,0,0,.24);border:1px solid rgba(255,255,255,.55)}
.ch-modal-top{display:grid;grid-template-columns:170px 1fr;gap:22px;padding:24px;border-bottom:1px solid var(--ch-line);background:linear-gradient(180deg,#fff,#fbfaf7)}
.ch-modal-photo{width:170px;height:170px;border-radius:22px;overflow:hidden;background:var(--ch-soft);border:1px solid var(--ch-line)}
.ch-modal-photo img{width:100%;height:100%;object-fit:cover;display:block}
.ch-modal-name{font-size:28px;line-height:1.1;margin:0 42px 12px 0;font-weight:650;letter-spacing:-.03em}
.ch-modal-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.ch-pill{border:1px solid var(--ch-line);background:#fff;border-radius:999px;padding:8px 10px;font-size:14px;color:var(--ch-muted)}
.ch-modal-actions{display:flex;gap:10px;flex-wrap:wrap}
.ch-modal-content{padding:26px 28px 30px;font-size:16px;line-height:1.65;color:var(--ch-text);white-space:pre-wrap}
.ch-close{position:absolute;top:18px;right:18px;width:40px;height:40px;border-radius:50%;border:1px solid var(--ch-line);background:#fff;color:var(--ch-text);font-size:25px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}
.ch-close:hover{border-color:var(--ch-gold);color:var(--ch-gold-dark)}
body.ch-modal-lock{overflow:hidden}
@media(max-width:960px){.ch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ch-head{display:block}.ch-count{display:inline-flex;margin-top:14px}.ch-filters{grid-template-columns:1fr 1fr}.ch-reset{grid-column:1/-1}}
@media(max-width:640px){:root{--ch-top-offset:86px}#channelersCatalog{padding:var(--ch-top-offset) 0 44px}.ch-wrap{padding:0 14px}.ch-grid{grid-template-columns:1fr}.ch-filters{grid-template-columns:1fr;padding:12px}.ch-modal-panel{margin:0;max-width:none;max-height:100vh;min-height:100vh;border-radius:0}.ch-modal-top{grid-template-columns:92px 1fr;padding:18px 16px;gap:14px}.ch-modal-photo{width:92px;height:92px;border-radius:16px}.ch-modal-name{font-size:22px;margin-right:42px}.ch-modal-content{padding:20px 16px 28px;font-size:15px}.ch-modal-actions{display:grid}.ch-btn{width:100%}}


/* Floating navigation controls: keep Tilda “back to top” / accessibility buttons on the very left edge,
   so they do not overlap the “Написать в соцсети” floating widget. */
a.t-skiplink,
a.t-skip-link,
a.skip-link,
a.skip-to-content,
.t-skiplink,
.t-skip-link,
.skip-link,
.skip-to-content,
.t-upwidget,
.t-upwidget__wrapper,
.t-upwidget__button,
.t-btn-up,
.t-arrow-top,
.t-scrolltop,
.t-scrolltop__btn,
.t-back-to-top,
.t-back-to-top__btn,
.bf702,
.bf702__btn{
  left:0!important;
  right:auto!important;
  transform:none!important;
  margin-left:0!important;
  margin-right:0!important;
}
@media(max-width:640px){
  a.t-skiplink,
  a.t-skip-link,
  a.skip-link,
  a.skip-to-content,
  .t-skiplink,
  .t-skip-link,
  .skip-link,
  .skip-to-content,
  .t-upwidget,
  .t-upwidget__wrapper,
  .t-upwidget__button,
  .t-btn-up,
  .t-arrow-top,
  .t-scrolltop,
  .t-scrolltop__btn,
  .t-back-to-top,
  .t-back-to-top__btn,
  .bf702,
  .bf702__btn{
    left:0!important;
    right:auto!important;
    transform:none!important;
  }
}


/* V10: extra direct left-edge rules for native and Tilda back-to-top controls. */
html body a[href="#top"],
html body a[href="#allrecords"],
html body .t-upwidget,
html body .t-upwidget__wrapper,
html body .t-upwidget__button,
html body .t-btn-up,
html body .t-arrow-top,
html body .t-scrolltop,
html body .t-scrolltop__btn,
html body .t-back-to-top,
html body .t-back-to-top__btn,
html body .bf702,
html body .bf702__btn,
html body .bf702a,
html body .bf702a__btn{
  left:0!important;
  right:auto!important;
  transform:none!important;
  margin-left:0!important;
  margin-right:0!important;
}