/* ТОМОЭ · лайтбокс галереи (gallery.js): ровные круглые кнопки со стрелками по центру.
   Перебивает старое общее правило button{padding…!important} из redesign.css. */
.bb-lightbox{background:rgba(7,7,7,.94)}
.bb-lightbox .bb-lightbox__close,
.bb-lightbox .bb-lightbox__nav{
  display:flex!important;align-items:center;justify-content:center;
  padding:0!important;margin:0;border-radius:50%!important;
  background:rgba(244,241,236,.1)!important;border:1px solid rgba(244,241,236,.18)!important;
  box-shadow:none!important;color:transparent!important;font-size:0!important;line-height:0;letter-spacing:0;
  text-transform:none;overflow:hidden;cursor:pointer;
  transition:background .25s,border-color .25s;
}
.bb-lightbox .bb-lightbox__close{width:48px;height:48px;top:max(14px,env(safe-area-inset-top));right:14px}
.bb-lightbox .bb-lightbox__nav{width:52px;height:52px}
.bb-lightbox .bb-lightbox__prev{left:14px}
.bb-lightbox .bb-lightbox__next{right:14px}
.bb-lightbox .bb-lightbox__close:hover,
.bb-lightbox .bb-lightbox__nav:hover,
.bb-lightbox .bb-lightbox__close:focus-visible,
.bb-lightbox .bb-lightbox__nav:focus-visible{background:var(--t-red,#ff0d1d)!important;border-color:var(--t-red,#ff0d1d)!important}

/* Значки: крестик и шевроны из линий — всегда точно по центру */
.bb-lightbox .bb-lightbox__close::before,
.bb-lightbox .bb-lightbox__close::after{content:"";position:absolute;width:18px;height:2px;border-radius:2px;background:#fff}
.bb-lightbox .bb-lightbox__close::before{transform:rotate(45deg)}
.bb-lightbox .bb-lightbox__close::after{transform:rotate(-45deg)}
.bb-lightbox .bb-lightbox__nav::before{content:"";width:12px;height:12px;border-top:2px solid #fff;border-left:2px solid #fff}
.bb-lightbox .bb-lightbox__prev::before{transform:translateX(2px) rotate(-45deg)}
.bb-lightbox .bb-lightbox__next::before{transform:translateX(-2px) rotate(135deg)}

@media (max-width:560px){
  .bb-lightbox .bb-lightbox__nav{width:44px;height:44px}
  .bb-lightbox .bb-lightbox__prev{left:8px}
  .bb-lightbox .bb-lightbox__next{right:8px}
  .bb-lightbox .bb-lightbox__close{width:44px;height:44px;right:10px}
}

/* Старое правило button:hover{transform:translateY(-2px)} затирало центрирование —
   фиксируем положение кнопок во всех состояниях (наведение, касание, фокус). */
.bb-lightbox .bb-lightbox__nav,
.bb-lightbox .bb-lightbox__nav:hover,
.bb-lightbox .bb-lightbox__nav:active,
.bb-lightbox .bb-lightbox__nav:focus{transform:translateY(-50%)!important;box-shadow:none!important}
.bb-lightbox .bb-lightbox__close,
.bb-lightbox .bb-lightbox__close:hover,
.bb-lightbox .bb-lightbox__close:active,
.bb-lightbox .bb-lightbox__close:focus{transform:none!important;box-shadow:none!important}
/* На сенсорных экранах «залипшее» наведение не подсвечивает кнопку */
@media (hover:none){
  .bb-lightbox .bb-lightbox__nav:hover,
  .bb-lightbox .bb-lightbox__close:hover{background:rgba(244,241,236,.1)!important;border-color:rgba(244,241,236,.18)!important}
}