/* Стили для десктопной версии */

@media (min-width: 768px) {
  header {
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
  }
  .hidden {
    display: none;
  }
}

span.header__logo {
    min-width:220px;
}

.widget-type_system_widget_v4_header_11 .menu__item {
	margin-left: 5px;
}


div.header__area-controls > a.header__control-btn.header__favorite {
    color: red;
    background: #f5f5f5;
}
.header__control-btn, .widget-type_system_widget_v4_header_11 .header__search {
    background: #f5f5f5;
    border-radius: 0px;
  	margin-left: 10px;
}

.widget-type_system_widget_v4_special_products_tabs_9 .favorites_btn:before, .widget-type_system_widget_v4_special_products_tabs_9 .favorites_btn:hover:before 
{
	border-radius:0;
}
.favorites_btn.favorites-added .icon-favorites-f {
	color:red;
}
.widget-type_system_widget_v4_product_3 .favorites_btn.favorites-added {
    color: #ff000c;
}

.widget-type_system_widget_v4_product_3 .product .option-selector .option-value.is-span.is-active.is-span {
	background: var(--color-btn-bg);
    border-color: var(--color-btn-bg);
    color: var(--color-btn-color);
}

.banner-list__item .banner-list__item-text {
	text-align: center;
}

.banner-top__item .banner-top__item-image img {
	min-height: 24px;
    background-size: cover;
    width: auto;
}
.slider_svg_color {
  fill: #ff000c;
}

.blockMessage {
  display:flex;
  flex-flow: row wrap;
  justify-content: center;
  margin-top: 15px;
}
.blockMessageWA {
  align-items: center;
  background: #00b290;
  margin-right: 1rem;
  margin-bottom: 1rem;
}
.blockMessageTG {
  align-items: center;
  background: #0ca9e3;
}

.blockMessageWA svg, .blockMessageTG svg {
  width: 22px;
  height: 22px;
}

.popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9999;
  display: none;
}

.popup__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  padding: 20px;
  overflow: auto;
}

.popup__close {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 30px;
  font-weight: bold;
  color: #999;
  cursor: pointer;
}

.text-center {
    text-align: center!important;
}
.container {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-right: auto;
    margin-left: auto;
}
@media (min-width: 1400px)
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1320px;
}

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
}

.row-cols-2>* {
    flex: 0 0 auto;
    width: 50%;
  	max-height: 630px;
}
@media (max-height: 700px) {
  .row-cols-2 > * {
    max-height: 500px;
  }
}


/* Позиционирование предзаказа */
.widget-type_system_widget_v4_preorder_1.layout {
	z-index: 99999;
}

/* Фильтр */
form.filter {
  z-index: 9999 !important;
}


/* Стили для печати каталога */
@media print {
	html, body  {
		height: 297mm;
		width: 210mm;
	}
  	*, *:before, *:after { 
		color: #000;
		box-shadow: none;
		text-shadow: none;
	}
  @page {
	margin: 12mm 10mm 10mm 10mm;
  }

header,
div.widget-type_system_widget_v4_header_11,
div.widget-type_system_widget_v4_cart_fixed_button_1,
section.page_section_top,
div.widget-type_system_widget_v4_page_title_1,
div.widget-type_system_widget_v4_filter_sort_2,
div.product-preview__description,
div.widget-type_system_widget_v4_infinity_products_button_1,
div.widget-type_system_widget_v4_pagination_3,
div.widget-type_system_widget_v4_collection_description_1,
footer,
span.favorites_btn,
div.stickers,
div.widget-type_system_widget_v4_bottom_navigation_bar_1,
div.widget-type_system_widget_v4_button_on_top_1 {
  display: none;
}

  /* Отступ вниз от логотипа */
  div.header__area-logo {
    margin-bottom: 0px;
  }

  /* Размер шрифта цены */
  .widget-type_system_widget_v4_catalog_2 .product-preview__price-cur {
    font-size: 1rem;
  }
  .widget-type_system_widget_v4_catalog_2 .product-preview__title {
    font-size: 1rem;
  }

  /* Разрешить перенос текста */
  .catalog {
    word-wrap: break-word;
  }
  
  /* Убрать рамки у элементов */
  .catalog-list {
    border: none;
    --catalog-grid-list-min-width: 55mm;
    --catalog-grid-list-row-gap: 0rem;
  }
  
  /* Не обрезать элементы при переносе на новую страницу */
  form, .product-preview__content {
    page-break-inside: avoid;
  }
}

// Старт. Всплывающее окно для юр лиц
#partnersBanner {
  display: none;
}

#partnersBanner .partnersBanner-overlay {
  align-items: center;
  background: rgba(0, 0, 0, 0.5);
  /* Полупрозрачная подложка */
  bottom: 0;
  display: grid;
  left: 0;
  margin: auto;
  max-width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 9999;
  -webkit-overflow-scrolling: touch;
}

#partnersBanner .partnersBanner-content {
  background: white;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  max-width: 492px;
  position: relative;
  width: 100%;
  animation: modalFadeIn 0.3s ease-out;
  /* Плавное появление */
}

/* Для мобильных устройств (адаптация) */
@media (max-width: 768px) {
  #partnersBanner .partnersBanner-content {
    width: 100%;
    /* На мобильных окно занимает всю ширину */
    height: 100%;
    /* Высота на весь экран */
    max-width: none;
    /* Убираем ограничения по ширине */
    max-height: none;
    /* Убираем ограничения по высоте */
    border-radius: 0;
    /* Убираем скругления */
  }
}

/* Анимация появления */
@keyframes modalFadeIn {
  from {
    opacity: 0;
    transform: scale(0.95);
    /* Уменьшенное состояние */
  }

  to {
    opacity: 1;
    transform: scale(1);
    /* Нормальное состояние */
  }
}

#partnersBanner .partnersBanner-close {
  position: absolute;
  top: 10px;
  right: 10px;
  background: none;
  border: none;
  font-size: 2rem;
  cursor: pointer;
}

// Конец. Всплывающее окно для юр лиц

// Кнопки в шапке
div.header__area-controls > a.header__control-btn.header__cabinet {
    border-radius: 8px !important;
}
// Конец. Кнопки в шапке
