/* ============================================================
   SMART WALL — MODERN THEME + SVG REACTIONS
   Полная замена smartwall.css
   ============================================================ */

/* ---------- ПЕРЕМЕННЫЕ ---------- */
:root {
  --sw-bg:            #f4f5f7;
  --sw-card-bg:       #ffffff;
  --sw-card-hover:    #fafbfc;
  --sw-border:        rgba(0, 0, 0, 0.06);
  --sw-border-strong: rgba(0, 0, 0, 0.12);
  --sw-text:          #0f1419;
  --sw-text-muted:    #6b7280;
  --sw-text-soft:     #9ca3af;
  --sw-accent:        #a84849;
  --sw-accent-hover:  #8f3a3b;
  --sw-accent-soft:   rgba(168, 72, 73, 0.08);
  --sw-success:       #4caf50;
  --sw-danger:        #ef4444;
  --sw-warning:       #ffa412;
  --sw-info:          #2196f3;
  --sw-radius-xs:     6px;
  --sw-radius-sm:     8px;
  --sw-radius:        14px;
  --sw-radius-lg:     18px;
  --sw-radius-pill:   999px;
  --sw-shadow-sm:     0 1px 2px rgba(16, 24, 40, 0.04);
  --sw-shadow:        0 1px 3px rgba(16, 24, 40, 0.06),
                      0 4px 16px rgba(16, 24, 40, 0.04);
  --sw-shadow-lg:     0 4px 12px rgba(16, 24, 40, 0.08),
                      0 12px 32px rgba(16, 24, 40, 0.06);
  --sw-ease:          cubic-bezier(0.22, 1, 0.36, 1);
}

/* ---------- БАЗОВЫЕ СБРОСЫ ---------- */
.smartwall_items_list, .smartwall_items_list *,
.smartwall_photos_box, .smartwall_photos_box *,
.sw_comms_list, .sw_comms_list * {
  -webkit-box-sizing: border-box !important;
     -moz-box-sizing: border-box !important;
          box-sizing: border-box !important;
  line-height: normal;
}
.smartwall_items_list .img-thumbnail,
.sw_users_voted .img-thumbnail,
.AtWho_users .img-thumbnail {
  padding: 0;
  border: none;
  border-radius: 50%;
}
.sw_noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

/* ---------- СПИСОК ПОСТОВ ---------- */
.smartwall_items_list { padding-top: 20px; }
.sw_microblock + .smartwall_items_list { padding-top: 5px; }
.smartwall_items_list > h1 { margin-top: -20px; color: var(--sw-text); }

/* ---------- КАРТОЧКА ПОСТА ---------- */
.smartwall_item {
  background: var(--sw-card-bg);
  box-shadow: var(--sw-shadow);
  border: 1px solid var(--sw-border);
  border-radius: var(--sw-radius-lg);
  margin-bottom: 18px;
  position: relative;
  overflow: visible;
  transition: box-shadow .25s var(--sw-ease);
}

/* Карточка с открытым меню поднимается над соседними */
.smartwall_item:has(.swih_menu[style*="block"]) {
  z-index: 50;
}
.smartwall_item:hover { box-shadow: var(--sw-shadow-lg); }
.smartwall_item.smartwall_item_fixed { border: 2px solid var(--sw-warning); }
.smartwall_item_fixed .sif_icofix {
  position: absolute;
  left: -10px;
  top: -15px;
  width: 28px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  font-size: 16px;
  background: var(--sw-warning);
  color: #fff;
  border-radius: 50%;
  transform: rotate(-20deg);
}

