/* fv-cta.css — премиум-вид партнёрских кнопок и блоков со скидками.
   Отдельный файл: assets/fv-site.css правится только руками, и трогать его
   скриптом нельзя. Подключается перед </head>, поэтому идёт последним и
   перебивает контекстные правила вида .fv-exp-ctx a при равной специфичности.
   Классы ставит fv_cta_polish.py, блоки со скидками — fv_deals_block.py.
   Автор правки: вручную, 17.08.2026. */

/* ── кнопка ───────────────────────────────────────────────────────────── */
a.fv-cta{
  display:inline-flex;align-items:center;justify-content:center;gap:.5em;
  min-height:46px;padding:12px 22px;margin:8px 10px 8px 0;
  border-radius:999px;border:0;
  background:linear-gradient(135deg,#ffd23f 0%,#ffb800 55%,#f0a500 100%);
  color:#101725;
  font-family:var(--font-head,'Plus Jakarta Sans',system-ui,sans-serif);
  font-size:.94rem;font-weight:700;line-height:1.2;letter-spacing:.01em;
  text-align:center;text-decoration:none;
  box-shadow:0 6px 18px rgba(255,184,0,.18),inset 0 1px 0 rgba(255,255,255,.45);
  transition:transform .18s var(--ease,cubic-bezier(.16,1,.3,1)),box-shadow .18s,filter .18s;
  -webkit-tap-highlight-color:transparent;
}
a.fv-cta:visited{color:#101725}
a.fv-cta:hover{
  color:#101725;transform:translateY(-2px);filter:saturate(1.06);
  box-shadow:0 10px 26px rgba(255,184,0,.30),inset 0 1px 0 rgba(255,255,255,.5);
}
a.fv-cta:active{transform:translateY(0)}
a.fv-cta:focus-visible{outline:3px solid rgba(255,210,63,.55);outline-offset:3px}
a.fv-cta .fv-cta__ar{transition:transform .18s ease;display:inline-block}
a.fv-cta:hover .fv-cta__ar{transform:translateX(3px)}

/* вторая и следующие кнопки в одном блоке — вторичные, чтобы не было
   «стены золота» и было видно, куда жать в первую очередь */
a.fv-cta.fv-cta--ghost{
  background:transparent;color:var(--gold2,#ffd23f);
  border:1px solid rgba(255,184,0,.45);box-shadow:none;
}
a.fv-cta.fv-cta--ghost:hover{
  color:var(--gold2,#ffd23f);background:rgba(255,184,0,.10);
  box-shadow:0 6px 18px rgba(255,184,0,.12);
}

/* на телефоне палец попадает по кнопке во всю ширину */
@media (max-width:560px){
  a.fv-cta{display:flex;width:100%;margin-right:0}
}
@media (prefers-reduced-motion:reduce){
  a.fv-cta,a.fv-cta .fv-cta__ar{transition:none}
  a.fv-cta:hover{transform:none}
}

/* ── партнёрская ссылка внутри текста ─────────────────────────────────── */
a.fv-ilink{
  color:var(--gold2,#ffd23f);font-weight:600;text-decoration:underline;
  text-decoration-color:rgba(255,184,0,.45);text-decoration-thickness:1px;
  text-underline-offset:3px;
}
a.fv-ilink:hover{text-decoration-color:var(--gold,#ffb800)}

/* ── блок «реальная акция» ────────────────────────────────────────────── */
.fv-deal{
  display:flex;gap:14px;align-items:flex-start;margin:20px 0;padding:15px 17px;
  border-radius:16px;border:1px solid rgba(255,184,0,.28);
  background:linear-gradient(135deg,rgba(255,184,0,.10),rgba(255,184,0,.03));
}
.fv-deal__ic{font-size:1.45rem;line-height:1.2;flex:0 0 auto}
.fv-deal__b{flex:1 1 auto;min-width:0}
.fv-deal__badge{
  display:inline-block;padding:3px 9px;border-radius:999px;
  background:var(--gold,#ffb800);color:#101725;
  font-size:.66rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;
}
.fv-deal__t{
  margin:9px 0 5px;font-size:1.03rem;font-weight:700;line-height:1.35;
  color:var(--text,#e8eef7);
  font-family:var(--font-head,'Plus Jakarta Sans',system-ui,sans-serif);
}
.fv-deal__d{margin:0;font-size:.92rem;line-height:1.6;color:var(--text2,#c8d6e5)}
.fv-deal__meta{margin:9px 0 0;font-size:.72rem;line-height:1.5;color:var(--text3,#8fa3bd)}
.fv-deal .fv-cta{margin-bottom:2px}
@media (max-width:560px){
  .fv-deal{flex-direction:column;gap:8px}
}