/* === original/page-product.css === */
 /*#region Обрабатываемые материалы на странице в группе параметров */   
.workpiece-materials {
    display: flex;
    justify-content: space-between;
    background-image: url("../../../images/tactic/common/dot-GvKU7_K.png");
    background-repeat: repeat-x;
    background-position: left bottom 21px;
}
.label-workpiece-material {
    background: #fff;
    padding-right: 10px;   
}
.line-workpiece-materials {
    background: #fff;
    padding-left: 10px;
}
.workpiece-material {
    display: inline-block;
    padding: 2px 6px;
    width: 26px;
    text-align: center;
    font-weight: 600;
    }
 /*#endregion */   

 /*#region Группа параметров нв странице */    
.parameters-group > .field {
    clear: both;
    display: flex;
    justify-content: space-between;
    margin: 0 0 10px;
    background-image: url("../../../images/tactic/common/dot-GvKU7_K.png");
    background-repeat: repeat-x;
    background-position: left bottom 4px;
}

.parameters-group > .field > .field__label {
    background-color: #fff;
    padding-right: 5px;
}

.parameters-group > .field > .field__item {
    background-color: #fff;
    padding-left: 5px;
}
/*#endregion*/

/*#region Группа Картинки */
.product-media-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.img-parameters-group {
    display: flex;
    flex-direction: column;
}
.img-parameters-group .field--name-field-image-scheme {
    display: flex;
    justify-content: center;
    width: 100%;
}
.img-parameters-group img {
    display: block;
    max-width: 75%;
    height: auto;
}
/*#endregion*/
    
/*#region Хлебные крошки на странице товара */
ol.breadcrumb {
    padding: 3px 10px 7px 10px;
    background: #1b15471f;
    display: flex;
    width: 100%;
    list-style: none;
    font-size: 18px;
}
@media (max-width:1000px) { /* Строки выстраиваются в блоки друг над другом */
    ol.breadcrumb {
        display: block;
    }
}

li.breadcrumb-item a {
    color: #333;
    text-decoration: none;
}
.breadcrumb-item + .breadcrumb-item::before {
    float: left;
    content: "/";
    padding: 0 10px;
}
@media (max-width: 800px) {
    .breadcrumb-item::before {
        content: ' ' !important;
        display: inline-block;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background-color: #636363;
        font-size: 8px;
        margin-bottom: 1px;
        padding: 0 0 0px 0 !important;
        float: none !important;
        line-height: 2em;
    }
}
/*#endregion */

/*#region поле ВАРИАЦИЯ кнопка Добавить в корзину */
.product-actions {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    gap: 8px;
}
.product-actions .field--name-variations {
    /* .field--type-entity-reference (bundle-1.css) добавляет margin-bottom
       всем полям — здесь это лишний нижний отступ ломает вертикальное
       центрирование формы относительно кнопки избранного. */
    margin: 0;
}
/*#endregion*/

/*#region SUITABLE FOR и ZIP и Пох.товары*/
.related-product thead { /* Шапка таблицы прилипает */
    position: sticky;
    top: -1px;
    z-index: 2;
    background-color: #fff;
    margin-top: 0;
}
#add_to_product .view-header {
    margin-bottom: 0;
    margin-right: calc(-0.5* var(--bs-gutter-x));
    border-left: 1px solid #c5c5c5;
    border-top: 1px solid #c5c5c5;
    border-right: 1px solid #c5c5c5;
}
#add_to_product H2 {
    text-transform: uppercase;
    margin-bottom: -4px;
    @media (min-width: 800px) {
        font-size: 20px;
        padding: 20px 0px 0px 30px;
    }
    @media (max-width: 800px) {
        font-size: 16px;
         padding: 0px 0px 9px 0;
    }
}
#add_to_product table {
    margin-top: 0;
}
#add_to_product .table-responsive {
    max-height: 230px;
    overflow-y: auto;
    padding-right: 0;
    @media (max-width:800px) {
        scrollbar-width: none;
    }
}
#add_to_product .related-product td.views-field-field-image img {
	/* Фикс-бокс: размер миниатюры аналога не зависит от исходной картинки. */
	width: 100%;
	height: 40px;
	object-fit: contain;
	display: block;
}
#add_to_product .related-product td.views-field-field-image {
	width: 67px;
	padding: 0;
    vertical-align: middle;
}
#add_to_product .related-product td.views-field-field-image a {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 100%;
}
#add_to_product .related-product td.views-field-field-quantity-in-stock-num {
    max-width: 70px;
    width: 70px;
}
/*#endregion */

