.news-nav__btn.dropdown-toggle::after{display:none;}
:root {
  --accentColor: #D9004E;
  --accentColorHover:rgb(239, 36, 110);
  --accentColorActive:rgb(142, 10, 59);
}		
.box-paging {
  margin-top: 50px;
}

.paging-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
  list-style-type: none;
}
.paging-list__ellipsis {
  min-width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 16px;
  font-weight: 500;
  padding: 0 3px;
}
.paging-list__link {
  min-width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #4D4E52;
  border-radius: 8px;
  color: #2D2D31;
  font-size: 16px;
  font-weight: 500;
  padding: 0 3px;
  background: #F4F4F6;
  -webkit-transition: background 0.2s linear, color 0.2s linear, border-color 0.2s linear;
  -o-transition: background 0.2s linear, color 0.2s linear, border-color 0.2s linear;
  transition: background 0.2s linear, color 0.2s linear, border-color 0.2s linear;
}
.paging-list__link:hover, .paging-list__link:focus-visible {
  background: #E9E9EE;
}
.paging-list__link:focus, .paging-list__link:active {
  background: #D8D8DC;
}
.paging-list__link--active {
  background: var(--accentColor);
  border: none;
  color: #fff;
}
.paging-list__link--active:hover, .paging-list__link--active:focus-visible {
  background:rgb(203, 23, 23);
}
.paging-list__link--active:focus, .paging-list__link--active:active {
  background:rgb(190, 23, 45);
}
.paging-list__link--disabled {
  color: #919297;
}
.paging-list__link--disabled .icon {
  color: #919297;
}
.paging-list__link--arrow {
  border: none;
  background: none;
}
.paging-list__link--arrow .icon {
  font-size: 14px;
}

.devider {
  background: #D8D8DC;
  height: 1px;
  width: 100%;
}

.btn-white.btn-white:hover,.btn-white.btn-white.active {
  background: #b30041 !important;
  border-color: #b30041 !important;
  color: #fff !important;
}

.logged-dropdown{ width: auto !important;}

#add_post_modal .modal-dialog{ max-width: 670px;}

.modal {
  background: rgba(0, 0, 0, 0.8);
}
.modal .btn-close {
  position: absolute;
  top: 23px;
  right: 23px;
  padding: 0;
  width: 25px;
  height: 25px;
  opacity: 1;
}
.modal .btn-close .icon {
  color: #fff;
  font-size: 16px;
}

.modal .modal-content {
  border-radius: 15px; width: 100%;overflow-x: hidden;
}
.modal .modal-logo {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  max-width: clamp(97px, 3vw, 97px);
}
.modal .modal-header {
  background: url("/templates/turbotext/modals/img/modal-header-bg.jpg") no-repeat center;
  background-size: cover;
  text-align: center;
  border-radius: 0;
  padding: 20px;
  display: block;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  color: #fff;
}
.modal .modal-title {
  font-size: clamp(18px, 3vw, 24px);
  font-weight: 300;
  color: #fff;
  text-align: left;
  line-height: 1;
  margin: 0;
}
.modal .modal-title strong {
  font-weight: 700;
}
.modal .modal-form {
  max-width: 324px;
  margin: 0 auto;
}
.modal .modal-header {
  min-height: 95px;
  padding: 10px 15px !important;
    padding-bottom: 10px;
  padding-bottom: 20px !important;
}

.modal-footer .btn{ width: auto;max-width:100%;}

/* Категория, заголовок, анонс и тулбар редактора в модалке "Написать пост"
   остаются на виду при скролле длинной статьи с картинками/видео (#add_post_modal). */
#add_post_modal .modal-dialog-scrollable .modal-body {
  padding-top: 0;
}
.add-post-sticky-fields {
  position: sticky;
  top: 0;
  z-index: 5;
  background: #fff;
  padding-top: 1rem;
  padding-bottom: 0.75rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid #eee;
}
.add-post-sticky-fields .ql-toolbar.ql-snow {
  margin-top: 0;
  border-radius: 6px;
}
/* Закреплённый блок висит над редактором и отнимает высоту у текста статьи,
   поэтому держим его как можно ниже: короткие селекты идут одной строкой,
   отступы и подписи ужаты. */
.add-post-selects {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 14px;
  margin-bottom: 0.5rem;
}
.add-post-selects__item {
  flex: 1 1 160px;
  min-width: 0;
}
.add-post-selects__item .form-select {
  width: 100%;
}
.add-post-selects__note {
  margin: -2px 0 0.6rem;
  font-size: 12px;
  color: #8aa6c5;
}
/* Заголовок страницы-листинга: лента, рубрика, автор, «Популярное».
   Раньше h1 на этих страницах не было совсем. */
.feed-head {
  margin: 0 0 18px;
}
.feed-head__title {
  margin: 0 0 6px;
  font-size: 28px;
  line-height: 1.2;
  font-weight: 700;
  color: #44596d;
}
.feed-head__intro {
  margin: 0;
  max-width: 62ch;
  font-size: 15px;
  line-height: 1.5;
  color: #7c8ba1;
}
@media (max-width: 575px) {
  .feed-head__title { font-size: 22px; }
  .feed-head__intro { font-size: 14px; }
}

/* Блок SEO-тегов статьи: свёрнут, пока админ его не откроет, — под редактором
   он нужен реже текста и не должен отжимать редактор вниз. */
.add-post-seo {
  border: 1px solid #eaeff7;
  border-radius: 8px;
  padding: 10px 14px;
}
.add-post-seo__summary {
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  color: #44596d;
  list-style: none;
}
.add-post-seo__summary::-webkit-details-marker {
  display: none;
}
.add-post-seo__summary::before {
  content: "＋ ";
  color: #8aa6c5;
}
.add-post-seo[open] .add-post-seo__summary {
  margin-bottom: 10px;
}
.add-post-seo[open] .add-post-seo__summary::before {
  content: "－ ";
}
.add-post-sticky-fields .form-label {
  margin-bottom: 2px;
}
.add-post-sticky-fields .mb-3 {
  margin-bottom: 0.6rem !important;
}
/* На невысоких экранах ужимаем ещё сильнее — иначе на текст остаётся пара строк. */
@media (max-height: 820px) {
  .add-post-sticky-fields {
    padding-top: 0.5rem;
    padding-bottom: 0.4rem;
    margin-bottom: 0.5rem;
  }
  .add-post-selects {
    margin-bottom: 0.35rem;
  }
}
.ql-container {
  min-height: 200px;
}
.ql-editor {
  min-height: 160px;
}
.news-reaction{ gap:14px;}
.news-reaction__item{gap:7px;}
.add-rection__dropdown{gap:10px;}
.comment-item__nav-open{display:none !important;}
.comment-item:hover>.comment-item__content>.news-footer>.comment-item__nav-open{display:block !important;}
.comment-answers{
  margin-top: 0;
  border-left: 1px solid #c7d7f0;
  padding-left: 14px;
  padding-top: 0;
}
.add-rection__toggler{ margin-left: 0;}
.add-rection .add-rection__toggler {
  background: #F8F8F8;
}

