.menu__banner > div {display:flex;flex-direction:column;justify-content:center;height:100%;padding: 15px;text-align:center;background:#f7f7f7;border-radius:4px}
.menu__banner div img {margin:15px 0;padding:15px}
.menu__banner span {color:#f44336;font-size:1.5em;font-weight:500}
.menu__banner span:last-of-type{font-size:1.3em}

.article_description h3.heading{font-weight:700}

.header-logo__img{
max-width: 200px;
}

@media (max-width: 768px) {
  .header-logo__img {
    width: 120px;
    max-width: 120px;
  }
}

.top-menu__language .dropdown-menu {
max-width:100%!important;
min-width:100%!important;
}


.menu__header-icon{
color:#fb5858;
}

.menu-open__icon{
color:#fb5858;
}

.topstripe__close{
display:none;
visibility:hidden;
}
.topstripe__container-text{
width:100%;
}

.wide-left #column-left {
  width: 30% !important;
  float: left;
}

.wide-left #content {
  width: 70% !important;
  float: left;
}


#button-cart.product-page__add-to-cart.add_to_cart.btn.btn-xl{width:160px;height:58px;border-radius:10px;}
.product-page__quick-order.quick-order.btn.btn-lg.btn-xl{width:160px;height:58px;border-radius:10px;}




/* === Основной стиль кнопок === */
.product-page__wishlist-btn.btn.btn-sm.wishlist,
.product-page__compare-btn.btn.btn-sm.compare {
  width: 58px;
  height: 58px;
  border-radius: 50%;
  background: #FCF3F3;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.3s ease, transform 0.2s ease;
  margin-left:3%;
}

/* Эффект наведения */
.product-page__wishlist-btn:hover,
.product-page__compare-btn:hover {
  background: #fce6e6;
  transform: scale(1.05);
}

/* === Стили для иконки === */
.myprodico {
  font-size: 35px;
  color: #FF2F00;
  transition: transform 0.2s ease;
}

.myprodico:hover {
  transform: scale(1.1);
}

/* === Адаптивность === */

/* 📱 Мобильные устройства (до 480px) */
@media (max-width: 480px) {
  .product-page__wishlist-btn.btn.btn-sm.wishlist,
  .product-page__compare-btn.btn.btn-sm.compare {
    width: 44px;
    height: 44px;
    margin-top:5%;
    margin-left:3%;
  }

  .myprodico {
    font-size: 24px;
  }
}

/* 📱 Планшеты (481px – 768px) */
@media (min-width: 481px) and (max-width: 768px) {
  .product-page__wishlist-btn.btn.btn-sm.wishlist,
  .product-page__compare-btn.btn.btn-sm.compare {
    width: 50px;
    height: 50px;
  }

  .myprodico {
    font-size: 28px;
  }
}

/* 💻 Небольшие ноутбуки (769px – 1200px) */
@media (min-width: 769px) and (max-width: 1200px) {
  .product-page__wishlist-btn.btn.btn-sm.wishlist,
  .product-page__compare-btn.btn.btn-sm.compare {
    width: 54px;
    height: 54px;
  }

  .myprodico {
    font-size: 32px;
  }
}


/* Контейнер индикатора и текст после него */
.qty-indicator {
    display: inline-flex;       /* ставим индикатор в линию с последующим текстом */
    align-items: center;        /* вертикальное выравнивание по центру */
    gap: 8px;                   /* отступ между индикатором и текстом */
}

/* Внутренний текст внутри индикатора */
.qty-indicator__text {
    display: inline-block;      /* чтобы фон обтекал текст */
    padding: 8px 8px;             /* немного пространства вокруг текста */
    border-radius: 10%;         /* опционально, скругление */
    background: #F3FEEC;
}

.qty-indicator + .waranty {
    display: inline-block;
    margin-left: 8px; /* небольшой отступ после индикатора */
    vertical-align: middle; /* выравнивание по центру */
    padding: 8px 8px;             /* немного пространства вокруг текста */
    border-radius: 10%;         /* опционально, скругление */
    background: #F3FEEC;
   color:#719d74;
   font-weight: 500;
   font-size:13.3px;
}


.product-data__item-div {
    display: flex;
    min-width: 5%;
    width: auto; /* если нужно */
}

.product-data__item.model {
    list-style: none;       /* на всякий случай */
    counter-reset: none;    /* если использовались счетчики */
}

.product-data__item-div::after {
    content: none !important; /* убираем псевдоэлемент */
}
.product-data__item.model{
   font-weight: 500;
   font-size:16px;
}
.product-page__price{font-size: 2em;margin-right:10px;vertical-align: middle;}







/* применить к контейнеру, где лежат .price-old/.price-new */
.product-page__price, /* если это он */
.product-page__price.price {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important; /* или center, по желанию */
  gap: 4px; /* отступ между старыми и новыми ценами */
}
.spprice {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center; /* выровняет по вертикали */
  gap: 4px;
  margin: 0; /* убираем возможные отступы */
}
.spprice {
  margin-top: -20px; /* подними чуть выше */
}