/* ==========================================================================
   Sorola Village — CSS проекта (Настройки сайта → Ещё → «CSS-код»).
   Исходник: 04_СКРИПТЫ/site_code/custom.css. Скрипты к этим стилям:
   site_code/header_scripts.html (T123 на странице «Header»),
   site_code/footer_bugreport.html (T123 на странице «Footer»).
   ========================================================================== */

/* --- 1. Шапка: светлый режим -------------------------------------------
   Класс .sv-hdr-light ставит скрипт шапки, если под ней светлый фон
   (подборки, контакты, каталоги): прячем затемнение, текст и логотип тёмные. */
.sv-hdr-light #rec2849134601 [data-elem-id="1786211642976"]{display:none!important}
.sv-hdr-light #rec2849134601 [data-elem-id="1786205816556000013"] img,
.sv-hdr-light #rec2849134601 [data-elem-id="1786205816556000013"] .tn-atom{filter:brightness(0) opacity(.86)}
.sv-hdr-light #rec2849134601 [data-elem-id="1789034903017000001"] .tn-atom,
.sv-hdr-light #rec2849134601 [data-elem-id="1789034903017000001"] .tn-atom a,
.sv-hdr-light #rec2849134601 .tn-group[data-group-id="1786205816536000007"] .tn-atom,
.sv-hdr-light #rec2849134601 .tn-group[data-group-id="1786205816536000007"] .tn-atom a{color:#232019!important}

/* --- 2. Шапка: выпадающий список телефонов -----------------------------
   Группа 1786205816557000014 в rec2849134601 и rec4076966901. Скрыт, пока
   скрипт шапки не поставит .sv-ph-open (наведение на номер/иконку/список). */
#rec2849134601 .tn-group[data-group-id="1786205816557000014"],
#rec4076966901 .tn-group[data-group-id="1786205816557000014"]{
  opacity:0!important;visibility:hidden!important;pointer-events:none!important;
  transform:translateY(-6px);transition:opacity .18s ease,transform .22s cubic-bezier(.23,1,.32,1),visibility 0s linear .22s}
#rec2849134601.sv-ph-open .tn-group[data-group-id="1786205816557000014"],
#rec4076966901.sv-ph-open .tn-group[data-group-id="1786205816557000014"]{
  opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none;transition:opacity .18s ease,transform .22s cubic-bezier(.23,1,.32,1),visibility 0s}
