/* Общая библиотека шаблонов news: /info/, /customer/, новости /company/news/, эффекты /help/tekhniki/ (шаблон plasters-v8, 22.10.2026): статьи, идеи интерьеров, ТВ, акции, бренды, дизайн-студия.
   Только то, чего нет в hx-ui.css: обёртка микроразметки фото, значок просмотров, галерея, «Поделиться»,
   оценка, материалы статьи, карусель каталога (просмотр фото и «Прочитать позже» — в hx-ui.css). Цвета и размеры — переменные hx-ui.css. */

/* обёртка ImageObject не влияет на раскладку: фото остаётся прямым элементом карточки */
.hxi-md{display:contents}
a:hover>.hxi-md>.hx-photo{transform:translate(-3px,-3px);box-shadow:11px 11px 0 -1px #fff,11px 11px 0 0 var(--hx-ochre);transition:transform .3s,box-shadow .3s}
.hxi-views{display:inline-flex;align-items:center;gap:5px}
.hxi-views svg{fill:none;stroke:currentColor;stroke-width:1.8}

/* список карточек: вложенные заголовки и подписи */
.hxi-cards{--hx-col:260px}
.hxi-cards>li{list-style:none}
.hxi-cards{margin:0;padding:0}
.hxi-sub{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 0;padding:0;list-style:none}
.hxi-count{color:var(--hx-mute);font-weight:500}
.hxi-search{display:flex;gap:10px;max-width:560px;margin:0 0 clamp(22px,2.4vw,36px)}
.hxi-search .hx-input{flex:1}
.hxi-group+.hxi-group{margin-top:clamp(36px,4vw,64px)}
.hxi-group .hx-hrow{margin-bottom:clamp(18px,2vw,28px)}
.hxi-logos{--hx-col:180px;margin:0;padding:0;list-style:none;align-items:center}
.hxi-logos a{display:grid;place-items:center;min-height:120px;padding:16px;border:1.5px solid var(--hx-line);background:#fff;transition:border-color .2s}
.hxi-logos a:hover{border-color:var(--hx-navy)}
.hxi-logos img{max-height:90px;width:auto;object-fit:contain}

/* детальная страница */
.hxi-detail>*+*{margin-top:clamp(22px,2.4vw,36px)}
.hxi-lead{max-width:var(--hx-measure);font-size:1.1em;color:var(--hx-txt)}
.hxi-lead>*:last-child{margin-bottom:0}
.hxi-cover{display:block;max-width:420px}
.hxi-cover img{width:100%}
.hxi-toc ul,.hxi-toc ol{margin:8px 0 0;padding-left:1.2em}
.hxi-toc li{margin:6px 0}
.hxi-toc a{color:var(--hx-txt);text-decoration:none}
.hxi-toc a:hover{color:var(--hx-navy)}
.hxi-toc .level-3{padding-left:1em}
.hxi-actions{display:flex;flex-wrap:wrap;align-items:flex-start;gap:20px 40px;padding-top:clamp(20px,2vw,32px);border-top:1px solid var(--hx-line)}
.hxi-back{margin-top:clamp(24px,2.6vw,40px)}
.hxi-gallery-list{--hx-col:200px;margin:0;padding:0;list-style:none}
.hxi-gallery-list .hx-photo{aspect-ratio:3/2}
.hxi-mats-list{--hx-col:150px;margin:0;padding:0;list-style:none}
.hxi-mats-list .hx-photo{aspect-ratio:1/1}
.hxi-mats-list b{font-size:15px}
.hxi-sec-title{margin:0 0 clamp(16px,1.6vw,24px)}

/* «Поделиться» */
.hxi-share{display:flex;align-items:center;gap:12px;min-height:48px}
.hxi-share-t{font-weight:600}

/* оценка звёздами и «нравится» */
.hxi-rate{display:grid;gap:6px}
.hxi-stars{display:inline-flex;gap:2px;margin:0;padding:0}
.hxi-stars--set{flex-direction:row-reverse;justify-content:flex-end}
.hxi-stars button,.hxi-stars span{all:unset;display:grid;place-items:center;width:32px;height:32px;color:#cfc8bc}
.hxi-stars button{cursor:pointer}
.hxi-stars svg{width:24px;height:24px;fill:currentColor}
.hxi-stars .is-on{color:var(--hx-ochre)}
.hxi-stars--set:hover button{color:#cfc8bc}
.hxi-stars--set button:hover,.hxi-stars--set button:hover~button{color:var(--hx-ochre)}
.hxi-stars button:focus-visible{box-shadow:var(--hx-focus);border-radius:var(--hx-r)}
.hxi-like{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--hx-navy)}
.hxi-like button{all:unset;display:grid;place-items:center;width:40px;height:40px;cursor:pointer;border-radius:50%}
.hxi-like button:focus-visible{box-shadow:var(--hx-focus)}
.hxi-like svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8}
.hxi-like.is-on svg{fill:currentColor}
.hxi-like-i{display:grid;place-items:center;width:40px;height:40px}
.hxi-rate .hx-label,.hxi-rate .hx-hint{margin:0}
[aria-busy=true]{opacity:.6;pointer-events:none}

/* карусель страниц каталога (дизайн-студия) */
.hxi-car{position:relative}
.hxi-car-list{display:grid;grid-auto-flow:column;grid-auto-columns:100%;gap:16px;margin:0;padding:0;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.hxi-car-list::-webkit-scrollbar{display:none}
.hxi-car-list li{scroll-snap-align:start}
.hxi-car-list img{display:block;width:100%;height:auto;max-height:80dvh;object-fit:contain;background:var(--hx-paper)}
.hxi-car-nav{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}

/* акции и конкурсы: жюри и участники, призы, шаги */
.hxi-faces{--hx-col:180px;margin:0;padding:0;list-style:none}
.hxi-faces button{all:unset;display:flex;flex-direction:column;gap:10px;cursor:pointer;text-align:left}
.hxi-faces button:focus-visible{box-shadow:var(--hx-focus)}
.hxi-faces img{aspect-ratio:1/1}
.hxi-face-box{display:grid;gap:18px}
.hxi-face-box img{max-width:220px}
.hxi-prizes{--hx-col:220px;margin:0;padding:0;list-style:none}
.hxi-prizes li{padding:clamp(18px,2vw,28px);background:var(--hx-paper)}
.hxi-prizes b{display:block;margin-bottom:8px;font-size:var(--hx-h3)}
.hxi-steps{--hx-col:240px;margin:0;padding:0;list-style:none}
.hxi-steps img{width:100%}
.hxi-rules summary{cursor:pointer;font-weight:600;color:var(--hx-navy)}
.hxi-rules[open] summary{margin-bottom:16px}
.hxi-winners td:first-child{width:140px}
.hxi-winners img{display:block;width:120px;height:auto}

@media (max-width:767px){
  .hxi-winners td:first-child{width:90px}
  .hxi-winners img{width:80px}
}

/* бренды */
.hxi-brand-hero{align-items:start}
.hxi-brand-logo{justify-self:center;max-width:100%;height:auto}
.hxi-videos{--hx-col:420px}

/* окна жюри и форм конкурса */
dialog.hxi-face-dlg{border:0;color:var(--hx-ink)}
dialog.hxi-face-dlg::backdrop{background:rgba(21,23,28,.48)}

/* карточки и материалы внутри текста (.hx-prose): без отступов списка и картинок текста */
.hx-prose .hx-grid{margin:0 0 1.2em;padding-left:0;list-style:none}
.hx-prose .hx-grid>li{margin:0}
.hx-prose .hx-card img,.hx-prose .hx-card .hx-photo{margin:0 0 8px}
.hxi-mats{display:grid;gap:18px;margin:0 0 1.4em}
.hxi-room+.hxi-room{margin-top:clamp(24px,2.6vw,40px)}
.hxi-catalog{display:grid;gap:14px}
li.hx-card{list-style:none}

/* особые страницы акций */
.hxi-action-hero{display:block;width:min(100%,900px);height:auto;margin:0 auto}
.hxi-hero21{position:relative;max-width:700px;margin:0 auto}
.hxi-hero21 img{position:absolute;height:auto}
.hxi-hero21 .hxi-l0{position:static;display:block;width:100%}
.hxi-hero21 .hxi-l0+.hxi-l0{position:absolute;top:0;left:0}
.hxi-hero21 .hxi-l1{left:45%;bottom:21%;width:7.1%}
.hxi-hero21 .hxi-l2{left:17%;bottom:17%;width:9.3%}
.hxi-hero21 .hxi-l3{left:73%;bottom:12%;width:9.3%}
.hxi-hero21 .hxi-p1{left:35.1%;top:5%;width:29.4%}
.hxi-hero21 .hxi-p2{left:66.5%;top:43%;width:23.7%}
.hxi-hero21 .hxi-p3{left:8.5%;top:28%;width:23.4%}
.hxi-center{text-align:center}
summary.hx-btn{list-style:none;width:max-content}
summary.hx-btn::-webkit-details-marker{display:none}
details[open]>summary.hx-btn{margin-bottom:20px}