/* === ФОН ЗУМЕРА === */
.t-zoomer__container {
    background-color: #2A3130 !important;
}


/* === УБИРАЕМ ПОЛУПРОЗРАЧНЫЕ КРУГИ ЗА СТРЕЛКАМИ === */
.t-carousel__zoomer__arrow_wrapper::before {
    display: none !important;
}



/* === КНОПКИ-СТРЕЛКИ (60x60, ромб, без круга за ними) === */
.t-carousel__zoomer__arrow {
    width: 60px !important;
    height: 60px !important;
    background-color: #FFF8E8 !important;
    border-radius: 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: none !important;
    box-shadow: none !important;
    transform: rotate(0deg) !important;
    background-size: 32px !important; /* Размер стрелки внутри */
}



/* === ЛЕВАЯ СТРЕЛКА (увеличенная) === */
.t-carousel__zoomer__arrow_left {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 6L9 12L15 18' stroke='%232A3130' stroke-width='2'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

/* === ПРАВАЯ СТРЕЛКА (увеличенная) === */
.t-carousel__zoomer__arrow_right {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 6L15 12L9 18' stroke='%232A3130' stroke-width='2'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

/* === КОНТЕЙНЕРЫ ДЛЯ ЛУПЫ И КРЕСТИКА (44x44, без фона) === */
.t-zoomer__close,
.t-zoomer__scale {
    width: 44px !important;
    height: 44px !important;
    background: none !important;
    box-shadow: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}


/* === ЛУПА 24×24px — оставляем SVG Tilda, только красим === */
.t-zoomer__scale svg {
    width: 24px !important;
    height: 24px !important;
}

.t-zoomer__scale svg * {
    stroke: #FFF8E8 !important;
    stroke-width: 2 !important;
    fill: none !important;
    stroke-linecap: butt !important;
}

/* Увеличиваем толщину линий крестика + делаем цвет как у лупы */
.t-zoomer__close svg *,
.t-zoomer__close svg path
.t-zoomer__close line {
    stroke-width: 1 !important;
    stroke: #FFF8E8 !important;
    fill: #FFF8E8 !important;
}
/* Включаем нормальное центрирование контента зумера */
.t-zoomer__inner,
.t-zoomer__content,
.t-zoomer__container {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

/* Центровка изображения */
.t-zoomer__img-wrapper,
.t-zoomer__img {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

/* Само изображение — по центру */
.t-zoomer__img-wrapper img,
.t-zoomer__img img {
    margin: auto !important;
    display: block !important;
    object-fit: contain !important;
    max-width: 100% !important;
    max-height: 100vh !important;
}

/* Общий стиль для обоих хедеров */
.uc-header-desktop,
.uc-header-mobile {
  position: fixed !important;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9;
  transition: opacity 0.35s ease;
}

/* Скрытый хедер */
.header--hidden {
  margin-top: -120px;
  opacity: 0;
}

.uc-cook-btn {
    cursor: pointer !important;
}