/* rf_smart_feed.css — блок «Подобрано для вас» (19.10.2026). Подключается только вместе с блоком (под ключом);
   при выпуске для всех — перенос в css/addons/abt__unitheme2/rf_custom.less. Карточки — штатные классы темы. */
.rf-sf-outer { margin: 8px 0 34px; }
.rf-sf { position: relative; }
.rf-sf__head { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 22px; margin: 0 0 16px; }
.rf-sf__title { margin: 0; font-size: 24px; font-weight: 800; line-height: 1.2; color: #121212; }
.rf-sf__tabs { display: flex; flex: 1 1 auto; gap: 8px; overflow-x: auto; scrollbar-width: none; padding-bottom: 2px; }
.rf-sf__tabs::-webkit-scrollbar { display: none; }
.rf-sf__tab { flex: 0 0 auto; display: flex; flex-direction: column; align-items: flex-start; gap: 1px; padding: 7px 12px 8px; border: 1px solid #e3e3ea;
  border-radius: 12px; background: #fff; color: #121212; cursor: pointer; text-align: left; transition: border-color .15s, background .15s; }
.rf-sf__tab:hover { border-color: #6b1cff; }
.rf-sf__tab.active { border-color: #6b1cff; background: #f3edff; }
.rf-sf__tab-n { font-size: 13px; font-weight: 800; line-height: 1.2; }
.rf-sf__tab-t { font-size: 12px; color: #6d6d78; line-height: 1.2; white-space: nowrap; }
.rf-sf__tab.active .rf-sf__tab-t { color: #4b1bb8; }
/* формулы «без истории» (табы «Новым 1…4» видят только свои): пунктир и зелёный акцент */
.rf-sf__tab--cold { border-style: dashed; }
.rf-sf__tab--cold:hover, .rf-sf__tab--cold.active { border-color: #1f8a4c; }
.rf-sf__tab--cold.active { background: #ecf8f1; }
.rf-sf__tab--cold.active .rf-sf__tab-t { color: #17663a; }
.rf-sf__auto { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 8px; cursor: pointer; user-select: none; margin-left: auto; }
.rf-sf__auto-input { position: absolute; opacity: 0; pointer-events: none; }
.rf-sf__auto-track { position: relative; width: 34px; height: 20px; border-radius: 10px; background: #d5d5de; transition: background .15s; }
.rf-sf__auto-knob { position: absolute; top: 2px; left: 2px; width: 16px; height: 16px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.25); transition: left .15s; }
.rf-sf__auto-input:checked + .rf-sf__auto-track { background: #6b1cff; }
.rf-sf__auto-input:checked + .rf-sf__auto-track .rf-sf__auto-knob { left: 16px; }
.rf-sf__auto-label { font-size: 13px; font-weight: 600; color: #6d6d78; white-space: nowrap; }
.rf-sf__why { margin: 0 0 14px; border: 1px dashed #c9c0ee; border-radius: 12px; background: #faf8ff; font-size: 13px; color: #33333d; }
.rf-sf__why summary { cursor: pointer; padding: 8px 12px; font-weight: 700; color: #4b1bb8; }
.rf-sf__why-body { padding: 0 12px 10px; }
.rf-sf__why-row { margin: 4px 0; line-height: 1.6; }
.rf-sf__why-t { color: #6d6d78; }
.rf-sf__chip { display: inline-block; margin: 0 4px 3px 0; padding: 1px 8px; border-radius: 10px; background: #ece6ff; color: #2c1a66; white-space: nowrap; }
.rf-sf__chip--warn { background: #fff1d6; color: #7a4b00; }
.rf-sf__why-list { margin: 6px 0 0; padding-left: 20px; color: #55555f; }
.rf-sf__why-list li { margin: 2px 0; }
.rf-sf__why-list span { color: #121212; font-weight: 600; }
.rf-sf__sks { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 16px; }
.rf-sf__sk-img { aspect-ratio: 1 / 1; border-radius: 12px; }
.rf-sf__sk-l { height: 14px; margin-top: 10px; border-radius: 6px; }
.rf-sf__sk-s { height: 14px; width: 55%; margin-top: 8px; border-radius: 6px; }
.rf-sf__switch, .rf-sf__loading { display: flex; justify-content: center; padding: 22px 0; }
.rf-sf__loading[hidden] { display: none; }
.rf-sf__actions { display: flex; justify-content: center; margin-top: 18px; }
.rf-sf__more[hidden] { display: none; }
.rf-sf__empty { margin: 8px 0 0; color: #6d6d78; }
.rf-sf.is-loading .rf-sf__content { transition: opacity .15s; }
@media (max-width: 1100px) { .rf-sf__sks { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 767px) {
  .rf-sf-outer { margin: 4px 0 24px; }
  .rf-sf-outer > .container-fluid { padding-left: 15px; padding-right: 15px; } /* у страницы карточки на телефоне поля 15 px */
  .rf-sf__head { gap: 10px; }
  .rf-sf__title { font-size: 20px; width: 100%; }
  .rf-sf__tabs { order: 3; width: 100%; }
  .rf-sf__auto { margin-left: 0; }
  .rf-sf__sks { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .rf-sf__sk:nth-child(n+5) { display: none; }
}