/* Общая оболочка сайта: палитра, шрифты, шапка, подвал.
   Макет: Claude Design, проект «Редизайн промокодной страницы», артборд 4a.
   Подключается ПОСЛЕ custom.css и перекрывает старую шапку.
   В разделе «Промокоды» не подключается — там своя оболочка (promo.css). */

:root{
  --fh-ink:#0A0A0A;
  --fh-acid:#C8FF00;
  --fh-violet:#6C3BFF;
  --fh-paper:#fff;
  --fh-bg:#F7F7F5;
  --fh-line:#F2F2EE;
  --fh-muted:rgba(10,10,10,.55);
}

[data-theme="dark"]{
  --fh-ink:#F2F2EE;
  --fh-paper:#1E1E1E;
  --fh-bg:#141414;
  --fh-line:#2A2A2A;
  --fh-muted:rgba(242,242,238,.55);
}

body{font-family:'Onest',system-ui,-apple-system,sans-serif}

/* ── ШАПКА ──────────────────────────────────────────────
   Разметка своя, классов elementor-* в ней нет: цель — чтобы плагин можно
   было выкинуть целиком. custom.js меряет высоту шапки теперь по .fh-head. */
.fh-head{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:18px 32px;border-bottom:2px solid var(--fh-ink);
  background:var(--fh-paper);color:var(--fh-ink);
  width:100%;max-width:none;margin:0;box-sizing:border-box;
}
[data-theme="dark"] .fh-head{background:var(--fh-paper)}

.fh-head-left{display:flex;align-items:center;gap:28px;min-width:0}
.fh-brand{font:800 22px/1 'Unbounded',system-ui,sans-serif;letter-spacing:-.02em;color:var(--fh-ink);text-decoration:none;white-space:nowrap}
.fh-brand:hover{color:var(--fh-ink)}

