/* =========== © 2026 Centroarts - https://m1r.ru =========== */

.set-head { margin-bottom: var(--g-sect); }
.set-head .poster { --poster-mw: 128px; --poster-rd: var(--rd-box); width: var(--poster-mw); box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.25); }

.set-head .poster .postid { display: inline-block; }
.set-head .poster .poster-ai { position: absolute; right: 8px; bottom: 8px; z-index: 2; }

.photobox-ai { display: flex; font-size: var(--fs); gap: 12px; margin-top: 16px; }
.photobox-ai .im, .poster .poster-ai  { --i-size: 24px; --i-bg: var(--gradient); }
.photobox-ai .photobox-ai-cont { max-width: 500px; margin: 0; }

.set-head .heading { --mb-heading: 4px; text-wrap: balance; }
.set-head-subheading { font-weight: bold; }

.set-head_cont .btn-group { margin-top: 20px; }
.set-head_cont .info-list, .set-head_cont .set-desc { margin-top: 12px; }
.set-head_cont .info-list_item + .info-list_item { margin-top: 0px; }

.set-desc {
  --text-clamp-h: 24px;
  --text-clamp-rows: 2;
}

@media (max-width: 639.9px) {
  .set-head .poster { margin-inline: auto; margin-block: 12px; }
  .set-head .breadcrumbs { display: flex; justify-content: center; }
  .set-head .heading,
  .set-head-subheading,
  .set-head_cont .info-list { text-align: center; }

  .set-head_cont .info-list { opacity: .7; }
  .set-head_cont .info-list_item { position: relative; }
  .set-head_cont .info-list .info-list_label { position: absolute; opacity: 0; pointer-events: none; }

  .set-head_cont .btn-group { justify-content: center; }
  .set-head_cont .btn-group .btn { --btn-h: 48px; --btn-pad: 12px; }

  .set-desc { text-align: center; }
  .set-head_cont .tag-links { justify-content: center; }  
}
@media (max-width: 575.9px) {
  .set-head_cont .btn-fav .btn-cont { position: absolute; top: 0px; left: 0px; opacity: 0; pointer-events: none; }
}
@media (min-width: 640px) {
  .set-head { display: flex; align-items: start; gap: 24px; }
  .set-head_cont { align-self: center; flex: 1 1 auto; min-width: 0px; max-width: 680px; }
  .set-head .poster { --poster-mw: 228px; }
}

/* -- HGallery -- */
.hgallery .hscroll { display: flex; gap: 8px; }
.hgallery .hscroll > a { display: flex; height: 228px; }
.hgallery .hscroll > a img { height: 100%; object-fit: cover; object-position: center top; width: auto; min-width: 280px; max-width: 80vw; border-radius: var(--rd-card); }

/* -- Smenu -- */
.set-menu .page-switcher { flex: 1 1 auto; max-width: none; width: auto; margin-block: 0px; box-shadow: inset 0 -1px 0 0 var(--c-border); }
.set-menu .page-switcher::after { display: none; }
.set-menu .page-switcher_link:first-child { order: -1; }
.set-menu .page-switcher_link.active { order: -1; }
.set-menu { display: flex; margin-bottom: var(--g-sect);/* background-color: hsl(var(--c-body)); position: sticky; top: var(--header-h); z-index: 99; */ }
.shead + .set-menu { margin-top: 12px; }


:root {
	--fs-shead: 18px;
	--lh-shead: 24px;
}

.shead { display: flex; align-items: center; gap: 12px; height: 44px; }
.shead-info { display: flex; gap: 12px; min-width: 44px; flex: 1 1 auto; }
.shead-info .avatar { --avatar-size: 44px; }
.im-photo-ai {
  position: absolute; right: -3px; bottom: -3px;
  --i-size: 20px; --i-bg: var(--gradient);
}
.shead-info-cont { font-weight: bold; flex: 1 1 auto; min-width: 0; }
.shead-info-cont .truncate { font-size: var(--fs-shead); line-height: var(--lh-shead); }

.shead-info-rate { display: flex; gap: .3em; align-items: center; font-size: var(--fs-1); font-weight: normal; color: hsl(var(--c-primary)); line-height: 20px; }
.shead-info-rate .ic { --i-size: 20px; }

.tools-addon { display: flex; justify-content: end; gap: 4px; }
.tools-addon .btn-fav .btn-cont { display: none; }


.set-nav { margin-bottom: var(--g-sect); border-bottom: 1px solid var(--c-border); padding-bottom: 16px; }
.set-nav-list { display: flex; height: 48px; gap: 20px; box-shadow: inset 0 -1px 0 0 var(--c-border); }

@media (max-width: 991.9px) {
  .set-nav-list { flex: 1 1 auto; }
}

.set-nav-list a {
  white-space: nowrap; font-weight: bold; line-height: 24px; height: inherit;
  transition: opacity .15s ease;
}
.set-nav-list a:not(.active) { opacity: .7; }
.set-nav-list a:not(.active):hover { opacity: 1; }

.set-nav-list a > span { display: block; padding: 12px 0; height: inherit; position: relative; z-index: 1; }
.set-nav-list a.active > span::after {
  content: ""; position: absolute; z-index: -1; inset: 0; top: auto; height: 2px;
  border-radius: 2px; border-bottom-left-radius: 0; border-bottom-right-radius: 0;
  background-color: hsl(var(--c-primary));
}