.news-reaction__item:last-child{ margin-right:15px;}

.modal .modal-header{display:flex !important;padding-bottom: 20px !important; background: url(/templates/turbotext/photo_ai/img/modalh.svg) no-repeat center center !important; background-size: auto 100% !important;border-bottom: none !important; min-height: 95px;padding: 10px 15px !important;padding-bottom: 20px !important;}



.modal .modal-header.ver2{display:inline-block !important;padding-bottom: 20px !important; background: url(/templates/turbotext/photo_ai/img/modalh2.svg) no-repeat center bottom !important; background-size: 100% auto !important;border-bottom: none !important; min-height: 95px;padding: 10px 15px !important;padding-bottom: 20px !important;font-family: 'Montserrat';font-style: normal;font-weight: 600;font-size: 18px;line-height: 22px;text-align: center;color: #FFFFFF;}

.modal .modal-header.ver_big{padding-bottom: 20px !important; background: url(/templates/turbotext/photo_ai/img/modalh.svg) no-repeat center bottom !important; min-height:120px;background-size: 100% auto !important;border-bottom: none !important;padding: 0px 15px !important;padding-bottom: 30px !important;font-family: 'Montserrat';font-style: normal;font-weight: 600;font-size: 18px;line-height: 22px;text-align: center;color: #FFFFFF;}
@media (max-width: 700px) {
  .modal .modal-header.ver_big{min-height:90px;padding: 15px !important; background-position: center top !important;}
}
.modal .modal-header{padding-bottom: 40px !important; background: url(/templates/turbotext/photo_ai/img/modalh.svg) no-repeat center top !important; background-size: 100% auto !important;}
.modal .modal-header.ver2 .btn-close{display: flex;margin-left: 100%;}
.modal .btn-close {position: relative !important;}
.btns-redv1{background: #B30041;border-radius: 5px;font-family: 'Montserrat';font-style: normal;font-weight: 600;font-size: 16px;line-height: 54px; padding-left: 25px; padding-right: 25px;text-align: center; border: none; min-width: 190px;color: #FFFFFF;}
.btns-redv1:hover{background: #B4275E;}
.btns-redv1.small{ line-height: 30px;}


.popup {
  border-radius: 0;
  background: rgba(0, 0, 0, 0.8);
}
.popup .btn-close {
  position: absolute;
  top: 15px;
  background: none;
  right: 15px;
  padding: 0;
  width: 25px;
  height: 25px;
  opacity: 1;
}
.popup .btn-close .icon {
  color: #fff;
  font-size: 16px;
}
.popup .modal-header {
  background: #16202A;
  background-size: cover;
  text-align: center;
  border-radius: 0;
  display: block;
  color: #fff;
}
.popup .modal-title {
  font-size: 36px;
  font-weight: 300;
  color: #fff;
}
.popup .modal-form {
  max-width: 324px;
  margin: 0 auto;
}

.socialx-items {
  gap: 25px;
}
.socialx-items__link .icon {
  color: #00A3FF;
  font-size: 22px;
}

.socialx-circle {
  gap: 18px;
}
.socialx-circle__title {
  width: 100%;
  text-align: center;
  letter-spacing: 0.05em;
  font-size: 16px;
  font-weight: 600;
}
.socialx-circle__link {
  width: 62px;
  height: 62px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
}
.socialx-circle__link .icon {
  color: #fff;
  font-size: 24px;
}
.socialx-circle__link--vk {
  background: #147DB8;
}
.socialx-circle__link--ok {
  background: #FF8A00;
}
.socialx-circle__link--fb {
  background: #0A5294;
}
.socialx-circle__link--tw {
  background: #0085FF;
}
.socialx-circle__link--google {
  background: #C93434;
}

@media screen and (max-width: 575px) {
  .socialx-circle {
    gap: 10px;
  }
  .socialx-circle__link {
    width: 46px;
    height: 46px;
  }
}
.icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
  position: relative;
}.fieldset__label {
  font-size: 24px;
  font-weight: 600;
  color: #000;
  position: relative;
  z-index: 2;
  display: inline-block;
  padding: 0 20px;
  background: #fff;
}.fieldset::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  background: rgba(131, 131, 131, 0.5);
}.fieldset {
  text-align: center;
  position: relative;
}


@media (max-width: 600px) {
  .header-editor-textarea{ position: relative;}
  .text-btn,.text-btn-arrow{position: relative !important;}
}

#controls button, #controls select {padding: 5px 10px !important;}


@keyframes ginger-pulse{0%{box-shadow:0 0 0 0 rgba(0,0,0,.2)}30%{box-shadow:0 0 0 15px transparent}100%{box-shadow:0 0 0 15px transparent}}.ginger-btn-pulse{animation:ginger-pulse 2s infinite}@keyframes ginger-spin{0%{transform:rotate(0)}5%{transform:rotate(-20deg)}25%{transform:rotate(360deg)}100%{transform:rotate(360deg)}}.ginger-btn-spin{animation:ginger-spin 3s infinite}@keyframes ginger-zoom{0%{transform:scale(1);opacity:1}5%{transform:scale(.8);opacity:.75}20%{transform:scale(1.25);opacity:1}30%{transform:scale(1)}100%{transform:scale(1)}}.ginger-btn-zoom{animation:ginger-zoom 2s infinite}@keyframes ginger-bounce{0%{transform:translate(0,0)}5%{transform:translate(0,5px)}10%{transform:translate(0,-25px)}15%{transform:translate(0,5px)}20%{transform:translate(0,0)}100%{transform:translate(0,0)}}.ginger-btn-bounce{animation:ginger-bounce 3s infinite}@keyframes ginger-fade{0%{opacity:1}5%{opacity:0}25%{opacity:1}100%{opacity:1}}.ginger-btn-fade{animation:ginger-fade 3s infinite}@keyframes ginger-glowing{0%{box-shadow:0 0 -10px #00008b}20%{box-shadow:0 0 20px #00008b}30%{box-shadow:0 0 -10px #00008b}100%{box-shadow:0 0 -10px #00008b}}.ginger-btn-glowing{animation:ginger-glowing 3s infinite}.ginger-btn-shockwave{-webkit-animation:shockwavejump 1s ease-out infinite;animation:shockwavejump 1s ease-out infinite}.ginger-btn-shockwave:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;border-radius:50%;-webkit-animation:shockwave 1s .65s ease-out infinite;animation:shockwave 1s .65s ease-out infinite}.ginger-btn-shockwave:before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;border-radius:50%;-webkit-animation:shockwave 1s .5s ease-out infinite;animation:shockwave 1s .5s ease-out infinite}@-webkit-keyframes shockwavejump{0%{transform:scale(1)}40%{transform:scale(1.08)}50%{transform:scale(.98)}55%{transform:scale(1.02)}60%{transform:scale(.98)}100%{transform:scale(1)}}@keyframes shockwavejump{0%{transform:scale(1)}40%{transform:scale(1.08)}50%{transform:scale(.98)}55%{transform:scale(1.02)}60%{transform:scale(.98)}100%{transform:scale(1)}}@-webkit-keyframes shockwave{0%{transform:scale(1);box-shadow:0 0 2px rgba(0,0,0,.15),inset 0 0 1px rgba(0,0,0,.15)}95%{box-shadow:0 0 50px transparent,inset 0 0 30px transparent}100%{transform:scale(2.25)}}@keyframes shockwave{0%{transform:scale(1);box-shadow:0 0 2px rgba(0,0,0,.15),inset 0 0 1px rgba(0,0,0,.15)}95%{box-shadow:0 0 50px transparent,inset 0 0 30px transparent}100%{transform:scale(2.25)}}.ginger-menu-slide.button-list .channel-btn{display:block;opacity:0;transform:translate(0,50px)}.ginger-menu-slide.button-list .channel-btn.active{transform:translate(0,0);opacity:1}.ginger-menu-none.button-list .channel-btn{display:block;opacity:1}.ginger-menu-none.button-list .channel-btn.active{opacity:1}.ginger-menu-fade.button-list .channel-btn{display:block;opacity:0}.ginger-menu-fade.button-list .channel-btn.active{opacity:1}.ginger-menu-spin.button-list .channel-btn{display:block;opacity:0;transform:rotate(270deg)}.ginger-menu-spin.button-list .channel-btn.active{opacity:1;transform:rotate(360deg)}.ginger-menu-pop.button-list .channel-btn{display:block;opacity:0;transform:scale(0)}.ginger-menu-pop.button-list .channel-btn.active{opacity:1;transform:scale(1)}[data-ginger-tooltip]{position:relative;z-index:10}[data-ginger-tooltip]:after,[data-ginger-tooltip]:before{position:absolute;visibility:hidden;opacity:0;left:50%;bottom:calc(100% + 5px);pointer-events:none;transition:.2s;will-change:transform;white-space:nowrap;text-decoration:none}[data-ginger-tooltip]:before{content:attr(data-ginger-tooltip);padding:4px 10px;min-width:50px;max-width:210px;border-radius:6px;font-size:14px;width:auto;background-color:#000;box-shadow:0 0 24px rgba(0,0,0,.2);color:#fff;text-align:center;transform:translate(-50%,-5px) scale(.5);line-height:initial;white-space:nowrap;text-decoration:none}.ginger-inner-box [data-ginger-tooltip]:before{white-space:pre-wrap;width:max-content}[data-ginger-tooltip]:after{content:'';border-style:solid;border-width:5px 5px 0 5px;border-color:#000 transparent transparent transparent;transition-duration:0s;transform-origin:top;transform:translateX(-50%) scaleY(0);text-decoration:none}.active-tooltip[data-ginger-tooltip]:after,.active-tooltip[data-ginger-tooltip]:before,[data-ginger-tooltip]:hover:after,[data-ginger-tooltip]:hover:before{visibility:visible;opacity:1}.active-tooltip[data-ginger-tooltip]:before,[data-ginger-tooltip]:hover:before{transition-delay:0s;transform:translate(-50%,-5px) scale(1)}.active-tooltip[data-ginger-tooltip]:after,[data-ginger-tooltip]:hover:after{transition-delay:.2s;transition-duration:.1s;transform:translateX(-50%) scaleY(1)}[data-ginger-tooltip-location=left]:after,[data-ginger-tooltip-location=left]:before{left:auto;right:calc(100% + 5px);bottom:50%}.preview-layout .button-list span:not(.has-image)[data-ginger-tooltip-location=left]:after,.preview-layout .button-list span:not(.has-image)[data-ginger-tooltip-location=left]:before,.preview-layout .main-button .single-btn span:not(.has-image)[data-ginger-tooltip-location=left]:after,.preview-layout .main-button .single-btn span:not(.has-image)[data-ginger-tooltip-location=left]:before{right:calc(100% + 15px)}[data-ginger-tooltip-location=left]:before{transform:translate(-5px,50%) scale(.5)}.active-tooltip[data-ginger-tooltip-location=left]:before,[data-ginger-tooltip-location=left]:hover:before{transform:translate(-5px,50%) scale(1)}[data-ginger-tooltip-location=left]:after{border-width:5px 0 5px 5px;border-color:transparent transparent transparent rgba(55,64,70,.9);transform-origin:left;transform:translateY(50%) scaleX(0)}.active-tooltip[data-ginger-tooltip-location=left]:after,[data-ginger-tooltip-location=left]:hover:after{transform:translateY(50%) scaleX(1)}[data-ginger-tooltip-location=right]:after,[data-ginger-tooltip-location=right]:before{left:calc(100% + 5px);bottom:50%}.preview-layout .button-list span:not(.has-image)[data-ginger-tooltip-location=right]:after,.preview-layout .button-list span:not(.has-image)[data-ginger-tooltip-location=right]:before,.preview-layout .main-button .single-btn span:not(.has-image)[data-ginger-tooltip-location=right]:after,.preview-layout .main-button .single-btn span:not(.has-image)[data-ginger-tooltip-location=right]:before{left:calc(100% + 15px);bottom:50%}[data-ginger-tooltip-location=right]:before{transform:translate(5px,50%) scale(.5)}.active-tooltip[data-ginger-tooltip-location=right]:before,[data-ginger-tooltip-location=right]:hover:before{transform:translate(5px,50%) scale(1)}[data-ginger-tooltip-location=right]:after{border-width:5px 5px 5px 0;border-color:transparent rgba(55,64,70,.9) transparent transparent;transform-origin:right;transform:translateY(50%) scaleX(0)}.active-tooltip[data-ginger-tooltip-location=right]:after,[data-ginger-tooltip-location=right]:hover:after{transform:translateY(50%) scaleX(1)}.ginger-sticky-buttons.has-shadow .button-list .channel-btn a,.ginger-sticky-buttons.has-shadow .main-button>a,.ginger-sticky-buttons.has-shadow .single-btn a{box-shadow:2px 2px 4px rgba(0,0,0,.4);-webkit-box-shadow:2px 2px 4px rgba(0,0,0,.4)}.ginger-sticky-buttons.has-shadow .button-list .channel-btn a:hover,.ginger-sticky-buttons.has-shadow .main-button>a:hover,.ginger-sticky-buttons.has-shadow .single-btn a:hover{box-shadow:2px 2px 8px rgba(0,0,0,.6);-webkit-box-shadow:2px 2px 8px rgba(0,0,0,.6)}.button-list .channel-btn{opacity:0;display:none}.button-list .channel-btn a{display:block;vertical-align:middle;text-align:center}.ginger-sticky-buttons{position:absolute;bottom:20px;right:20px;top:auto;z-index:1001}.main-button .single-btn a{padding:10px}.ginger-sticky-buttons.left-position{right:auto;left:25px}.main-button{width:25px;height:25px}.main-button a{display:inline-block;width:25px;height:25px;text-decoration:none;text-align:center;line-height:25px;vertical-align:middle}.main-button .cta-button{padding:12px;box-sizing:border-box}.main-button a svg{display:inline-block;vertical-align:top;width:100%;height:100%}.channel-btn{transition:all .15s linear;margin:5px 0 0 0}.single-btn .channel-btn{margin:0;position:relative}.main-button .close-gsb-button{padding:12px;line-height:1!important}.ginger-sticky-buttons .channel-btn span:not(.scw-pending-message){display:block;vertical-align:middle;text-align:center}.main-button .close-gsb-button{opacity:0;pointer-events:none;transform:rotate(270deg);vertical-align:middle}.ginger-sticky-buttons.menu-open .main-button .close-gsb-button{opacity:1;pointer-events:inherit;transform:rotate(360deg);display:inline-block;vertical-align:middle}.ginger-sticky-buttons.menu-open .main-button a.cta-button{opacity:0;pointer-events:none;visibility:hidden}.hide-tooltip:after,.hide-tooltip:before{display:none}.ginger-sticky-buttons .single-btn{display:none}.ginger-sticky-buttons.one-channel .main-button .close-gsb-button,.ginger-sticky-buttons.one-channel .main-button .cta-button{display:none}.ginger-sticky-buttons.one-channel .single-btn{display:block}span.ginger-button-icon{transition:all .2s linear;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;line-height:1!important}.ginger-sticky-buttons span.ginger-button-icon{padding:0!important;background:0 0!important}.ginger-front-buttons svg{width:100%;height:100%;fill:#fff}.exit-intent{position:fixed;right:45px;bottom:45px;border-radius:50%;background:#000;transition:all .5s linear;width:0;height:0}.ginger-front-buttons *,.ginger-front-buttons :after,.ginger-front-buttons :before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.ginger-front-buttons{display:none}.ginger-front-buttons.active{display:block}.ginger-front-buttons .ginger-sticky-buttons{position:fixed;bottom:20px;right:20px;top:auto}
.ginger-front-buttons .ginger-sticky-buttons.left-position{right:auto;left:20px; bottom: 90px;}.ginger-sticky-buttons .channel-btn a{outline:0;vertical-align:middle}.ginger-sticky-buttons .button-list .channel-btn a{display:block;padding:10px;text-decoration:none}.ginger-sticky-buttons .channel-btn a.has-no-padding{padding:0!important}.ginger-sticky-buttons.has-shadow .single-btn a span{line-height:1!important}.ginger-sticky-buttons .cta-button.has-image svg{display:none}.ginger-sticky-buttons .cta-button.has-image{padding:0!important}.ginger-sticky-buttons .cta-button.has-image img{display:block;object-fit:cover}.ginger-sticky-buttons img{object-fit:cover}.ginger-sticky-buttons svg{width:100%;height:100%}.sticky-button-list .button-list.has-grid-layout{position:absolute}.sticky-button-list .button-list.has-grid-layout .channel-btn{margin:0 5px 5px 0}.sticky-button-list .button-list.has-grid-layout.menu-align-left{right:0;text-align:right}.sticky-button-list .button-list.has-grid-layout.menu-align-left .channel-btn{margin:0 0 5px 5px;float:right}.sticky-button-list .button-list.has-grid-layout.menu-align-right{left:0;text-align:left}.sticky-button-list .button-list.has-grid-layout.menu-align-right .channel-btn{margin:0 5px 5px 0;float:left}.ginger-sticky-buttons.menu-open .button-list{pointer-events:none}.ginger-sticky-buttons.menu-open .button-list{pointer-events:auto}.ginger-front-buttons .exit-intent:before{display:block;position:fixed;top:0;left:0;content:'';width:100vw;height:100vh;background:rgba(0,0,0,.8);visibility:hidden;z-index:100;transition:all .75s ease-in-out;-webkit-transition:all .75s ease-in-out;-moz-transition:all .75s ease-in-out}.ginger-front-buttons .exit-intent.left-position:before{clip-path:circle(0 at 0 calc(100% - 0))}.ginger-front-buttons .exit-intent.right-position:before{clip-path:circle(0 at calc(100% - 0) calc(100% - 0))}.ginger-front-buttons .exit-intent.active:before{visibility:visible;clip-path:circle(100%)}.ginger-social-channel.instagram-social-button{background:#fed975;background:-moz-linear-gradient(45deg,#fed975 0,#fa7e1e 26%,#d62977 50%,#962fbf 75%,#4f5ad5 100%);background:-webkit-gradient(left bottom,right top,color-stop(0,#fed975),color-stop(26%,#fa7e1e),color-stop(50%,#d62977),color-stop(75%,#962fbf),color-stop(100%,#4f5ad5));background:-webkit-linear-gradient(45deg,#fed975 0,#fa7e1e 26%,#d62977 50%,#962fbf 75%,#4f5ad5 100%);background:-o-linear-gradient(45deg,#fed975 0,#fa7e1e 26%,#d62977 50%,#962fbf 75%,#4f5ad5 100%);background:-ms-linear-gradient(45deg,#fed975 0,#fa7e1e 26%,#d62977 50%,#962fbf 75%,#4f5ad5 100%);background:linear-gradient(45deg,#fed975 0,#fa7e1e 26%,#d62977 50%,#962fbf 75%,#4f5ad5 100%)}.main-action-button{position:relative}.close-gsb-action-button,.gsb-main-action-button{position:absolute;left:0;right:0;width:100%;bottom:0;z-index:1001}.gsb-main-action-button{z-index:1111}.main-button.hide-tooltip .gsb-main-action-button{z-index:999}.main-button a{transition:all linear .2s;-webkit-transition:all linear .2s;-moz-transition:all linear .2s}.ginger-sticky-buttons.has-no-close-button:not(.one-channel) .main-button{display:none!important}.ginger-sticky-buttons.horizontal-menu:not(.one-channel) .button-list,.ginger-sticky-buttons.horizontal-menu:not(.one-channel) .main-button{display:flex}.ginger-sticky-buttons.horizontal-menu:not(.one-channel) .button-list .channel-btn,.ginger-sticky-buttons.horizontal-menu:not(.one-channel) .main-button{margin:0 0 0 5px}.ginger-sticky-buttons.horizontal-menu.left-position:not(.one-channel) .main-button,.ginger-sticky-buttons.horizontal-menu:not(.one-channel) .button-list .channel-btn{margin:0 5px 0 0}.ginger-sticky-buttons.horizontal-menu:not(.one-channel) .sticky-button-list{display:flex}.ginger-sticky-buttons.horizontal-menu.left-position:not(.one-channel) .main-button{order:1}.ginger-sticky-buttons.horizontal-menu{width:auto!important}.ginger-sticky-buttons.horizontal-menu.left-position:not(.one-channel) .button-list{order:2;flex-direction:row-reverse}.preview-layout .ginger-sticky-buttons .button-list [data-ginger-tooltip][data-ginger-tooltip-location=top]:hover:before{transition-delay:0s;transform:translate(-50%,-15px) scale(1)}.preview-layout .ginger-sticky-buttons .button-list [data-ginger-tooltip][data-ginger-tooltip-location=top]:hover:after{transform:translate(-50%,-10px) scale(1)}.scw-pending-message{display:block;position:absolute;top:-3%;right:-3%;height:auto;width:auto;line-height:1;background:red;color:#fff;padding:3px;font-size:10px;border-radius:50%;text-align:center;z-index:11}.ginger-btn-fade>.scw-pending-message,.ginger-btn-none>.scw-pending-message,.ginger-btn-pulse>.scw-pending-message,.ginger-btn-spin>.scw-pending-message{display:none}.ginger-btn-bounce+.scw-pending-message,.ginger-btn-shockwave+.scw-pending-message,.ginger-btn-zoom+.scw-pending-message{display:none}

.ginger-front-buttons.active {
  display: block;
}
.ginger-sticky-buttons{ z-index: 1;}
.ginger-sticky-buttons .cta-button, .close-gsb-button {background-color: #1c5fc6}.ginger-sticky-buttons .cta-button, .close-gsb-button, .ginger-sticky-buttons .cta-button svg {color: #ffffff;fill: #ffffff;}.ginger-sticky-buttons .cta-button:hover, .close-gsb-button:hover {background-color: #1c5fc6;color: #ffffff;}.ginger-sticky-buttons .cta-button:hover, .close-gsb-button:hover, .close-gsb-button:hover svg, .ginger-sticky-buttons .cta-button:hover svg, .ginger-sticky-buttons .cta-button:hover svg, .close-gsb-button:hover svg {color: #ffffff;fill: #ffffff;}.ginger-sticky-buttons .channel-btn a, .main-action-button, .gsb-main-action-button, .close-gsb-action-button {width: 60px;height: 60px;line-height: 60px;}.ginger-sticky-buttons .channel-btn span, .channel-btn img {width: 20px;height: 20px;}.ginger-sticky-buttons .channel-btn span.has-image, .ginger-sticky-buttons img {width: 60px;height: 60px;}.channel-btn, .cta-button, .close-gsb-button, .channel-btn span.ginger-button-icon, .channel-btn a, .channel-btn img {border-radius: 50px;-webkit-border-radius: 50px;-moz-border-radius: 50px;}.ginger-sticky-buttons [data-ginger-tooltip]:before {background-color: #ffffff; font-size:14px}.ginger-sticky-buttons [data-ginger-tooltip]:before {color: #000000;line-height: 20px}.ginger-sticky-buttons [data-ginger-tooltip-location='left']:after{border-color: transparent transparent transparent #ffffff;}.ginger-sticky-buttons [data-ginger-tooltip-location='right']:after{border-color: transparent #ffffff transparent transparent;}.ginger-sticky-buttons [data-ginger-tooltip-location='top']:after{border-color: #ffffff transparent transparent transparent;}.ginger-sticky-buttons [data-ginger-tooltip]:before {border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}.ginger-front-buttons .ginger-sticky-buttons {right: auto;left:25px;bottom:25px;width: 60px;}.main-button {height:auto;width:auto;}.ginger-sticky-buttons .whatsapp-social-button {color: #ffffff;}.ginger-sticky-buttons .whatsapp-social-button svg {color: #ffffff;fill: #ffffff;}.ginger-sticky-buttons .whatsapp-social-button:hover {color: #ffffff;}.ginger-sticky-buttons .whatsapp-social-button:hover svg {color: #ffffff;fill: #ffffff;}.ginger-sticky-buttons .whatsapp-social-button {background-color: #4dc247;}.ginger-sticky-buttons .whatsapp-social-button:hover, .ginger-sticky-buttons .whatsapp-social-button:focus {color: #ffffff; background-color: #4dc247;}.ginger-sticky-buttons .phone-social-button {color: #ffffff;}.ginger-sticky-buttons .phone-social-button svg {color: #ffffff;fill: #ffffff;}.ginger-sticky-buttons .phone-social-button:hover {color: #ffffff;}.ginger-sticky-buttons .phone-social-button:hover svg {color: #ffffff;fill: #ffffff;}.ginger-sticky-buttons .phone-social-button {background-color: #00bb70;}.ginger-sticky-buttons .phone-social-button:hover, .ginger-sticky-buttons .phone-social-button:focus {color: #ffffff; background-color: #00bb70;}


.logoai{ background: url(/templates/turbotext/photo_ai/img/logo.png) no-repeat center,center;width:89px;height:32px;display:inline-block;}

.content-nav__list li.active a {
  color: #000;
}
.content-nav__list li a path{
  fill: #44596d;
}
.content-nav__list li:hover a path,.content-nav__list li.active a path, .content-nav__list li.active a rect {
  fill: #d9004e;
}



@media only screen and (max-width: 767px) {
  .logged{
    display: none;
  }
  .modal-title{ font-size: 16px;}
  .modal-logo{display:none;}
}

.v2.modal-header {
  padding-top: 15px;
  border-radius: 0;
  background: url('/templates/turbotext/images/modalbgv2.jpg') no-repeat center center !important;
    background-size: auto;
  padding-bottom: 0px !important;
  background-size: cover !important;
}
.modal .modal-header {
  min-height: 95px;
  padding: 10px 15px !important;
    padding-bottom: 10px;
  padding-bottom: 10px;
  padding-bottom: 20px !important;
}

._text_style_v1 a{font-weight: 500;

  color: #dd0050;
  display: inline-block;
  }

.blog-video-wrap { margin: 1.5rem 0; text-align: center; }
.blog-video-wrap video { max-width: 100%; height: auto; display: block; margin: 0 auto; border-radius: 6px; }
.blog-video-wrap.vertical video { max-width: 360px; }

/* Video inside Quill editor (during editing) */
.ql-editor video { display: block; max-width: 100%; min-height: 80px; background: #000; }
/* ==========================================================================
   Аккаунт платформы в шапке блога и в меню под аватаркой
   Макет: Figma ie1cemL59iBAr54pberBUa — шапка 2087:28424 (вынесенные тариф и
   токены) и карточка «Мой тариф/десктоп» 2126:87918 (чипы, срок, кнопка).
   Макет шапки тёмный (#11151E), шапка блога светлая — перенесены элементы и
   геометрия, цвета взяты из design/tokens.css той же системы.
   ========================================================================== */

/* --- вынесенные в шапку тариф и остаток --- */

.tt-acc-bar {
	display: flex;
	align-items: center;
	gap: 6px;
	white-space: nowrap;
}

.tt-acc-bar__tokens {
	font: var(--tt-t-14b);
	color: var(--tt-h1);
}

.tt-acc-coin {
	display: block;
	flex: none;
}

/* Чип тарифа: жёлтый у платного, серый у бесплатного BASE — как «Гений»
   и «AI-специалисты» в макете шапки. */
.tt-acc-chip {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 5px 9px;
	border-radius: var(--tt-radius-pill);
	font: var(--tt-t-14m);
	white-space: nowrap;
}

.tt-acc-chip--paid {
	background: var(--tt-yellow);
	color: var(--tt-h1);
}

.tt-acc-chip--base {
	background: var(--tt-bg-soft);
	color: var(--tt-h3);
}

/* --- кнопка покупки в шапке --- */

.tt-acc-buy {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 16px;
	border: none;
	border-radius: var(--tt-radius-pill);
	background: var(--tt-accent);
	box-shadow: var(--tt-shadow-accent);
	font: var(--tt-t-16b);
	color: var(--tt-bg);
	white-space: nowrap;
}

.tt-acc-buy:hover,
.tt-acc-buy:focus {
	color: var(--tt-bg);
	filter: brightness(1.06);
}

.tt-acc-buy img {
	display: block;
	flex: none;
}

/* --- карточка аккаунта в меню --- */

.tt-acc-card {
	display: flex;
	flex-direction: column;
	gap: 14px;
	padding: 16px;
	border-bottom: 1px solid var(--tt-stroke);
	font-family: var(--tt-font-ui);
}

.tt-acc-card__head {
	display: flex;
	align-items: center;
	gap: 12px;
}

.tt-acc-card__avatar {
	flex: none;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	object-fit: cover;
}

.tt-acc-card__who {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

.tt-acc-card__name {
	font: var(--tt-t-16b);
	color: var(--tt-h1);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.tt-acc-card__id {
	font: var(--tt-t-12r);
	color: var(--tt-h3);
}

.tt-acc-card__row {
	display: flex;
	gap: 16px;
}

.tt-acc-card__cell {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.tt-acc-card__label {
	font: var(--tt-t-12r);
	color: var(--tt-h3);
}

/* Чип остатка — фон F2F6FA из макета, он же --tt-bg-page. */
.tt-acc-card__balance {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	height: 32px;
	padding: 0 12px;
	border-radius: var(--tt-radius-pill);
	background: var(--tt-bg-page);
	font: var(--tt-t-14b);
	color: var(--tt-h1);
	white-space: nowrap;
}

.tt-acc-card__balance img {
	display: block;
	flex: none;
}

.tt-acc-card__expires {
	margin: 0;
	font: var(--tt-t-12r);
	color: var(--tt-h3);
}

.tt-acc-card__left {
	font: var(--tt-t-14b);
	color: var(--tt-h3);
}

/* Красным — только когда до конца неделя или меньше, как в макете «Осталось
   5 дней»; для тарифа на год это была бы ложная тревога. */
.tt-acc-card__left--soon {
	color: var(--tt-accent);
}

.tt-acc-card__till {
	display: block;
}

.tt-acc-card__hint {
	margin: 0;
	font: var(--tt-t-12m);
	color: var(--tt-h3);
}

.tt-acc-card__buy {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 12px 20px;
	border-radius: var(--tt-radius-pill);
	background: var(--tt-accent);
	box-shadow: var(--tt-shadow-accent);
	font: var(--tt-t-17b);
	color: var(--tt-bg);
	text-align: center;
}

.tt-acc-card__buy:hover,
.tt-acc-card__buy:focus {
	color: var(--tt-bg);
	filter: brightness(1.06);
}

.tt-acc-card__buy img {
	display: block;
	flex: none;
}

/*
  Меню под аватаркой: одна белая панель на карточку и список.

  Общий css/main.min.css держит фон, тень и радиус на .logged-list, а
  .logged-dropdown оставляет прозрачной обёрткой. Поэтому панель объявляем сами,
  а у списка внутри неё гасим его собственные фон и тень — иначе панель в панели.
  Общий файл не трогаем: на нём висит меню не только блога.
*/
.logged-dropdown {
	width: 300px !important;   /* перебивает width:auto из строки 103 этого файла */
	left: auto;
	right: -12px;
}

.logged-panel {
	overflow: hidden;
	border-radius: 12px;
	background: var(--tt-bg);
	box-shadow: var(--tt-shadow-tabs);
}

.logged-panel .logged-list {
	background: transparent;
	border-radius: 0;
	box-shadow: none;
}

/* Узкий экран: меню не должно выходить за край страницы. */
@media (max-width: 480px) {
	.logged-dropdown {
		width: calc(100vw - 32px) !important;
		max-width: 320px;
		right: -8px;
	}
}

/* Иконки в шапке — 22px, как в макете (и в десктопной, и в мобильной). */
.tt-acc-bar__tariff,
.tt-acc-bar__tokens-group {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

/*
  Адаптив по мобильной шапке макета (2105:25867): там остаётся остаток с монеткой
  и кнопка «Купить PRO», а чип тарифа уходит — тариф виден в меню под аватаркой.
  Кнопка на мобильном ниже: высота 31, padding 10/7.
*/
@media (max-width: 1200px) {
	.tt-acc-bar__tariff { display: none; }
}

@media (max-width: 767px) {
	.tt-acc-buy {
		gap: 0;
		height: 31px;
		padding: 7px 10px;
	}

	/* Звезда — только рядом с текстом на широком экране: в мобильном макете
	   кнопка без иконки, иначе она перестаёт влезать рядом с меню. */
	.tt-acc-buy img { display: none; }
}

/* --------------------------------------------------------------------------
   Модаль покупки тарифа (modals/tariffs.php)

   Карточки тарифов и форма входа берут стили виджета генерации
   (.blog-ai-tariffs, .blog-ai-tariff, .blog-ai-auth из css/blog-ai.css) —
   дизайн один на оба места. Здесь только оболочка модали: панель шире
   стандартной bootstrap-модали блога, а .blog-ai-tariffs вне виджета надо
   показать самим — в css/blog-ai.css её включает data-state панели.
   -------------------------------------------------------------------------- */

#tariffs_modal .modal-dialog {
	max-width: 940px;
}

.blog-tariffs {
	position: relative;
	padding: 24px;
	font-family: var(--tt-font-ui);
}

.blog-tariffs .blog-ai-tariffs {
	display: block;
}

.blog-tariffs__close {
	position: absolute;
	top: 12px;
	right: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	padding: 0;
	border: none;
	border-radius: 50%;
	background: var(--tt-bg-soft);
	color: var(--tt-h3);
}

.blog-tariffs__close:hover {
	color: var(--tt-h1);
}

/*
  Форма входа показывается только тем, кого не удалось связать с аккаунтом
  платформы (blog_api_session_from_cms), и только по «Активировать».

  Селектор с двумя классами не для красоты: css/blog-ai.css подключается
  после этого файла и гасит .blog-ai-auth своим display:none — при равной
  специфичности он выигрывал, и форма не показывалась вовсе.
*/
.blog-tariffs .blog-ai-auth {
	display: block;
	margin-bottom: 8px;
	text-align: center;
}

@media (max-width: 767px) {
	.blog-tariffs {
		padding: 20px 12px;
	}
}

/*
  hidden в модали обязан работать: и .blog-ai-auth, и .blog-ai-tariffs здесь
  показаны правилами выше, а они перебивают display:none браузера у [hidden].
  Класс плюс атрибут — специфичность выше, чем у показывающих правил.
*/
.blog-tariffs .blog-ai-auth[hidden],
.blog-tariffs .blog-ai-tariffs[hidden],
.blog-tariffs [hidden] {
	display: none;
}

/* ==========================================================================
   Рост аудитории: хабы нейросетей, кнопка «Попробовать» в карточке,
   галерея «Сделано в этой статье» (ai/hub.php, ai/gallery.php, index.php)
   ========================================================================== */

/*
  Полоса ссылок на хабы над лентой.

  Строго одна строка: нейросетей в блоге уже несколько, и с flex-wrap полоса
  забирала над лентой вторую строку высоты — на первом экране это место
  карточек. Что не влезло, уезжает в горизонтальную прокрутку (на телефоне
  свайпом, на десктопе колесом с Shift или тачпадом); полосу прокрутки не
  показываем, иначе она добавляет те же несколько пикселей высоты.
*/
.ai-hubs {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	gap: 8px;
	margin: 0 0 16px;
	padding: 12px 16px;
	background: #fff;
	border-radius: 10px;
	overflow-x: auto;
	scrollbar-width: none;               /* Firefox */
	-ms-overflow-style: none;            /* старый Edge */
	-webkit-overflow-scrolling: touch;
}
.ai-hubs::-webkit-scrollbar {
	display: none;
}
.ai-hubs__label {
	font-size: 14px;
	font-weight: 600;
	color: #44596D;
	margin-right: 4px;
	flex: 0 0 auto;
}
.ai-hubs__chip {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	flex: 0 0 auto;
	white-space: nowrap;
	padding: 6px 12px;
	border-radius: 90px;
	background: #F2F6FA;
	border: 1px solid #CCD3DF;
	color: #2D2D31;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	transition: background 0.2s linear, border-color 0.2s linear;
}
.ai-hubs__chip:hover,
.ai-hubs__chip.is-active {
	background: #fff;
	border-color: var(--accentColor, #D9004E);
	color: var(--accentColor, #D9004E);
}
.ai-hubs__count {
	font-size: 12px;
	font-weight: 500;
	color: #7A8899;
}

/* Кнопка «Попробовать бесплатно · модель» в карточке ленты */
.news-try {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin: 4px 0 12px;
	padding: 8px 14px;
	border-radius: 5px;
	background: var(--accentColor, #D9004E);
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	text-decoration: none;
	transition: background 0.2s linear;
}
.news-try:hover,
.news-try:focus-visible {
	background: var(--accentColorHover, #b30041);
	color: #fff;
}
.news-try svg {
	fill: currentColor;
	flex-shrink: 0;
}

/* Галерея результатов читателей */
.blog-gallery {
	margin: 20px 0 4px;
}
.blog-gallery__head {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 8px 16px;
	margin-bottom: 4px;
}
.blog-gallery__title {
	margin: 0;
	font-size: 20px;
	font-weight: 600;
	color: #2D2D31;
}
.blog-gallery__try {
	font-size: 14px;
	font-weight: 600;
	color: var(--accentColor, #D9004E);
	text-decoration: none;
}
.blog-gallery__try:hover {
	text-decoration: underline;
}
.blog-gallery__lead {
	margin: 0 0 8px;
	font-size: 13px;
	color: #7A8899;
}
.blog-gallery__grid {
	/* Компактно: шесть квадратных плиток в ряд, один ряд по умолчанию
	   (AI_GALLERY_LIMIT=6), на мобильном четыре. */
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 8px;
}
.blog-gallery__item {
	display: block;
	position: relative;   /* значок лайка (.blog-gallery__like) в углу */
	aspect-ratio: 1 / 1;
	overflow: hidden;
	border-radius: 10px;
	background: #E4E9F1;
}
.blog-gallery__item img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.25s ease;
}
.blog-gallery__item:hover img {
	transform: scale(1.04);
}

/* Кнопка согласия на публикацию — стили в css/blog-ai.css (.blog-ai-btn--secondary) */

/* «Не ждать — запустить новую генерацию» в состоянии ожидания (ai/widget.php) */
.tt-gen__abandon {
	margin: 0 auto;
	padding: 6px 10px;
	background: none;
	border: 0;
	font: var(--tt-t-12m, 500 12px/1.4 inherit);
	color: var(--tt-h4, #6b7280);
	text-decoration: underline;
	text-underline-offset: 2px;
	cursor: pointer;
}
.tt-gen__abandon:hover { color: var(--tt-h1, #111827); }
.tt-gen__abandon:disabled { opacity: .5; cursor: default; }

/* Ссылка «Все статьи про …» под виджетом */
.post-hub-link {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 6px 12px;
	margin: 20px 0 0;
	font-size: 15px;
}
.post-hub-link a {
	font-weight: 600;
	color: var(--accentColor, #D9004E);
	text-decoration: none;
}
.post-hub-link a:hover {
	text-decoration: underline;
}
.post-hub-link span {
	font-size: 13px;
	color: #7A8899;
}

/* Страница хаба нейросети */
.hub .post-body h1 {
	margin-bottom: 8px;
}
.hub__lead {
	font-size: 16px;
	line-height: 1.6;
	color: #44596D;
	margin: 0 0 16px;
}
.hub__h2 {
	margin: 28px 0 12px;
	font-size: 20px;
	font-weight: 600;
	color: #2D2D31;
}
.hub__list {
	display: grid;
	gap: 12px;
}
.hub__card {
	display: grid;
	grid-template-columns: 120px 1fr;
	gap: 14px;
	padding: 10px;
	border: 1px solid #E4E9F1;
	border-radius: 10px;
	text-decoration: none;
	color: inherit;
	transition: border-color 0.2s linear, box-shadow 0.2s linear;
}
.hub__card:hover {
	border-color: #CCD3DF;
	box-shadow: 0 4px 18px rgba(10, 14, 25, 0.08);
}
.hub__card-img {
	display: block;
	aspect-ratio: 4 / 3;
	overflow: hidden;
	border-radius: 8px;
	background: #E4E9F1;
}
.hub__card-img img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.hub__card-body {
	display: flex;
	flex-direction: column;
	gap: 4px;
	min-width: 0;
}
.hub__card-title {
	font-size: 16px;
	font-weight: 600;
	line-height: 1.3;
	color: #2D2D31;
}
.hub__card:hover .hub__card-title {
	color: var(--accentColor, #D9004E);
}
.hub__card-meta {
	font-size: 12px;
	color: #7A8899;
}
.hub__card-text {
	font-size: 14px;
	line-height: 1.5;
	color: #44596D;
}
.hub__cta {
	margin-top: 28px;
	padding: 20px;
	border-radius: 10px;
	background: #F2F6FA;
	text-align: center;
}
.hub__cta p {
	margin: 0 0 12px;
	font-size: 15px;
	color: #44596D;
}

@media (max-width: 575px) {
	.hub__card {
		grid-template-columns: 1fr;
	}
	.hub__card-img {
		aspect-ratio: 16 / 9;
	}
	.blog-gallery__grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

/* Подпись автора на плитке галереи */
.blog-gallery__item {
	position: relative;
}
.blog-gallery__author {
	position: absolute;
	left: 6px;
	right: 6px;
	bottom: 6px;
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 4px 8px;
	border-radius: 90px;
	background: rgba(10, 14, 25, 0.62);
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.2;
	pointer-events: none;
}
.blog-gallery__author img {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	object-fit: cover;
	transform: none !important;
}
.blog-gallery__author span {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* Просмотр работы: картинка + промпт + параметры + автор */
body.blog-gallery-open {
	overflow: hidden;
}
.blog-gallery-view {
	position: fixed;
	inset: 0;
	z-index: 1080;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 16px;
	background: rgba(10, 14, 25, 0.78);
}
.blog-gallery-view__card {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1.4fr) minmax(260px, 1fr);
	width: min(1100px, 100%);
	max-height: calc(100vh - 32px);
	overflow: hidden;
	border-radius: 15px;
	background: #fff;
}
.blog-gallery-view__close {
	position: absolute;
	top: 8px;
	right: 8px;
	z-index: 2;
	width: 36px;
	height: 36px;
	border: 0;
	border-radius: 50%;
	background: rgba(10, 14, 25, 0.55);
	color: #fff;
	font-size: 24px;
	line-height: 1;
	cursor: pointer;
}
.blog-gallery-view__media {
	display: flex;
	align-items: center;
	justify-content: center;
	background: #11151E;
	min-height: 240px;
}
.blog-gallery-view__media img {
	display: block;
	max-width: 100%;
	max-height: calc(100vh - 32px);
	object-fit: contain;
}
.blog-gallery-view__side {
	padding: 20px 20px 16px;
	overflow: auto;
}
.blog-gallery-view__author {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 14px;
	color: #2D2D31;
	text-decoration: none;
}
.blog-gallery-view__author img {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	object-fit: cover;
}
.blog-gallery-view__author span {
	display: flex;
	flex-direction: column;
	line-height: 1.25;
}
.blog-gallery-view__author small {
	color: #7A8899;
	font-size: 12px;
}
.blog-gallery-view__h {
	margin: 12px 0 4px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #7A8899;
}
.blog-gallery-view__prompt {
	margin: 0;
	font-size: 15px;
	line-height: 1.5;
	color: #2D2D31;
	white-space: pre-wrap;
	word-break: break-word;
}
.blog-gallery-view__params {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 4px 12px;
	margin: 0;
	font-size: 14px;
}
.blog-gallery-view__params dt {
	color: #7A8899;
}
.blog-gallery-view__params dd {
	margin: 0;
	color: #2D2D31;
	font-weight: 600;
	word-break: break-word;
}
.blog-gallery-view__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 12px;
	margin-top: 18px;
}
.blog-gallery-view__orig {
	font-size: 13px;
	color: #7A8899;
}
@media (max-width: 767px) {
	.blog-gallery-view {
		padding: 0;
		align-items: flex-end;
	}
	.blog-gallery-view__card {
		grid-template-columns: 1fr;
		max-height: 100vh;
		border-radius: 15px 15px 0 0;
	}
	.blog-gallery-view__media img {
		max-height: 48vh;
	}
}

/* Похожие статьи в конце статьи, под комментариями (post.php): про ту же
   нейросеть, затем из той же рубрики, добор — свежие. Даёт поисковику и читателю путь дальше
   по блогу — раньше со статьи вели всего две ссылки на другие статьи. */
.post-related {
	margin: 28px 0 0;
	padding: 20px 0 0;
	border-top: 1px solid var(--tt-stroke, #CCD3DF);
}
.post-related__title {
	margin: 0 0 14px;
	font-size: 20px;
	font-weight: 700;
	color: #1F2D3D;
}
.post-related__list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.post-related__link {
	display: flex;
	flex-direction: column;
	gap: 8px;
	height: 100%;
	padding: 12px;
	border: 1px solid var(--tt-stroke, #CCD3DF);
	border-radius: var(--tt-radius-card, 15px);
	background: #fff;
	color: inherit;
	text-decoration: none;
	transition: border-color .15s, box-shadow .15s;
}
.post-related__link:hover,
.post-related__link:focus-visible {
	border-color: var(--accentColor, #D9004E);
	box-shadow: var(--tt-shadow-soft, 0 4px 16px rgba(31, 45, 61, .08));
	text-decoration: none;
}
.post-related__img {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 9;
	object-fit: cover;
	border-radius: var(--tt-radius-img, 5px);
	background: var(--tt-bg-soft, #E4E9F1);
}
.post-related__name {
	font-size: 15px;
	font-weight: 600;
	line-height: 1.35;
	color: #1F2D3D;
}
.post-related__meta {
	font-size: 12px;
	color: #7A8899;
}
@media (max-width: 575px) {
	.post-related__list { grid-template-columns: 1fr; }
}