/* Раздел «Устройство спецтехники» */
.tech-lead{margin:6px 0 22px;color:#5b6470;max-width:780px}

/* ---- листинги (карточки в стиле блога, клик по всей карточке) ---- */
.tech-item{position:relative;padding:0!important}
.tech-item__link{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit}
.tech-item__image{position:relative;overflow:hidden}
.tech-item__image img{width:100%;height:200px;object-fit:cover;object-position:top;display:block;transition:transform .35s ease}
.tech-item__link:hover .tech-item__image img{transform:scale(1.04)}
/* затемнение + иконка поиска на hover */
.tech-item__zoom{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  background:rgba(24,33,46,.32);opacity:0;transition:opacity .25s ease}
.tech-item__link:hover .tech-item__zoom{opacity:1}
.tech-item__zoom svg{width:46px;height:46px;color:#fff}
.tech-item .blog-post-item__title a{pointer-events:none}
/* название схемы и «Перейти» — по левому краю */
.tech-item .blog-post-item__content,
.tech-item .blog-post-item__title{text-align:left}
.tech-item .blog-post-item__footer{display:flex;flex-direction:row!important;justify-content:flex-start!important;align-items:center!important;text-align:left}
.tech-item .blog-post-item__footer::before,.tech-item .blog-post-item__footer::after{display:none!important}
.tech-item .blog-post-item__link{margin:0}
/* индекс раздела: подпись карточки в одну строку — название слева, «Перейти» справа */
.tech-cat__content{flex-direction:row!important;align-items:center;justify-content:space-between;gap:14px}
.tech-cat__title{margin:0!important;min-width:0}
.tech-cat__go{white-space:nowrap;flex-shrink:0}

/* ---- вьювер ---- */
.tech-viewer-wrap{position:relative;margin:18px 0 6px}
.tech-viewer{position:relative;width:100%;height:72vh;min-height:440px;background:#f3f4f4;
  border-radius:12px;overflow:hidden;border:1px solid #e0e3e7}
/* крестик выхода — только в полноэкранном режиме */
.tech-viewer__close{position:absolute;top:12px;right:12px;z-index:6;display:none;
  width:42px;height:42px;align-items:center;justify-content:center;background:#fff;
  border:1px solid #d9dde2;border-radius:9px;cursor:pointer;color:#18212e;padding:9px;
  box-shadow:0 2px 8px rgba(20,40,70,.10);transition:background .15s,color .15s}
.tech-viewer__close:hover{background:#18212e;color:#fff;border-color:#18212e}
.tech-viewer__close svg{width:100%;height:100%}
.tech-viewer.is-fs .tech-viewer__close{display:flex}
.tech-viewer.is-fs{border-radius:0}
.tech-viewer .openseadragon-container{background:#f3f4f4!important}
.tech-viewer .openseadragon-canvas{outline:none;
  cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 512 512"><path d="m176 112 80-80 80 80M255.98 32l.02 448M176 400l80 80 80-80M400 176l80 80-80 80M112 176l-80 80 80 80M32 256h448" fill="none" stroke="%2318212e" stroke-width="42" stroke-linecap="round" stroke-linejoin="round"/></svg>') 15 15, grab !important}

/* тулбар вьювера */
.tech-viewer__toolbar{position:absolute;top:12px;left:12px;z-index:5;display:flex;flex-direction:column;gap:8px}
.tech-viewer__toolbar button{width:42px;height:42px;display:flex;align-items:center;justify-content:center;
  background:#fff;border:1px solid #d9dde2;border-radius:9px;cursor:pointer;color:#18212e;padding:8px;
  box-shadow:0 2px 8px rgba(20,40,70,.10);transition:background .15s,color .15s,border-color .15s}
.tech-viewer__toolbar button:hover{background:#18212e;color:#fff;border-color:#18212e}
.tech-viewer__toolbar button svg{width:100%;height:100%}
.tech-viewer__hint{color:#8a929c;font-size:13px;margin:8px 0 18px}

/* подпись активной схемы под главным изображением */
.tech-viewer__caption{margin:12px 0 2px;font-family:var(--second-font,inherit);font-weight:700;
  font-size:clamp(18px,1.4vw,24px);line-height:1.2;color:#18212e;text-align:center}

/* боковые стрелки главного изображения — листают схему */
.tech-viewer__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:6;
  width:50px;height:50px;border-radius:3px;background:#fff;border:1px solid var(--primary,#e32121);
  color:var(--primary,#e32121);display:flex;align-items:center;justify-content:center;cursor:pointer;
  box-shadow:0 2px 10px rgba(20,40,70,.12);transition:background .25s,color .25s,opacity .2s}
.tech-viewer__nav:hover{background:var(--primary,#e32121);color:#fff}
.tech-viewer__nav svg{width:17px;height:14px}
.tech-viewer__nav--prev{left:14px}
.tech-viewer__nav--next{right:14px}
.tech-viewer__nav.is-disabled{opacity:0;pointer-events:none}

/* ---- слайдер агрегатов (Swiper) ---- */
.tech-slider-wrap{position:relative;margin:6px 0 24px;display:flex;flex-direction:column;gap:10px}
.tech-slider{width:100%;overflow:hidden}
.tech-slider .swiper-slide{height:auto}
.tech-thumb__link{display:block;height:100%;border:2px solid #e3e6ea;border-radius:10px;overflow:hidden;
  background:#f3f4f4;text-decoration:none;color:#5b6470;transition:border-color .15s,box-shadow .15s}
.tech-thumb__link:hover{border-color:#b9c0c9;box-shadow:0 3px 10px rgba(20,40,70,.10)}
.tech-thumb__img{display:block;overflow:hidden}
.tech-thumb__img img{display:block;width:100%;height:88px;object-fit:cover;object-position:top}
.tech-thumb__cap{display:block;font-size:12px;line-height:1.3;padding:6px 8px 8px;
  color:#5b6470;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;min-height:36px}
.tech-thumb.is-active .tech-thumb__link{border-color:#E32121}
.tech-thumb.is-active .tech-thumb__cap{color:#18212e;font-weight:600}
/* стрелки ленты — стиль темы (.theme-swiper .prev/.next), справа под лентой */
.tech-slider-controls{display:flex;justify-content:flex-end}
.tech-slider-controls .theme-buttons{gap:12px}
.tech-slider-controls .prev,.tech-slider-controls .next{color:var(--primary,#e32121)}
.tech-slider-controls .prev.swiper-button-disabled,.tech-slider-controls .next.swiper-button-disabled{opacity:.35;pointer-events:none}
/* уводим ленту, её стрелки и правую боковую стрелку из-под фикс-панели #right-sidebar (80px, z100) */
@media (min-width:992px){
  .tech-slider-wrap{padding-right:92px}
  .tech-viewer__nav--next{right:92px}
}

/* легенда */
.tech-legend{margin:10px 0 30px;background:#f8f9fa;border:1px solid #e7e9ec;border-radius:12px;padding:20px 24px}
.tech-legend__title{font-size:20px;margin:0 0 12px;color:#18212e}
.tech-legend__body{column-width:330px;column-gap:34px;color:#464d58;font-size:14px;line-height:1.6}

/* другие схемы */
.tech-also{margin:30px 0 36px}
.tech-also__title{font-size:22px;margin:0 0 14px;color:#18212e}

@media (max-width:600px){
  .tech-viewer{height:56vh;min-height:320px}
  .tech-legend__body{column-width:auto}
  /* боковые стрелки не нависают на плакат — группируем обе в правом нижнем углу */
  .tech-viewer__nav{top:auto;bottom:12px;transform:none;width:42px;height:42px}
  .tech-viewer__nav--prev{left:auto;right:64px}
  .tech-viewer__nav--next{right:12px}
}