/* ---------- ШАПКА ПОСТА ---------- */
.smartwall_item .swi_head {
  height: auto;
  padding: 18px 20px 10px;
  position: relative;
}
.swih_avatar { float: left; }
.swih_verified_user { box-shadow: 0 0 0 2.5px #55acee; }
.swih_verified_icon {
  color: #55acee;
  position: absolute;
  bottom: -4px;
  right: -4px;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.swih_verified_icon:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: var(--sw-card-bg);
  width: 12px;
  height: 12px;
  border-radius: 50%;
}
.swih_verified_icon svg {
  overflow: hidden;
  fill: #55acee;
  vertical-align: middle;
  margin: 0;
  position: relative;
  z-index: 1;
  width: 20px;
  height: 20px;
}
.swih_avatar a {
  position: relative;
  margin-top: 0;
  margin-right: 12px;
  width: 44px;
  height: 44px;
  display: block;
  border-radius: 50%;
  transition: transform .2s var(--sw-ease);
}
.swih_avatar a:hover { transform: scale(1.05); }
.swih_avatar a img {
  border: 0;
  vertical-align: middle;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50% !important;
}
.smartwall_item .swih_setting {
  float: right;
  width: 34px;
  height: 30px;
  border-radius: var(--sw-radius-xs);
  text-align: center;
  line-height: 30px;
  cursor: pointer;
  color: var(--sw-text-muted);
  transition: background .15s var(--sw-ease);
}
.smartwall_item .swih_setting svg { vertical-align: middle; fill: currentColor; }
.smartwall_item .swih_setting:hover,
.smartwall_item .swih_setting.swih_hovered {
  background: var(--sw-accent-soft);
  color: var(--sw-accent);
}
.swih_info .swih_title { font-size: 14px; margin-bottom: 0; margin-top: 2px; }
.swih_info .swhi_author {
  word-wrap: break-word;
  text-decoration: none;
  color: var(--sw-text);
  font-weight: 600;
  font-size: 15px;
  margin-right: -7px;
}
.swih_info .swhi_author:hover { color: var(--sw-accent); text-decoration: none; }
.swih_info .swhi_author b { font-weight: 700; margin-right: 7px; }
.swih_info .swhi_desc { font-size: 12px; font-weight: 400; line-height: 1; color: var(--sw-text-muted); }
.swih_info h6 { margin-top: 2px !important; margin-bottom: 6px !important; font-size: 12px !important; }
.swih_info h6 .swhi_time { font-size: 12px; margin-top: 4px; color: var(--sw-text-soft); }

/* ---------- ТЕЛО ПОСТА ---------- */
.smartwall_item .swi_body {
  padding: 8px 20px 12px;
  font-size: 15px;
  line-height: 1.55;
  color: var(--sw-text);
}
.smartwall_item .swi_footer {}

/* ---------- РЕАКЦИИ И ПРОСМОТРЫ ---------- */
.smartwall_item .swf_reactcomms {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 20px;
}
.smartwall_item .swf_reactions_box {}
.smartwall_item .swf_all_reacts { cursor: pointer; display: flex; align-items: center; }
.smartwall_item .swf_all_reacts .swfr_item {
  background: var(--sw-card-bg);
  display: inline-flex;
  margin: 0 0 0 -6px;
  padding: 2px;
  border-radius: 50%;
  border: 2px solid var(--sw-card-bg);
}
.smartwall_item .swf_all_reacts .swfr_item img { width: 18px; height: 18px; }
.smartwall_item .swf_all_reacts .swfr_item:nth-child(1) { z-index: 6; margin-left: 0; }
.smartwall_item .swf_all_reacts .swfr_item:nth-child(2) { z-index: 5; }
.smartwall_item .swf_all_reacts .swfr_item:nth-child(3) { z-index: 4; }
.smartwall_item .swf_all_reacts .swfr_item:nth-child(4) { z-index: 3; }
.smartwall_item .swf_all_reacts .swfr_item:nth-child(5) { z-index: 2; }
.smartwall_item .swf_all_reacts .swfr_item:nth-child(6) { z-index: 1; }
.smartwall_item .swf_all_reacts .swfr_item:hover { z-index: 6; }
.smartwall_item .sw_react_counts {
  line-height: 1;
  font-weight: 500;
  color: var(--sw-text-muted);
  font-size: 13px;
  margin-left: 6px;
}
.smartwall_item .swdr_load { display: none; }
.sw_reactUserList a { text-decoration: none !important; }
.sw_reactUserList a:hover { color: #fff !important; }
.sw_reactUserList a.ajax-modal { color: #fff; pointer-events: auto; }
.smartwall_item .swf_views { display: flex; color: var(--sw-text-soft); font-size: 13px; align-items: center; }
.smartwall_item .swf_views .swf_comms { margin-right: 12px; }
.smartwall_item .swf_views .swf_comms img { vertical-align: middle; opacity: .7; }
.smartwall_item .swf_views .swf_view img { vertical-align: middle; opacity: .7; }
.smartwall_item .swf_views .swf_comms b,
.smartwall_item .swf_views .swf_view b { font-weight: 500; font-size: 13px; color: var(--sw-text-muted); }

/* ---------- КНОПКИ ПОД ПОСТОМ ---------- */
.swf_btns {
  display: flex;
  justify-content: space-around;
  padding: 4px 12px;
  border-top: 1px solid var(--sw-border);
  font-size: 14px;
  gap: 4px;
}

/* ---------- GIF ---------- */
.swli_gifs { margin-top: 20px; }
.swli_gifs .swli_gif, .swcl_gifs_box .swcl_gifs_gif {
  max-height: 400px;
  background: var(--sw-bg);
  width: 100%;
  position: relative;
  text-align: center;
  border-radius: var(--sw-radius);
  overflow: hidden;
}
.swli_gifs .swli_gif img, .swcl_gifs_box .swcl_gifs_gif img { vertical-align: middle; min-height: 300px; }
.swcl_comment .swcl_gifs_box .swcl_gifs_gif img { min-height: 200px; }
.swli_gifs .swli_gif ins.play-gif { line-height: 45px; }

/* ---------- ВИДЕО ---------- */
.swli_videos { clear: both; margin: 0; padding: 0; margin-top: 16px; overflow: hidden; line-height: 0; border-radius: var(--sw-radius); }
.swli_videos a { display: block; width: 100%; height: 315px; overflow: hidden; position: relative; background-position: center; background-size: cover; }
.swli_videos a:after {
  content: "\25ba"; position: absolute; color: #fff; font-size: 26px;
  background: rgba(239, 68, 68, 0.85); border-radius: var(--sw-radius-sm);
  top: 43%; left: 43%; padding: 13px 20px;
  transition: background .2s var(--sw-ease), transform .2s var(--sw-ease);
}
.swli_videos a:hover:after { background: #ef4444; transform: scale(1.08); }
.swli_videos a img { width: 100%; position: absolute; top: -70px; max-width: none; transition: transform .4s var(--sw-ease); }
.swli_videos a:hover img { transform: scale(1.03); }
.swli_videos a span {
  position: absolute; bottom: 0; left: 0; right: 0; color: #fff;
  background: linear-gradient(to top, rgba(0, 0, 0, .9) 0, rgba(0, 0, 0, 0) 100%);
  padding: 10px; line-height: normal; z-index: 1; font-size: 14px;
}
.swli_videos.videos_count_2 a { width: 49%; height: 220px; margin-right: 5px; float: left; }
.swli_videos.videos_count_2 a:nth-child(2) { margin-right: 0; }
.swli_videos.videos_count_2 a:after { padding: 16px; }
.swli_videos.videos_count_2 a img { width: 130%; top: -55px; }
.swli_videos.videos_count_3 a:nth-child(2) { width: 49%; height: 220px; margin: 5px 5px 0 0; float: left; }
.swli_videos.videos_count_3 a:nth-child(3) { width: 50%; height: 220px; margin: 5px 0 0 0; float: left; }
.swli_videos.videos_count_3 a:nth-child(n+2):after { padding: 16px; }
.swli_videos.videos_count_3 a:nth-child(n+2) img { width: 130%; top: -45px; }
.swli_videos.videos_count_4 a:nth-child(2), .swli_videos.videos_count_4 a:nth-child(3) { width: 32%; height: 140px; margin: 5px 5px 0 0; float: left; }
.swli_videos.videos_count_4 a:nth-child(4) { width: 34%; height: 140px; margin: 5px 0 0 0; float: left; }
.swli_videos.videos_count_4 a:nth-child(n+2):after { padding: 16px; margin: -15px 0 0; }
.swli_videos.videos_count_4 a:nth-child(n+2) img { width: 120%; top: -35px; }
.swli_videos.videos_count_5 a:nth-child(1), .swli_videos.videos_count_5 a:nth-child(2) { width: 49%; height: 220px; margin: 0 5px 5px 0; float: left; }
.swli_videos.videos_count_5 a:nth-child(1) img, .swli_videos.videos_count_5 a:nth-child(2) img { top: -50px; width: 130%; }
.swli_videos.videos_count_5 a:nth-child(n+3) { width: 32%; height: 140px; margin: 0 5px 0 0; float: left; }
.swli_videos.videos_count_5 a:nth-child(5) { width: 33%; height: 140px; margin: 0; float: left; }
.swli_videos.videos_count_5 a:nth-child(n+3):after { padding: 16px; margin: -15px 0 0; }
.swli_videos.videos_count_5 a:nth-child(n+3) img { width: 120%; top: -35px; }

/* ---------- ОПРОСЫ ---------- */
.get_ajax_poll {
  clear: both;
  border: 1px solid var(--sw-border);
  background: var(--sw-card-hover);
  border-radius: var(--sw-radius);
  margin-top: 16px;
  padding: 14px;
  position: relative;
}
.swi_poll_radio {
  cursor: pointer;
  margin: 0 0 8px;
  line-height: 17px;
  padding: 10px 12px;
  border-radius: var(--sw-radius-sm);
  background: var(--sw-bg);
  min-height: 30px;
  transition: background-color .15s var(--sw-ease);
  display: flex;
  align-items: center;
  border: 1px solid var(--sw-border);
}
.swi_poll_radio:hover { background: var(--sw-accent-soft); border-color: var(--sw-accent); }
.swi_poll_radio:first-child { margin-top: 0; }
.swi_poll_radio:before {
  display: block; content: ''; flex-shrink: 0;
  background: url("../img/dev_radio.png") 0 0 no-repeat;
  width: 14px; margin: 0 10px 0 0; height: 14px;
}
.swi_poll_radio:hover:before { background-position: 0 -28px; }
.swi_poll_label { overflow: hidden; color: var(--sw-text); }
.sw_show_poll_result .swi_poll_radio:before { content: none; }
.sw_show_poll_result .swi_poll_radio { position: relative; cursor: default; background: var(--sw-bg); }
.sw_show_poll_result .swi_poll_radio.iVotedItem { background: var(--sw-accent-soft); border-color: var(--sw-accent); }
.sw_show_poll_result .swi_poll_label { height: 25px; line-height: 24px; }
.sw_show_poll_result .swi_poll_label:after {
  content: attr(data-count); position: absolute; right: 12px; top: 8px; height: 25px;
  font-size: 15px; font-weight: 700; color: var(--sw-text);
}
.sw_show_poll_result .swi_poll_label span { display: block; padding-left: 8px; margin-top: 3px; }
.sw_show_poll_result .swi_poll_radio.iVotedItem .swi_poll_label span:nth-child(1):after { content: " \2714"; color: var(--sw-accent); }
.sw_show_poll_result .swi_poll_label span.swi_poll_progress {
  background: var(--sw-accent); display: block; height: 27px; margin-top: -25px; width: 0;
  padding-left: 3px; opacity: .25; border-radius: var(--sw-radius-xs);
  transition: width .5s var(--sw-ease);
}
.swi_poll_box { position: relative; }
.swi_poll_box .swi_poll_radio:last-child { margin-bottom: 0; }
.swi_poll_spinner {
  display: none;
  background: rgba(0, 0, 0, 0.78) url(/templates/default/images/loader24.gif) no-repeat center center;
  position: absolute; margin: -14px; right: 0; left: 0; top: 0; bottom: 0;
  border-radius: var(--sw-radius);
}
.swi_poll_title { font-size: 18px; font-weight: 600; text-align: center; margin: 5px 0 15px; color: var(--sw-text); }
.swi_poll_total { text-align: center; margin: 13px 0 6px; color: var(--sw-text-muted); font-size: 13px; }

/* ---------- TOOLTIP: пользователи проголосовавшие ---------- */
.tpd-content .sw_err_response { text-decoration: none !important; }
.tpd-content .sw_err_response svg { vertical-align: sub; }
.tpd-content .sw_users_voted { margin-right: 4px; display: inline-block; line-height: 0; float: left; }
.tpd-content .sw_users_voted:last-child { margin-right: 0; }
.tpd-content .sw_all_voted_btn {
  border: 1px solid var(--sw-border-strong); display: inline-block;
  height: 30px; width: 30px; line-height: 32px; text-align: center;
  text-decoration: none !important; border-radius: var(--sw-radius-xs); color: var(--sw-text-muted);
}
.tpd-content .sw_all_voted_btn:hover { background: var(--sw-accent-soft); color: var(--sw-accent); }

/* ---------- ИНФОБОКС ПОЛЬЗОВАТЕЛЯ ---------- */
.sw_user_infobox { min-width: 205px; height: 64px; position: relative; }
.sw_user_infobox .sw_ui_avatar { float: left; margin-right: 10px; }
.sw_user_infobox .sw_ui_avatar img { border-radius: 50%; }
.sw_user_infobox .sw_ui_followers svg { vertical-align: sub; }
.sw_user_infobox .sw_ui_btns { position: absolute; bottom: 0; left: 75px; width: 120px; text-align: center; }
.sw_user_infobox .sw_ui_btns a {
  display: inline-block; margin-right: 15px; line-height: 0;
  opacity: .8; transition: opacity .2s var(--sw-ease);
}
.sw_user_infobox .sw_ui_btns a:hover { opacity: 1; }

/* ---------- ВИДЕО-МОДАЛКИ ---------- */
.nyroModalYoutube { width: 600px; height: 340px; position: relative; }
.nyroModalYoutube iframe, .sw_videos_print iframe,
.nyroModalYoutube object, .sw_videos_print object,
.sw_videos_print embed, .nyroModalYoutube embed {
  position: absolute; top: 0; left: 0; width: 100%; height: 100%;
}

/* ---------- GIF PLAYER ---------- */
.gifplayer-wrapper { position: relative; display: inline-block; border-radius: var(--sw-radius); overflow: hidden; }
ins.play-gif {
  position: absolute; font-family: Arial, sans serif;
  width: 50px; height: 50px; line-height: 52px; text-align: center;
  background: rgba(15, 20, 25, .9); font-size: 18px; color: #fff;
  border-radius: 50%; opacity: .9; border: 2px solid #fff;
  cursor: pointer; text-decoration: none;
  transition: opacity .2s var(--sw-ease);
}
ins.play-gif:hover { opacity: .6; }

/* ---------- СПИННЕР ---------- */
.spinner {
  height: 50px; width: 50px; margin: 0 auto; position: absolute;
  top: 50%; left: 50%; margin-top: -25px; margin-left: -25px;
  animation: rotation .6s infinite linear;
  border-left: 4px solid rgba(168, 72, 73, .15);
  border-right: 4px solid rgba(168, 72, 73, .15);
  border-bottom: 4px solid rgba(168, 72, 73, .15);
  border-top: 4px solid var(--sw-accent);
  border-radius: 100%;
}
@keyframes rotation { from { transform: rotate(0deg); } to { transform: rotate(359deg); } }

/* ---------- СПИСОК ПОЛЬЗОВАТЕЛЕЙ ---------- */
.sw_users_list { min-height: 33px; width: 290px; padding: 10px; }
.sw_users_list.sw_count_9 { min-height: 65px; }
.sw_users_list .sw_user_item { float: left; margin-right: 4px; }

/* ============================================================
   РЕАКЦИИ — как было (PNG), + SVG-иконки для кнопок
   ============================================================ */
.sw_facebook_reaction, .sw_facebook_reaction * {
  -webkit-box-sizing: content-box !important;
     -moz-box-sizing: content-box !important;
}
.sw_facebook_reaction { margin: 0; padding: 0; position: relative; width: 33%; }
.sw_react_btn { position: relative; cursor: pointer; padding: 0; display: block; }
.swf_btns > div img { max-width: 20px; vertical-align: middle; }
.sw_react_btn:hover { color: var(--sw-accent); }

.sw_reactions_box {
  height: 44px;
  width: 340px;
  padding: 8px 10px !important;
  position: absolute;
  top: -62px;
  left: -14px;
  box-shadow: var(--sw-shadow-lg);
  border-radius: var(--sw-radius-pill);
  margin: 0;
  background: var(--sw-card-bg);
  border: 1px solid var(--sw-border);
  z-index: 7;
  display: none;
}
.sw_react {
  list-style-type: none;
  cursor: pointer;
  display: inline-block;
  width: 38px;
  height: 38px;
  position: absolute;
  top: 8px;
  opacity: 0;
  transform: scale(1, 1);
  transition: opacity .5s ease-in-out 1s, transform .07s ease-in-out 0s, top .07s ease-in-out 0s;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
.sw_react_btn:hover .sw_reactions_box { display: block; }

/* --- PNG-иконки в попапе (как было) --- */
.sw_react-likes  { left: 10px;  transition-delay: 0s;    background-image: url('../img/reactions_likes.png'); }
.sw_react-love   { left: 63px;  transition-delay: .05s;  background-image: url('../img/reactions_love.png'); }
.sw_react-haha   { left: 116px; transition-delay: .1s;   background-image: url('../img/reactions_haha.png'); }
.sw_react-wow    { left: 169px; transition-delay: .15s;  background-image: url('../img/reactions_wow.png'); }
.sw_react-sad    { left: 222px; transition-delay: .2s;   background-image: url('../img/reactions_sad.png'); }
.sw_react-angry  { left: 275px; transition-delay: .25s;  background-image: url('../img/reactions_angry.png'); }

.sw_react_btn:hover .sw_react { opacity: 1; animation-name: reaction_delay; animation-duration: .5s; }
@keyframes reaction_delay {
  0%   { width: 38px; height: 38px; top: 60px; }
  48%  { width: 46px; height: 46px; top: 5px; }
  100% { width: 38px; height: 38px; top: 8px; }
}
.sw_react_btn:hover .sw_react-likes  { animation-delay: 0s; }
.sw_react_btn:hover .sw_react-love   { animation-delay: .05s; }
.sw_react_btn:hover .sw_react-haha   { animation-delay: .1s; }
.sw_react_btn:hover .sw_react-wow    { animation-delay: .15s; }
.sw_react_btn:hover .sw_react-sad    { animation-delay: .2s; }
.sw_react_btn:hover .sw_react-angry  { animation-delay: .25s; }
.sw_react:hover { transform: scale(1.25, 1.25); top: 2px; }

.sw_react_text {
  height: 36px;
  display: inline-block;
  line-height: 36px;
  width: 92%;
  color: var(--sw-text-muted);
  text-decoration: none;
  z-index: 8;
  position: relative;
  font-size: 14px;
}
.sw_react_text img {
  vertical-align: middle;
  margin-right: 5px;
  width: 20px;
  height: 20px;
}

/* ============================================================
   ИКОНКА «НРАВИТСЯ» рядом с текстом — SVG (Material thumb up)
   ============================================================ */
.sw_react_text img[src*="reactions_likes"] {
  content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%234c88ff'><path d='M1 21h4V9H1v12zm22-11c0-1.1-.9-2-2-2h-6.31l.95-4.57.03-.32c0-.41-.17-.79-.44-1.06L14.17 1 7.59 7.59C7.22 7.95 7 8.45 7 9v10c0 1.1.9 2 2 2h9c.83 0 1.54-.5 1.84-1.22l3.02-7.05c.09-.23.14-.47.14-.73v-1.91l-.01-.01L23 10z'/></svg>") !important;
  width: 18px !important;
  height: 18px !important;
  display: inline-block !important;
  vertical-align: middle !important;
  margin: 0 6px 0 0 !important;
}

/* ============================================================
   ИКОНКА «КОММЕНТИРОВАТЬ» — SVG (Material chat bubble)
   ============================================================ */
.swf_btn_comment img {
  content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%236b7280'><path d='M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-2 12H6v-2h12v2zm0-3H6V9h12v2zm0-3H6V6h12v2z'/></svg>") !important;
  width: 18px !important;
  height: 18px !important;
  display: inline-block !important;
  vertical-align: middle !important;
  margin: 0 6px 0 0 !important;
  opacity: 1 !important;
}
.swf_btn_comment:hover img {
  content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23a84849'><path d='M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-2 12H6v-2h12v2zm0-3H6V9h12v2zm0-3H6V6h12v2z'/></svg>") !important;
}

.sw_react::before {
  content: attr(data-reaction);
  display: inline-block;
  color: #ffffff;
  text-align: center;
  line-height: 20px;
  font-size: 11px;
  height: 20px;
  margin-left: 10%;
  background-color: rgba(15, 20, 25, .85);
  border-radius: var(--sw-radius-pill);
  position: absolute;
  top: -28px;
  padding: 0 8px;
  opacity: 0;
  transition: opacity .2s ease-in-out 0s;
  white-space: nowrap;
}
.sw_react:hover::before { opacity: 1; }

/* ---------- КНОПКА КОММЕНТАРИЕВ / ПОДЕЛИТЬСЯ ---------- */
.swf_btn_comment {
  width: 33%;
  text-align: center;
  height: 36px;
  display: inline-block;
  line-height: 36px;
  color: var(--sw-text-muted);
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  border-radius: var(--sw-radius-sm);
  transition: background .15s var(--sw-ease), color .15s var(--sw-ease);
}
.swf_btn_comment img { vertical-align: middle; opacity: .7; margin-right: 4px; }
.swf_btn_comment:hover { background: var(--sw-accent-soft); color: var(--sw-accent); }
.sw_with_share .sw_facebook_reaction,
.sw_with_share .swf_btn_comment { text-align: center; }
.swf_btn_share {
  width: 33%;
  text-align: center;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  line-height: 36px;
  color: var(--sw-text-muted);
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  border-radius: var(--sw-radius-sm);
  transition: background .15s var(--sw-ease), color .15s var(--sw-ease);
  user-select: none;
}
.swf_btn_share:hover { background: var(--sw-accent-soft); color: var(--sw-accent); }
.swf_btn_share:active { transform: scale(.98); }
.swf_btn_share img, .swf_btn_share svg { display: none !important; }
.swf_btn_share::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7c.05-.23.09-.46.09-.7s-.04-.47-.09-.7l7.05-4.11c.54.5 1.25.81 2.04.81 1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3c0 .24.04.47.09.7L8.04 9.81C7.5 9.31 6.79 9 6 9c-1.66 0-3 1.34-3 3s1.34 3 3 3c.79 0 1.5-.31 2.04-.81l7.12 4.16c-.05.21-.08.43-.08.65 0 1.61 1.31 2.92 2.92 2.92s2.92-1.31 2.92-2.92-1.31-2.92-2.92-2.92z'/></svg>") center / contain no-repeat;
          mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7c.05-.23.09-.46.09-.7s-.04-.47-.09-.7l7.05-4.11c.54.5 1.25.81 2.04.81 1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3c0 .24.04.47.09.7L8.04 9.81C7.5 9.31 6.79 9 6 9c-1.66 0-3 1.34-3 3s1.34 3 3 3c.79 0 1.5-.31 2.04-.81l7.12 4.16c-.05.21-.08.43-.08.65 0 1.61 1.31 2.92 2.92 2.92s2.92-1.31 2.92-2.92-1.31-2.92-2.92-2.92z'/></svg>") center / contain no-repeat;
}
@media (max-width: 480px) {
  .swf_btn_share { font-size: 0; gap: 0; }
  .swf_btn_share::before { width: 22px; height: 22px; }
}

/* ---------- КОММЕНТАРИИ: контейнер и форма ---------- */
.sw_commlist_box { padding: 0 18px 12px; border-top: 1px solid var(--sw-border); }
.sw_comms_list { padding: 10px 0 0 0; display: none; }
.sw_commlist_box .swcf_inner {
  margin: 0 -10px 0; padding: 10px 10px 0;
  border-top: 1px solid var(--sw-border);
  transition: all .2s var(--sw-ease);
  border-radius: var(--sw-radius-sm);
}
.sw_commlist_box .swcf_inner.swcf_inner_show {
  background-color: var(--sw-card-hover);
  border-color: var(--sw-border);
}
.swcf_ava_text { display: flex; gap: 10px; }
.swcf_ava_text img {
  width: 36px; height: 36px;
  border: none !important;
  border-radius: 50% !important;
  padding: 0 !important;
  flex-shrink: 0;
}
.swcf_ava_text .sw_comm_textarea {
  line-height: 1.5;
  color: var(--sw-text);
  display: block;
  transition: border-color .15s var(--sw-ease), box-shadow .15s var(--sw-ease);
  resize: none !important;
  font-size: 14px;
  padding: 10px 14px;
  min-height: 40px;
  flex: 1;
  background-color: var(--sw-bg);
  border-radius: var(--sw-radius-sm);
  border: 0px solid var(--sw-border);
  outline: none !important;
}
.swcf_ava_text .sw_comm_textarea:focus { border-color: var(--sw-accent); background: var(--sw-card-bg); }
.swcf_ava_text .sw_comm_textarea:empty::before { content: attr(placeholder); color: var(--sw-text-soft); }
.swcf_ava_text .sw_comm_textarea:empty:focus::before { content: ""; }
.swcf_footer {
  position: relative; padding: 8px 4px; margin-bottom: -10px;
  background-color: transparent; display: none;
}
.swcf_inner_show .swcf_footer { display: block; animation: animatetop .2s var(--sw-ease); }
.swcf_footer .swcf_footer_inner { display: inline-block; width: 100%; }
.swcf_footer .swcf_text_length {
  color: var(--sw-text-soft); font-size: 13px; margin: 8px 5px;
  font-weight: 500; float: left;
}
.swcf_footer .wvcf_sendBtn {
  float: right; width: 200px; display: flex;
  justify-content: flex-end; position: relative;
}
.swcf_footer .wvcf_btn {
  margin-right: 15px; padding-top: 5px; position: relative;
  cursor: pointer; opacity: .7;
  transition: opacity .15s var(--sw-ease);
}
.swcf_footer .wvcf_btn:hover { opacity: 1; }
.swcf_footer .wvcf_sendBtn button {
  margin: 0; text-transform: none; -webkit-appearance: button;
  outline: 0 !important; background-image: none; white-space: nowrap;
  touch-action: manipulation; cursor: pointer; display: inline-block;
  position: relative; user-select: none; border: none;
  -webkit-tap-highlight-color: transparent; text-decoration: none;
  text-align: center; padding: 0 18px; border-radius: var(--sw-radius-sm);
  transition: background .2s var(--sw-ease), transform .1s var(--sw-ease);
  font-family: inherit; font-size: 14px; font-weight: 600; overflow: hidden;
  color: #ffffff; background-color: var(--sw-accent);
  line-height: 34px; min-width: 96px; box-shadow: var(--sw-shadow-sm);
}
.swcf_footer .wvcf_sendBtn button:hover {
  background-color: var(--sw-accent-hover);
  transform: translateY(-1px);
}
.swcf_footer .wvcf_sendBtn button, #swc_btn_addPhoto, #swc_btn_addGif {
  opacity: .9; cursor: pointer; transition: opacity .15s var(--sw-ease);
}
.swcf_footer .wvcf_sendBtn button:hover,
#swc_btn_addPhoto:hover, #swc_btn_addGif:hover { opacity: 1; }
.swc_photo_count {
  position: absolute; top: -5px; left: -10px;
  background: var(--sw-danger); color: #fff;
  font-size: 11px; font-weight: 600; line-height: 0;
  padding: 9px 6px 9px 6px; border-radius: 50%; display: none;
}

/* ---------- GIF-ПОПАП В КОММЕНТАРИЯХ ---------- */
.swcomm_gifbox {
  width: 260px; height: 240px; position: absolute;
  background: var(--sw-card-bg); border: 1px solid var(--sw-border);
  border-radius: var(--sw-radius); bottom: 44px; padding: 10px;
  right: 0; box-shadow: var(--sw-shadow-lg); display: none; z-index: 8;
}
.swcomm_gifbox #swc_search_gif {
  padding: 8px 12px; width: 100%;
  border: 1px solid var(--sw-border); border-radius: var(--sw-radius-pill);
  background: var(--sw-bg); color: var(--sw-text); outline: none;
}
.swcomm_gifbox #swc_search_gif:focus { border-color: var(--sw-accent); }
.swcomm_gifbox:after, .swcomm_gifbox:before { display: none; }
.swcomm_gifbox .swcomm_giflist { height: 180px; margin-top: 10px; overflow-y: auto; }
.swcomm_gifbox .sw_gif_item img { width: 100%; cursor: pointer; border-radius: var(--sw-radius-xs); }
.swc_gif_parser_loader {
  position: absolute; background: rgba(255, 255, 255, 0.71);
  top: 45px; bottom: 10px; left: 10px; right: 10px;
  text-align: center; padding: 35px; display: none;
  border-radius: var(--sw-radius-sm);
}
.swcomm_gifbox .sw_no_gifs {
  padding: 10px; font-size: 14px; line-height: 20px;
  height: 100px; color: var(--sw-text-muted);
}

/* ---------- КОММЕНТАРИИ: элемент ---------- */
.swcl_comment {
  margin: 0 0 12px; padding-bottom: 12px;
  overflow: hidden; display: block; clear: both;
  border-bottom: 1px solid var(--sw-border);
}
.swcl_comment * { line-height: inherit; }
.swcl_comment_selected {
  border-left: 3px solid var(--sw-warning) !important;
  border-bottom-color: var(--sw-warning);
  padding-left: 8px; background: var(--sw-accent-soft);
  border-radius: var(--sw-radius-xs);
}
.swcl_comment:last-child { border: none; margin: 0; }
.swcl_comment .swcl_ava { float: left; }
.swcl_comment .swcl_ava img { border-radius: 50%; width: 36px; height: 36px; }
.swcl_comment .swcl_right_side { margin-left: 48px; }
.swcl_comment .swcl_name_date b a {
  text-decoration: none; color: var(--sw-text); font-weight: 600;
}
.swcl_comment .swcl_name_date b a:hover { color: var(--sw-accent); }
.swcl_comment .swcl_answer_to { color: var(--sw-text-soft); font-size: 13px; }
.swcl_comment .swcl_answer_to a { text-decoration: none; color: var(--sw-text-muted); }
.swcl_comment .swcl_answer_to a:hover { color: var(--sw-accent); }
.swcl_comment .swcl_text_box {
  transition: color .85s; margin: 4px 0 0;
  line-height: 1.5; font-size: 14px; color: var(--sw-text);
}
.swcl_comment .swcl_meta { float: left; }
.swcl_comment .swcl_meta a {
  text-decoration: none; margin-left: 10px;
  font-size: 12px; color: var(--sw-text-muted); font-weight: 500;
}
.swcl_comment .swcl_meta a:hover { color: var(--sw-accent); }
.swcl_comment .swcl_meta span { color: var(--sw-text-soft); font-size: 12px; }
.swcl_comment .swcl_rating {
  min-height: 16px; display: inline-block;
  color: var(--sw-text-soft); cursor: pointer;
  padding: 0; line-height: 0; height: 30px;
  float: right; margin-top: -5px;
}
.swcl_comment .swcl_rating img {
  width: 16px; height: 16px; padding: 0;
  vertical-align: middle;
  transition: transform .15s var(--sw-ease);
}
.swcl_comment .swcl_rating:hover img { transform: scale(1.15); }
.swcl_comment .swcl_rating span {
  color: var(--sw-text-soft); display: inline-block;
  font-size: 12px; vertical-align: middle;
  margin: 0; padding: 0 0 0 4px; cursor: default;
}

/* ---------- ОТВЕТЫ НА КОММЕНТАРИИ ---------- */
.swcli_reply_form { clear: both; display: none; }
.swcli_reply_form .swcf_inner { border: none; margin: 0 0 10px; padding: 0; }
.swcli_reply_form .swcf_ava_text button {
  background: var(--sw-accent) url(/templates/default/controllers/smartwall/img/send.png) no-repeat center;
  background-size: 18px;
  width: 40px; height: 40px; border: none; cursor: pointer;
  line-height: 0; opacity: .9; outline: none; border-radius: 50%;
  transition: opacity .15s var(--sw-ease), transform .1s var(--sw-ease);
}
.swcli_reply_form .swcf_ava_text button:hover { opacity: 1; transform: scale(1.05); }
.swcli_replys {
  clear: both;
  background: url(/templates/default/controllers/smartwall/img/curve-arrow.png) no-repeat 0 0px;
  padding: 3px 0 13px 20px; display: block; line-height: 14px;
  margin: 0 0 0 10px; cursor: pointer; color: var(--sw-accent);
  font-weight: 600; letter-spacing: .5px; font-size: 13px;
}
.swcli_replys:hover { color: var(--sw-accent-hover); }
.swcli_reply_list { padding: 10px 5px; clear: both; display: none; }
.swcli_reply_list .swcl_ava img { width: 28px; height: 28px; border-radius: 50%; }
.swcli_reply_list .swcl_text_box { margin: 0; font-size: 13px; }
.swcli_reply_list .swcl_right_side { margin-left: 38px; }
.swcli_reply_list .swcl_rating img { width: 15px; height: 15px; }
.swcli_reply_list .swcl_text_box a { text-decoration: none; color: var(--sw-accent); }
#get_ajax_answer { cursor: pointer; }
.swcl_getAllComms {
  padding: 8px 10px 10px; display: inline-block;
  text-decoration: none; font-weight: 600;
  font-size: 14px; letter-spacing: .5px; color: var(--sw-accent);
}
.swcl_getAllComms:hover { color: var(--sw-accent-hover); }
.tpd-content .swcl_rating, .tpd-content .swcl_answer_to, .tpd-content .swcl_meta a { display: none !important; }

/* ---------- ФОТО В КОММЕНТАРИЯХ ---------- */
.swcl_photos_box { overflow: hidden; border-radius: var(--sw-radius-sm); }
.swcl_photos_box a {
  text-decoration: none; display: block; float: left;
  margin: 2px 1px; border-radius: var(--sw-radius-xs); overflow: hidden;
}
.swcl_gifs_box { margin: 10px 0; }
.swcl_gifs_box .swcl_gifs_gif { line-height: 0; }

/* ---------- ТЕКСТ (обрезка длинных постов) ---------- */
.swli_text { line-height: 1.55; }
.swli_text .mrc-shadow, .swcl_text_box .mrc-shadow {
  pointer-events: none; position: absolute;
  height: 60px; left: 0; right: 0; bottom: 0; z-index: 7;
  background: linear-gradient(to top, var(--sw-card-bg) 5%, rgba(0, 0, 0, 0) 100%);
}
.swli_text .mrc-btn-wrap button, .swcl_text_box .mrc-btn-wrap button {
  background: none; border: none; padding: 0;
  color: var(--sw-accent); border-bottom: 1px dashed var(--sw-accent);
  outline: none; -webkit-appearance: none; cursor: pointer; font-weight: 500;
}
.swli_text .mrc-btn-wrap button:hover,
.swcl_text_box .mrc-btn-wrap button:hover { color: var(--sw-accent-hover); }

/* ---------- ШАПКА РЕАКЦИЙ (popup) ---------- */
.swi_react_head {
  border-bottom: 1px solid var(--sw-border);
  padding: 10px 14px; color: var(--sw-text); font-weight: 600;
}
.swi_react_head a { text-decoration: none; color: var(--sw-text); }
.swi_react_head a:hover { color: var(--sw-accent); }

/* ---------- ПРЕДПРОСМОТР GIF ---------- */
.sw_pre_gif {
  width: 100px; height: 80px; overflow: hidden;
  display: block; position: relative; float: left;
  margin-right: 10px; border-radius: var(--sw-radius-sm);
}
.sw_pre_gif .sw_gif_file { min-height: 80px; width: 100px; }
.sw_pre_gif span {
  position: absolute; z-index: 2; top: 0; right: 0;
  background: var(--sw-danger); color: #fff;
  padding: 4px 8px; cursor: pointer; display: none;
  border-radius: 0 var(--sw-radius-sm) 0 var(--sw-radius-sm);
}
.sw_pre_gif:hover span { display: block; }
.sw_pre_gif ins.play-gif {
  width: 36px; height: 36px; line-height: 38px; font-size: 15px;
  top: 18px !important; left: 30% !important;
  -webkit-box-sizing: content-box !important;
     -moz-box-sizing: content-box !important;
          box-sizing: content-box !important;
}

/* ---------- МОДАЛКА ВЫБОРА ФОТО ---------- */
.smartwall_photos_box { width: 500px; height: 400px; margin: 15px; }
.modal-content .smartwall_photos_box { width: 100%; height: auto; margin: 0; }
.smartwall_photos_item {
  border: 1px solid var(--sw-border); font-size: 14px;
  margin-bottom: 5px; border-radius: var(--sw-radius-sm); overflow: hidden;
}
.smartwall_photos_item h3 {
  margin: 0; padding: 8px 12px; background: var(--sw-bg);
  border-bottom: 1px solid var(--sw-border);
  font-size: 18px; font-weight: 600; color: var(--sw-text);
}
#smartwall_add_photo {
  border: 1px dashed var(--sw-border-strong); background: var(--sw-card-hover);
  text-align: center; width: 320px; float: left; border-radius: var(--sw-radius);
}
.modal-content #smartwall_add_photo { width: calc(100% - 30%); }
#smartwall_add_photo .photo_to_smartwall { padding: 10px; color: var(--sw-text-muted); }
#smartwall_add_photo .photo_to_smartwall > img { vertical-align: sub; }
.smartwall_photos { padding: 8px; display: flex; flex-flow: row wrap; }
.smartwall_photos .sw_photo_box {
  border: 1px solid var(--sw-border); border-radius: var(--sw-radius-sm);
  display: flex; flex-direction: column; padding: 4px; margin: 3px;
  position: relative; overflow: hidden; background: var(--sw-card-bg);
  transition: border-color .15s var(--sw-ease);
}
.smartwall_photos .sw_photo_box:hover { border-color: var(--sw-accent); }
.smartwall_photos .sw_photo_box img { cursor: pointer; border-radius: var(--sw-radius-xs); }
.smartwall_photos .sw_photo_box img:hover { opacity: .8; }
.sw_checked {
  display: none; background: rgba(76, 175, 80, 0.42);
  position: absolute; top: 4px; bottom: 18px; left: 4px; right: 4px;
  font-size: 40px; text-align: center; color: #fff;
  line-height: 54px; height: 64px; cursor: pointer;
  border-radius: var(--sw-radius-xs);
}
.sw_select .sw_checked { display: block; }
.smartwall_photos .sw_photo_box a {
  font-size: 13px; color: var(--sw-danger);
  text-align: center; margin-bottom: -2px; cursor: pointer;
}
.smartwall_photos .sw_photo_box a.swp_hide { color: var(--sw-warning); margin-top: 3px; }
.smartwall_photos .sw_photo_box a.swp_hide:hover { color: #d68b02; }
.sw_selected_photo {
  background: var(--sw-info); color: #fff; display: inline-block;
  padding: 8px 14px; border-radius: var(--sw-radius-pill);
  position: sticky; bottom: 0; left: 100%;
  cursor: pointer; margin-top: 5px; font-size: 14px; font-weight: 500;
}
.sw_selected_photo:hover { background: #1976d2; }

/* ---------- ПРЕДПРОСМОТР ФОТО ---------- */
.swmr_photos { display: none; padding: 0 10px; margin-bottom: 5px; }
.swmr_photos span { position: relative; display: inline-block; margin-right: 4px; }
.swmr_photos span a {
  position: absolute; top: 4px; right: 4px; color: white;
  background-color: rgba(15, 20, 25, .6); border-radius: 50%;
  text-align: center; line-height: 14px; padding: 3px 6px;
  font-size: 12px; cursor: pointer;
  transition: background .15s var(--sw-ease);
}
.swmr_photos span a:hover { background-color: rgba(15, 20, 25, .95); }
.swmr_photos span img { border-radius: var(--sw-radius-xs); }
.swmr_photos img { width: 64px; height: 64px; object-fit: cover; }
.sw_or_text {
  text-align: center; margin: 8px 0 0;
  color: var(--sw-text-soft); clear: both; font-size: 13px;
}

/* ---------- МЕНЮ ПОСТА ---------- */
.swih_menu {
  position: absolute; right: 10px; top: 50px;
  background: var(--sw-card-bg); box-shadow: var(--sw-shadow-lg);
  width: 200px; z-index: 10; border-radius: var(--sw-radius-sm);
  border: 1px solid var(--sw-border); display: none; overflow: hidden;
}
.swih_menu ul { list-style: none; margin: 0; padding: 0; }
.swih_menu ul li a {
  text-decoration: none; padding: 10px 14px; display: block;
  color: var(--sw-text); font-size: 14px;
  transition: background .15s var(--sw-ease);
}
.swih_menu ul li a:hover { background: var(--sw-accent-soft); color: var(--sw-accent); }
.swih_menu ul li hr { margin: 0; border: none; border-bottom: 1px solid var(--sw-border); }
.swli_text.mrc { margin-bottom: 15px; }
#search_results_list .swli_text em {
  background: rgba(255, 235, 59, .6); padding: 0 2px; font-style: normal;
}
p > .view-more-button {
  border: 1px solid var(--sw-border); background: var(--sw-bg);
  width: 100%; padding: 12px; letter-spacing: .5px;
  cursor: pointer; outline: none; border-radius: var(--sw-radius-sm);
  color: var(--sw-text); font-weight: 500;
  transition: background .15s var(--sw-ease);
}
p > .view-more-button:hover {
  background: var(--sw-accent-soft); border-color: var(--sw-accent); color: var(--sw-accent);
}
.sw_widget_box { padding: 0; }
.swcf_footer .wvcf_sendBtn button.swProcessAdd,
.swcli_reply_form .swcf_ava_text button.swProcessAdd { opacity: .7; }
.sw_delcomm_btn { color: var(--sw-danger); display: none; }
.swcl_comment:hover .sw_delcomm_btn { display: inline-block; }
.swcl_comment:hover .is_swc_answer .sw_delcomm_btn { display: none; }
.swcl_comment:hover .is_swc_answer:hover .sw_delcomm_btn { display: inline-block; }

/* ---------- AtWho ---------- */
.atwho-view ul li.AtWho_users { padding: 8px 10px; line-height: normal; }
.atwho-view ul li.AtWho_users img.img-thumbnail {
  width: 20px; height: 20px; vertical-align: middle;
  border-radius: 50%; margin-right: 6px;
}

/* ---------- Запрет редактирования ---------- */
div[contenteditable="false"] { background: var(--sw-bg) !important; cursor: not-allowed; }

/* ---------- СМАЙЛЫ ---------- */
.swc_smiles_box { display: none; text-align: center; padding: 10px; }
.swc_smiles_box ul { list-style: none; margin: 0; padding: 0; text-align: left; }
.swc_smiles_box ul li {
  display: inline-block; line-height: 0; cursor: pointer;
  border-radius: var(--sw-radius-xs);
  transition: background .15s var(--sw-ease);
}
.swc_smiles_box ul li:hover { background: var(--sw-accent-soft); }
.swc_smiles_box ul li img { line-height: 0; max-width: none; width: auto; padding: 3px; }
.sw_comm_textarea .sw_smile, .swcl_text_box .sw_smile { vertical-align: sub; padding: 0 5px; }
.sw_comm_textarea .sw_smile {
  width: auto; height: auto; border: none; border-radius: unset;
  padding: 0; margin: 0 3px;
  border: none !important; border-radius: unset !important; padding: 0px !important;
}

/* ---------- АНОНИМ / ПРИВАТ ---------- */
.is_sw_anonymous_ico { vertical-align: middle; width: 16px; display: inline-block; opacity: .7; }
.is_private_post { opacity: .9; }
.is_private_post:hover { opacity: 1; }
.sw_private_post { text-align: center; }
.sw_private_post p { font-size: 16px; color: var(--sw-danger); font-weight: 500; }

/* ---------- ЦВЕТНЫЕ ПОСТЫ ---------- */
.swli_text_colored {
  min-height: 400px; position: relative; display: flex;
  align-items: center; justify-content: center;
  background-repeat: no-repeat !important; background-size: cover !important;
  font-size: 24px; margin: -8px -20px; padding: 20px 50px;
  text-align: center; border-radius: var(--sw-radius-lg);
}
.swli_text_colored .swli_text_colored_inner {
  max-height: 370px !important; position: absolute;
  background: transparent !important; padding: 20px 50px;
  text-align: center; font-size: 24px;
}

/* ---------- ФОТО-ОПРОС ---------- */
.swi_photopoll {
  overflow: hidden; display: block; position: relative;
  height: 300px; margin-bottom: 15px; border-radius: var(--sw-radius);
}
.swi_photopoll .swip_select {
  position: absolute; top: 0; width: calc(50% - 3px);
  height: inherit; background-size: cover;
  background-position: center center; overflow: hidden;
  background-color: var(--sw-bg); cursor: pointer;
  transition: transform .3s var(--sw-ease);
}
.swi_photopoll .swip_select:hover { transform: scale(1.02); }
.swi_photopoll .swip_select_1 { left: 0; }
.swi_photopoll .swip_select_2 { right: 0; }
.swi_photopoll .swip_vs {
  width: 44px; height: 44px; text-align: center; line-height: 44px;
  border-radius: 50%; position: absolute; top: 50%; left: 50%;
  margin-left: -22px; margin-top: -22px; box-shadow: var(--sw-shadow-lg);
  color: var(--sw-text); background: var(--sw-card-bg);
  text-transform: uppercase; font-size: 13px; z-index: 1;
  font-family: inherit; font-weight: 700;
}
.swip_btns { overflow: hidden; display: block; height: 40px; position: relative; margin-bottom: 15px; }
.swip_btns > div {
  position: absolute; top: 0; width: calc(50% - 3px); height: 36px;
  background-size: cover; background-position: center center;
  overflow: hidden; background-color: var(--sw-bg); cursor: pointer;
  text-align: center; line-height: 36px;
  border-radius: var(--sw-radius-pill); font-weight: 500;
  transition: transform .15s var(--sw-ease);
}
.swip_btns > div:hover { transform: translateY(-1px); }
.swip_btns .swip_btn1 { left: 0; }
.swip_btns .swip_btn1:after { background-color: rgba(76, 175, 80, .5) !important; }
.swip_btns .swip_btn2 { right: 0; }
.swip_btns .swip_btn2:after { background-color: rgba(233, 30, 99, .35) !important; }
.swip_btns > .sw_show_poll_result:after {
  content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 3%;
  z-index: 0;
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, .125) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .125) 50%, rgba(255, 255, 255, .125) 75%, transparent 75%, transparent);
  background-size: 35px 35px;
}

