.brand {
 display: none;
}

.brand_img_catalog {
  width: auto; 
  height: auto;
  max-height: 450px;
  overflow: hidden; 
}

.brand_img_catalog img{
    width: 100%; 
  height: auto;
  
}
/*Скрываем бонусы */
a[href*="/my/affiliate/"] { display: none; }

/*Подарочный серт */
a[href="/podarochnyy-sertifikat/"].up-nav__link.flex {
  color: red;
   font-weight: bold;
}
 
.cert-bg {
  position: relative;
  width: 100%;
  max-width: 854px;
  aspect-ratio: 854/768;
  margin: 24px auto;
  background: url('/wa-data/public/site/themes/upsell/img/account/2.png') center/cover no-repeat;
}

.cert-form {
  position: absolute;
  left: 0; top: 0;
  width: 100%; height: 100%;
}


.input-cert {
  position: absolute;
  background: none !important;
  border: none !important;
  border-radius: 0;
  border-bottom: 2px solid #a33;
  font-size: 21px;
  color: #201502;
  outline: none;
  font-family: 'Arial', 'Arial Black', sans-serif;
  padding: 0 0 0 4px;
  box-shadow: none;
  transition: border-color 0.25s;
}

/* Только для выбранного поля ФИО — яркая анимация border-bottom */
#toWhom:focus {
  border-bottom: 2px solid #ff3c00;
  background: none !important;
  box-shadow: 0 6px 2px -5px #ff3c0060;
  transition: border-color 0.25s;
}

#toWhom, #amount, #issueDate  {
    background-color: #fff !important;
}
/* Pixel-perfect к строкам и подписям макета */
#to   { left: 140px; top: 470px;  width: 610px;  height: 33px; } /* КОМУ */
#amount   { left: 180px; top: 542px;  width: 570px;  height: 33px; } /* НА СУММУ */
#issueDate{ left: 483px; top: 654px;  width: 270px;  height: 33px; color:#a33; font-weight:bold; border:none;} /* ВЫДАН */

@media (max-width: 650px) {
  .cert-bg { max-width: 99vw; min-width: 280px; }
  .input-cert { font-size: 4vw; }

  #toWhom   {
      left: 16.4%;  /* 140 / 854 */
      top: 61.2%;   /* 470 / 768 */
      width: 71.5%; /* 610 / 854 */
      height: 4.3%; /* 33 / 768 */
  }
  #amount   {
      left: 21.1%;
      top: 70.5%;
      width: 66.7%;
      height: 4.3%;
  }
  #issueDate{
      left: 56.6%;
      top: 85.1%;
      width: 31.6%;
      height: 4.3%;
      font-size:4vw;
  }
}
    /* -------------------------------------------- */

.dotted {
        border-bottom: 1px dotted;
    }
    .table-warranty table tr td:nth-child(even) {
        width: 28%;
    }
    .topa {
        margin-top: 20px;
    }
    /* Отступы для табов на мобильных устройствах */
@media (max-width: 768px) {
    .alink {
        display: block;
        margin-bottom: 10px;
    }
}
   
/* Оформление таблиц гарантий */
.table-warranty table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
   
}

.table-warranty table thead {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: #2787c8;
}