.fh-head .fh-nav{display:block}
.fh-head .fh-nav-list{display:flex;align-items:center;gap:18px;margin:0;padding:0;list-style:none}
.fh-head .fh-nav-list li{margin:0;padding:0}
.fh-head .fh-nav-list a{
  font:600 14px/1 'Onest',system-ui,sans-serif;color:var(--fh-ink);
  text-decoration:none;opacity:.55;padding:6px 12px;margin:-6px -4px;border-radius:999px;
}
.fh-head .fh-nav-list a:hover{opacity:1}
.fh-head .fh-nav-list .current-menu-item a{opacity:1;background:var(--fh-acid);color:#0A0A0A}

.fh-head-right{display:flex;align-items:center;gap:8px}
.fh-btn-dark,.fh-btn-line{
  font:700 13px/1 'Onest',system-ui,sans-serif;border-radius:999px;
  text-decoration:none;white-space:nowrap;cursor:pointer;
}
.fh-btn-dark{padding:9px 16px;background:var(--fh-ink);color:var(--fh-paper);border:2px solid var(--fh-ink)}
.fh-btn-dark:hover{background:var(--fh-violet);border-color:var(--fh-violet);color:#fff}
.fh-btn-line{padding:9px 14px;border:2px solid var(--fh-ink);color:var(--fh-ink);background:none}
.fh-btn-line:hover{background:var(--fh-acid);color:#0A0A0A;border-color:#0A0A0A}

.fh-head #theme-toggle,.fh-head .theme-toggle{
  width:38px;height:38px;flex:none;border:2px solid var(--fh-ink);border-radius:999px;
  background:none;color:var(--fh-ink);display:flex;align-items:center;justify-content:center;
  padding:0;box-shadow:none;
}
.fh-head #theme-toggle:hover{background:var(--fh-ink);color:var(--fh-paper)}
.fh-head #theme-toggle svg{width:17px;height:17px;fill:currentColor}
.fh-head .icon-sun{display:none}
[data-theme="dark"] .fh-head .icon-sun{display:block}
[data-theme="dark"] .fh-head .icon-moon{display:none}

.fh-search-btn{
  display:none;width:38px;height:38px;flex:none;border:2px solid var(--fh-ink);border-radius:999px;
  background:none;color:var(--fh-ink);align-items:center;justify-content:center;padding:0;cursor:pointer;
}
.fh-search-btn svg{width:15px;height:15px;fill:currentColor}
.fh-search-btn:hover{background:var(--fh-acid);color:#0A0A0A}

/* ── ПОДВАЛ ─────────────────────────────────────────────
   Разметка подвала не трогалась — она несёт правовой блок со ссылками,
   дописанный 04.08.2026. Здесь только перекраска под общий язык. */
#site-footer.site-footer{
  border-top:2px solid var(--fh-ink);background:var(--fh-paper);color:var(--fh-ink);
  padding:26px 32px 34px;
}
#site-footer .site-title a,#site-footer a{color:var(--fh-ink)}
#site-footer .site-description{color:var(--fh-muted);font:500 13px/1.5 'Onest',system-ui,sans-serif}
#site-footer .fh-footer-links a,#site-footer nav a{text-decoration:underline}
#site-footer .fh-footer-links a:hover,#site-footer nav a:hover{color:var(--fh-violet)}

/* ── АДАПТИВ ────────────────────────────────────────────── */
@media (max-width:900px){
  .fh-head{flex-wrap:wrap;gap:10px;padding:14px 16px}
  .fh-head-left{width:100%;gap:12px;flex-wrap:wrap}
  .fh-brand{font-size:18px}
  .fh-head .fh-nav-list{gap:10px}
  .fh-head .fh-nav-list a{font-size:13px;padding:5px 10px}
  .fh-head-right{width:100%;justify-content:flex-start}
  .fh-search-btn{display:flex}
  #site-footer.site-footer{padding-left:16px;padding-right:16px}
}
@media (max-width:520px){
  .fh-btn-dark,.fh-btn-line{padding:8px 12px;font-size:12px}
}

/* ══ ЛЕНТА ═══════════════════════════════════════════════
   Макет: артборд 4a. Карточка потеряла обложку и получила плашку банка,
   номинал крупно и кнопку «Как получить» вместо раскрытия текста в ленте. */

/* align-items не задаём: по умолчанию stretch, и карточки в строке выходят
   одной высоты. С align-items:start они были разной длины и лента рябила. */
.posts-feed{display:grid;grid-template-columns:1fr 1fr;gap:18px}

.fh-card{
  display:flex;flex-direction:column;background:var(--fh-paper);
  border:2px solid var(--fh-ink);border-radius:20px;box-shadow:5px 5px 0 var(--fh-ink);
  overflow:hidden;color:var(--fh-ink);
}
.fh-card.is-expired{opacity:.6;box-shadow:none}
.fh-card-body{padding:22px;display:flex;flex-direction:column;gap:14px;flex:1}

.fh-card-expired{
  display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;
  padding:12px 22px;background:var(--fh-line);border-bottom:2px solid var(--fh-ink);
  font:700 12px/1.3 'Onest',system-ui,sans-serif;
}
.fh-card-expired a{color:var(--fh-violet);text-decoration:underline;font-weight:600}

.fh-card-head{display:flex;align-items:center;gap:11px;min-width:0}
.fh-card-tile{
  width:40px;height:40px;flex:none;border-radius:10px;display:flex;align-items:center;justify-content:center;
  font:800 17px/1 'Unbounded',system-ui,sans-serif;
}
.fh-card-who{min-width:0;display:block}
.fh-card-bank{display:block;font:700 14px/1.2 'Onest',system-ui,sans-serif;color:var(--fh-ink);text-decoration:none}
.fh-card-bank:hover{color:var(--fh-violet)}
.fh-card-kind{display:block;margin-top:3px;font:600 11.5px/1 'Onest',system-ui,sans-serif;color:var(--fh-muted)}

.fh-card-value{font:900 40px/1 'Unbounded',system-ui,sans-serif;letter-spacing:-.04em;white-space:nowrap;overflow-wrap:anywhere}
/* Словесный номинал переносится и набирается мельче: «Инструкции» в 40px
   шире колонки и вылезали за карточку. */
.fh-card-value.is-word{font-size:28px;line-height:1.05;white-space:normal}
.fh-card-title{margin:8px 0 0;font:700 16px/1.3 'Onest',system-ui,sans-serif}
.fh-card-title a{color:var(--fh-ink);text-decoration:none}
.fh-card-title a:hover{color:var(--fh-violet)}
.fh-card-excerpt{font:400 13.5px/1.5 'Onest',system-ui,sans-serif;color:var(--fh-muted)}

.fh-card-tags{display:flex;gap:7px;flex-wrap:wrap}
.fh-tag-acid{padding:6px 11px;border-radius:999px;background:var(--fh-acid);color:#0A0A0A;font:700 11.5px/1 'Onest',system-ui,sans-serif;white-space:nowrap}
.fh-tag-line{padding:6px 11px;border-radius:999px;border:2px solid rgba(10,10,10,.15);color:var(--fh-muted);font:600 11.5px/1 'Onest',system-ui,sans-serif;white-space:nowrap}
[data-theme="dark"] .fh-tag-line{border-color:rgba(242,242,238,.2)}

.fh-card-foot{margin-top:auto;display:flex;flex-direction:column;gap:9px}
.fh-card-cta{
  padding:14px 18px;border-radius:12px;background:var(--fh-ink);color:var(--fh-paper);
  font:700 13.5px/1 'Onest',system-ui,sans-serif;text-align:center;text-decoration:none;
}
.fh-card-cta:hover{background:var(--fh-violet);color:#fff}
.fh-card-ad{font:400 10.5px/1.4 'Onest',system-ui,sans-serif;color:var(--fh-muted);opacity:.7}

/* Кнопка «Показать ещё» */
.feed-load-more{display:flex;justify-content:center;margin-top:22px}
.feed-load-more-btn{
  padding:15px 28px;border:2px solid var(--fh-ink);border-radius:999px;background:var(--fh-paper);
  color:var(--fh-ink);font:700 14px/1 'Onest',system-ui,sans-serif;cursor:pointer;
}
.feed-load-more-btn:hover{background:var(--fh-acid);color:#0A0A0A}

@media (max-width:1100px){ .posts-feed{grid-template-columns:1fr} }
@media (max-width:700px){
  .fh-card-body{padding:18px;gap:12px}
  .fh-card-value{font-size:32px}
  .fh-card{border-radius:18px;box-shadow:4px 4px 0 var(--fh-ink)}
}

/* ══ ГЕРОЙ И РАСКЛАДКА ГЛАВНОЙ ═══════════════════════════ */

.fh-main{max-width:1320px;margin:0 auto}

.fh-hero{
  padding:34px 32px 26px;background:var(--fh-acid);color:#0A0A0A;
  border-bottom:2px solid var(--fh-ink);
  display:grid;grid-template-columns:1fr auto;gap:24px;align-items:end;
}
.fh-hero h1{margin:0;font:900 52px/.98 'Unbounded',system-ui,sans-serif;letter-spacing:-.035em;color:#0A0A0A;text-wrap:balance}
.fh-hero p{margin:14px 0 0;font:500 15px/1.45 'Onest',system-ui,sans-serif;color:rgba(10,10,10,.7);max-width:560px}
.fh-hero-num{text-align:right;font:600 14px/1.4 'Onest',system-ui,sans-serif;white-space:nowrap}
.fh-hero-num b{display:block;font:900 44px/1 'Unbounded',system-ui,sans-serif;letter-spacing:-.03em}
.fh-hero-num span{opacity:.6}

.fh-layout{
  display:grid;grid-template-columns:1fr 336px;gap:24px;align-items:start;
  padding:24px 32px 34px;background:var(--fh-bg);
}
.fh-side{display:flex;flex-direction:column;gap:16px;position:sticky;top:16px;min-width:0}

/* ── карточки сайдбара ─────────────────────────────────── */
.fh-side-card,.fh-side .sidebar-widget,.fh-side #custom-filter-form{
  padding:22px;border:2px solid var(--fh-ink);border-radius:20px;background:var(--fh-paper);
}
.fh-side-social{background:var(--fh-acid);color:#0A0A0A;border-color:#0A0A0A}
.fh-side-title{font:900 22px/1.1 'Unbounded',system-ui,sans-serif;letter-spacing:-.03em}
.fh-side-social p{margin:9px 0 0;font:500 13.5px/1.5 'Onest',system-ui,sans-serif;color:rgba(10,10,10,.72)}
.fh-side-links{margin-top:16px;display:flex;flex-direction:column;gap:9px}
.fh-side-links a{padding:14px 16px;border-radius:12px;font:700 13.5px/1 'Onest',system-ui,sans-serif;text-align:center;text-decoration:none}
.fh-side-tg{background:#0A0A0A;color:#fff}
.fh-side-tg:hover{background:var(--fh-violet);color:#fff}
.fh-side-max{background:#fff;border:2px solid #0A0A0A;color:#0A0A0A}
.fh-side-max:hover{background:#0A0A0A;color:#fff}

.fh-side .sidebar-widget-title{
  display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:0 0 14px;
  font:800 17px/1 'Unbounded',system-ui,sans-serif;letter-spacing:-.02em;color:var(--fh-ink);cursor:pointer;
}
.fh-side .sidebar-widget-title-all{font:600 12px/1 'Onest',system-ui,sans-serif;color:var(--fh-violet);text-decoration:underline;white-space:nowrap}
.fh-side .sidebar-widget-list{display:flex;flex-direction:column;gap:14px}
.fh-side .sidebar-widget-item{display:grid;grid-template-columns:56px 1fr;gap:12px;align-items:center;text-decoration:none}
.fh-side .sidebar-widget-thumb{width:56px;height:56px;object-fit:cover;border-radius:10px;border:2px solid rgba(10,10,10,.12)}
.fh-side .sidebar-widget-text{font:600 13.5px/1.35 'Onest',system-ui,sans-serif;color:var(--fh-ink)}
.fh-side .sidebar-widget-item:hover .sidebar-widget-text{color:var(--fh-violet)}
.fh-side .sidebar-widget-expiry{margin-top:5px;font:700 11.5px/1 'Onest',system-ui,sans-serif;color:var(--fh-violet)}

/* ── форма фильтров ────────────────────────────────────── */
.fh-side #custom-filter-form{display:flex;flex-direction:column;gap:12px}
.fh-side .filter-row{display:flex;flex-wrap:wrap;gap:10px}
.fh-side .filter-row:first-child{flex-wrap:nowrap}
.fh-side .filter-row:first-child .filter-search{flex:1;min-width:0}
.fh-side .filter-row:not(:first-child){flex-direction:column}
.fh-side .filter-search,.fh-side .filter-select,.fh-side .searchable-select-trigger{
  width:100%;padding:13px 16px;border:2px solid var(--fh-ink);border-radius:999px;
  font:500 14px/1 'Onest',system-ui,sans-serif;background:var(--fh-paper);color:var(--fh-ink);
}
.fh-side .filter-submit{
  padding:13px 20px;border:2px solid var(--fh-ink);border-radius:999px;background:var(--fh-ink);
  color:var(--fh-paper);font:700 13.5px/1 'Onest',system-ui,sans-serif;cursor:pointer;
}
.fh-side .filter-submit:hover{background:var(--fh-violet);border-color:var(--fh-violet);color:#fff}

/* ── кнопка подписки ───────────────────────────────────── */
.fh-subscribe-btn{
  display:inline-block;padding:12px 20px;border-radius:999px;background:var(--fh-ink);color:var(--fh-paper);
  font:700 13.5px/1 'Onest',system-ui,sans-serif;text-decoration:none;
}
.fh-subscribe-btn:hover{background:var(--fh-violet);color:#fff}

@media (max-width:1100px){
  .fh-layout{grid-template-columns:1fr;padding:20px 18px 28px}
  .fh-side{position:static}
  .fh-hero{grid-template-columns:1fr;padding:26px 18px 22px}
  .fh-hero h1{font-size:34px}
  .fh-hero-num{text-align:left}
  .fh-hero-num b{font-size:34px}
}
@media (max-width:700px){
  .fh-hero h1{font-size:30px}
  .fh-hero p{font-size:13.5px}
}

/* ══ ВКЛАДКИ ЛЕНТЫ ═══════════════════════════════════════
   Сегменты по макету 4a: пилюли в общей рамке, активная — чёрная. */

.filter-tabs-wrap{margin:0 0 18px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.filter-tabs-wrap::-webkit-scrollbar{display:none}
.filter-tabs-wrap::after{display:none}

#filter-tabs-bar{
  display:inline-flex;gap:5px;padding:5px;border:2px solid var(--fh-ink);border-radius:999px;
  background:var(--fh-line);width:auto;min-width:0;
}
#filter-tabs-bar .filter-tab{border:0;margin:0;padding:0;background:none;flex:none}
#filter-tabs-bar .filter-tab-link{
  display:block;padding:10px 18px;border-radius:999px;text-decoration:none;white-space:nowrap;
  font:600 13px/1 'Onest',system-ui,sans-serif;color:var(--fh-ink);border:0;
}
#filter-tabs-bar .filter-tab-link svg{display:none}
#filter-tabs-bar .filter-tab-link:hover{background:var(--fh-acid);color:#0A0A0A}
#filter-tabs-bar .filter-tab-active .filter-tab-link{background:var(--fh-ink);color:var(--fh-paper);font-weight:700}
#filter-tabs-bar .filter-tab-active .filter-tab-link:hover{background:var(--fh-ink);color:var(--fh-paper)}

/* ══ ПОЛОСА ПОДПИСКИ ═════════════════════════════════════
   Разметку рисует pwa-subscribe.js, здесь только оформление. */

.subscribe-box{
  margin:0 32px 18px;padding:16px 22px;border:2px solid var(--fh-ink);border-radius:20px;
  background:var(--fh-acid);color:#0A0A0A;
}
.subscribe-main{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.subscribe-box-text{font:700 15px/1.3 'Onest',system-ui,sans-serif;color:#0A0A0A}
.subscribe-box-text p{margin:0}
.subscribe-instruction-text{margin-top:10px;font:500 13.5px/1.5 'Onest',system-ui,sans-serif;color:rgba(10,10,10,.72)}
.subscribe-box .fh-subscribe-btn{background:#0A0A0A;color:#fff}
.subscribe-box .fh-subscribe-btn:hover{background:var(--fh-violet)}

@media (max-width:1100px){ .subscribe-box{margin:0 18px 16px} }