/* ---------- АУДИО-ПЛЕЕР ---------- */
.audio-player, .audio-player div, .audio-player .sw_audio_artsong,
.audio-player .sw_audio_artist, .audio-player .sw_audio_song,
.audio-player a, .audio-player span, .audio-player button { outline: none; }
div.audio-player { position: relative; width: 100%; height: 50px; }
div.audio-player audio { display: none; }
div.audio-player .mejs__container,
div.audio-player .mejs__controls:not([style*="display: none"]) { background: none; }
div.audio-player .mejs__playpause-button { background: var(--sw-accent); border-radius: 50%; height: 32px; }
div.audio-player .mejs__playpause-button button { top: 7px; left: 16px; margin: 0; padding: 0; }
div.audio-player .mejs__time-rail .mejs__time-slider { top: 20px; }
div.audio-player .mejs__time-total { background: rgba(0, 0, 0, .08); }
div.audio-player .mejs__time-rail .mejs__time-slider,
div.audio-player .mejs__time-buffering,
div.audio-player .mejs__time-current,
div.audio-player .mejs__time-loaded,
div.audio-player .mejs__time-marker,
div.audio-player .mejs__time-total { height: 3px; border-radius: 2px; }
div.audio-player .mejs__time-current,
div.audio-player .mejs__time-handle-content { background: var(--sw-accent); }
div.audio-player .mejs__currenttime-container {
  position: absolute; right: 98px; padding-top: 15px;
  color: var(--sw-text-soft); height: 28px; font-size: 12px;
}
div.audio-player .mejs__time-handle,
div.audio-player .mejs__time-handle-content {
  border: none; width: 8px; height: 8px; left: 0; top: -2px; border-radius: 50%;
}
div.audio-player .mejs__time-float { border: 1px solid var(--sw-border-strong); border-radius: var(--sw-radius-xs); }
div.audio-player .mejs__duration-container { color: var(--sw-text-soft); font-size: 12px; }
div.audio-player .sw_audio_artsong {
  position: absolute; font-size: 14px; left: 54px; top: 5px;
  width: calc(100% - 200px); white-space: nowrap;
  text-overflow: ellipsis; overflow: hidden; display: flex; color: var(--sw-text);
}
div.audio-player .sw_audio_artist,
.swa_playlist .mejs-list li .sw_audio_artist {
  font-weight: 600; color: var(--sw-accent); max-width: 50%;
  white-space: nowrap; text-overflow: ellipsis; overflow: hidden;
}
div.audio-player .sw_audio_song,
.swa_playlist .mejs-list li .sw_audio_song {
  max-width: 50%; white-space: nowrap; text-overflow: ellipsis;
  overflow: hidden; color: var(--sw-text-muted);
}
div.audio-player .sw_audio_song:before,
.swa_playlist .mejs-list li .sw_audio_song:before { display: inline-block; content: "\00a0\2014\00a0"; }
div.audio-player .mejs__horizontal-volume-total { background: var(--sw-border-strong); height: 5px; top: 18px; }
div.audio-player .mejs__horizontal-volume-current { background: var(--sw-accent); }
.sw_microblock img, .smartwall_items_list img { display: inline-block; max-width: 100%; }
.sw_share_btns {
  background: var(--sw-card-hover); padding: 8px;
  border-top: 1px solid var(--sw-border); text-align: center; display: none;
}
.swi_body div + .sw_audio_players { margin-top: 20px; }
#smartwall_add_photo_link {
  width: 163px; float: left;
  border: 1px dashed var(--sw-border-strong); background: var(--sw-card-hover);
  text-align: center; border-radius: var(--sw-radius);
}
.modal-content #smartwall_add_photo_link { width: 30%; }
#smartwall_add_photo_link a {
  display: block; height: 44px; line-height: 44px;
  text-decoration: none; color: var(--sw-text-muted);
}
.swcl_ava.swih_verified_user {
  position: relative; margin: 2px; width: 34px; height: 34px;
  display: block; border-radius: 50%; box-shadow: 0 0 0 1.5px #55acee;
}
.swcl_ava.swih_verified_user .swih_verified_icon svg,
.swcl_ava.swih_verified_user .swih_verified_icon { width: 16px; height: 16px; }
.swcli_reply_list .swcl_ava.swih_verified_user { width: 26px; height: 26px; }
.sw_video_modal { width: 600px; height: 340px; }
.modal-content .sw_video_modal { width: 100%; }
.sw_video_modal iframe { width: 100%; height: 100%; }
#smartwall_add_photo .qq-upload-list:empty { display: none; }