.table-warranty table th {
    padding: 15px;
    text-align: left;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.table-warranty table td {
    padding: 12px 15px;
    border-bottom: 1px solid #f0f0f0;
}

.table-warranty table tbody tr {
    transition: background-color 0.3s ease;
}

.table-warranty table tbody tr:nth-child(odd) {
   
}

.table-warranty table tbody tr:hover {
    background-color: rgba(255, 107, 53, 0.15);
    transform: scale(1.01);
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.table-warranty h3, .table-warranty h4 {
    color: #667eea;
    margin-top: 30px;
    margin-bottom: 15px;
    font-weight: 600;
}
.table-warranty h2 {
   
   
    padding: 5px 8px;
    
    margin: auto;
    }

/* Стили заголовков */
.table-warranty h1 {
    text-align: center;
}

.WarWeber {
    color: #e30613 !important;
}

.WarBroil {
    color: #003087 !important;
}

.WarChar {
   color: #E41B13 !important; 
}

.warSpan {
    padding-bottom: 15px;
}
    
    
.button-catalog__btn {
    background-color: #e30613;
}

tr[data-code="video_youtube"],
.feature-video_youtube,
[data-feature="video_youtube"] {
    display: none !important;
}


.prices__price {
    font-size: 14px;
}

.pr-top__video {
  background: linear-gradient(90deg, #1a237e 0%, #1976d2 100%);
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  padding: 3px 5px;
  border-radius: 8px;
  box-shadow: 0 1px 4px 0 rgba(26,35,126,0.12);
  text-decoration: none;
  align-items: center; /* если используешь flex */
  gap: 12px; /* расстояние между иконкой и текстом */
  transition: background 0.2s, box-shadow 0.2s, transform 0.2s;
  letter-spacing: 1px;
  display: inline-flex; /* гарантирует flex-раскладку даже без родителя */
}
.pr-top__video:hover {
  background: linear-gradient(90deg, #1976d2 0%, #1a237e 100%);
  box-shadow: 0 2px 8px 0 rgba(26,35,126,0.19);
  transform: translateY(-2px) scale(1.03);
  color: #fff;
}
.pr-top__video .icon-video {
  fill: currentColor;
  transition: fill 0.2s;
}


/* -----------------------------Выделение 1 слайда--------------------------------------- */


/* Выделяем только ПЕРВЫЙ слайд в галерее, который содержит -video в названии изображения */
.swiper-slide:first-child img[alt*="-video"],
.swiper-slide:first-child img[src*="-video"] {
  border: 4px solid #1976d2;
  box-shadow: 0 0 20px rgba(25, 118, 210, 0.6);
  border-radius: 8px;
  position: relative;
}

/* Добавляем значок видео поверх первого слайда с видео */
.swiper-slide:first-child img[alt*="-video"]::before,
.swiper-slide:first-child img[src*="-video"]::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80px;
  height: 80px;
  background: rgba(25, 118, 210, 0.85);
  border-radius: 50%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E");
  background-size: 40px 40px;
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
  z-index: 10;
}

/* Для миниатюр (thumbnails) слева */
.swiper-thumbs .swiper-slide:first-child img[alt*="-video"],
.swiper-thumbs .swiper-slide:first-child img[src*="-video"] {
  border: 3px solid #1976d2;
  box-shadow: 0 0 12px rgba(25, 118, 210, 0.5);
  border-radius: 6px;
}


/* Слайдер   */


.product-videos-section {
    margin: 40px 0;
}

.product-videos-section h3 {
    margin-bottom: 20px;
    font-size: 24px;
}

.videoRecipesSwiper {
    padding: 50px;
    position: relative;
}

.videoRecipesSwiper .video-item {
    width: 100%;
    aspect-ratio: 16/9;
    border-radius: 8px;
    overflow: hidden;
}

.videoRecipesSwiper .video-item iframe {
    width: 100%;
    height: 100%;
    border: none;
}

/* Стрелки навигации в стиле темы */
.videoRecipesSwiper .swiper-button-prev,
.videoRecipesSwiper .swiper-button-next {
    position: absolute;
    top: calc(50% - 0px); /* Компенсация половины padding-top (50px / 2) */
    width: 3rem;
    height: 3rem;
    margin: 0;
    transform: translateY(-50%);
    background: var(--up-scheme-color, #242424);
    border: 0.0625rem solid var(--up-children-bg, #242424); 
    border-radius: 50%;
    color: var(--up-body-color, #c1c1c1);
    cursor: pointer;
    z-index: 10;
    transition: all 0.15s ease;
}

.videoRecipesSwiper .swiper-button-prev:hover,
.videoRecipesSwiper .swiper-button-next:hover {
    background: var(--up-children-ch-bg, #2b95de);
    border-color: var(--up-children-ch-bg, #2b95de);
}

.videoRecipesSwiper .swiper-button-prev {
    left: 1rem;
}

.videoRecipesSwiper .swiper-button-next {
    right: 1rem;
}

.videoRecipesSwiper .swiper-button-prev::after,
.videoRecipesSwiper .swiper-button-next::after {
    font-size: 16px;
}

/* Пагинация */
.videoRecipesSwiper .swiper-pagination {
    bottom: 10px;
}

.videoRecipesSwiper .swiper-pagination-bullet {
    background: var(--up-body-color, #c1c1c1);
    opacity: 0.5;
}

.videoRecipesSwiper .swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--up-scheme-color, #2b95de);
}

@media (max-width: 768px) {
    .videoRecipesSwiper {
        padding: 0px 0px;
    }
    
    .videoRecipesSwiper .swiper-button-prev,
    .videoRecipesSwiper .swiper-button-next {
        top: calc(50%);
        width: 2.75rem;
        height: 2.75rem;
    }
    
    .videoRecipesSwiper .swiper-button-prev::after,
    .videoRecipesSwiper .swiper-button-next::after {
        font-size: 14px;
    }
    .videoRecipesSwiper .swiper-button-next {
        right: 0.5rem;
    }
    
    .videoRecipesSwiper .swiper-button-prev {
        left: 0.5rem;
        
    }
}


.swiper-swipe-zone-mobile {
    display: none;
}

@media (max-width: 768px) {
    .swiper-swipe-zone-mobile {
        display: block;
        height: 48px;        /* Высота зоны свайпа — можно менять */
        width: 100%;
        touch-action: pan-x;
        background: rgba(0,200,0,0.2);
        
    }
}