/* ============================================================
   Доп. стили темы: логотип-картинка, лайтбокс галереи, попап видео
   ============================================================ */

/* ---- Логотип-картинка (если загружен через «Свойства сайта») ---- */
.nav__logo-img{
  height:clamp(28px,2.8vw,40px);
  width:auto;display:block;flex:none;
}
.footer__logo-img{
  height:clamp(24px,2.4vw,38px);
  width:auto;display:block;flex:none;
}

/* ---- Галерея: курсор-лупа на главном фото ---- */
.work__main-img{cursor:zoom-in}

/* ---- Лайтбокс ---- */
.boats-lightbox{
  position:fixed;inset:0;z-index:9999;
  display:flex;align-items:center;justify-content:center;
  background:rgba(6,8,10,.92);
  opacity:0;visibility:hidden;
  transition:opacity .3s ease,visibility .3s ease;
  padding:clamp(16px,4vw,56px);
}
.boats-lightbox.open{opacity:1;visibility:visible}
.boats-lightbox__img{
  max-width:100%;max-height:100%;
  width:auto;height:auto;
  object-fit:contain;
  border-radius:6px;
  box-shadow:0 30px 80px rgba(0,0,0,.5);
  transform:scale(.96);
  transition:transform .3s ease;
}
.boats-lightbox.open .boats-lightbox__img{transform:scale(1)}

.boats-lightbox__close,
.boats-vpopup__close{
  position:absolute;top:clamp(14px,2vw,26px);right:clamp(14px,2vw,26px);
  width:46px;height:46px;border:0;border-radius:50%;
  background:rgba(255,255,255,.12);color:#fff;
  font-size:30px;line-height:1;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  transition:background .25s ease;z-index:2;
}
.boats-lightbox__close:hover,
.boats-vpopup__close:hover{background:rgba(255,255,255,.28)}

/* ---- Попап видео ---- */
.boats-vpopup{
  position:fixed;inset:0;z-index:9999;
  display:flex;align-items:center;justify-content:center;
  background:rgba(6,8,10,.94);
  opacity:0;visibility:hidden;
  transition:opacity .3s ease,visibility .3s ease;
  padding:clamp(16px,4vw,56px);
}
.boats-vpopup.open{opacity:1;visibility:visible}
.boats-vpopup__inner{
  width:min(1100px,100%);
  aspect-ratio:16/9;
  transform:scale(.96);
  transition:transform .3s ease;
}
.boats-vpopup.open .boats-vpopup__inner{transform:scale(1)}
.boats-vpopup__video{
  width:100%;height:100%;
  border-radius:8px;background:#000;
  box-shadow:0 30px 80px rgba(0,0,0,.5);
  display:block;
}

/* плитка с видео — намёк, что кликабельно */
.vcard[data-video]{cursor:pointer}

body.boats-no-scroll{overflow:hidden}

/* ---- Заголовок «Почему пластик»: строки репитера ---- */
.hdpe__title span{display:block}

/* ---- Факты: ширина карточек подстраивается под количество (макс. 5 в ряд) ---- */
.make__facts.cols-1{grid-template-columns:1fr}
.make__facts.cols-2{grid-template-columns:repeat(2,1fr)}
.make__facts.cols-3{grid-template-columns:repeat(3,1fr)}
.make__facts.cols-4{grid-template-columns:repeat(4,1fr)}
.make__facts.cols-5{grid-template-columns:repeat(5,1fr)}
@media(max-width:1080px){
  .make__facts.cols-4,
  .make__facts.cols-5{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:760px){
  .make__facts[class*="cols-"]{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:520px){
  .make__facts[class*="cols-"]{grid-template-columns:1fr}
}