/* ---------- РЕКЛАМА ---------- */
.sw_isadpos { border: 2px solid var(--sw-info); }
.sw_isadpos .swih_avatar a, .sw_isadpos .swih_avatar .sw_isadpos_img {
  box-shadow: 0 0 0 2.5px var(--sw-info); text-decoration: none;
  position: relative; margin-top: 0; margin-right: 12px;
  width: 44px; height: 44px; display: block; border-radius: 50%;
}
.sw_isadpos .swih_avatar a span,
.sw_isadpos .swih_avatar .sw_isadpos_img span {
  display: block; background: #5aaff3; color: #fff;
  width: 44px; height: 44px; line-height: 44px;
  border-radius: 50%; font-size: 20px; text-align: center;
}
.sw_isadpos .swhi_author, .sw_isadpos .sw_isadpos_author {
  font-weight: 700; color: var(--sw-info); letter-spacing: .5px;
}
.sw_adslog_modal { width: 320px; padding: 10px; }
.modal-content .sw_adslog_modal { width: auto; padding: 0; }
.sw_adslog_modal h3 { margin: 0; font-weight: 700; font-size: 17px; }
.sw_adslog_modal p { margin: 5px 0; text-align: center; font-weight: 600; }
.sw_adslog_modal .sw_adslog_item {
  border-bottom: 1px dashed var(--sw-border-strong);
  padding-bottom: 4px; margin-bottom: 5px;
}
.sw_adslog_modal .sw_adslog_user a { text-decoration: none; color: var(--sw-accent); }