@media (prefers-reduced-motion:reduce){
  #rec2849134601 .tn-group[data-group-id="1786205816557000014"],
  #rec4076966901 .tn-group[data-group-id="1786205816557000014"]{transition:none}}

/* --- 3. Кнопка «Сообщить об ошибке» — ВРЕМЕННО, на период приёмки -------
   Убрать перед запуском вместе с T123 на странице «Footer». */
.sbr-btn{position:fixed;right:20px;bottom:20px;z-index:2147483000;width:56px;height:56px;border-radius:50%;border:0;padding:0;cursor:pointer;background:#C0392B;color:#fff;box-shadow:0 6px 20px rgba(120,30,20,.35);display:flex;align-items:center;justify-content:center;transition:background-color .2s,transform .2s}
.sbr-btn:hover{background:#A93226;transform:scale(1.05)}
.sbr-btn svg{width:26px;height:26px;display:block}
.sbr-btn__tip{position:absolute;right:66px;top:50%;transform:translateY(-50%);white-space:nowrap;background:#232019;color:#fff;font:500 13px/1.2 var(--t-text-font,Arial),sans-serif;padding:8px 12px;border-radius:8px;opacity:0;pointer-events:none;transition:opacity .2s}
.sbr-btn:hover .sbr-btn__tip{opacity:1}
.sbr-hidden{display:none!important}
.sbr-catcher{position:fixed;inset:0;z-index:2147483001;cursor:crosshair;background:transparent}
.sbr-box{position:absolute;z-index:2147483002;pointer-events:none;border:2px solid #2E4A48;background:rgba(46,74,72,.12);border-radius:4px;transition:all .06s;display:none}
.sbr-hint{position:fixed;left:50%;top:16px;transform:translateX(-50%);z-index:2147483003;display:flex;gap:12px;align-items:center;background:#232019;color:#fff;font:500 14px/1.3 var(--t-text-font,Arial),sans-serif;padding:10px 10px 10px 16px;border-radius:28px;box-shadow:0 6px 20px rgba(0,0,0,.25);max-width:calc(100vw - 32px);box-sizing:border-box}
.sbr-hint button{border:0;border-radius:20px;background:#F1ECE3;color:#232019;font:inherit;padding:6px 14px;cursor:pointer;flex:none}
.sbr-dot{position:absolute;z-index:9999990;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;background:#C0392B;border:3px solid #fff;box-shadow:0 0 0 0 rgba(192,57,43,.6);animation:sbr-pulse 1.4s infinite;pointer-events:none}
@keyframes sbr-pulse{0%{box-shadow:0 0 0 0 rgba(192,57,43,.6)}100%{box-shadow:0 0 0 16px rgba(192,57,43,0)}}
@media (max-width:640px){.sbr-btn{right:16px;bottom:16px;width:52px;height:52px}.sbr-btn__tip{display:none}.sbr-hint{font-size:13px;top:12px}}

/* --- 4. Нижняя плавающая панель брони на телефоне (.svb из T123) -------- */
.svb{padding-left:20px!important;padding-right:20px!important}

/* --- 5. Каталоги потоков (T2823): число колонок по ширинам --------------
   3 колонки на 960–1199, 2 на 640–959; карусели на планшете — 2,3 карточки. */
@media (min-width:960px) and (max-width:1199px){
  .t2823 .t2823__items:not(.t-cms__slider){grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media (min-width:640px) and (max-width:959px){
  .t2823 .t2823__items:not(.t-cms__slider){grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .t2823 .t-cms__slider > li.t-cms__card{flex:0 0 calc((100% - 40px) / 2.3)!important;width:calc((100% - 40px) / 2.3)!important;min-width:0!important}
}

/* --- 6. Текст постов потоков (статьи, новости, окрестности, услуги) ------
   13.10: абзацы были склеены (у абзацев отступ 0), подзаголовки — жирным TildaSans
   вместо Cormorant, как во всех заголовках сайта. */
.t396 .t-redactor__tte-view .t-redactor__text p + p{margin-top:.9em}
.t396 .t-redactor__tte-view .t-redactor__text ul,
.t396 .t-redactor__tte-view .t-redactor__text ol{margin:.6em 0}
.t396 .t-redactor__tte-view .t-redactor__text li + li{margin-top:.35em}
.t396 .t-redactor__tte-view .t-redactor__h2,
.t396 .t-redactor__tte-view .t-redactor__h3,
.t396 .t-redactor__tte-view .t-redactor__h4{font-family:'Cormorant',Arial,serif!important;font-weight:500!important;line-height:1.12!important;letter-spacing:-.01em;margin-bottom:.45em!important}
.t396 .t-redactor__tte-view .t-redactor__h2{font-size:32px!important}
.t396 .t-redactor__tte-view .t-redactor__h3{font-size:26px!important}
.t396 .t-redactor__tte-view .t-redactor__h4{font-size:22px!important}
.t396 .t-redactor__tte-view > :not(:first-child).t-redactor__h2,
.t396 .t-redactor__tte-view > :not(:first-child).t-redactor__h3{margin-top:1em!important}
@media (min-width:960px){
  .t396 .t-redactor__tte-view .t-redactor__h2{font-size:40px!important}
  .t396 .t-redactor__tte-view .t-redactor__h3{font-size:30px!important}
}

/* --- 7. Подсказка свайпа (рука в серой плашке) на каруселях T2823 --------
   13.10: на телефоне налезала на заголовки разделов и выглядела дёшево. */
.t2823__scroll-icon-wrapper{display:none!important}

/* --- 8. Без «прыжка» первого экрана (flex-артборды Zero) ------------------
   13.10: Tilda рисует контент flex-артборда, потом пересчитывает высоту — текст
   прыгал на 100–300 px (CLS /skala 0,54, /contacts 0,27, /accommodation 0,18).
   Содержимое проявляется через 0,6 с, когда раскладка уже готова: CLS → 0.
   29.10: таймер 0,6 с не ждал скрипт Tilda — при медленной загрузке текст
   показывался в «сыром» размере и перестраивался. Теперь проявляется после
   класса .rendered (автоскейл посчитан); без скрипта — через 3 с. */
@keyframes svshow{from{opacity:0}to{opacity:1}}
@keyframes svshow-r{from{opacity:0}to{opacity:1}}
#allrecords > .t-rec .t396__artboard-flex > .t396__group,
#allrecords > .t-rec .t396__artboard-flex > .t396__elem,
#allrecords > .t-rec .t396__artboard-flex > .tn-molecule{animation:svshow .35s ease-out 3s both}
#allrecords > .t-rec .t396__artboard-flex.rendered > .t396__group,
#allrecords > .t-rec .t396__artboard-flex.rendered > .t396__elem,
#allrecords > .t-rec .t396__artboard-flex.rendered > .tn-molecule{animation:svshow-r .35s ease-out .15s both}
@media (prefers-reduced-motion:reduce){
  #allrecords > .t-rec .t396__artboard-flex > .t396__group,
  #allrecords > .t-rec .t396__artboard-flex > .t396__elem,
  #allrecords > .t-rec .t396__artboard-flex > .tn-molecule{animation-duration:0s}}
/* /skala: hero «на высоту окна» — высота с первого кадра, чтобы следующий блок не уезжал */
#rec4620463001 .t396__artboard{min-height:100vh;min-height:100svh}
/* 29.10: первый flex-блок страниц до автоскейла рисуется высотой 600, потом
   становится 400–1000 px — блок под ним (карточки) прыгал. Резервируем
   финальную высоту (--svh = доля ширины окна, замер на 1200/960/640/320,
   внутри брейкпоинта высота строго пропорциональна ширине) на обёртке .t-rec
   до .rendered и ещё 0,8 с после (Tilda делает второй проход). Резерв на
   самом артборде сбивает Tilda расчёт hug-высоты — не переносить туда.
   Шаблоны потоков не покрыты (высота зависит от длины заголовка поста).
   После правки hero любой из этих страниц — перемерить и обновить число. */
#allrecords > .t-rec:has(.t396__artboard-flex:not(.rendered)){height:var(--svh,auto);overflow:hidden}
#allrecords > .t-rec:has(.t396__artboard-flex.rendered){animation:svhold .8s step-end}
@keyframes svhold{from{height:var(--svh,auto);overflow:hidden}to{height:auto;overflow:visible}}
/* newyear, booking, articles, neighborhood, services, menu, news, contacts, reviews, actions,
   park-hotel, booking-conditions, privacy-policy, requisites, karta-sayta, accommodation,
   9 посадочных (kottedzhi-s-dzhakuzi … gostinica), gallery */
@media (min-width:1200px){
  #rec4067197801{--svh:calc(100vw * 0.5416)} #rec4621063201{--svh:calc(100vw * 0.3216)} #rec4621062601{--svh:calc(100vw * 0.335)}
  #rec4621062701{--svh:calc(100vw * 0.335)} #rec4621063001{--svh:calc(100vw * 0.335)} #rec4620495501{--svh:calc(100vw * 0.4666)}
  #rec4625934501{--svh:calc(100vw * 0.3108)} #rec4626220101{--svh:calc(100vw * 0.3483)} #rec4626223401{--svh:calc(100vw * 0.4116)}
  #rec4626239101{--svh:calc(100vw * 0.3483)} #rec4626241201{--svh:calc(100vw * 0.3483)} #rec4626252701{--svh:calc(100vw * 0.415)}
  #rec4626290401{--svh:calc(100vw * 0.35)} #rec4626292101{--svh:calc(100vw * 0.3241)} #rec4626335601{--svh:calc(100vw * 0.2766)}
  #rec4630020201{--svh:calc(100vw * 0.49)} #rec4630024801{--svh:calc(100vw * 0.6891)} #rec4631490801{--svh:calc(100vw * 0.5983)}
  #rec4631501101{--svh:calc(100vw * 0.6066)} #rec4631521401{--svh:calc(100vw * 0.5825)} #rec4631532201{--svh:calc(100vw * 0.6066)}
  #rec4631549701{--svh:calc(100vw * 0.5983)} #rec4631571601{--svh:calc(100vw * 0.5983)} #rec4631578501{--svh:calc(100vw * 0.5983)}
  #rec4631621501{--svh:calc(100vw * 0.5983)} #rec4635421201{--svh:calc(100vw * 0.4575)}
}
@media (min-width:960px) and (max-width:1199px){
  #rec4067197801{--svh:calc(100vw * 0.677)} #rec4621063201{--svh:calc(100vw * 0.3625)} #rec4621062601{--svh:calc(100vw * 0.3791)}
  #rec4621062701{--svh:calc(100vw * 0.3791)} #rec4621063001{--svh:calc(100vw * 0.3791)} #rec4620495501{--svh:calc(100vw * 0.5458)}
  #rec4625934501{--svh:calc(100vw * 0.35)} #rec4626220101{--svh:calc(100vw * 0.3875)} #rec4626223401{--svh:calc(100vw * 0.4666)}
  #rec4626239101{--svh:calc(100vw * 0.3875)} #rec4626241201{--svh:calc(100vw * 0.3875)} #rec4626252701{--svh:calc(100vw * 0.4541)}
  #rec4626290401{--svh:calc(100vw * 0.375)} #rec4626292101{--svh:calc(100vw * 0.3583)} #rec4626335601{--svh:calc(100vw * 0.3)}
  #rec4630020201{--svh:calc(100vw * 0.5697)} #rec4630024801{--svh:calc(100vw * 0.7645)} #rec4631490801{--svh:calc(100vw * 0.6979)}
  #rec4631501101{--svh:calc(100vw * 0.6979)} #rec4631521401{--svh:calc(100vw * 0.6979)} #rec4631532201{--svh:calc(100vw * 0.6979)}
  #rec4631549701{--svh:calc(100vw * 0.6979)} #rec4631571601{--svh:calc(100vw * 0.6979)} #rec4631578501{--svh:calc(100vw * 0.6979)}
  #rec4631621501{--svh:calc(100vw * 0.6979)} #rec4635421201{--svh:calc(100vw * 0.5781)}
}
@media (min-width:640px) and (max-width:959px){
  #rec4067197801{--svh:calc(100vw * 1.2812)} #rec4621063201{--svh:calc(100vw * 0.5734)} #rec4621062601{--svh:calc(100vw * 0.5062)}
  #rec4621062701{--svh:calc(100vw * 0.5062)} #rec4621063001{--svh:calc(100vw * 0.5062)} #rec4620495501{--svh:calc(100vw * 0.8281)}
  #rec4625934501{--svh:calc(100vw * 0.4656)} #rec4626220101{--svh:calc(100vw * 0.5187)} #rec4626223401{--svh:calc(100vw * 0.7312)}
  #rec4626239101{--svh:calc(100vw * 0.6062)} #rec4626241201{--svh:calc(100vw * 0.5187)} #rec4626252701{--svh:calc(100vw * 0.6062)}
  #rec4626290401{--svh:calc(100vw * 0.4937)} #rec4626292101{--svh:calc(100vw * 0.4781)} #rec4626335601{--svh:calc(100vw * 0.3937)}
  #rec4630020201{--svh:calc(100vw * 0.9562)} #rec4630024801{--svh:calc(100vw * 1.2953)} #rec4631490801{--svh:calc(100vw * 1.2546)}
  #rec4631501101{--svh:calc(100vw * 1.2953)} #rec4631521401{--svh:calc(100vw * 1.2546)} #rec4631532201{--svh:calc(100vw * 1.2953)}
  #rec4631549701{--svh:calc(100vw * 1.1671)} #rec4631571601{--svh:calc(100vw * 1.2546)} #rec4631578501{--svh:calc(100vw * 1.1671)}
  #rec4631621501{--svh:calc(100vw * 1.1671)} #rec4635421201{--svh:calc(100vw * 0.8078)}
}
@media (max-width:639px){
  #rec4067197801{--svh:calc(100vw * 2.25)} #rec4621063201{--svh:calc(100vw * 1.1687)} #rec4621062601{--svh:calc(100vw * 1.0781)}
  #rec4621062701{--svh:calc(100vw * 1.0781)} #rec4621063001{--svh:calc(100vw * 1.1562)} #rec4620495501{--svh:calc(100vw * 1.6625)}
  #rec4625934501{--svh:calc(100vw * 1)} #rec4626220101{--svh:calc(100vw * 1.0437)} #rec4626223401{--svh:calc(100vw * 1.5406)}
  #rec4626239101{--svh:calc(100vw * 1.1687)} #rec4626241201{--svh:calc(100vw * 1.0906)} #rec4626252701{--svh:calc(100vw * 1.2156)}
  #rec4626290401{--svh:calc(100vw * 1.0437)} #rec4626292101{--svh:calc(100vw * 0.8093)} #rec4626335601{--svh:calc(100vw * 0.6562)}
  #rec4630020201{--svh:calc(100vw * 1.7687)} #rec4630024801{--svh:calc(100vw * 2.3375)} #rec4631490801{--svh:calc(100vw * 2.2125)}
  #rec4631501101{--svh:calc(100vw * 2.2781)} #rec4631521401{--svh:calc(100vw * 2.1343)} #rec4631532201{--svh:calc(100vw * 2.3375)}
  #rec4631549701{--svh:calc(100vw * 2.1343)} #rec4631571601{--svh:calc(100vw * 2.2593)} #rec4631578501{--svh:calc(100vw * 2.1343)}
  #rec4631621501{--svh:calc(100vw * 2.1343)} #rec4635421201{--svh:calc(100vw * 2.2)}
}

/* --- 9. Фильтры подборок в первом экране — одной строкой с прокруткой ----
   /accommodation и 9 посадочных: на телефоне 10 чипов занимали 5 строк. */
@media (max-width:639px){
  :is(#t-header + .t-rec, #allrecords > .t-rec:first-child) .t396__group-flex:has(> .tn-molecule > .t396__elem a[href^="/kottedzhi-s-"]) > .tn-molecule{
    flex-wrap:nowrap!important;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin-right:-20px;padding-right:20px}
  :is(#t-header + .t-rec, #allrecords > .t-rec:first-child) .t396__group-flex:has(> .tn-molecule > .t396__elem a[href^="/kottedzhi-s-"]) > .tn-molecule::-webkit-scrollbar{display:none}
  :is(#t-header + .t-rec, #allrecords > .t-rec:first-child) .t396__group-flex:has(> .tn-molecule > .t396__elem a[href^="/kottedzhi-s-"]) > .tn-molecule > *{flex-shrink:0}
}

/* --- 10. Точки слайдеров на телефоне — в одну строку ---------------------
   13.10: в галерее коттеджа 15 точек по 23 px не влезали в 320 и переносились. */
@media (max-width:639px){
  .t-slds__bullet_wrapper{flex-wrap:nowrap;white-space:nowrap}
  .t-slds__bullet{padding:10px 4px!important}
  .t-slds__bullet_body{width:6px!important;height:6px!important}
}

/* --- 11. Шапка на телефоне --------------------------------------------------
   13.10: в тёмной шапке рядом стояли номер текстом и круглая иконка-телефон
   (две одинаковые ссылки tel:) — иконку на ≤479 прячем. Бургер 29×29 —
   зону нажатия расширяем до ~45 px, рисунок не меняется. */
@media (max-width:479px){
  #rec2849134601 [data-elem-id="1786205816534000005"]{display:none!important}
}
#t-header a[href$="#mobmenu"]{position:relative}
#t-header a[href$="#mobmenu"]::after{content:"";position:absolute;inset:-8px}

/* --- 12. Коттеджи: своя шапка ---------------------------------------------
   13.10: общий белый бар резал фото и подрезал панель брони. На страницах с
   панелью (#sorola-panel) бары шапки скрыты; логотип и крошки — элементы шаблона,
   телефон и меню — .p-topnav из кода панели. Попап меню остаётся в шапке. */
body:has(#sorola-panel) #rec2849134601{display:none!important}
/* белый бар (rec4076966901) Tilda сама показывает только после прокрутки — оставляем:
   на первом экране меню — .p-topnav над фото, дальше — обычная шапка сайта */

/* --- 13. «Читайте также» в шаблоне услуг (T1004 rec3114398401) ----------
   29.10: стандартный блок ленты стоял колонкой 1200 по центру на сером фоне,
   тексты 10–18 px шрифтом заголовков, чёрные квадратные метки. Приведён к
   карусели «Активности рядом» у коттеджей (T2823): песочный фон, карточки
   #F7F3EC со скруглением 20, заголовок Cormorant 300 слева, текст TildaSans,
   края сетки — 2vw (24 на 1200), не меньше 20 px. Ширину карточек считает
   скрипт слайдера от ширины .t-slds__main — поэтому меняем только поля, а не
   ширины карточек (прошлая попытка с ширинами ломала слайдер). */
#rec3114398401{--rt-e:max(20px,2vw);background-color:#efe9de!important;padding-top:clamp(56px,5.5vw,96px)!important;padding-bottom:clamp(56px,5.5vw,96px)!important}
#rec3114398401 .t-section__container{max-width:none!important;padding:0 var(--rt-e)!important}
#rec3114398401 .t-section__container > .t-col{width:100%!important;margin:0!important;padding:0!important;max-width:none!important}
#rec3114398401 .t-section__title{font-family:'Cormorant',Arial,serif!important;font-weight:300!important;font-size:clamp(34px,3.75vw,64px)!important;line-height:1.08!important;color:#232019!important;text-align:left!important;margin:0 0 clamp(28px,3.3vw,56px)!important;letter-spacing:-.005em}
#rec3114398401 .t-slds__main{max-width:none!important;padding:0 calc(var(--rt-e) - 20px)!important;box-sizing:border-box}
/* ≤1200 Tilda добавляет контейнеру слайдера поля 40 под стрелки и сужает
   промежутки до 20 — выравниваем с 1440: край сетки, промежуток 40 */
@media (min-width:961px){
  #rec3114398401 .t-slds__container{margin:0!important}
  #rec3114398401 .t-feed__slider-grid__post-wrapper{margin:0 20px!important}
}
#rec3114398401 .t-feed__slider-grid__post-wrapper{width:auto!important;background-color:#F7F3EC!important;border-radius:20px;overflow:hidden}
#rec3114398401 .t-feed__post-imgwrapper{margin-bottom:24px!important}
#rec3114398401 .t-feed__post-label-wrapper{left:16px!important;top:2px}
#rec3114398401 .t-feed__post-label{background:#2E4A48!important;border-radius:999px;padding:6px 12px!important}
#rec3114398401 .t-feed__post-tag{font-family:'TildaSans',Arial,sans-serif!important;font-size:11px!important;font-weight:600!important;letter-spacing:.1em!important;text-transform:uppercase;color:#fff!important}
#rec3114398401 .t-feed__slider-grid__content{padding:0 30px 30px!important}
#rec3114398401 .t-feed__post-title{font-family:'Cormorant',Arial,serif!important;font-size:24px!important;font-weight:700!important;line-height:1.25!important;color:#232019!important}
#rec3114398401 .t-feed__post-descr{font-family:'TildaSans',Arial,sans-serif!important;font-size:15px!important;font-weight:400!important;line-height:1.55!important;color:rgba(35,32,25,.82)!important;margin-top:12px!important;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
#rec3114398401 .t-feed__post-parts-date-row{margin-top:18px!important}
#rec3114398401 .t-feed__post-date{font-family:'TildaSans',Arial,sans-serif!important;font-size:12px!important;font-weight:600!important;letter-spacing:.06em!important;color:#7A6249!important}
#rec3114398401 .t-slds__main{position:relative}
/* высоту обёрток стрелок скрипт считает до подгрузки шрифтов (бывает 1200+ px) — тянем по высоте карусели */
#rec3114398401 .t-slds__arrow_wrapper{height:auto!important;top:0!important;bottom:0!important}
#rec3114398401 .t-slds__arrow{top:50%!important;margin-top:-24px!important;width:48px!important;height:48px!important;border-radius:50%;background-color:#232019!important;display:flex;align-items:center;justify-content:center}
#rec3114398401 .t-slds__arrow_wrapper-left{left:calc(var(--rt-e) + 16px)!important}
#rec3114398401 .t-slds__arrow_wrapper-right{right:calc(var(--rt-e) + 16px)!important}
#rec3114398401 .t-slds__arrow_wrapper-left .t-slds__arrow{left:0!important}
#rec3114398401 .t-slds__arrow_wrapper-right .t-slds__arrow{right:0!important}
#rec3114398401 .t1004__scroll-icon-wrapper{display:none!important}
@media (max-width:639px){
  #rec3114398401 .t-feed__post-title{font-size:22px!important}
  #rec3114398401 .t-feed__post-descr{font-size:14px!important}
  #rec3114398401 .t-feed__slider-grid__content{padding:0 24px 24px!important}
}