/*#region Форма добавления в корзину */
.field--name-variations form {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
}
.field--name-variations form .js-form-type-number {
    margin-bottom: 0 !important;
    width: min-content;
}
.field--name-variations form .js-form-type-number label {
    display: none;
}
.field--name-variations form .js-form-type-number input {
    width: 3.5em;
    height: 46px;
    border-radius: 8px;
    border: 1px solid #d5d5d5;
    text-align: center;
}
.field--name-variations form .form-actions {
    margin-bottom: 0 !important;
}
.field--name-variations form .form-actions button.button--add-to-cart {
    height: 46px;
    padding: 0 24px;
    border: none;
    border-radius: 8px;
    background-color: var(--bs-primary);
    color: #fff;
}
.field--name-variations form .form-actions button.button--add-to-cart:hover {
    background-color: var(--bb-primary-dark, var(--bs-primary));
}
/*#endregion */

/*#region Добавить в избранное */
.flag.flag-product-flag {
    position: relative;
}
.flag.flag-product-flag p.js-flag-message {
    position: absolute;
    display: inline-block;
    width: 19em;
    top:50px;
    left:-9em;
    background-color: rgba(175, 215, 243, 0.822);
    padding: 5px 15px;
    border-radius: 5px;
}
.favorite-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    margin-left: 8px;
    border: 1px solid var(--bs-primary);
    border-radius: 8px;
    background-color: #fff;
    background-image: url("../../../images/tactic/common/heart-blue-outline-qqvJF_m.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px 18px;
    cursor: pointer;
}
.favorite-toggle:hover {
    background-color: #f5f5fa;
}
.favorite-toggle.is-active {
    background-image: url("../../../images/tactic/common/heart-blue-fill-Uzt1-MC.svg");
}


/*#endregion */


.field--name-field-description {
    width: 100%;
    clear: both;
    font-size: 1.2em;
}

#brand-and-article {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 19px 0 -25px;
}

#brand-and-article .brand-logo {
    height: 28px;
    width: auto;
    margin: 4px 0 16px 12px;
}

.print__wrapper.print__wrapper--pdf {
    float: left;
    background-color: #27234e;
    width: 8em;
    margin-left: 1em;
    height: 30px;
    border-radius: 5px;
}

.print__wrapper.print__wrapper--pdf a {
    display: flex;
    color: #fff;
    justify-content: center;
    align-items: center;
    height: inherit;
}
/* === original/views-table-product.css === */
tr td, tr th {
    border: 1px solid #c5c5c5;
}

.view-commerce-cart-form .field--name-total-price { /* Скрывает стоку подвала с ценами в таблице в views Форма корзины (Заказ) */
    display:none;
}

td.views-field.views-field-title {
    width: 300px;
}

/*
 * Значения в таблице связанных товаров центрируем по горизонтали — как у
 * stratec и как в таблице серий на странице категории (bundle-category.css).
 * Заголовки колонок по центру, а td без класса выравнивания прижимались влево.
 */
.table-views-nostr table.views-view-table tbody td {
    text-align: center;
}

/* Пагинация */
.test-filter nav {
    clear: both;
    display: flex;
    justify-content: center;
    width: 100%;
}
.table-views-nostr table tr th {
    vertical-align: middle;
}
tr {
    background: #f1f1f1;
}
.view-commerce-cart-form .form-actions button { /* buttons cart submit form */
    width: 49%;
}

/*#region*//* Переопрделение */
/* Переопрделение */

.flex-wrap { /* Это из файла bootstrap.css, там удалено */
    flex-wrap: wrap !important;
}