/* ---------- ГОЛОСОВЫЕ СООБЩЕНИЯ ---------- */
.swc_pre_voice {
  display: flex; justify-content: flex-end;
  margin-bottom: 5px; height: 26px; transition: height .1s linear;
}
#swc_btn_addVoice { cursor: pointer; }
.swc_pre_voice.swc_pre_voice_hide { height: 0; overflow: hidden; }
.smartwall_voice_start, .smartwall_voice_stop {
  border: 1px solid var(--sw-success); background: var(--sw-success);
  color: #fff; height: 28px; line-height: 26px;
  border-radius: var(--sw-radius-sm); padding: 0 10px;
  font-size: 13px; font-weight: 500; cursor: pointer; margin-left: 6px;
  outline: none; transition: background .15s var(--sw-ease), border-color .15s var(--sw-ease);
}
.smartwall_voice_start img, .smartwall_voice_stop img { vertical-align: sub; }
.smartwall_voice_stop { border: 1px solid var(--sw-danger); background: var(--sw-danger); }
.smartwall_voice_start:hover:not([disabled]) { border-color: #439c47; background: #4faf54; }
.smartwall_voice_stop:hover:not([disabled]) { border-color: #d43b2f; background: #e03d31; }
.smartwall_voice_stop[disabled], .smartwall_voice_start[disabled] { opacity: .5; cursor: not-allowed; }
.smartwall_voice_result div.audio-player { width: 33px; height: 26px; }
.smartwall_voice_result div.audio-player .mejs__controls { height: 26px; padding: 0 5px; }
.smartwall_voice_result div.audio-player .mejs__playpause-button {
  height: 26px; line-height: 26px; border-radius: var(--sw-radius-xs); width: 31px;
}
.smartwall_voice_result div.audio-player .mejs__playpause-button button { top: 4px; left: 11px; }

/* ---------- PLAYLIST ---------- */
.swa_prevnextbtn-button {
  width: 52px; background: var(--sw-bg); position: absolute;
  left: 45px; top: -4px; border-radius: var(--sw-radius-sm);
}
.swa_prevnextbtn-button button {
  background: url(playlist-controls.svg) transparent no-repeat;
  border: 0; cursor: pointer; display: block; font-size: 0; height: 20px;
  line-height: 0; margin: 10px 6px; overflow: hidden;
  padding: 0; position: absolute; text-decoration: none; width: 20px;
}
.swa_prevnextbtn-button .swac_previous { background-position: -20px 0; }
.swa_prevnextbtn-button .swac_next { background-position: 0 0; left: 20px; }
.swa_playlist .audio-player .mejs__playpause-button { margin-right: 50px; }
.swa_playlist div.audio-player .sw_audio_artsong { left: 104px; }
.swa_playlist .mejs-list { padding: 0; margin: 0; list-style: none; }
.swa_playlist .mejs-list > li {
  padding: 8px 8px 8px 0; border-bottom: 1px solid var(--sw-border);
  margin-bottom: 3px; border-radius: var(--sw-radius-sm);
  position: relative; white-space: nowrap; text-overflow: ellipsis;
  display: flex; cursor: pointer; align-items: center;
  transition: background .15s var(--sw-ease);
}
.swa_playlist .mejs-list > li.swa_current { background: var(--sw-accent-soft); border-color: transparent; }
.swa_playlist .mejs-list li:hover { background: var(--sw-card-hover); border-color: transparent; }
.swa_playlist .mejs-list li .sw_audio_play { padding: 0 10px 0; width: 30px; height: 25px; }
.swa_playlist .mejs-list li .sw_audio_play:before {
  content: ""; background: url(/templates/default/controllers/smartwall/img/music.png) no-repeat center;
  width: 30px; height: 25px; position: absolute;
}
.swa_playlist .mejs-list li:hover .sw_audio_play:before {
  background: url(/templates/default/controllers/smartwall/img/play.png) no-repeat center;
}
.swa_setmenu { margin-left: auto; }
.swa_setmenu a { opacity: .4; transition: opacity .15s var(--sw-ease); }
.swa_setmenu a:hover { opacity: 1; }
.sw_with_share .sw_facebook_reaction:hover b,
.sw_with_share .swf_btn_comment:hover b,
.swf_btn_share:hover b { color: var(--sw-accent); }
.swli_text img.emojione { width: 16px; }

/* ---------- ПРЕДПРОСМОТР ССЫЛКИ ---------- */
.swi_body .sw_link_box {
  display: block; width: 100%; height: auto;
  border: 1px solid var(--sw-border); margin: 10px 0;
  border-radius: var(--sw-radius); overflow: hidden; text-decoration: none;
  transition: border-color .15s var(--sw-ease), transform .15s var(--sw-ease);
}
.swi_body .sw_link_box:hover { border-color: var(--sw-accent); transform: translateY(-1px); }
.sw_link_box .swlb_img {
  height: 200px; background-color: var(--sw-bg);
  background-repeat: no-repeat; background-size: cover; background-position: center;
  position: relative; border-bottom: 1px solid var(--sw-border);
}
.sw_link_box .swlb_url {
  position: absolute; background: rgba(15, 20, 25, .8); color: #fff;
  text-decoration: none; text-align: center; border-radius: var(--sw-radius-pill);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  bottom: 8px; left: 8px; top: auto; right: auto; width: auto;
  max-width: 80%; height: 26px; line-height: 26px; padding: 0 12px; font-size: 12px;
}
.sw_link_box .swlb_title { padding: 12px; display: block; text-decoration: none; }
.sw_link_box .swlb_title h3 {
  margin: 0 0 4px; padding: 0; white-space: nowrap;
  overflow: hidden; text-overflow: ellipsis; color: var(--sw-text); font-size: 15px;
}
.sw_link_box .swlb_title p {
  margin: 0; padding: 0; font-size: 13px; color: var(--sw-text-muted);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

/* ============================================================
   АДАПТИВ
   ============================================================ */
@media screen and (max-width: 991px) { .modal-content .sw_video_modal { height: 265px; } }
@media screen and (max-width: 680px) { .sw_video_modal { width: 580px; height: 320px; } }
@media screen and (max-width: 640px) {
  .swli_videos.videos_count_5 a:nth-child(1),
  .swli_videos.videos_count_5 a:nth-child(2) { height: 140px; }
  .swli_videos.videos_count_5 a:nth-child(1):after,
  .swli_videos.videos_count_5 a:nth-child(2):after { top: 29%; }
  .swli_videos.videos_count_5 a:nth-child(n+3),
  .swli_videos.videos_count_5 a:nth-child(5) { height: 100px; }
  .swli_videos.videos_count_4 a:nth-child(1) { height: 280px; }
  .swli_videos.videos_count_4 a:nth-child(2),
  .swli_videos.videos_count_4 a:nth-child(3),
  .swli_videos.videos_count_4 a:nth-child(4) { height: 110px; }
  .swli_videos.videos_count_3 a:nth-child(1) { height: 280px; }
  .swli_videos.videos_count_3 a:nth-child(2),
  .swli_videos.videos_count_3 a:nth-child(3) { height: 180px; }
  .sw_video_modal { width: 560px; height: 300px; }
}
@media screen and (max-width: 580px) {
  .smartwall_item { border-radius: var(--sw-radius); margin-bottom: 12px; }
  .smartwall_item .swi_head { padding: 14px 14px 8px; }
  .smartwall_item .swi_body { padding: 6px 14px 10px; font-size: 14px; }
  .smartwall_item .swf_reactcomms { padding: 6px 14px; }
  .swih_avatar a { width: 38px; height: 38px; margin-right: 10px; }
  .swcl_comment .swcl_ava img { width: 32px; height: 32px; }
  .swcl_comment .swcl_right_side { margin-left: 42px; }
  .swli_videos.videos_count_5 a:nth-child(2) { margin-right: 0; }
  .swli_videos.videos_count_4 a:nth-child(1) { width: 49%; float: left; height: 160px; margin-right: 4px; }
  .swli_videos.videos_count_4 a:nth-child(2) { width: 49%; float: right; height: 160px; margin: 0; }
  .swli_videos.videos_count_4 a:nth-child(3) { clear: both; width: 49%; float: left; height: 160px; margin-right: 4px; }
  .swli_videos.videos_count_4 a:nth-child(4) { width: 49%; float: right; height: 160px; margin: 5px 0 0 0; }
  .swli_videos.videos_count_3 a:nth-child(2) { width: 48%; }
  .sw_video_modal { width: 500px; height: 240px; }
  .modal-content #smartwall_add_photo .photo_to_smartwall,
  .modal-content #smartwall_add_photo_link a { font-size: 13px; }
}
@media screen and (max-width: 480px) {
  .sw_reactions_box { top: -50px; width: 290px; height: 36px; padding: 4px !important; }
  .sw_react { width: 32px; height: 32px; }
  .sw_react-likes { left: 8px; }
  .sw_react-love  { left: 56px; }
  .sw_react-haha  { left: 104px; }
  .sw_react-wow   { left: 152px; }
  .sw_react-sad   { left: 200px; }
  .sw_react-angry { left: 248px; }
  @keyframes reaction_delay {
    0%   { width: 32px; height: 32px; top: 60px; }
    48%  { width: 40px; height: 40px; top: 5px; }
    100% { width: 32px; height: 32px; top: 8px; }
  }
  .sw_facebook_reaction, .swf_btn_comment { width: 40%; }
  .swli_videos.videos_count_5 a:nth-child(1) { width: 100%; margin-bottom: 4px; height: 200px; }
  .swli_videos.videos_count_5 a:nth-child(2) { width: 49%; float: left; height: 160px; margin-right: 4px; }
  .swli_videos.videos_count_5 a:nth-child(3) { width: 49%; float: right; height: 160px; margin: 0; }
  .swli_videos.videos_count_5 a:nth-child(4) { clear: both; width: 49%; float: left; height: 160px; margin-right: 4px; }
  .swli_videos.videos_count_5 a:nth-child(5) { width: 49%; float: right; height: 160px; margin: 0; }
  .photos_count_1 img { width: 100% !important; }
  div.audio-player .sw_audio_artsong { width: calc(100% - 115px); }
  .sw_with_share .sw_react_text b,
  .sw_with_share .swf_btn_comment b,
  .sw_with_share .swf_btn_share b { display: none; }
  .sw_video_modal { width: 400px; height: 200px; }
  .modal-content #smartwall_add_photo { width: 50%; }
  .modal-content #smartwall_add_photo_link { width: 50%; }
  .modal-content .sw_video_modal { height: 230px; }
  div.audio-player .mejs__currenttime-container { display: none; }
}
@media screen and (max-width: 400px) {
  .sw_facebook_reaction, .swf_btn_comment { width: 49%; }
  .swcli_reply_form { margin: 0 0 0 -42px; }
  .swli_videos.videos_count_5 a:nth-child(1) { height: 160px; }
  .swli_videos.videos_count_5 a:nth-child(2),
  .swli_videos.videos_count_5 a:nth-child(3),
  .swli_videos.videos_count_5 a:nth-child(4),
  .swli_videos.videos_count_5 a:nth-child(5) { height: 100px; }
  .swli_videos.videos_count_4 a:nth-child(1),
  .swli_videos.videos_count_4 a:nth-child(2),
  .swli_videos.videos_count_4 a:nth-child(3),
  .swli_videos.videos_count_4 a:nth-child(4) { height: 130px; }
  .swli_videos.videos_count_3 a:nth-child(2),
  .swli_videos.videos_count_3 a:nth-child(3) { height: 140px; }
  .swli_videos.videos_count_2 a { height: 150px; }
  .swli_videos.videos_count_2 a:after { top: 34%; left: 36%; }
  .swli_videos.videos_count_3 a:nth-child(1) { height: 200px; }
  .swli_videos a { height: 170px; }
  .swi_photopoll { display: flex; flex-direction: column; height: 400px; }
  .swi_photopoll .swip_select { position: relative; width: 100%; }
  .swi_photopoll .swip_select_1 { margin-bottom: 5px; }
  .sw_video_modal { width: 300px; height: 180px; }
  .modal-content .sw_video_modal { height: 190px; }
}
@media screen and (max-width: 380px) {
  .swli_videos a { width: 100% !important; height: 150px !important; margin: 0 !important; margin-bottom: 5px !important; }
  .swli_videos a:after { top: 35% !important; left: 41% !important; padding: 16px !important; }
  .modal-content .sw_video_modal { height: 160px; }
  div.audio-player .sw_audio_artsong { font-size: 12px; }
  .swli_text_colored, .swli_text_colored .swli_text_colored_inner { padding: 20px; font-size: 20px; }
}
@media screen and (max-width: 321px) {
  .sw_video_modal { width: 280px; height: 160px; }
  .smartwall_voice_start, .smartwall_voice_stop { font-size: 11px; }
}
@media (max-width: 576px) {
  .modal-content #smartwall_add_photo { width: 290px; }
  .modal-content #smartwall_add_photo_link { width: 161px; }
  .modal-content #smartwall_add_photo .photo_to_smartwall,
  .modal-content #smartwall_add_photo_link a { font-size: 13px; }
}

/* ---------- ПРОЧЕЕ ---------- */
.photos_count_1 div a { text-align: center; background: var(--sw-bg); }
.nyroModalCont { overflow: hidden !important; }
.swih_avatar a .default_avatar {
  width: 44px; height: 44px; display: block;
  border-radius: 50%; background: var(--sw-bg); color: var(--sw-text-muted);
}
.swih_avatar a .default_avatar:before { font-size: 30px; }
html.min-vh-100 .swa_playlist .mejs-list li .sw_audio_play { width: 40px; }

/* ---------- ПРЕЛОАДЕР ФОТО (skeleton) ---------- */
.swli_photos { position: relative; }
.swli_photos_preloader {
  position: absolute; top: 0; left: 0; right: 0; bottom: 0;
  background: var(--sw-card-bg); display: flex; flex-flow: row wrap;
  gap: 4px; border-radius: var(--sw-radius); overflow: hidden;
}
.swli_photos_preload {
  background-color: var(--sw-bg); display: block; height: 200px;
  background-position: center center;
  background: linear-gradient(90deg, var(--sw-bg) 33%, var(--sw-border-strong) 45%, var(--sw-bg) 65%);
  background-size: 800px;
  animation: skeleton-animation 1.5s infinite linear;
}
@keyframes skeleton-animation {
  0%   { background-position: -400px 0; }
  100% { background-position: 400px 0; }
}
.swli_photos_1 .swli_photos_preload { width: 100%; height: 400px; }
.swli_photos_21 .swli_photos_preload:nth-child(3) { width: 100%; }
.swli_photos_21 .swli_photos_preload:nth-child(1),
.swli_photos_21 .swli_photos_preload:nth-child(2) { width: calc(50% - 2px); }
.swli_photos_22 .swli_photos_preload,
.swli_photos_2 .swli_photos_preload { width: calc(50% - 2px); }
.swli_photos_23 .swli_photos_preload:nth-child(1),
.swli_photos_23 .swli_photos_preload:nth-child(2) { width: calc(50% - 2px); }
.swli_photos_23 .swli_photos_preload:nth-child(n+3) { width: calc(33% - 1px); }
.swli_photos_33 .swli_photos_preload { width: calc(33% - 1px); }
.swli_photos_25 .swli_photos_preload:nth-child(1),
.swli_photos_25 .swli_photos_preload:nth-child(2) { width: calc(50% - 2px); }
.swli_photos_25 .swli_photos_preload:nth-child(n+3) { width: calc(20% - 4px); }
.swli_photos_44 .swli_photos_preload { width: calc(25% - 3px); }
.swli_photos_54 .swli_photos_preload:nth-child(-n+5) { width: calc(20% - 4px); }
.swli_photos_54 .swli_photos_preload:nth-child(n+6) { width: calc(25% - 3px); }
.swli_photos_55 .swli_photos_preload { width: calc(20% - 4px); height: 100px; }
.wvcf_btn img { max-width: none; }
@media screen and (max-width: 480px) {
  .swli_photos_23 .swli_photos_preload,
  .swli_photos_33 .swli_photos_preload,
  .swli_photos_25 .swli_photos_preload,
  .swli_photos_44 .swli_photos_preload,
  .swli_photos_54 .swli_photos_preload,
  .swli_photos_55 .swli_photos_preload { height: 130px; }
  .swli_photos_23 .swli_photos_preload:nth-child(1) { width: 100%; }
  .swli_photos_23 .swli_photos_preload:nth-child(n+2) { width: calc(50% - 2px); }
  .swli_photos_33 .swli_photos_preload { width: calc(50% - 2px); }
  .swli_photos_25 .swli_photos_preload:nth-child(-n+4) { width: calc(50% - 2px); }
  .swli_photos_25 .swli_photos_preload:nth-child(n+5) { width: calc(33% - 2px); }
  .swli_photos_44 .swli_photos_preload:nth-child(-n+2) { width: calc(50% - 2px); }
  .swli_photos_44 .swli_photos_preload:nth-child(n+3) { width: calc(33% - 2px); }
  .swli_photos_54 .swli_photos_preload { width: calc(33% - 2px); }
  .swli_photos_55 .swli_photos_preload:nth-child(-n+2) { width: calc(50% - 2px); }
  .swli_photos_55 .swli_photos_preload:nth-child(n+3) { width: calc(25% - 4px); }
}

/* ============================================================
   ЗАМЕНА ИКОНКИ like.png на SVG (только кнопка "Нравится")
   ============================================================ */
.sw_react_text img[src*="/smartwall/img/like.png"] {
  content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%234c88ff'><path d='M1 21h4V9H1v12zm22-11c0-1.1-.9-2-2-2h-6.31l.95-4.57.03-.32c0-.41-.17-.79-.44-1.06L14.17 1 7.59 7.59C7.22 7.95 7 8.45 7 9v10c0 1.1.9 2 2 2h9c.83 0 1.54-.5 1.84-1.22l3.02-7.05c.09-.23.14-.47.14-.73v-1.91l-.01-.01L23 10z'/></svg>") !important;
  width: 18px !important;
  height: 18px !important;
  display: inline-block !important;
  vertical-align: middle !important;
  margin: 0 6px 0 0 !important;
}

/* ============================================================
   ИКОНКА СЧЁТЧИКА КОММЕНТАРИЕВ — SVG (Material chat bubble)
   ============================================================ */
.swf_comms img[src*="/smartwall/img/comment.png"] {
  content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%236b7280'><path d='M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-2 12H6v-2h12v2zm0-3H6V9h12v2zm0-3H6V6h12v2z'/></svg>") !important;
  width: 16px !important;
  height: 16px !important;
  display: inline-block !important;
  vertical-align: middle !important;
  margin: 0 4px 0 0 !important;
  opacity: 1 !important;
}

/* ============================================================
   ИКОНКА СЧЁТЧИКА ПРОСМОТРОВ — SVG (Material eye)
   ============================================================ */
.swf_view img[src*="/smartwall/img/eye.png"] {
  content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%236b7280'><path d='M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z'/></svg>") !important;
  width: 16px !important;
  height: 16px !important;
  display: inline-block !important;
  vertical-align: middle !important;
  margin: 0 4px 0 0 !important;
  opacity: 1 !important;
}

/* ============================================================
   ФОРМА КОММЕНТАРИЯ — фикс на мобилке
   ============================================================ */
@media (max-width: 580px) {

  .swcf_footer {
    padding: 6px 0;
  }

  .swcf_footer .swcf_footer_inner {
    display: flex;
    flex-direction: column;
    gap: 6px;
  }

  .swcf_footer .swcf_text_length {
    float: none;
    width: 100%;
    margin: 0 0 4px 0;
    text-align: left;
    font-size: 12px;
  }

  .swcf_footer .wvcf_sendBtn {
    float: none;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    gap: 6px;
  }

  .swcf_footer .wvcf_btn {
    margin-right: 0;
    padding-top: 0;
  }

  .swcf_footer .wvcf_btn img {
    width: 20px;
    height: 20px;
  }

  .swcf_footer .wvcf_sendBtn button {
    min-width: auto;
    padding: 0 14px;
    height: 34px;
    line-height: 34px;
    font-size: 13px;
    white-space: nowrap;
  }
}

/* ============================================================
   СЕРДЕЧКО ЛАЙКА В КОММЕНТАРИЯХ — SVG (не нажато)
   ============================================================ */
.swcl_rating img[src*="/smartwall/img/heart.png"] {
  content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'/></svg>") !important;
  width: 16px !important;
  height: 16px !important;
  display: inline-block !important;
  vertical-align: middle !important;
  opacity: 1 !important;
}

/* ============================================================
   СЕРДЕЧКО ЛАЙКА В КОММЕНТАРИЯХ — SVG (нажато / filled)
   ============================================================ */
.swcl_rating img[src*="/smartwall/img/hearted.png"] {
  content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23f25268'><path d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/></svg>") !important;
  width: 16px !important;
  height: 16px !important;
  display: inline-block !important;
  vertical-align: middle !important;
  opacity: 1 !important;
}

/* ============================================================
   ТО ЖЕ САМОЕ — для ответов на комментарии (там иконки 15px)
   ============================================================ */
.swcli_reply_list .swcl_rating img[src*="/smartwall/img/heart.png"] {
  width: 15px !important;
  height: 15px !important;
}
.swcli_reply_list .swcl_rating img[src*="/smartwall/img/hearted.png"] {
  width: 15px !important;
  height: 15px !important;
}

/* ============================================================
   КНОПКА «РЕПОСТ» — 4 кнопки по 24% вместо 3 по 33%
   ============================================================ */
.swf_btns {
  justify-content: space-between !important;
}
.sw_facebook_reaction,
.swf_btn_comment,
.swf_btn_repost,
.swf_btn_share {
  width: 24% !important;
}

.swf_btn_repost {
  text-align: center;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  line-height: 36px;
  color: var(--sw-text-muted);
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  border-radius: var(--sw-radius-sm);
  transition: background .15s var(--sw-ease), color .15s var(--sw-ease);
  user-select: none;
}
.swf_btn_repost:hover {
  background: var(--sw-accent-soft);
  color: var(--sw-accent);
}
.swf_btn_repost:active {
  transform: scale(.98);
}
.swf_btn_repost b {
  font-weight: 700;
}
.swf_btn_repost .sw-repost-icon {
  display: inline-block;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M7 7h10v3l4-4-4-4v3H5v6h2V7zm10 10H7v-3l-4 4 4 4v-3h12v-6h-2v4z'/></svg>") center / contain no-repeat;
          mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M7 7h10v3l4-4-4-4v3H5v6h2V7zm10 10H7v-3l-4 4 4 4v-3h12v-6h-2v4z'/></svg>") center / contain no-repeat;
}

@media (max-width: 480px) {
  .swf_btn_repost b {
    display: none;
  }
  .swf_btn_repost {
    gap: 0;
  }
  .swf_btn_repost .sw-repost-icon {
    width: 22px;
    height: 22px;
  }
}

/* ============================================================
   МОБИЛКА — скрываем слова у реакций, оставляем только иконки
   ============================================================ */
@media (max-width: 580px) {

  /* Сжимаем всю кнопку реакции до иконки */
  .sw_react_text {
    font-size: 0 !important;
    width: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 36px !important;
    padding: 0 !important;
  }

  /* Прячем и жирный текст, и голый текст */
  .sw_react_text b,
  .sw_react_text span {
    display: none !important;
  }

  /* Иконка — фиксированная, с нормальным отступом */
  .sw_react_text img {
    width: 20px !important;
    height: 20px !important;
    margin: 0 !important;
  }

  /* То же самое для комментариев и поделиться */
  .swf_btn_comment b,
  .swf_btn_share b,
  .swf_btn_repost b {
    display: none !important;
  }

  .swf_btn_comment,
  .swf_btn_share,
  .swf_btn_repost {
    font-size: 0 !important;
    gap: 0 !important;
  }

  .swf_btn_comment img,
  .swf_btn_share::before,
  .swf_btn_repost .sw-repost-icon {
    width: 22px !important;
    height: 22px !important;
    margin: 0 !important;
  }

  /* Чуть увеличиваем высоту кнопок для тапа */
  .swf_btns {
    padding: 6px 8px !important;
  }

  .sw_facebook_reaction,
  .swf_btn_comment,
  .swf_btn_repost,
  .swf_btn_share {
    height: 40px !important;
    line-height: 40px !important;
  }
}

/* ============================================================
   МОБИЛКА — убираем боковые отступы у стены
   ============================================================ */
@media (max-width: 580px) {

  /* 1. Контейнер — обнуляем padding */
  body section.container {
    padding-left: 0 !important;
    padding-right: 0 !important;
    max-width: 100% !important;
  }

  /* 2. Row — без margin */
  body section.container > main.row,
  body section.container > main.row.no-gutters {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* 3. Колонки (article, aside) — без padding */
  body section.container > main.row > article,
  body section.container > main.row > .col-lg,
  body section.container > main.row > .col-xl,
  body section.container > main.row > .col-lg-3,
  body section.container > main.row > aside {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* 4. Обёртки виджета — без padding и рамок */
  .icms-widget,
  .icms-widget__transparent {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border-radius: 0 !important;
    border-left: none !important;
    border-right: none !important;
  }

  /* 5. Карточки и форма создания — на всю ширину */
.smartwall_item,
.sw_microblock {
  margin-left: 0 !important;
  margin-right: 0 !important;
  border-radius: 14px !important;
  border-left: none !important;
  border-right: none !important;
}
  /* 6. Список постов — без боковых полей */
  .smartwall_items_list {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* 8. Комментарии внутри карточки — свой внутренний отступ */
  .sw_commlist_box {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
}

/* ============================================================
   H1 ЛЕНТЫ — тёмный градиент (десктоп + мобилка)
   ============================================================ */
body .smartwall_items_list > h1,
body .smartwall_items_list h1,
body article h1:first-of-type {
  background: radial-gradient(circle at 10% 30%, #1e2a3a, #11111f, #0b0b1a) !important;
  background-image: radial-gradient(circle at 10% 30%, #1e2a3a, #11111f, #0b0b1a) !important;
  background-color: #11111f !important;
  background-clip: border-box !important;
  -webkit-background-clip: border-box !important;
  -webkit-text-fill-color: currentColor !important;

  padding: 18px 22px !important;
  border-radius: 14px !important;
  margin: 0 0 20px 0 !important;
  border: 1px solid rgba(150, 130, 210, 0.35) !important;
  box-shadow: 0 10px 24px -10px rgba(0, 0, 0, 0.5) !important;

  display: block !important;
  box-sizing: border-box !important;
  width: auto !important;
}

/* На мобилке — скругление поменьше, отступы поуже */
@media (max-width: 580px) {
  body .smartwall_items_list > h1,
  body .smartwall_items_list h1,
  body article h1:first-of-type {
    padding: 14px 18px !important;
    margin: 0 0 12px 0 !important;
    border-radius: 12px !important;
  }
}