/*#endregion*/
.views-cart .btn {
    background-color: rgba(255, 255, 255, 0);
    border: none;
    text-indent: -999em;
    background-image: url("../../../images/tactic/common/button_cart_img-violet-r7fxlub.png");
    background-size: 31px;
    width: 32px;
    height: 31px;
    position: relative;
    background-repeat: no-repeat;
}

/*#region Корзина в Views  */

/*#endregion  */

/*#region Поведение в ячейке таблицы и Выравнивание по высоте по центру  */
td.views-field {
    vertical-align: middle;
    font-size: 16px
}
td.views-field a {
    text-decoration: none;
    color: #0c007a !important;
}
.views-brand img {
	margin-bottom:0 !important;
    width: 65px;
    height: auto;
}
/*#endregion */

.table-views-nostr table tr th {
font-family: 'Montserrat semiBold';
color: #333;
font-size: 18px;
}

@media (min-width: 1200px) {
  .test-filter .view-content {
    float: left;
    width: 73%;
    margin-left: 1%;
    margin-top: -20px;
  }
  .test-filter .view-filters {
      width: 26%;
      float: left;
      /* margin-top: 60px; */
      position: relative;
   }
}

.caption-table-nostr {
    caption-side: top;
}

.view-mat-group-string span {
	display: inline-block;
    padding: 1px 2px;
    width: 22px;
    text-align: center;
    font-weight: 600;
}

.view-tip-obr-group-string span {
	display: inline-block;
    padding: 1px 2px;
    width: 22px;
    text-align: center;
    font-weight: 600;
}
/* .view-tip-obr-group-string .contextual-region {
    padding-left: 4px;
    float: left;
} */

/*#region*//* /*Хлеб. крошки и другое строка вверху Views*/
@media (min-width: 1000px) {
    .view-header {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: space-between;
      margin: 10px 0 50px 0;
      background: #f3f3f3;
      padding: 3px 15px;
      font-size: 19px;
    }
  }
/*#endregion*/

/*#region*//* /*Скрываем кнопку Показать-скрыть фильтры*/
.views-filter-hide-toggle {
  display: none;
  @media (max-width: 1200px) {
    display: block;
    padding: 5px;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    background-color: #92c1db9c;
    margin-bottom: 10px;
  }
}
/*#endregion*/

/*#region   Это троббер загрузки добавить в корзину на странице Views  */
.views-cart .ajax-progress.ajax-progress-throbber {
    position: fixed;
    top: 120px;
    left:50px;
    width: 70%;
    font-size: 20px;
    font-weight: 600;
    margin: 30px;
    background-color: rgb(56, 182, 176);
}
/*#endregion*/

/*#region Ответ на пустой запрос */
.view-empty {
    font-size: 20px;
    margin: 50px;
    color: #d63100;
    text-align: center;
    text-transform: uppercase;
}
/*#endregion */

/*#region*//* Фильтры */
.test-filter .view-filters fieldset {
    width: 100%;
}
.test-filter .view-filters .fieldset-wrapper div div {
    max-height: 139px;
    overflow-y: auto;
}
.test-filter .view-filters fieldset legend,
.test-filter .view-filters .js-form-item-num label {
    font-size: 1.1rem;
    font-family: 'Montserrat SemiBold';
    color: #3d3d3d;
}
.test-filter .view-filters fieldset .mb-3 {
    margin-bottom: 0.2rem !important;
}


fieldset[data-drupal-selector=edit-f-long-text-1] .form-check label, /* Фильтры с длинным текстом - отступы метки*/
fieldset[data-drupal-selector=edit-f-long-text-2] .form-check label,
fieldset[data-drupal-selector=edit-f-long-text-3] .form-check label {
    padding: 2px 2px;
    margin-left: 0;
    border-radius: 3px;
}
fieldset[data-drupal-selector=edit-f-long-text-1] .fieldset-wrapper div div div + div, /* это border-top для пунктов длинного фильтра*/
fieldset[data-drupal-selector=edit-f-long-text-2] .fieldset-wrapper div div div + div,
fieldset[data-drupal-selector=edit-f-long-text-3] .fieldset-wrapper div div div + div {
    border-image: linear-gradient(to right, #ffffff00 0%, #00000030 50%, #ffffff00 100%) 1;
    border-width: 1px 0 0 0;
    border-style: solid;
}

fieldset[data-drupal-selector=edit-m],
fieldset[data-drupal-selector=edit-f-50-1] .form-check,
fieldset[data-drupal-selector=edit-f-50-2] .form-check,
fieldset[data-drupal-selector=edit-f-50-3] .form-check,
fieldset[data-drupal-selector=edit-f-50-4] .form-check,
fieldset[data-drupal-selector=edit-f-50-5] .form-check,
fieldset[data-drupal-selector=edit-f-50-6] .form-check {
    min-width: 48%;
    float: left;
    margin-left: 1%;
}
fieldset[data-drupal-selector=edit-m] .form-check,
fieldset[data-drupal-selector=edit-f-33-1] .form-check,
fieldset[data-drupal-selector=edit-f-33-2] .form-check,
fieldset[data-drupal-selector=edit-f-33-3] .form-check,
fieldset[data-drupal-selector=edit-f-33-4] .form-check,
fieldset[data-drupal-selector=edit-f-33-5] .form-check,
fieldset[data-drupal-selector=edit-f-33-6] .form-check,
fieldset[data-drupal-selector=edit-f-33-7] .form-check,
fieldset[data-drupal-selector=edit-f-33-8] .form-check,
fieldset[data-drupal-selector=edit-f-alloy] .form-check,
fieldset[data-drupal-selector=edit-f-chip] .form-m,
fieldset[data-drupal-selector=edit-f-chip] .form-check {
    min-width: 32%;
    float: left;
    margin-left: 1%;
}
.test-filter .view-filters .fieldset-wrapper div div div { /* Выравнивание чекбокса и текста по вертикали */
    display: flex;
    margin-top: 3px;
}
.test-filter .view-filters .fieldset-wrapper div div div input { /* Отступ текста от чекбокса */
    margin-right: 4px;
}

/* Числовой фильтр с ID "num"*/
.form-item-num label {
    padding-bottom: 10px;
    font-size: 1.5em;
}
.form-item-num input {
    text-align: center;
    width: 105px;
    margin-left: 20px;
    border-radius: 2px;
    border: 1px solid #aaa;
    height: 1.7em;
}

 /* кнопка "сброс фильтров" вверх и стили кнопки */
 .test-filter .view-filters .form-actions {  
    /* position: absolute;
    width: 100%;
    top: -62px;
    left: 0; */
    display: none;
}
label.form-check-label.P {
    background-color: #0795d7;
    padding: 0px 5px 1px 5px;
    font-family: 'Montserrat SemiBold';
}
fieldset[data-drupal-selector=edit-m].form-item label.form-check-label {
    padding: 0px 5px 1px 5px;
    font-family: 'Montserrat SemiBold';
}

@media (max-width: 1200px) {
    .test-filter .view-filters .form-actions {
    }
}
.test-filter .view-filters .form-actions button {
}
  /* КОНЕЦ кнопка "сброс фильтров" вверх и стили кнопки */ 

/*#endregion*/


/*#region Для кнопки Отправить фильтры*/
.submit-filter, .submit-filter-slider {
    position: sticky !important;
    bottom: 4px;
    display: block !important;
    /* flex-direction: row;
    justify-content: space-evenly; */
}
form.views-exposed-form .form-actions button {
    width: 47%;
    height: 40px;
}
/*#endregion */

/*#region Картинки Тип Обработки друг за другом */
td.view-tip-obr-group-string div {
    display: inline;
}
td.view-tip-obr-group-string div img {
    margin-bottom: 0;
}
/*#endregion */

/*#region Шапка таблицы*/
.caption-table-nostromo > div {
    display: flex;
}
.cap-img img {
    /* Фикс-бокс по aspect-ratio: высота считается от ширины, а не от исходника. */
    width: 100%;
    max-width: 427px;
    aspect-ratio: 16 / 10;
    height: auto;
    object-fit: contain;
    display: block;
}
.cap-desc {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
/*#endregion */

/*#region Колонка корзины */
td.views-cart form {
    display: flex;
    height: 31px;
    width: 93px;
    margin: 0 auto;
}
td.views-cart form div label {
    display: none;
}
.view-commerce-cart-form .views-field-edit-quantity div, /* Это в корзине /cart кол-во позиций выравнивание input по высоте*/
.view-commerce-cart-form .views-field-purchased-entity div div { /* Это в корзине /cart заголовок выравнивание текста по высоте*/
    margin-bottom: 0 !important;
}
.view-commerce-cart-form .views-field-edit-quantity input, /* Это в корзине /cart кол-во позиций */
td.views-cart form input { /* Это обычный views форма добавления в корзину  */
    padding: 3px 1px 3px 8px !important;
    max-width: 60px;
    border-radius: 5px;
    border: 1px solid #c1c1c1;
}
td.views-cart form .form-actions {
    margin: 0 auto 0 5px !important;
}
/*#endregion */

/* #region  Для Summaty фильтров */
 .test-filter.facet-test-filter .view-header {
    display: block;
 }
 .test-filter.facet-test-filter .view-header .views-filters-summary {
    margin-top:15px;
 }

 .test-filter.facet-test-filter .view-header .views-filters-summary .label {
    display: inline-block;
    margin-right: 0;
    color: #333;
    font-size: 0.9em;
}

.test-filter.facet-test-filter .view-header .views-filters-summary > .items > span.item {
    display: inline-block;
    border: 1px solid #aaa;
    border-radius: 5px;
    margin-right: 0.4em;
    padding: 1px 6px 0 6px;
    @media (min-width: 800px) {
        white-space: nowrap;
    }
}

.test-filter.facet-test-filter .view-header .views-filters-summary > .items > span.item + span.item {
    margin-top: 5px;
}

.views-filters-summary .value {  /*  Это перекрытие стиля из модуля views_filters_summary */
    margin-bottom: 0;
}

.test-filter.facet-test-filter .view-header .views-filters-summary strong.value {
    border: none !important;
    background: #d0d0d0;
}

.test-filter.facet-test-filter .view-header .views-filters-summary a.remove-filter {
color: #fffefe !important;
    padding: 0 !important;
    border-radius: 50% !important;
    background-color: #820000!important;
    border: 1px solid;
    display: inline-block;
    width: 1.8em;
    height: 1.8em;
    font-size: 0.6em !important;
    text-align: center !important;
    line-height: 1.7em !important;
    font-weight: 800;
    margin-bottom: 3px;
}

.test-filter.facet-test-filter .view-header .views-filters-summary a.reset {
    margin-left: 0.5em;
    background-color: #820000;
    padding: 0.2em 0.4em;
    border-radius: 5px;
    color: #fff;
}
/* #endregion  */


.views-field-field-brand img {
    margin-bottom: 0;
}

.views-exposed-form input[data-drupal-selector=edit-num-min],
.views-exposed-form input[data-drupal-selector=edit-num-max] {
    display: none;
}

table tr th,
table tr th a,
table tr th a:hover,
table tr th a:focus {
    color: var(--bs-primary, #0d6efd);
    font-weight: bold;
}
/* === original/breadcrumb.css === */
/**
 * @file
 * Styles for Bootstrap Barrio's breadcrumbs.
 */

.breadcrumb {
  font-size: 0.929em;
}

/* === original/articul_to_clipboard.css === */
.field--name-field-article-main {
   /* margin-left: 62px; */
}
.field--name-field-article-main .field--label{
    margin-top: 2px;
}



.cp-to-clip {
  position: relative;
  cursor: pointer;
}


.cp-to-clip.copied {
  color: green;
}
/* === original/flag-link-ajax.css === */
/**
 * @file
 * AJAX specific styles for flag links.
 *
 * @see flag.html.twig.
 */
.js-flag-message {
  display: inline;
  margin-left: 1.2em;
  animation: flag-flash 3s ease-in-out 1;
}

@keyframes flag-flash {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}