.grid__wrap {
    display: grid;
    grid-template-columns: 960px 400px;
    grid-column-gap: 96px;
    margin-top: 24px;
}
.product__right-side--top {
    /* position: sticky;
    top: 0px; */
}
.product-section {
    display: flex;
    gap: 32px;
}
.product-section h1 {
    margin-bottom: 12px;
    font-weight: 600;
font-size: 24px;
line-height: 158%;
color: #212529;
}
.product-actions {
    display: flex;
    gap: 12px;
    margin-bottom: 24px;
}
.product-actions button {
    border-radius: 6px;
height: 28px;
background: #f2f2f4;
font-weight: 400;
font-size: 14px;
line-height: 143%;
color: #212529;
padding-left: 16px;
padding-right: 16px;
display: flex;
transition: .4s;
cursor: pointer;
align-items: center;
}
.product-actions button svg {
    margin-right: 12px;
}
.product-actions button:hover {
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
background: #f2f2f4;
}
.product-subtitle-avail {
    display: block;

font-weight: 600;
font-size: 16px;
line-height: 150%;
color: #212529;
}
.product-suppliers-link {
    display: block;
margin-bottom: 24px;
font-weight: 400;
font-size: 14px;
line-height: 171%;
color: #2764e0;
}
.product__chars-title {
    display: block;
margin-bottom: 4px;
font-weight: 600;
font-size: 16px;
line-height: 150%;
color: #212529;
}

 .specs {
    max-width: 560px;
  }

  /* Строка: лейбл — линия — значение */
  .specs__row {
    display: flex;
    align-items: baseline;
    gap: 12px;
    padding: 6px 0;
  }

  .specs__term {
    white-space: nowrap;

font-weight: 400;
font-size: 14px;

color: #6c757d;
  }

  .specs__dotline {
    flex: 1 1 auto;
    border-bottom: 1px solid #ddd;
    transform: translateY(-2px); /* чуть выше, как на макете */
    min-width: 24px;
  }

 .specs__value {
    white-space: nowrap;
    text-align: left;   
    min-width: 215px;  
    font-weight: 400;
font-size: 14px;

color: #212529;
  }
  .specs__value a {
    color: #2764e0;
  }

  a.specs__link {
    color: #2764e0;
    text-decoration: none;
  }
  a.specs__link:hover { text-decoration: underline; }


    @media (max-width: 767px) {
            .specs {
                max-width: none; /* Убираем ограничение ширины на мобильных */
            }

            .specs__value {
                min-width: 0; /* Убираем минимальную ширину, чтобы текст мог переноситься */
                white-space: normal; /* Разрешаем перенос текста для значений */
            }
        }
  /* Ссылка "Все характеристики" */
  .specs__all {
    display: inline-block;
    margin-top: 6px;
font-weight: 400;
font-size: 14px;
line-height: 171%;
color: #2764e0;
  }
  .specs__all:hover { text-decoration: underline; }

  .product-info {
    flex: 1;
  }
  .delivery-option small {
  width: 90%;
    display: block;
  }
  /* Небольшая адаптация для узких экранов */
  @media (max-width: 420px) {
    .specs__row { gap: 8px; }
  }
  .product-gallery {
    width: 340px;
    border: 1px solid #f2f2f4;
border-radius: 12px;
overflow: hidden;
height: 340px;
  }
  .product-gallery img {
    width: 100%;
  }
  body {
    padding: 0px !important;
  }
  .product-details-nav {
    margin-top: 60px;
    margin-bottom: 32px;
  }
.product-details-nav ul {
    display: flex;
    align-items: center;
    gap: 32px;
    list-style-type: none;
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: 1px solid #f2f2f4;
    height: 42px;

}
.product-details-nav ul li a {
    font-weight: 600;
font-size: 20px;
line-height: 120%;
color: #6c757d;
transition: .4s;
border-bottom: 2px solid transparent;
padding-bottom: 6px;
}
.product-details-nav ul li a.active,
.product-details-nav ul li a:hover {
    font-weight: 600;
font-size: 20px;
line-height: 120%;
color: #212529;
border-bottom: 2px solid #212529;
}
.product-details-nav ul li a sup {
    font-weight: 400;
font-size: 14px;
line-height: 143%
}
#availability h2,
#analogs h2,
#description h2,
#characteristics h2,
#delivery h2,
#price-dynamics h2,
#categories h2,
.other-suppliers-promo h2 {
font-weight: 600;
font-size: 24px;
line-height: 133%;
color: #212529;
margin-bottom: 8px;
display: block;
}

#availability .subt,
#analogs .subt {
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #212529;
    margin-bottom: 16px;
    display: block;
}
.supplier-list,
.analog-list {
    margin-top: 24px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.supplier-list-item {
display: grid;
  align-items: center;
  justify-content: space-between;
  padding-left: 24px;
  padding-right: 24px;
  height: 84px;
  background: #f2f2f4;
  border-radius: 8px;
  grid-template-columns: 313px 252px 158px 174px;

}
.supplier-price-actions {
    text-align: right;
}
.supplier-info-main a {

font-weight: 600;
font-size: 16px;
line-height: 150%;
color: #212529;
}
.verified-icon {
    margin-left: 2px;
}
.supplier-location {
    display: flex;
    gap: 5px;
}
.supplier-location span {
    border-radius: 6px;
padding-left: 8px;
padding-right: 8px;
height: 28px;
background: #fff;
font-weight: 400;
font-size: 16px;
line-height: 150%;
color: #212529;
}
.supplier-location span:nth-child(2) {
    color: #6c757d;
}
.supplier-stock,
.stock-info {
      border-radius: 6px;
padding-left: 8px;
padding-right: 8px;
height: 28px;
background: #fff;
font-weight: 400;
font-size: 16px;
line-height: 150%;
color: #212529;  
width: fit-content;
}
.supplier-stock--green {
    color: #1a913c;
}
.supplier-stock--orange {
    color: #db821b;
}
.supplier-price-actions .price {

font-weight: 600;
font-size: 20px;
color: #212529;
}
.supplier-price-actions .price small {

font-weight: 400;
font-size: 14px;
line-height: 143%;
color: #212529;
}
.supplier-price-actions .no-price {

font-weight: 400;
font-size: 14px;
line-height: 143%;
color: #212529; 
}
.btn-show-more {
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 143%;
    color: #2764e0;
    margin-top: 24px;
    margin-bottom: 60px;
    border: 1px solid #2764e0;
border-radius: 6px;
cursor: pointer;
transition: .4s;
width: 100%;
}
#availability,
#reviews-questions,
#analogs {
    margin-bottom: 60px;
}

.btn-show-more:hover {
    background: #2764e0;
    color: #fff;
}

.analog-item {
  display: flex;
  padding-left: 24px;
  padding-right: 24px;
  background: #f2f2f4;
  border-radius: 8px;
  flex-direction: column;
  height: 134px;
  justify-content: space-between;
  padding-top: 24px;
  padding-bottom: 24px;
}
.analog-info,
.analog-actions {
    display: flex;
    justify-content: space-between;
}
.analog-info {
    margin-bottom: 32px;
}
.analog-info a {

font-weight: 600;
font-size: 16px;
line-height: 150%;
color: #212529;
}
.analog__badges {
    display: flex;
    gap: 4px;
}
.analog__badges span {
    border-radius: 6px;
padding-left: 8px;
padding-right: 8px;
height: 24px;
background: #fff;
display: flex;
align-items: center;
font-weight: 400;
font-size: 14px;
line-height: 143%;
color: #1a913c;
}
.analog__badges span svg {
    margin-right: 8px;
}
.offers-link {
padding-left: 24px;
padding-right: 24px;
height: 28px;
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 143%;
border: 1px solid #2764e0;
border-radius: 6px;
transition: .4s;
height: 28px;
display: flex;
align-items: center;
justify-content: center;
color: #2764e0;
}
.offers-link:hover {
    color: #fff;
    background: #2764e0;
}
.analog-actions .price {

font-weight: 600;
font-size: 20px;
line-height: 120%;
color: #212529;
}
.analog-actions .price small {

font-weight: 400;
font-size: 14px;
line-height: 143%;
color: #212529;
}

#description p {

font-weight: 400;
font-size: 16px;
line-height: 150%;
color: #212529;
}
#description {
    margin-bottom: 40px;
}
.supplier-details-block {
    height: auto;
    width: 100%;
    background: #f2f2f4;
    border-radius: 12px;

    padding-left: 24px;
    padding-right: 24px;
    margin-top: 40px;
    margin-bottom: 60px;
}
.supplier-details-block-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 19px;
    padding-bottom: 19px;
}
.supplier-info-main p {

font-weight: 400;
font-size: 14px;
line-height: 143%;
color: #6c757d;
}
.supplier-detatail-logo {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background: white;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
  
}
.supplier-detatail-logo img {
    width: 80%;
}
.supplier-details-block .supplier-details-block-l {
    display: flex;
    align-items: center;
    gap: 32px;
}
.supplier-block-title {
display: block;
}
.supplier-block-title a {

font-weight: 600;
font-size: 20px;
line-height: 120%;
color: #212529;
}
.supplier-details-block .info p {

font-weight: 400;
font-size: 14px;
line-height: 143%;
margin-bottom: 12px;
display: block;
color: #6c757d;
}
.supplier-details-block .supplier-location span:nth-child(2) {
    color: #212529;
}
.supplier-details-block .address {
    border-radius: 12px;
width: 382px;
height: auto;
background: #fff;
padding-left: 24px;
padding-right: 24px;
padding-bottom: 16px;
padding-top: 16px;
}
.supplier-details-block .address p {

font-weight: 400;
font-size: 14px;
line-height: 143%;
color: #6c757d;
}
.supplier-details-block .address span {

font-weight: 400;
font-size: 16px;
margin-bottom: 12px;
display: block;
line-height: 150%;
color: #212529;
}
.supplier-details-block .address a {
    font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 143%;
color: #2764e0;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #2764e0;
border-radius: 6px;
width: 94px;
transition: .4s;
height: 28px;
}
.supplier-details-block .address a:hover {
    background: #2764e0;
    color: #fff;
}
.other-suppliers-promo .btn-all-sup {
    background: rgba(39,100,224,0.1);

border-radius: 12px;

height: 86px;
margin-top: 16px;

font-weight: 400;
font-size: 16px;
line-height: 150%;
text-align: center;
color: #2764e0;
display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.other-suppliers-promo .btn-all-sup span {

font-weight: 600;
font-size: 20px;
line-height: 120%;
text-align: center;
color: #2764e0;
position: relative;
margin-top: 6px;
display: flex;
}
.other-suppliers-promo .btn-all-sup span:after {
    content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='12' fill='%232764E0' /%3E%3Cpath d='M15.7841 12.9455L11.2583 16.8153C10.9704 17.0616 10.5036 17.0616 10.2158 16.8153C9.92805 16.5692 9.92805 16.1701 10.2158 15.9241L14.2205 12.4999L10.216 9.07593C9.92817 8.82976 9.92817 8.4307 10.216 8.18463C10.5037 7.93846 10.9705 7.93846 11.2584 8.18463L15.7842 12.0544C15.9281 12.1775 16 12.3387 16 12.4999C16 12.6612 15.928 12.8225 15.7841 12.9455Z' fill='white' /%3E%3C/svg%3E");
    margin-left: 8px;
}

.supplier-card {


border-radius: 12px;
background: #f2f2f4;
margin-bottom: 12px;
padding: 16px 24px;
}
.supplier-header .supplier-name a {

font-weight: 600;
font-size: 20px;
line-height: 120%;
color: #212529;
}
.supplier-rating {
display: block;
margin-bottom: 12px;
font-weight: 400;
font-size: 14px;
line-height: 143%;
color: #6c757d;
}
.supplier-website--wrap span:nth-child(1) {
 border-radius: 6px 0 0 6px;

width: fit-content;
padding-left: 8px;
padding-right: 8px;
height: 28px;
display: flex;
align-items: center;
justify-content: center;
background: #ddd;
font-weight: 400;
font-size: 14px;

line-height: 143%;
color: #212529;
}

.supplier-website {
border-radius: 0 6px 6px 0;
width: fit-content;
height: 28px;
padding-left: 9px;
padding-right: 9px;
display: flex;
align-items: center;
justify-content: center;
background: #ddd;
font-weight: 400;
font-size: 14px;
line-height: 143%;
color: #212529;
}

.supplier-website--wrap {
    display: flex;
    margin-bottom: 12px;
    gap: 1px;
}
.stock-info {
    display: flex;
    width: fit-content;
    margin-bottom: 4px;
}
.order__block {
    border-radius: 12px;

box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);
background: #fff;
margin-bottom: 16px;
padding: 16px 24px;
}
.all-offers-link {
    border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 16px;
font-weight: 600;
font-size: 14px;
line-height: 143%;
color: #2764e0;
height: 48px;
   background: rgba(39,100,224,0.1);
}
.delivery-option {
    margin-bottom: 16px;
padding: 16px 24px;
border-radius: 12px;
background: #f2f2f4;
display: block;
height: auto;
}
.delivery-option span {

font-weight: 600;
font-size: 16px;
line-height: 150%;
color: #212529;
display: block;

}
.delivery-option small {

font-weight: 400;
font-size: 14px;
line-height: 143%;
color: #6c757d;
}
.benefit-item {
    display: flex;
    position: relative;
    padding: 14px 16px;
    background: #f2f2f4;
 
    gap: 12px;
    margin-bottom: 16px;
    border-radius: 12px;

}
.benefit-item-e-metall {
   background: #dcf0d3;
}
.benefit__title {
 
font-weight: 600;
font-size: 16px;
line-height: 150%;
color: #212529;
}
.benefit-item p {

font-weight: 400;
font-size: 14px;
line-height: 143%;
color: #212529;
}
.delivery-option {
    position: relative;
}
.benefit-item:after,
.delivery-option:after {
    content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='12' fill='white'/%3E%3Cpath d='M15.7841 12.4951L11.2583 16.7948C10.9704 17.0684 10.5036 17.0684 10.2158 16.7948C9.92805 16.5213 9.92805 16.0779 10.2158 15.8045L14.2205 11.9999L10.216 8.19548C9.92817 7.92195 9.92817 7.47855 10.216 7.20514C10.5037 6.93162 10.9705 6.93162 11.2584 7.20514L15.7842 11.5049C15.9281 11.6417 16 11.8208 16 11.9999C16 12.1791 15.928 12.3583 15.7841 12.4951Z' fill='%23212529'/%3E%3C/svg%3E%0A");
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}
.unit-selector {
 background: #f2f2f4;
 border-radius: 6px;
width: 260px;
height: 28px;
display: flex;
justify-content: space-between;
align-items: center;
padding-left: 2px;
padding-right: 2px;
margin-bottom: 14px;
}
.unit-btn {
padding-left: 24px;
padding-right: 24px;
height: 24px;
display: flex;
align-items: center;
font-weight: 600;
font-size: 12px;
cursor: pointer;
line-height: 133%;
border-radius: 6px;

color: #212529;
}
.unit-btn.active {
    background: #fff;
}
.price-display .price-unit {

font-weight: 400;
font-size: 14px;
line-height: 143%;
color: #212529;
}
.price-display .price-value {

font-weight: 600;
font-size: 32px;
line-height: 137%;
color: #1a913c;
}
.price-change-note {
    display: flex;

font-weight: 400;
font-size: 14px;
line-height: 143%;
color: #6c757d;
}
.price-change-note .price-down {
border-radius: 6px;
padding-left: 6px;
padding-right: 8px;
margin-right: 8px;
height: 24px;
background: rgba(26,145,60,0.1);

font-weight: 400;
font-size: 14px;
line-height: 143%;
color: #1a913c;

}
.price-change-note .price-down svg {
    margin-right: 4px;
}
.purchase-buttons {
    display: flex;
    width: 100%;
    gap: 12px;
    margin-top: 16px;
}
.btn-one-click {
    border-radius: 6px;
width: 170px;
background: #1a913c;
height: 44px;
cursor: pointer;
font-weight: 600;
font-size: 14px;
line-height: 143%;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
}
.btn-cart-js,
.btn-cart-js-guest {
    border-radius: 6px;
width: 170px;
height: 44px;
cursor: pointer;
background: #2764e0;
display: flex;
align-items: center;
justify-content: center;
font-weight: 600;
font-size: 14px;
line-height: 143%;
color: #fff;
}
.post-banner {
    height: 196px;
    background: #dcf0d3;
    background-image: url('/wp-content/uploads/2025/09/group-1010.png');
border-radius: 12px;
  padding: 24px 20px;
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: right bottom;
}
.banner-title {
display: block;
margin-bottom: 4px;
font-weight: 600;
font-size: 16px;
line-height: 150%;
color: #212529;
}

.post-banner-content p {

font-weight: 400;
font-size: 12px;
line-height: 133%;
color: #212529;
margin-bottom: 12px;
}
.post-banner-content button {
    border-radius: 6px;
width: 113px;
height: 28px;
background: #212529;
display: flex;
align-items: center;
justify-content: center;
font-weight: 400;
font-size: 12px;
line-height: 167%;
cursor: pointer;
color: #fff;
}
.post-logo-content {
 position: absolute;
  right: 0px;
  top: 0;
  height: 121px;
  overflow: hidden;
}
.post-banner {
    position: relative;
}
#reviews-questions {
    margin-top: 60px;
}
#reviews-questions .tabs a {

font-weight: 600;
font-size: 24px;
line-height: 133%;
color: #6c757d;
margin-right: 32px;
}
#reviews-questions .tabs a.active,
#reviews-questions .tabs a:hover {
font-weight: 600;
font-size: 24px;
line-height: 133%;
color: #212529;
}
#reviews-questions .tabs a sup {

font-weight: 400;
font-size: 16px;
line-height: 150%;
color: #6c757d;
}
.review-summary {
    border-radius: 12px;
background: #f2f2f4;
display: flex;
align-items: center;
padding-left: 24px;
margin-top: 16px;
padding-right: 24px;
justify-content: space-between;
height: 120px;
}
.rating-info > span {
display: flex;

font-weight: 600;
font-size: 20px;
line-height: 120%;
color: #212529;
}
.rating-info p {
display: block;
font-weight: 400;
font-size: 14px;
line-height: 143%;
color: #6c757d;
}
.reviews-buttons {
    display: flex;
    align-items: center;
    gap: 16px;
}
.btn-review-js {
    border-radius: 6px;
width: 164px;
height: 44px;
background: #2764e0;
display: flex;
align-items:center;
justify-content: center;
font-weight: 400;
font-size: 14px;
line-height: 143%;
color: #fff;
cursor: pointer;
transition: .4s;
}
.btn-rating-info {
 display: flex;
align-items:center;
justify-content: center;
font-weight: 400;
font-size: 14px;
line-height: 143%;
color: #2764e0;
border: 1px solid #2764e0;
border-radius: 6px;
width: 217px;
height: 44px;
cursor: pointer;
transition: .4s;
}
.review-summary > div {
    display: flex;
    align-items: center;
    gap: 24px;
}
.rating-info .verified-icon {
    margin-left: 8px;
}
.review-item-name {

font-weight: 600;
font-size: 16px;
line-height: 150%;
color: #212529;
    display: block;
}
.review-meta {
    display: flex;
    align-items: center;
 
font-weight: 400;
font-size: 14px;
line-height: 143%;
color: #6c757d;
}
.review-meta .stars {
    display: flex;
    align-items: center;
}
.review-item p {
display: block;
font-weight: 400;
font-size: 16px;
line-height: 150%;
color: #212529;  
max-width: 80%;
}
.review-item {
    border-bottom: 1px solid #f2f2f4;
    padding-bottom: 12px;
    padding-top: 12px;
}
.review-list {
    margin-top: 32px;
}
.delivery-columns {
    display: flex;
  background: #f2f2f4;
  border-radius: 12px;
  height: 336px;
padding: 16px;
gap: 16px;
}
.delivery-column {
    border-radius: 12px;
width: 100%;
height: 304px;
padding: 24px;
background: #fff;
}
#delivery h2 {
    margin-bottom: 16px;
}
.ati-promo {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.atisu-title {
margin-bottom: 9px;
font-weight: 600;
font-size: 20px;
line-height: 120%;
color: #212529;
display: block;
}
.ati-promo p {

font-weight: 400;
font-size: 14px;
line-height: 143%;
color: #212529;
}
.btn-ati {
    border-radius: 6px;
width: 157px;
height: 38px;
background: #2764e0;
display: flex;
align-items: center;
justify-content: center;
transition: .4s;
cursor: pointer;
font-weight: 400;
font-size: 14px;
line-height: 143%;
margin-top: 25px;
color: #fff;
}

.btn-average-cost {
        border-radius: 6px;
width: 259px;
height: 38px;
background: #2764e0;
display: flex;
align-items: center;
justify-content: center;
transition: .4s;
cursor: pointer;
font-weight: 400;
font-size: 14px;
line-height: 143%;
margin-top: 25px;
color: #fff;
}
.cost-calculator-mockup {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 24px;
}
.shipping-cost-title {
display: block;
margin-bottom: 16px;
font-weight: 600;
font-size: 20px;
line-height: 120%;
color: #212529;
}
.cost-calculator-mockup .field {

font-weight: 400;
font-size: 14px;
line-height: 143%;
color: #6c757d;
}
.cost-note {
display: block;
margin-bottom: 22px;
font-weight: 400;
font-size: 12px;
line-height: 133%;
color: #6c757d;
}

.hidden-dots {
    background-image: url("data:image/svg+xml,%3Csvg width='48' height='26' viewBox='0 0 48 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 2C1.55225 2 2 1.55225 2 1C2 0.447754 1.55225 0 1 0C0.447754 0 0 0.447754 0 1C0 1.55225 0.447754 2 1 2Z' fill='%232764E0'/%3E%3Cpath d='M5 2C5.55225 2 6 1.55225 6 1C6 0.447754 5.55225 0 5 0C4.44775 0 4 0.447754 4 1C4 1.55225 4.44775 2 5 2Z' fill='%232764E0'/%3E%3Cpath d='M10 1C10 1.55225 9.55225 2 9 2C8.44775 2 8 1.55225 8 1C8 0.447754 8.44775 0 9 0C9.55225 0 10 0.447754 10 1Z' fill='%232764E0'/%3E%3Cpath d='M13 2C13.5522 2 14 1.55225 14 1C14 0.447754 13.5522 0 13 0C12.4478 0 12 0.447754 12 1C12 1.55225 12.4478 2 13 2Z' fill='%232764E0'/%3E%3Cpath d='M18 1C18 1.55225 17.5522 2 17 2C16.4478 2 16 1.55225 16 1C16 0.447754 16.4478 0 17 0C17.5522 0 18 0.447754 18 1Z' fill='%232764E0'/%3E%3Cpath d='M21 2C21.5522 2 22 1.55225 22 1C22 0.447754 21.5522 0 21 0C20.4478 0 20 0.447754 20 1C20 1.55225 20.4478 2 21 2Z' fill='%232764E0'/%3E%3Cpath d='M26 1C26 1.55225 25.5522 2 25 2C24.4478 2 24 1.55225 24 1C24 0.447754 24.4478 0 25 0C25.5522 0 26 0.447754 26 1Z' fill='%232764E0'/%3E%3Cpath d='M29 2C29.5522 2 30 1.55225 30 1C30 0.447754 29.5522 0 29 0C28.4478 0 28 0.447754 28 1C28 1.55225 28.4478 2 29 2Z' fill='%232764E0'/%3E%3Cpath d='M34 1C34 1.55225 33.5522 2 33 2C32.4478 2 32 1.55225 32 1C32 0.447754 32.4478 0 33 0C33.5522 0 34 0.447754 34 1Z' fill='%232764E0'/%3E%3Cpath d='M37 2C37.5522 2 38 1.55225 38 1C38 0.447754 37.5522 0 37 0C36.4478 0 36 0.447754 36 1C36 1.55225 36.4478 2 37 2Z' fill='%232764E0'/%3E%3Cpath d='M42 1C42 1.55225 41.5522 2 41 2C40.4478 2 40 1.55225 40 1C40 0.447754 40.4478 0 41 0C41.5522 0 42 0.447754 42 1Z' fill='%232764E0'/%3E%3Cpath d='M45 2C45.5522 2 46 1.55225 46 1C46 0.447754 45.5522 0 45 0C44.4478 0 44 0.447754 44 1C44 1.55225 44.4478 2 45 2Z' fill='%232764E0'/%3E%3Cpath d='M2 5C2 5.55225 1.55225 6 1 6C0.447754 6 0 5.55225 0 5C0 4.44775 0.447754 4 1 4C1.55225 4 2 4.44775 2 5Z' fill='%232764E0'/%3E%3Cpath d='M5 6C5.55225 6 6 5.55225 6 5C6 4.44775 5.55225 4 5 4C4.44775 4 4 4.44775 4 5C4 5.55225 4.44775 6 5 6Z' fill='%232764E0'/%3E%3Cpath d='M10 5C10 5.55225 9.55225 6 9 6C8.44775 6 8 5.55225 8 5C8 4.44775 8.44775 4 9 4C9.55225 4 10 4.44775 10 5Z' fill='%232764E0'/%3E%3Cpath d='M13 6C13.5522 6 14 5.55225 14 5C14 4.44775 13.5522 4 13 4C12.4478 4 12 4.44775 12 5C12 5.55225 12.4478 6 13 6Z' fill='%232764E0'/%3E%3Cpath d='M18 5C18 5.55225 17.5522 6 17 6C16.4478 6 16 5.55225 16 5C16 4.44775 16.4478 4 17 4C17.5522 4 18 4.44775 18 5Z' fill='%232764E0'/%3E%3Cpath d='M21 6C21.5522 6 22 5.55225 22 5C22 4.44775 21.5522 4 21 4C20.4478 4 20 4.44775 20 5C20 5.55225 20.4478 6 21 6Z' fill='%232764E0'/%3E%3Cpath d='M26 5C26 5.55225 25.5522 6 25 6C24.4478 6 24 5.55225 24 5C24 4.44775 24.4478 4 25 4C25.5522 4 26 4.44775 26 5Z' fill='%232764E0'/%3E%3Cpath d='M29 6C29.5522 6 30 5.55225 30 5C30 4.44775 29.5522 4 29 4C28.4478 4 28 4.44775 28 5C28 5.55225 28.4478 6 29 6Z' fill='%232764E0'/%3E%3Cpath d='M34 5C34 5.55225 33.5522 6 33 6C32.4478 6 32 5.55225 32 5C32 4.44775 32.4478 4 33 4C33.5522 4 34 4.44775 34 5Z' fill='%232764E0'/%3E%3Cpath d='M37 6C37.5522 6 38 5.55225 38 5C38 4.44775 37.5522 4 37 4C36.4478 4 36 4.44775 36 5C36 5.55225 36.4478 6 37 6Z' fill='%232764E0'/%3E%3Cpath d='M42 5C42 5.55225 41.5522 6 41 6C40.4478 6 40 5.55225 40 5C40 4.44775 40.4478 4 41 4C41.5522 4 42 4.44775 42 5Z' fill='%232764E0'/%3E%3Cpath d='M45 6C45.5522 6 46 5.55225 46 5C46 4.44775 45.5522 4 45 4C44.4478 4 44 4.44775 44 5C44 5.55225 44.4478 6 45 6Z' fill='%232764E0'/%3E%3Cpath d='M4 3C4 3.55225 3.55225 4 3 4C2.44775 4 2 3.55225 2 3C2 2.44775 2.44775 2 3 2C3.55225 2 4 2.44775 4 3Z' fill='%232764E0'/%3E%3Cpath d='M7 4C7.55225 4 8 3.55225 8 3C8 2.44775 7.55225 2 7 2C6.44775 2 6 2.44775 6 3C6 3.55225 6.44775 4 7 4Z' fill='%232764E0'/%3E%3Cpath d='M12 3C12 3.55225 11.5522 4 11 4C10.4478 4 10 3.55225 10 3C10 2.44775 10.4478 2 11 2C11.5522 2 12 2.44775 12 3Z' fill='%232764E0'/%3E%3Cpath d='M15 4C15.5522 4 16 3.55225 16 3C16 2.44775 15.5522 2 15 2C14.4478 2 14 2.44775 14 3C14 3.55225 14.4478 4 15 4Z' fill='%232764E0'/%3E%3Cpath d='M20 3C20 3.55225 19.5522 4 19 4C18.4478 4 18 3.55225 18 3C18 2.44775 18.4478 2 19 2C19.5522 2 20 2.44775 20 3Z' fill='%232764E0'/%3E%3Cpath d='M23 4C23.5522 4 24 3.55225 24 3C24 2.44775 23.5522 2 23 2C22.4478 2 22 2.44775 22 3C22 3.55225 22.4478 4 23 4Z' fill='%232764E0'/%3E%3Cpath d='M28 3C28 3.55225 27.5522 4 27 4C26.4478 4 26 3.55225 26 3C26 2.44775 26.4478 2 27 2C27.5522 2 28 2.44775 28 3Z' fill='%232764E0'/%3E%3Cpath d='M31 4C31.5522 4 32 3.55225 32 3C32 2.44775 31.5522 2 31 2C30.4478 2 30 2.44775 30 3C30 3.55225 30.4478 4 31 4Z' fill='%232764E0'/%3E%3Cpath d='M36 3C36 3.55225 35.5522 4 35 4C34.4478 4 34 3.55225 34 3C34 2.44775 34.4478 2 35 2C35.5522 2 36 2.44775 36 3Z' fill='%232764E0'/%3E%3Cpath d='M39 4C39.5522 4 40 3.55225 40 3C40 2.44775 39.5522 2 39 2C38.4478 2 38 2.44775 38 3C38 3.55225 38.4478 4 39 4Z' fill='%232764E0'/%3E%3Cpath d='M44 3C44 3.55225 43.5522 4 43 4C42.4478 4 42 3.55225 42 3C42 2.44775 42.4478 2 43 2C43.5522 2 44 2.44775 44 3Z' fill='%232764E0'/%3E%3Cpath d='M47 4C47.5522 4 48 3.55225 48 3C48 2.44775 47.5522 2 47 2C46.4478 2 46 2.44775 46 3C46 3.55225 46.4478 4 47 4Z' fill='%232764E0'/%3E%3Cpath d='M4 7C4 7.55225 3.55225 8 3 8C2.44775 8 2 7.55225 2 7C2 6.44775 2.44775 6 3 6C3.55225 6 4 6.44775 4 7Z' fill='%232764E0'/%3E%3Cpath d='M7 8C7.55225 8 8 7.55225 8 7C8 6.44775 7.55225 6 7 6C6.44775 6 6 6.44775 6 7C6 7.55225 6.44775 8 7 8Z' fill='%232764E0'/%3E%3Cpath d='M12 7C12 7.55225 11.5522 8 11 8C10.4478 8 10 7.55225 10 7C10 6.44775 10.4478 6 11 6C11.5522 6 12 6.44775 12 7Z' fill='%232764E0'/%3E%3Cpath d='M15 8C15.5522 8 16 7.55225 16 7C16 6.44775 15.5522 6 15 6C14.4478 6 14 6.44775 14 7C14 7.55225 14.4478 8 15 8Z' fill='%232764E0'/%3E%3Cpath d='M20 7C20 7.55225 19.5522 8 19 8C18.4478 8 18 7.55225 18 7C18 6.44775 18.4478 6 19 6C19.5522 6 20 6.44775 20 7Z' fill='%232764E0'/%3E%3Cpath d='M23 8C23.5522 8 24 7.55225 24 7C24 6.44775 23.5522 6 23 6C22.4478 6 22 6.44775 22 7C22 7.55225 22.4478 8 23 8Z' fill='%232764E0'/%3E%3Cpath d='M28 7C28 7.55225 27.5522 8 27 8C26.4478 8 26 7.55225 26 7C26 6.44775 26.4478 6 27 6C27.5522 6 28 6.44775 28 7Z' fill='%232764E0'/%3E%3Cpath d='M31 8C31.5522 8 32 7.55225 32 7C32 6.44775 31.5522 6 31 6C30.4478 6 30 6.44775 30 7C30 7.55225 30.4478 8 31 8Z' fill='%232764E0'/%3E%3Cpath d='M36 7C36 7.55225 35.5522 8 35 8C34.4478 8 34 7.55225 34 7C34 6.44775 34.4478 6 35 6C35.5522 6 36 6.44775 36 7Z' fill='%232764E0'/%3E%3Cpath d='M39 8C39.5522 8 40 7.55225 40 7C40 6.44775 39.5522 6 39 6C38.4478 6 38 6.44775 38 7C38 7.55225 38.4478 8 39 8Z' fill='%232764E0'/%3E%3Cpath d='M44 7C44 7.55225 43.5522 8 43 8C42.4478 8 42 7.55225 42 7C42 6.44775 42.4478 6 43 6C43.5522 6 44 6.44775 44 7Z' fill='%232764E0'/%3E%3Cpath d='M47 8C47.5522 8 48 7.55225 48 7C48 6.44775 47.5522 6 47 6C46.4478 6 46 6.44775 46 7C46 7.55225 46.4478 8 47 8Z' fill='%232764E0'/%3E%3Cpath d='M4 11C4 11.5522 3.55225 12 3 12C2.44775 12 2 11.5522 2 11C2 10.4478 2.44775 10 3 10C3.55225 10 4 10.4478 4 11Z' fill='%232764E0'/%3E%3Cpath d='M7 12C7.55225 12 8 11.5522 8 11C8 10.4478 7.55225 10 7 10C6.44775 10 6 10.4478 6 11C6 11.5522 6.44775 12 7 12Z' fill='%232764E0'/%3E%3Cpath d='M12 11C12 11.5522 11.5522 12 11 12C10.4478 12 10 11.5522 10 11C10 10.4478 10.4478 10 11 10C11.5522 10 12 10.4478 12 11Z' fill='%232764E0'/%3E%3Cpath d='M15 12C15.5522 12 16 11.5522 16 11C16 10.4478 15.5522 10 15 10C14.4478 10 14 10.4478 14 11C14 11.5522 14.4478 12 15 12Z' fill='%232764E0'/%3E%3Cpath d='M20 11C20 11.5522 19.5522 12 19 12C18.4478 12 18 11.5522 18 11C18 10.4478 18.4478 10 19 10C19.5522 10 20 10.4478 20 11Z' fill='%232764E0'/%3E%3Cpath d='M23 12C23.5522 12 24 11.5522 24 11C24 10.4478 23.5522 10 23 10C22.4478 10 22 10.4478 22 11C22 11.5522 22.4478 12 23 12Z' fill='%232764E0'/%3E%3Cpath d='M28 11C28 11.5522 27.5522 12 27 12C26.4478 12 26 11.5522 26 11C26 10.4478 26.4478 10 27 10C27.5522 10 28 10.4478 28 11Z' fill='%232764E0'/%3E%3Cpath d='M31 12C31.5522 12 32 11.5522 32 11C32 10.4478 31.5522 10 31 10C30.4478 10 30 10.4478 30 11C30 11.5522 30.4478 12 31 12Z' fill='%232764E0'/%3E%3Cpath d='M36 11C36 11.5522 35.5522 12 35 12C34.4478 12 34 11.5522 34 11C34 10.4478 34.4478 10 35 10C35.5522 10 36 10.4478 36 11Z' fill='%232764E0'/%3E%3Cpath d='M39 12C39.5522 12 40 11.5522 40 11C40 10.4478 39.5522 10 39 10C38.4478 10 38 10.4478 38 11C38 11.5522 38.4478 12 39 12Z' fill='%232764E0'/%3E%3Cpath d='M44 11C44 11.5522 43.5522 12 43 12C42.4478 12 42 11.5522 42 11C42 10.4478 42.4478 10 43 10C43.5522 10 44 10.4478 44 11Z' fill='%232764E0'/%3E%3Cpath d='M47 12C47.5522 12 48 11.5522 48 11C48 10.4478 47.5522 10 47 10C46.4478 10 46 10.4478 46 11C46 11.5522 46.4478 12 47 12Z' fill='%232764E0'/%3E%3Cpath d='M4 15C4 15.5522 3.55225 16 3 16C2.44775 16 2 15.5522 2 15C2 14.4478 2.44775 14 3 14C3.55225 14 4 14.4478 4 15Z' fill='%232764E0'/%3E%3Cpath d='M7 16C7.55225 16 8 15.5522 8 15C8 14.4478 7.55225 14 7 14C6.44775 14 6 14.4478 6 15C6 15.5522 6.44775 16 7 16Z' fill='%232764E0'/%3E%3Cpath d='M12 15C12 15.5522 11.5522 16 11 16C10.4478 16 10 15.5522 10 15C10 14.4478 10.4478 14 11 14C11.5522 14 12 14.4478 12 15Z' fill='%232764E0'/%3E%3Cpath d='M15 16C15.5522 16 16 15.5522 16 15C16 14.4478 15.5522 14 15 14C14.4478 14 14 14.4478 14 15C14 15.5522 14.4478 16 15 16Z' fill='%232764E0'/%3E%3Cpath d='M20 15C20 15.5522 19.5522 16 19 16C18.4478 16 18 15.5522 18 15C18 14.4478 18.4478 14 19 14C19.5522 14 20 14.4478 20 15Z' fill='%232764E0'/%3E%3Cpath d='M23 16C23.5522 16 24 15.5522 24 15C24 14.4478 23.5522 14 23 14C22.4478 14 22 14.4478 22 15C22 15.5522 22.4478 16 23 16Z' fill='%232764E0'/%3E%3Cpath d='M28 15C28 15.5522 27.5522 16 27 16C26.4478 16 26 15.5522 26 15C26 14.4478 26.4478 14 27 14C27.5522 14 28 14.4478 28 15Z' fill='%232764E0'/%3E%3Cpath d='M31 16C31.5522 16 32 15.5522 32 15C32 14.4478 31.5522 14 31 14C30.4478 14 30 14.4478 30 15C30 15.5522 30.4478 16 31 16Z' fill='%232764E0'/%3E%3Cpath d='M36 15C36 15.5522 35.5522 16 35 16C34.4478 16 34 15.5522 34 15C34 14.4478 34.4478 14 35 14C35.5522 14 36 14.4478 36 15Z' fill='%232764E0'/%3E%3Cpath d='M39 16C39.5522 16 40 15.5522 40 15C40 14.4478 39.5522 14 39 14C38.4478 14 38 14.4478 38 15C38 15.5522 38.4478 16 39 16Z' fill='%232764E0'/%3E%3Cpath d='M44 15C44 15.5522 43.5522 16 43 16C42.4478 16 42 15.5522 42 15C42 14.4478 42.4478 14 43 14C43.5522 14 44 14.4478 44 15Z' fill='%232764E0'/%3E%3Cpath d='M47 16C47.5522 16 48 15.5522 48 15C48 14.4478 47.5522 14 47 14C46.4478 14 46 14.4478 46 15C46 15.5522 46.4478 16 47 16Z' fill='%232764E0'/%3E%3Cpath d='M4 19C4 19.5522 3.55225 20 3 20C2.44775 20 2 19.5522 2 19C2 18.4478 2.44775 18 3 18C3.55225 18 4 18.4478 4 19Z' fill='%232764E0'/%3E%3Cpath d='M7 20C7.55225 20 8 19.5522 8 19C8 18.4478 7.55225 18 7 18C6.44775 18 6 18.4478 6 19C6 19.5522 6.44775 20 7 20Z' fill='%232764E0'/%3E%3Cpath d='M12 19C12 19.5522 11.5522 20 11 20C10.4478 20 10 19.5522 10 19C10 18.4478 10.4478 18 11 18C11.5522 18 12 18.4478 12 19Z' fill='%232764E0'/%3E%3Cpath d='M15 20C15.5522 20 16 19.5522 16 19C16 18.4478 15.5522 18 15 18C14.4478 18 14 18.4478 14 19C14 19.5522 14.4478 20 15 20Z' fill='%232764E0'/%3E%3Cpath d='M20 19C20 19.5522 19.5522 20 19 20C18.4478 20 18 19.5522 18 19C18 18.4478 18.4478 18 19 18C19.5522 18 20 18.4478 20 19Z' fill='%232764E0'/%3E%3Cpath d='M23 20C23.5522 20 24 19.5522 24 19C24 18.4478 23.5522 18 23 18C22.4478 18 22 18.4478 22 19C22 19.5522 22.4478 20 23 20Z' fill='%232764E0'/%3E%3Cpath d='M28 19C28 19.5522 27.5522 20 27 20C26.4478 20 26 19.5522 26 19C26 18.4478 26.4478 18 27 18C27.5522 18 28 18.4478 28 19Z' fill='%232764E0'/%3E%3Cpath d='M31 20C31.5522 20 32 19.5522 32 19C32 18.4478 31.5522 18 31 18C30.4478 18 30 18.4478 30 19C30 19.5522 30.4478 20 31 20Z' fill='%232764E0'/%3E%3Cpath d='M36 19C36 19.5522 35.5522 20 35 20C34.4478 20 34 19.5522 34 19C34 18.4478 34.4478 18 35 18C35.5522 18 36 18.4478 36 19Z' fill='%232764E0'/%3E%3Cpath d='M39 20C39.5522 20 40 19.5522 40 19C40 18.4478 39.5522 18 39 18C38.4478 18 38 18.4478 38 19C38 19.5522 38.4478 20 39 20Z' fill='%232764E0'/%3E%3Cpath d='M44 19C44 19.5522 43.5522 20 43 20C42.4478 20 42 19.5522 42 19C42 18.4478 42.4478 18 43 18C43.5522 18 44 18.4478 44 19Z' fill='%232764E0'/%3E%3Cpath d='M47 20C47.5522 20 48 19.5522 48 19C48 18.4478 47.5522 18 47 18C46.4478 18 46 18.4478 46 19C46 19.5522 46.4478 20 47 20Z' fill='%232764E0'/%3E%3Cpath d='M4 23C4 23.5522 3.55225 24 3 24C2.44775 24 2 23.5522 2 23C2 22.4478 2.44775 22 3 22C3.55225 22 4 22.4478 4 23Z' fill='%232764E0'/%3E%3Cpath d='M7 24C7.55225 24 8 23.5522 8 23C8 22.4478 7.55225 22 7 22C6.44775 22 6 22.4478 6 23C6 23.5522 6.44775 24 7 24Z' fill='%232764E0'/%3E%3Cpath d='M12 23C12 23.5522 11.5522 24 11 24C10.4478 24 10 23.5522 10 23C10 22.4478 10.4478 22 11 22C11.5522 22 12 22.4478 12 23Z' fill='%232764E0'/%3E%3Cpath d='M15 24C15.5522 24 16 23.5522 16 23C16 22.4478 15.5522 22 15 22C14.4478 22 14 22.4478 14 23C14 23.5522 14.4478 24 15 24Z' fill='%232764E0'/%3E%3Cpath d='M20 23C20 23.5522 19.5522 24 19 24C18.4478 24 18 23.5522 18 23C18 22.4478 18.4478 22 19 22C19.5522 22 20 22.4478 20 23Z' fill='%232764E0'/%3E%3Cpath d='M23 24C23.5522 24 24 23.5522 24 23C24 22.4478 23.5522 22 23 22C22.4478 22 22 22.4478 22 23C22 23.5522 22.4478 24 23 24Z' fill='%232764E0'/%3E%3Cpath d='M28 23C28 23.5522 27.5522 24 27 24C26.4478 24 26 23.5522 26 23C26 22.4478 26.4478 22 27 22C27.5522 22 28 22.4478 28 23Z' fill='%232764E0'/%3E%3Cpath d='M31 24C31.5522 24 32 23.5522 32 23C32 22.4478 31.5522 22 31 22C30.4478 22 30 22.4478 30 23C30 23.5522 30.4478 24 31 24Z' fill='%232764E0'/%3E%3Cpath d='M36 23C36 23.5522 35.5522 24 35 24C34.4478 24 34 23.5522 34 23C34 22.4478 34.4478 22 35 22C35.5522 22 36 22.4478 36 23Z' fill='%232764E0'/%3E%3Cpath d='M39 24C39.5522 24 40 23.5522 40 23C40 22.4478 39.5522 22 39 22C38.4478 22 38 22.4478 38 23C38 23.5522 38.4478 24 39 24Z' fill='%232764E0'/%3E%3Cpath d='M44 23C44 23.5522 43.5522 24 43 24C42.4478 24 42 23.5522 42 23C42 22.4478 42.4478 22 43 22C43.5522 22 44 22.4478 44 23Z' fill='%232764E0'/%3E%3Cpath d='M47 24C47.5522 24 48 23.5522 48 23C48 22.4478 47.5522 22 47 22C46.4478 22 46 22.4478 46 23C46 23.5522 46.4478 24 47 24Z' fill='%232764E0'/%3E%3Cpath d='M2 9C2 9.55225 1.55225 10 1 10C0.447754 10 0 9.55225 0 9C0 8.44775 0.447754 8 1 8C1.55225 8 2 8.44775 2 9Z' fill='%232764E0'/%3E%3Cpath d='M5 10C5.55225 10 6 9.55225 6 9C6 8.44775 5.55225 8 5 8C4.44775 8 4 8.44775 4 9C4 9.55225 4.44775 10 5 10Z' fill='%232764E0'/%3E%3Cpath d='M10 9C10 9.55225 9.55225 10 9 10C8.44775 10 8 9.55225 8 9C8 8.44775 8.44775 8 9 8C9.55225 8 10 8.44775 10 9Z' fill='%232764E0'/%3E%3Cpath d='M13 10C13.5522 10 14 9.55225 14 9C14 8.44775 13.5522 8 13 8C12.4478 8 12 8.44775 12 9C12 9.55225 12.4478 10 13 10Z' fill='%232764E0'/%3E%3Cpath d='M18 9C18 9.55225 17.5522 10 17 10C16.4478 10 16 9.55225 16 9C16 8.44775 16.4478 8 17 8C17.5522 8 18 8.44775 18 9Z' fill='%232764E0'/%3E%3Cpath d='M21 10C21.5522 10 22 9.55225 22 9C22 8.44775 21.5522 8 21 8C20.4478 8 20 8.44775 20 9C20 9.55225 20.4478 10 21 10Z' fill='%232764E0'/%3E%3Cpath d='M26 9C26 9.55225 25.5522 10 25 10C24.4478 10 24 9.55225 24 9C24 8.44775 24.4478 8 25 8C25.5522 8 26 8.44775 26 9Z' fill='%232764E0'/%3E%3Cpath d='M29 10C29.5522 10 30 9.55225 30 9C30 8.44775 29.5522 8 29 8C28.4478 8 28 8.44775 28 9C28 9.55225 28.4478 10 29 10Z' fill='%232764E0'/%3E%3Cpath d='M34 9C34 9.55225 33.5522 10 33 10C32.4478 10 32 9.55225 32 9C32 8.44775 32.4478 8 33 8C33.5522 8 34 8.44775 34 9Z' fill='%232764E0'/%3E%3Cpath d='M37 10C37.5522 10 38 9.55225 38 9C38 8.44775 37.5522 8 37 8C36.4478 8 36 8.44775 36 9C36 9.55225 36.4478 10 37 10Z' fill='%232764E0'/%3E%3Cpath d='M42 9C42 9.55225 41.5522 10 41 10C40.4478 10 40 9.55225 40 9C40 8.44775 40.4478 8 41 8C41.5522 8 42 8.44775 42 9Z' fill='%232764E0'/%3E%3Cpath d='M45 10C45.5522 10 46 9.55225 46 9C46 8.44775 45.5522 8 45 8C44.4478 8 44 8.44775 44 9C44 9.55225 44.4478 10 45 10Z' fill='%232764E0'/%3E%3Cpath d='M2 13C2 13.5522 1.55225 14 1 14C0.447754 14 0 13.5522 0 13C0 12.4478 0.447754 12 1 12C1.55225 12 2 12.4478 2 13Z' fill='%232764E0'/%3E%3Cpath d='M5 14C5.55225 14 6 13.5522 6 13C6 12.4478 5.55225 12 5 12C4.44775 12 4 12.4478 4 13C4 13.5522 4.44775 14 5 14Z' fill='%232764E0'/%3E%3Cpath d='M10 13C10 13.5522 9.55225 14 9 14C8.44775 14 8 13.5522 8 13C8 12.4478 8.44775 12 9 12C9.55225 12 10 12.4478 10 13Z' fill='%232764E0'/%3E%3Cpath d='M13 14C13.5522 14 14 13.5522 14 13C14 12.4478 13.5522 12 13 12C12.4478 12 12 12.4478 12 13C12 13.5522 12.4478 14 13 14Z' fill='%232764E0'/%3E%3Cpath d='M18 13C18 13.5522 17.5522 14 17 14C16.4478 14 16 13.5522 16 13C16 12.4478 16.4478 12 17 12C17.5522 12 18 12.4478 18 13Z' fill='%232764E0'/%3E%3Cpath d='M21 14C21.5522 14 22 13.5522 22 13C22 12.4478 21.5522 12 21 12C20.4478 12 20 12.4478 20 13C20 13.5522 20.4478 14 21 14Z' fill='%232764E0'/%3E%3Cpath d='M26 13C26 13.5522 25.5522 14 25 14C24.4478 14 24 13.5522 24 13C24 12.4478 24.4478 12 25 12C25.5522 12 26 12.4478 26 13Z' fill='%232764E0'/%3E%3Cpath d='M29 14C29.5522 14 30 13.5522 30 13C30 12.4478 29.5522 12 29 12C28.4478 12 28 12.4478 28 13C28 13.5522 28.4478 14 29 14Z' fill='%232764E0'/%3E%3Cpath d='M34 13C34 13.5522 33.5522 14 33 14C32.4478 14 32 13.5522 32 13C32 12.4478 32.4478 12 33 12C33.5522 12 34 12.4478 34 13Z' fill='%232764E0'/%3E%3Cpath d='M37 14C37.5522 14 38 13.5522 38 13C38 12.4478 37.5522 12 37 12C36.4478 12 36 12.4478 36 13C36 13.5522 36.4478 14 37 14Z' fill='%232764E0'/%3E%3Cpath d='M42 13C42 13.5522 41.5522 14 41 14C40.4478 14 40 13.5522 40 13C40 12.4478 40.4478 12 41 12C41.5522 12 42 12.4478 42 13Z' fill='%232764E0'/%3E%3Cpath d='M45 14C45.5522 14 46 13.5522 46 13C46 12.4478 45.5522 12 45 12C44.4478 12 44 12.4478 44 13C44 13.5522 44.4478 14 45 14Z' fill='%232764E0'/%3E%3Cpath d='M2 17C2 17.5522 1.55225 18 1 18C0.447754 18 0 17.5522 0 17C0 16.4478 0.447754 16 1 16C1.55225 16 2 16.4478 2 17Z' fill='%232764E0'/%3E%3Cpath d='M5 18C5.55225 18 6 17.5522 6 17C6 16.4478 5.55225 16 5 16C4.44775 16 4 16.4478 4 17C4 17.5522 4.44775 18 5 18Z' fill='%232764E0'/%3E%3Cpath d='M10 17C10 17.5522 9.55225 18 9 18C8.44775 18 8 17.5522 8 17C8 16.4478 8.44775 16 9 16C9.55225 16 10 16.4478 10 17Z' fill='%232764E0'/%3E%3Cpath d='M13 18C13.5522 18 14 17.5522 14 17C14 16.4478 13.5522 16 13 16C12.4478 16 12 16.4478 12 17C12 17.5522 12.4478 18 13 18Z' fill='%232764E0'/%3E%3Cpath d='M18 17C18 17.5522 17.5522 18 17 18C16.4478 18 16 17.5522 16 17C16 16.4478 16.4478 16 17 16C17.5522 16 18 16.4478 18 17Z' fill='%232764E0'/%3E%3Cpath d='M21 18C21.5522 18 22 17.5522 22 17C22 16.4478 21.5522 16 21 16C20.4478 16 20 16.4478 20 17C20 17.5522 20.4478 18 21 18Z' fill='%232764E0'/%3E%3Cpath d='M26 17C26 17.5522 25.5522 18 25 18C24.4478 18 24 17.5522 24 17C24 16.4478 24.4478 16 25 16C25.5522 16 26 16.4478 26 17Z' fill='%232764E0'/%3E%3Cpath d='M29 18C29.5522 18 30 17.5522 30 17C30 16.4478 29.5522 16 29 16C28.4478 16 28 16.4478 28 17C28 17.5522 28.4478 18 29 18Z' fill='%232764E0'/%3E%3Cpath d='M34 17C34 17.5522 33.5522 18 33 18C32.4478 18 32 17.5522 32 17C32 16.4478 32.4478 16 33 16C33.5522 16 34 16.4478 34 17Z' fill='%232764E0'/%3E%3Cpath d='M37 18C37.5522 18 38 17.5522 38 17C38 16.4478 37.5522 16 37 16C36.4478 16 36 16.4478 36 17C36 17.5522 36.4478 18 37 18Z' fill='%232764E0'/%3E%3Cpath d='M42 17C42 17.5522 41.5522 18 41 18C40.4478 18 40 17.5522 40 17C40 16.4478 40.4478 16 41 16C41.5522 16 42 16.4478 42 17Z' fill='%232764E0'/%3E%3Cpath d='M45 18C45.5522 18 46 17.5522 46 17C46 16.4478 45.5522 16 45 16C44.4478 16 44 16.4478 44 17C44 17.5522 44.4478 18 45 18Z' fill='%232764E0'/%3E%3Cpath d='M2 21C2 21.5522 1.55225 22 1 22C0.447754 22 0 21.5522 0 21C0 20.4478 0.447754 20 1 20C1.55225 20 2 20.4478 2 21Z' fill='%232764E0'/%3E%3Cpath d='M5 22C5.55225 22 6 21.5522 6 21C6 20.4478 5.55225 20 5 20C4.44775 20 4 20.4478 4 21C4 21.5522 4.44775 22 5 22Z' fill='%232764E0'/%3E%3Cpath d='M10 21C10 21.5522 9.55225 22 9 22C8.44775 22 8 21.5522 8 21C8 20.4478 8.44775 20 9 20C9.55225 20 10 20.4478 10 21Z' fill='%232764E0'/%3E%3Cpath d='M13 22C13.5522 22 14 21.5522 14 21C14 20.4478 13.5522 20 13 20C12.4478 20 12 20.4478 12 21C12 21.5522 12.4478 22 13 22Z' fill='%232764E0'/%3E%3Cpath d='M18 21C18 21.5522 17.5522 22 17 22C16.4478 22 16 21.5522 16 21C16 20.4478 16.4478 20 17 20C17.5522 20 18 20.4478 18 21Z' fill='%232764E0'/%3E%3Cpath d='M21 22C21.5522 22 22 21.5522 22 21C22 20.4478 21.5522 20 21 20C20.4478 20 20 20.4478 20 21C20 21.5522 20.4478 22 21 22Z' fill='%232764E0'/%3E%3Cpath d='M26 21C26 21.5522 25.5522 22 25 22C24.4478 22 24 21.5522 24 21C24 20.4478 24.4478 20 25 20C25.5522 20 26 20.4478 26 21Z' fill='%232764E0'/%3E%3Cpath d='M29 22C29.5522 22 30 21.5522 30 21C30 20.4478 29.5522 20 29 20C28.4478 20 28 20.4478 28 21C28 21.5522 28.4478 22 29 22Z' fill='%232764E0'/%3E%3Cpath d='M34 21C34 21.5522 33.5522 22 33 22C32.4478 22 32 21.5522 32 21C32 20.4478 32.4478 20 33 20C33.5522 20 34 20.4478 34 21Z' fill='%232764E0'/%3E%3Cpath d='M37 22C37.5522 22 38 21.5522 38 21C38 20.4478 37.5522 20 37 20C36.4478 20 36 20.4478 36 21C36 21.5522 36.4478 22 37 22Z' fill='%232764E0'/%3E%3Cpath d='M42 21C42 21.5522 41.5522 22 41 22C40.4478 22 40 21.5522 40 21C40 20.4478 40.4478 20 41 20C41.5522 20 42 20.4478 42 21Z' fill='%232764E0'/%3E%3Cpath d='M45 22C45.5522 22 46 21.5522 46 21C46 20.4478 45.5522 20 45 20C44.4478 20 44 20.4478 44 21C44 21.5522 44.4478 22 45 22Z' fill='%232764E0'/%3E%3Cpath d='M2 25C2 25.5522 1.55225 26 1 26C0.447754 26 0 25.5522 0 25C0 24.4478 0.447754 24 1 24C1.55225 24 2 24.4478 2 25Z' fill='%232764E0'/%3E%3Cpath d='M5 26C5.55225 26 6 25.5522 6 25C6 24.4478 5.55225 24 5 24C4.44775 24 4 24.4478 4 25C4 25.5522 4.44775 26 5 26Z' fill='%232764E0'/%3E%3Cpath d='M10 25C10 25.5522 9.55225 26 9 26C8.44775 26 8 25.5522 8 25C8 24.4478 8.44775 24 9 24C9.55225 24 10 24.4478 10 25Z' fill='%232764E0'/%3E%3Cpath d='M13 26C13.5522 26 14 25.5522 14 25C14 24.4478 13.5522 24 13 24C12.4478 24 12 24.4478 12 25C12 25.5522 12.4478 26 13 26Z' fill='%232764E0'/%3E%3Cpath d='M18 25C18 25.5522 17.5522 26 17 26C16.4478 26 16 25.5522 16 25C16 24.4478 16.4478 24 17 24C17.5522 24 18 24.4478 18 25Z' fill='%232764E0'/%3E%3Cpath d='M21 26C21.5522 26 22 25.5522 22 25C22 24.4478 21.5522 24 21 24C20.4478 24 20 24.4478 20 25C20 25.5522 20.4478 26 21 26Z' fill='%232764E0'/%3E%3Cpath d='M26 25C26 25.5522 25.5522 26 25 26C24.4478 26 24 25.5522 24 25C24 24.4478 24.4478 24 25 24C25.5522 24 26 24.4478 26 25Z' fill='%232764E0'/%3E%3Cpath d='M29 26C29.5522 26 30 25.5522 30 25C30 24.4478 29.5522 24 29 24C28.4478 24 28 24.4478 28 25C28 25.5522 28.4478 26 29 26Z' fill='%232764E0'/%3E%3Cpath d='M34 25C34 25.5522 33.5522 26 33 26C32.4478 26 32 25.5522 32 25C32 24.4478 32.4478 24 33 24C33.5522 24 34 24.4478 34 25Z' fill='%232764E0'/%3E%3Cpath d='M37 26C37.5522 26 38 25.5522 38 25C38 24.4478 37.5522 24 37 24C36.4478 24 36 24.4478 36 25C36 25.5522 36.4478 26 37 26Z' fill='%232764E0'/%3E%3Cpath d='M42 25C42 25.5522 41.5522 26 41 26C40.4478 26 40 25.5522 40 25C40 24.4478 40.4478 24 41 24C41.5522 24 42 24.4478 42 25Z' fill='%232764E0'/%3E%3Cpath d='M45 26C45.5522 26 46 25.5522 46 25C46 24.4478 45.5522 24 45 24C44.4478 24 44 24.4478 44 25C44 25.5522 44.4478 26 45 26Z' fill='%232764E0'/%3E%3C/svg%3E%0A");
    width: 48px;
    height: 26px;
    display: inline-block;
}
.cost-calc-big {

font-weight: 600;
font-size: 32px;
margin-left: 10px;
color: #212529;
margin-right: 12px;
}
.cost-calc-small {

font-weight: 400;
font-size: 14px;
line-height: 143%;
color: #212529;
}
.cost-calc-sm-big {
    font-weight: 500;
margin-left: 10px;
font-weight: 600;
font-size: 16px;
line-height: 150%;
color: #212529;
margin-right: 10px;
}
.cost-calc-per-km {

font-weight: 400;
font-size: 16px;
line-height: 150%;
color: #212529;
}
.cost-calculator-mockup--sec > div {
    display: flex;
align-items: self-end;
margin-bottom: 6px;
}
#delivery {
    margin-bottom: 60px;
}
.price-dynamic-subtitle {

font-weight: 400;
font-size: 16px;
line-height: 150%;
color: #212529;
display: block;
margin-bottom: 16px;
}
.category-tags a {
    border-radius: 30px;
padding: 9px 16px;

background: #f2f2f2;
display: flex;
align-items: center;
justify-content: center;

font-weight: 400;
font-size: 14px;
line-height: 143%;
color: #212529;
transition: .4s;
height: 38px;
}
.category-tags {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}
#categories h2 {
    margin-bottom: 16px;

}
#categories {
          margin-bottom: 100px;
}
#price-dynamics {
    margin-bottom: 60px;
  
}
.category-tags a:hover {
    background: #ddddde;
}
.post-banner {
    position: sticky;
    top: 32px;
}


 /* ----- УНИКАЛЬНЫЕ КЛАССЫ КОМПОНЕНТА 'price-dynamic' ----- */

        /* Основной блок-контейнер */
        .price-dynamic {
            background-color: #fcfdff;
            border-radius: 12px;
            padding: 21px 24px;
      
            width: 100%;
            position: relative;
            color: #333;
        }

        /* Верхняя панель управления (замена <header>) */
        .price-dynamic__top-panel {
            display: flex;
            justify-content: space-between;
            align-items: center;
            border-bottom: 1px solid #ddd;
            padding-bottom: 22px;
            margin-bottom: 24px;

        }
        
        /* Элемент для выбора периода */
        .price-dynamic__period-selector {
            display: flex;
            align-items: center;
            gap: 12px;
        }
        
        .price-dynamic__period-label {
            font-size: 14px;
            color: #6c757d;
        }
        
        .price-dynamic__period-dropdown {
            border: 1px solid #dee2e6;
            border-radius: 6px;
            padding: 8px 12px;
            font-size: 14px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            width: 120px;
            background-color: #fff;
        }
        
        .price-dynamic__dropdown-icon svg {
             width: 12px;
             height: 12px;
             fill: #6c757d;
        }

        /* Кнопка анализа */
        .price-dynamic__analysis-btn {
display: flex;
align-items: center;
justify-content: center;
transition: .4s;
font-weight: 400;
font-size: 14px;
line-height: 143%;
color: #2764e0;
border: 1px solid #2764e0;
border-radius: 6px;
width: 246px;
height: 38px;
cursor: pointer;
        }

        .price-dynamic__analysis-btn:hover {
            background-color: #2764e0;
            border-color: #2764e0;
            color: #fff;
        }
        
        /* Блок с основной информацией о цене и компании */
        .price-dynamic__main-display {
            text-align: center;
            margin-bottom: 24px;
        }

        .price-dynamic__vendor-info {
            position: absolute;

font-weight: 600;
font-size: 16px;
line-height: 150%;
color: #212529;
        }

        .price-dynamic__verified-icon {
            width: 20px;
            height: 20px;
            color: #0d6efd;
        }
        
        .price-dynamic__price-block {
             margin: 0;
        }

        .price-dynamic__date-range {

font-weight: 400;
font-size: 16px;
line-height: 150%;
color: #6c757d;
        }

        .price-dynamic__current-value {
   
font-weight: 600;
font-size: 32px;
line-height: 137%;
color: #212529;
        }

        /* Обёртка для самого графика */
        .price-dynamic__chart-wrapper {
            position: relative;
            height: 340px;
        }
        
        /* Итоговая информация под графиком */
        .price-dynamic__range-summary {

font-weight: 400;
font-size: 14px;
line-height: 143%;
color: #2764e0;
  position: absolute;
  bottom: 90px;
  left: 50%;
  transform: translateX(-50%);
        }


.custom-select--hidden { position:absolute !important; left:-9999px; }
.cs { position:relative; display:inline-block; font:14px/1.3 system-ui;margin-right: 16px; }
.cs__btn {
  min-width:190px; padding:10px 36px 10px 12px; border-radius:8px; border:1px solid #d2d6db;
  background:#f2f2f4; color:#111; cursor:pointer; text-align:left; white-space:nowrap;
}
.cs__btn:after { content:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.50495 5.78413L0.205241 1.25827C-0.0684138 0.970375 -0.0684138 0.503596 0.205241 0.215836C0.478652 -0.071946 0.922098 -0.071946 1.19549 0.215836L5.00007 4.22052L8.80452 0.215953C9.07805 -0.0718292 9.52145 -0.0718292 9.79486 0.215953C10.0684 0.503736 10.0684 0.970491 9.79486 1.25839L5.49508 5.78424C5.35831 5.92814 5.17925 6 5.00009 6C4.82085 6 4.64165 5.928 4.50495 5.78413Z' fill='%23212529'/%3E%3C/svg%3E%0A"); 
position: absolute;
  right: 25px;
  top: 27%;
  width: 0;
  height: 0;
  transform: translate(-50%,-50%); }
.cs[aria-expanded="true"] .cs__btn:after { transform:translate(-50%,-50%) rotate(180deg);right: 15px;
  top: 81%; }

.cs__list {
  position:absolute; z-index:50; margin-top:8px; min-width:100%; background:#fff; border:1px solid #e5e7eb;
  border-radius:12px; padding:8px; box-shadow:0 8px 24px rgba(0,0,0,.12); display:none;
}
.cs[aria-expanded="true"] .cs__list { display:block; }
.cs__opt {
  display:flex; align-items:center; gap:10px; padding:10px 12px; border-radius:10px; cursor:pointer;
  margin-bottom: 2px;
}
.cs__opt:hover, .cs__opt[aria-selected="true"] { background:#f5f5f5; }
.cs__radio {
  width:18px; height:18px; border-radius:50%; border:2px solid #cfd3d8; display:inline-block; position:relative; flex:0 0 18px;
}
.cs__opt[aria-checked="true"] .cs__radio { border-color:#2a64ff; }
.cs__opt[aria-checked="true"] .cs__radio:after {
  content:""; position:absolute; inset:3px; border-radius:50%; background:#2a64ff;
}

/* анимация появления */
.cs__list { animation: csFade .12s ease-out; }
@keyframes csFade { from { opacity:0; transform:translateY(-4px) } to { opacity:1; transform:translateY(0) }}

/* доступность фокуса */


.price-dynamic {
    background: #f2f2f4;
}

.price-dynamic .cs__btn {
    background: white;
}

.supplier-list {
    gap: 12px;
}
.supplier-item:hover {
z-index: 22;
}
.supplier-item {

border-radius: 8px;

height: 76px;
background: #f2f2f4;
    display: grid;
    grid-template-columns: 290px 234px 200px 90px 24px;
align-items: center;
padding-left: 24px;
justify-content: space-between;
padding-right: 0px;
}
.supplier-item__company-name {

font-weight: 600;
font-size: 16px;
line-height: 150%;
color: #212529;
}
.supplier-item__company-meta {
        display: flex;
    align-items: center;
}
.supplier-item__company-meta .meta-item {

font-weight: 400;
font-size: 14px;
line-height: 143%;
color: #6c757d;
}
.meta-item.meta-item--rating {
    display: flex;
    align-items: center;
}
.meta-item--rating:after {
    content: url("data:image/svg+xml,%3Csvg width='2' height='2' viewBox='0 0 2 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='1' cy='1' r='1' fill='%236C757D' /%3E%3C/svg%3E");
    margin-left: 4px;
    margin-right: 4px;
        height: 2px;
    width: 2px;
    position: relative;
    margin-top: -25px;
}
.meta-item--rating svg {
    margin-right: 4px;
}
.supplier-item__specs {
    border-radius: 12px;
width: 234px;
height: 56px;
background: #fff;
padding: 8px 12px;
position: relative;z-index: 2;
}
.spec-secondary,
.spec-first {

font-weight: 400;
font-size: 12px;
line-height: 174%;
color: #212529;
}
.supplier-item__arrow {
    border-radius: 0 8px 8px 0;
width: 24px;
height: 76px;
background: rgba(232, 232, 233, 1);
display: flex;
align-items: center;
justify-content: center;
}
.supplier-item__price .price-value {
    display: block;

font-weight: 600;
font-size: 14px;
line-height: 171%;
text-align: right;
color: #212529;
}
.supplier-item__price {
    text-align: right;
}
.supplier-item__price .price-unit {

font-weight: 400;
font-size: 14px;
line-height: 143%;
text-align: right;
color: #6c757d;
}
.supplier-item__price .price-on-request {

font-weight: 400;
font-size: 14px;
line-height: 143%;
text-align: right;
color: #6c757d;
}
.availability-status {

font-weight: 400;
font-size: 14px;
line-height: 171%;
color: #1a913c;
}
.availability-status--production {

font-weight: 400;
font-size: 14px;
line-height: 171%;
color: #104cc4;
}
.availability-status--request-stock {

font-weight: 400;
font-size: 14px;
line-height: 171%;
color: #db821b;
}
.availability-location {

font-weight: 400;
font-size: 14px;
line-height: 143%;
color: #212529;
}
.availability-location .distance {

font-weight: 400;
font-size: 14px;
line-height: 143%;
color: #6c757d; 
}
.spec-info-block {
    right: 9px;
    position: absolute;
    top: 10px;
}

.spec-info-icon:hover svg path {
fill: #2764e0;
}
.spec-info-icon:hover svg circle {
stroke: #2764e0;
}

/* Блок-обёртка */


/* Иконка */
.spec-info-icon{
  display:inline-flex;
  line-height:0;
  cursor:help;
}

/* Модалка (по умолчанию скрыта) */
.spec-info-modal{
  position:absolute;           /* координаты задаём из JS */
  top:0; left:0;
  min-width:300px;
  max-width:420px;
  background:#fff;


  border-radius:12px;
box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.2);
background: #fff;

  z-index:9999;

  opacity:0;
  transform:translateY(6px) scale(.98);
  pointer-events:none;
  transition:opacity .16s ease, transform .18s ease;
}

/* Стрелочка, указывает на иконку слева */


/* Показ */
.spec-info-modal.is-open{
  opacity:1;
  transform:translateY(0) scale(1);
  pointer-events:auto;
}

/* Заголовок из твоей разметки */
.spec-info-modal__header {
  display:flex;justify-content:space-between;gap:12px;
  margin-bottom:8px;
  background: rgba(39,156,10,0.1); 
align-items: center;
font-weight: 600;
font-size: 12px;
line-height: 133%;
color: #2764e0;
height: 29px;
padding-left: 12px;
padding-right: 12px;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
}

.spec-info-modal__header span{
font-weight: 400;
font-size: 12px;
line-height: 133%;
color: #279c0a;}


.info-modal__body {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    font-weight: 400;
    font-size: 12px;
    line-height: 133%;
    color: #212529;
    padding: 12px;
    grid-row-gap: 8px;
}
.spec-info-keys {
display: block;
padding-left: 12px;
padding-right: 12px;
font-weight: 400;
font-size: 12px;
line-height: 133%;
color: #6c757d;
}
.supplier-item:hover .supplier-item__arrow {
    background: rgba(221, 221, 222, 1)
}

.spec-highlighted {
    background: rgba(39,156,10,0.1);
    width: fit-content; 
}
.no-sub-block div.hidden-dot {
background-image: url(/img/metallbase-blur.svg);
    padding: 0;
    width: 120px;
    margin-right: 8px;
    height: 26px;
}
.no-sub-block {
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative;
    z-index: 1;

}
.supplier-item__company .no-sub-block {
    z-index: 2;
}
.supplier-item__availability .no-sub-block {
    margin-top: 6px;
}
.supplier-item__availability .no-sub-block div.hidden-dot {
    height: 12px;
}


.tooltip-sub {
        position: absolute;
        top: 50px;
        left: 50%;
        transform: translate(-50%, -50%); /* Центрирование блока */

        background-color: rgba(40, 40, 40, 0.9);
        color: white;
        padding: 8px;
        border-radius: 6px;
        white-space: nowrap; /* Чтобы текст не переносился */
 
font-weight: 400;
font-size: 12px;
line-height: 133%;
color: #fff;
z-index: 33;
        /* Скрываем по умолчанию */
        opacity: 0;
        visibility: hidden;
        pointer-events: none; /* Чтобы tooltip не мешал событиям мыши */
        transition: opacity 0.2s ease, visibility 0.2s ease;
    }

    /* Класс, который будет добавляться через JS для отображения */
    .tooltip-sub.visible {
        opacity: 1;
        visibility: visible;
    }
.tooltip-sub:after {
    content: url("data:image/svg+xml,%3Csvg width='6' height='3' viewBox='0 0 6 3' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.8' d='M3 0L5.59808 3H0.401924L3 0Z' fill='black'/%3E%3C/svg%3E%0A");
    position: absolute;
    top: -12px;
    left: 20%;
}
.other__cities--title {
display: block;
font-weight: 600;
font-size: 20px;
line-height: 120%;
color: #212529;
margin-top: 20px;
margin-bottom: 18px;
}
.other__cities {
    padding-bottom: 19px;
}
.other__cities .availability-location {
    border-radius: 6px;

    display: flex;
    align-items: center;
    justify-content: center;
height: 28px;

font-weight: 400;
font-size: 16px;
line-height: 150%;
color: #212529;


    padding-left: 8px;
    padding-right: 8px;

    background: #fff;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;



}
.other__cities-flex {
    gap: 8px;
    display: flex;
    flex-wrap: wrap;
}


 .pickup-modal {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 1000;
    }
    .pickup-modal-overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.6);
    }
    .pickup-modal-content {
        position: relative;
        background: #fff;
        border-radius: 24px;
        width: 90%;
        max-width: 1088px;
        height: 80vh;
        height: 596px;
        max-height: 720px;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        box-shadow: 0 4px 20px rgba(0,0,0,0.1);
    }
    .pickup-modal-close {
        position: absolute;
        top: 24px;
        right: 24px;
        border: none;
        background: transparent;
        font-size: 24px;
        color: #6C757D;
        cursor: pointer;
        z-index: 10;
        padding: 0;
        line-height: 1;
    }
    .pickup-modal-body {
        display: flex;
        flex: 1;
        overflow: hidden;
    }
    .pickup-modal-left {
        width: 334px;
        padding: 0px;
        padding-left: 32px;
        border-right: 1px solid #E9ECEF;
        display: flex;
        flex-direction: column;
        overflow-y: auto;
    }
    .pickup-modal-right {
        flex: 1;
    }
    .pickup-modal-title {
        font-size: 24px;
        font-weight: 600;
        margin: 0 0 24px;
        color: #212529;
    }
    .pickup-city-selector {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 12px 16px;
        border: 1px solid #CED4DA;
        border-radius: 8px;
        background-color: #F8F9FA;
        margin-bottom: 24px;
        font-size: 16px;
    }
    .pickup-address-list-title {
        font-size: 18px;
        font-weight: 600;
   
        color: #000;
    }
    .pickup-address-list {
        display: flex;
        flex-direction: column;
        gap: 8px;
        
        padding-right: 16px;
    }
    .pickup-address-item {
        padding: 16px;
        background-color: transparent;
        border-radius: 12px;
        cursor: pointer;
        display: flex;
        justify-content: space-between;
        align-items: center;
        transition: background-color 0.2s;
        margin-left: -16px;
    }
    .pickup-address-item:hover, .pickup-address-item.active {
        background-color: #F2F2F4;
    }
    .pickup-address-item-info p {
        margin: 0;
        padding: 0;
    }
    .pickup-address-main {
display: block;
font-weight: 600;
font-size: 14px;
line-height: 143%;
color: #212529;
    }
    .pickup-address-building {
        font-weight: 600;
    }
    .pickup-address-hours {
display: block;
font-weight: 400;
font-size: 12px;
line-height: 133%;
color: #6c757d;
margin-top: 8px;
    }
    .pickup-address-availability {
        font-size: 14px;
        font-weight: 400;
        color: #212529;
        margin-top: 8px;
        margin-bottom: 4px;
    }
    /* Стили для кастомной метки на карте */
    .custom-placemark-layout {
        background: #FFFFFF;
        border: 1px solid #CED4DA;
        box-shadow: 0px 2px 4px rgba(33, 37, 41, 0.08);
        border-radius: 8px;
        padding: 6px 10px;
        color: #212529;
        font-size: 14px;
        font-weight: 600;
        white-space: nowrap;
        position: relative;
        transform: translate(-50%, -120%);
        width: fit-content;
    }
    .custom-placemark-layout::after {
        content: '';
        position: absolute;
        left: 50%;
        bottom: -6px;
        transform: translateX(-50%);
        width: 0;
        height: 0;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 6px solid #FFFFFF;
    }

    /* Стили для кастомного балуна (всплывающего окна) */
    .custom-balloon-layout {
        background: #FFFFFF;
        border-radius: 12px;
        box-shadow: 0 4px 12px rgba(0,0,0,0.15);
        padding: 16px;
        position: relative;

    }
    .custom-balloon-layout p {
        margin: 0;
        padding: 0;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    }
    .custom-balloon-layout .balloon-address {
        font-size: 14px;
        font-weight: 600;
        color: #212529;
        margin-bottom: 12px;
    }
    .custom-balloon-layout .balloon-availability {
        font-size: 14px;
        font-weight: 500;
        color: #212529;
        margin-bottom: 4px;
    }
    .custom-balloon-layout .balloon-hours {
        font-size: 14px;
        color: #6C757D;
    }
    /* Убираем стандартную рамку и тень балуна, чтобы наши стили применились чисто */
    [class*="ymaps-2"][class*="-balloon__layout"] {
        box-shadow: none !important;
        background: transparent !important;
    }
    [class*="ymaps-2"][class*="-balloon__content"] {
        padding: 0 !important;
        margin: 0 !important;
    }
    [class*="ymaps-2"][class*="-balloon__close-button"] {
        margin: 8px 8px 0 0 !important;
    }
    [class*="ymaps-2"][class*="balloon_layout_normal"] {
box-shadow: none !important;
background: none !important;
    }
    [class*="ymaps-2"][class*="balloon__content"] {
box-shadow: none !important;
background: none !important;
    }
    [class*="ymaps-2"][class*="placemark-overlay"] {
width: fit-content !important;
    }

    

.pickup-modal-body {
  display: grid;
  grid-template-columns: 334px 1fr;   /* две колонки */
  grid-column-gap:12px;
  grid-template-rows: auto 1fr;     /* шапка + низ */
  grid-template-areas:
    "header header"
    "left   right";
  height: 100%; /* если нужно растянуть */
}

.pickup-modal-header {
  grid-area: header;
  background: #fff;
}

.pickup-modal-left {
  grid-area: left;
  background: #fff;
}

.pickup-modal-right {
  grid-area: right;
  background: #fff;
  padding-bottom:24px;
  padding-right: 24px;
}

.pickup-modal-header {
    padding-top: 24px;
    padding-left: 32px;
}
.pickup-modal-title {
    margin-bottom: 16px;
    display: block;
}
.pickup-address-list-title {
        position: sticky;
    top: 0px;
    background: white;
    padding-bottom: 16px;
}
   #pickup-map {
    border-radius:12px;
    overflow: hidden;
   }


     .rating{
  --size: 72px;          /* диаметр */
  --stroke: 8;            /* толщина дуги */
  --track: #e6e6e6;       /* цвет трека */
  --good: #21a33f;        /* >7 */
  --warn: #ff9800;        /* >4 и ≤7 */
  --bad:  #ef4444;        /* ≤4 */
  width: var(--size);
  height: var(--size);
  display:inline-grid;
  place-items:center;
  position:relative;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

.rating__svg{
  width: 100%;
  height: 100%;
  transform: rotate(-90deg); /* чтобы прогресс начинался сверху */
}

.rating__track,
.rating__progress{
  fill: none;
  stroke-linecap: round;
  stroke-width: var(--stroke);
  r:45; cx:50; cy:50; /* для удобства: те же, что и в HTML */
}

.rating__track{
  stroke: var(--track);
  opacity:.6;
}

.rating__progress{
  stroke: var(--color, var(--good));
  stroke-dasharray: 0 999;    /* выставит JS по окружности */
  stroke-dashoffset: 0;        /* выставит JS */
  transition: stroke-dashoffset 1.2s cubic-bezier(.22,1,.36,1),
              stroke 250ms ease;
}

.rating__value{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
font-weight: 400;
font-size: 24px;
text-align: center;
color: #212529;

}

/* тонкая серая «шапка» сверху как на примере */
.rating::before{
  content:"";
  position:absolute; inset:0;
  border-radius:50%;
  background:
    conic-gradient(#d9d9d9 0 12deg, transparent 12deg 360deg);
  mask: radial-gradient(circle at 50% 50%, transparent 65%, #000 66%);
  pointer-events:none;
}

.rotating .gear {
  transform-box: fill-box;       /* важно: учитываем размеры самого path */
  transform-origin: center;      /* центрируем вращение */
  animation: spin 2s linear infinite;
}

@keyframes spin {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}





        /* Кнопка-триггер для открытия модального окна */

        .modal-buy-one-click-trigger:hover {
            background-color: #0056b3;
        }

        /* Оверлей: темный полупрозрачный фон (главный контейнер компонента) */
        .modal-buy-one-click {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.6);
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 1000;
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.3s ease, visibility 0.3s ease;
        }

        /* Модификатор для отображения оверлея */
        .modal-buy-one-click--open {
            opacity: 1;
            visibility: visible;
        }
        
        /* Модификатор для скрытия элементов внутри компонента */
        .modal-buy-one-click--hidden {
            display: none !important;
        }

        /* Контейнер самого модального окна (белое окно) */
        .modal-buy-one-click__window {
      
            padding: 32px 40px;
            border-radius: 15px;
      box-shadow: 0 12px 30px 0 rgba(0, 0, 0, 0.12);
background: #f2f2f4;
            width: 90%;
            max-width: 712px;
            position: relative;
            transform: scale(0.95);
            transition: transform 0.3s ease;
        }

        /* Эффект "появления" окна */
        .modal-buy-one-click--open .modal-buy-one-click__window {
            transform: scale(1);
        }

        /* Кнопка закрытия (крестик) */
        .modal-buy-one-click__close {
            position: absolute;
            top: 16px;
            right: 16px;
            background: none;
            border: none;
            font-size: 28px;
            font-weight: 300;
            color: #888;
            cursor: pointer;
            line-height: 1;
        }

        /* Заголовок модального окна */
        .modal-buy-one-click__header h2 {
            margin: 0 0 8px;
            font-size: 28px;
            font-weight: 600;
            color: #111;
        }
        .modal-buy-one-click__header p {
display: block;
margin-bottom: 16px;
font-weight: 400;
font-size: 16px;
line-height: 150%;
color: #212529;
        }
.rekv__block span {
    color: #6C757D;
}
.rekv__block p {
    margin-bottom: 8px;
    font-size: 14px;
}
        /* Блок с информацией о товаре */
        .modal-buy-one-click__product,
        .cart__order__wrap {
           background: #fff;
            border-radius: 12px;
            padding: 12px 24px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 12px;
        }
        .cart__order__wrap {
            flex-direction: column;
      
            align-items: flex-start;
        }
        .modal-buy-one-click__product-info { display: flex; flex-direction: column; }
        .modal-buy-one-click__product-info strong { 
font-weight: 600;
font-size: 16px;
line-height: 150%;
color: #212529;}
        .modal-buy-one-click__product-info span { 
font-weight: 400;
font-size: 14px;
line-height: 143%;
color: #6c757d;}
        .modal-buy-one-click__product-price { text-align: right; }
        .modal-buy-one-click__product-price strong { 
font-weight: 600;
font-size: 16px;
line-height: 150%;
text-align: right;
display: block;
color: #212529;}
        .modal-buy-one-click__product-price span { 
font-weight: 400;
display: block;
font-size: 14px;
line-height: 143%;
text-align: right;
color: #6c757d; }

        /* Форма */
        .modal-buy-one-click__form {
            background: #fff;
            padding: 24px 32px;
            border-radius: 12px;

        }

        .modal-buy-one-click__form--title {

font-weight: 600;
font-size: 16px;
line-height: 150%;
color: #212529;
display: block;
margin-bottom: 16px;
        }
        .modal-buy-one-click__form-row { display: flex; gap: 12px; margin-bottom: 20px; }
        .modal-buy-one-click__form-row input { flex: 1; 
            
 
        }
        .modal-buy-one-click__form input[type="email"],
        .modal-buy-one-click__form input[type="tel"] {
              border: 1px solid #ddd;
border-radius: 6px;
background: #fff;
padding-left: 16px;
height: 44px;


font-weight: 400;
font-size: 14px;
line-height: 143%;
color: black;
        }
        .modal-buy-one-click__form input::placeholder { font-weight: 400;
font-size: 14px;
line-height: 143%;
color: #6c757d; }

        /* Область для файла */
        .modal-buy-one-click__file-area textarea {
            border: 1px solid #e0e0e0;
            border-radius: 8px;
            padding: 16px;
  resize: none;
font-weight: 400;
font-size: 14px;
line-height: 143%;
color: #6c757d;
            margin-bottom: 12px;
            width: 100%;
        }
        .modal-buy-one-click__file-upload-view p { margin: 0 0 16px; color: #888; }
        .modal-buy-one-click__file-upload-view {
            position: absolute;
            bottom: 30px;
            left: 16px;
        }
        .modal-buy-one-click__request-area {
            position: relative;
        }

        .modal-buy-one-click__attach-btn {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 9px 16px;
            background-color: rgba(39, 100, 224, 0.1);
            color: #2764e0;
     
font-weight: 400;
font-size: 14px;
line-height: 143%;
color: #2764e0;
            border-radius: 6px;
            cursor: pointer;
            transition: background-color 0.2s;
        }
        .modal-buy-one-click__attach-btn:hover { background-color: #d0e3ff; }


        /* Блок отображения прикрепленного файла */
        .modal-buy-one-click__file-display-view {
            display: flex;
            justify-content: space-between;
            align-items: center;
            background-color: #f2f2f4;
            padding: 8px 12px;
            border-radius: 8px;
            margin-bottom: 12px;
        }
        .modal-buy-one-click__file-name {
            font-size: 14px;
            color: #333;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            margin-right: 10px;
        }
        .modal-buy-one-click__remove-file-btn {
            background: none;
            border: none;
            font-size: 20px;
            color: #888;
            cursor: pointer;
            line-height: 1;
            padding: 0 4px;
        }

        /* Чекбокс согласия */
        .modal-buy-one-click__consent { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 24px; }
        .modal-buy-one-click__consent input[type="checkbox"] { margin-top: 3px; flex-shrink: 0; }
        .modal-buy-one-click__consent label { font-size: 12px; color: #888; line-height: 1.4; }

        /* Кнопка отправки */
        .modal-buy-one-click__submit-btn {
            width: 100%;
           height: 44px;
    
     cursor: pointer;
            background-color: #1a913c;
       border-radius: 6px;

        display: flex;
        align-items: center;
        justify-content: center;
font-weight: 600;
font-size: 14px;
line-height: 143%;
color: #fff;

            transition: background-color 0.2s;
        }
        .modal-buy-one-click__submit-btn:hover { background-color: #218838; }

        /* Стили для модального окна успеха */
        .modal-buy-one-click__window--success { text-align: center; padding: 40px; }
        .modal-buy-one-click__success-icon { color: #28a745; margin-bottom: 20px; }
        .modal-buy-one-click__window--success h3 { font-size: 24px; margin: 0 0 10px; }
        .modal-buy-one-click__window--success p { font-size: 16px; color: #666; margin-bottom: 24px; }
        .modal-buy-one-click__success-close-btn {
            padding: 10px 20px;
            font-size: 16px;
            color: #fff;
            background-color: #2764e0;
            border: none;
            border-radius: 6px;
            cursor: pointer;
        }

.modal-buy-one-click__header--title {
margin-bottom: 8px;
display: block;
font-weight: 600;
font-size: 24px;
line-height: 133%;
color: #212529;
}


    .modal-buy-one-click__request-area p {
        margin-bottom: 8px; /* Небольшой отступ снизу у параграфа */
    }
    .modal-buy-one-click__textarea {
        width: 100%;
        padding: 10px;
        border: 1px solid #ccc;
        border-radius: 4px;
        font-family: inherit;
        font-size: 1rem;
        resize: none;
        box-sizing: border-box; /* Чтобы padding не влиял на ширину */
        margin-bottom: 12px; /* Отступ до кнопки "Прикрепить файл" */
    }
    .modal-buy-one-click__attach-btn {
        /* Ваши существующие стили для кнопки */
        display: inline-flex;
        align-items: center;
        gap: 8px;
        cursor: pointer;
        color: #0D6EFD;
    }

.btn-cart-js.in-cart {
        background: rgb(39 100 224 / 40%) !important;
    cursor: default;
}



        .e-metall-postavka-btn:hover {
            background-color: #0056b3;
        }

        /* Стили для модального окна */
        .em-modal-wrapper {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.6);
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 1000;
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.3s ease, visibility 0.3s ease;
        }

        .em-modal-wrapper.is-open {
            opacity: 1;
            visibility: visible;
        }

        .em-modal {
            background-color: #fff;
            border-radius: 16px;
            max-width: 480px;
            width: calc(100% - 32px);
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
            position: relative;
            overflow: hidden;
            transform: scale(0.95);
            transition: transform 0.3s ease;
        }

        .em-modal-wrapper.is-open .em-modal {
            transform: scale(1);
        }

        .em-modal__close {
            position: absolute;
            top: 16px;
            right: 16px;
            width: 32px;
            height: 32px;

            border-radius: 50%;
            border: none;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 24px;
            line-height: 1;
            color: #333;
            padding: 0;
            z-index: 10;
        }

        .em-modal__close:hover {
            background-color: #fff;
        }

        .em-modal__image-wrapper {

            padding: 32px;
        }

        .em-modal__image-wrapper img {
            width: 100%;
            height: auto;
            display: block;
        }

        .em-modal__content {
            padding: 24px 32px 32px;
            padding-top: 0px;
  
        }

        .em-modal__title {
     display: block;
     margin-bottom: 0px;
font-weight: 600;
font-size: 24px;
line-height: 133%;
color: #212529;
        }

        .em-modal__subtitle {
   display: block;
   margin-bottom: 20px;
font-weight: 400;
font-size: 16px;
line-height: 150%;
color: #212529;
        }
        
        .em-modal__steps {
            list-style: none;
            padding: 0;
            margin: 0 0 32px;
            text-align: left;
        }

        .em-modal__step {
            display: flex;
            align-items: center;
        }

        .em-modal__step:not(:last-child) {
            margin-bottom: 16px;
        }

        .em-modal__step-number {
            flex-shrink: 0;
            width: 32px;
            height: 32px;
            background-color: #f0f2f5;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
     
font-weight: 400;
font-size: 12px;
line-height: 167%;
text-align: center;
color: #6c757d;
            margin-right: 12px;
        }
        
        .em-modal__step-text {
  
font-weight: 400;
font-size: 14px;
line-height: 143%;
color: #212529;
        }

        .em-modal__actions {
            display: flex;
            flex-direction: column;
            gap: 12px;
        }

        .em-modal__btn {
            display: flex;
            width: 100%;
            height: 44px;
       align-items: center;
       justify-content: center;
font-weight: 600;
font-size: 14px;
line-height: 143%;
color: #fff;
            border-radius: 6px;
            border: none;
            cursor: pointer;
            text-decoration: none;
            transition: background-color 0.2s, color 0.2s;
        }

        .em-modal__btn--primary {
            background-color: #2764e0;
            color: #fff;
        }

        .em-modal__btn--primary:hover {
            background-color: #254ac7;
        }

        .em-modal__btn--secondary {
            background-color: #f0f2f5;
            color: #2764e0;
        }
        
        .em-modal__btn--secondary:hover {
            background-color: #e2e6ea;
        }


#description p,
#description li {

font-weight: 400;
font-size: 16px;
line-height: 150%;
color: #212529;

}
#description h3 {
    margin-top: 40px;
    margin-bottom: 16px;
}
#description ul  {
margin-bottom: 40px;
}
#description ul li {
    margin-bottom: 16px;
}




/* 
  Общие стили для списка: 
  убираем стандартные маркеры и левый отступ, который браузер добавляет по умолчанию.
*/
#description ul {
  list-style: none; /* Убираем стандартные кружочки */
  padding-left: 0;  /* Убираем отступ слева */
  margin: 0;
}

/* 
  Стили для каждого элемента списка <li>.
  - position: relative; нужен, чтобы позиционировать псевдо-элемент ::before относительно li.
  - padding-left: 50px; создает место для нашей иконки (36px иконка + 14px отступ).
  - margin-bottom: 15px; добавляет расстояние между пунктами списка.
*/
#description ul li {
  position: relative;
  padding-left: 0px;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  line-height: 1.4; /* Улучшает читаемость */
}

/* 
  Создаем кастомный маркер через псевдо-элемент ::before.
*/
#description ul li::before {
  content: ''; /* Обязательное свойство для ::before */
  position: relative; /* Позиционируем абсолютно относительно <li> */
  left: 0;
  display: flex;
  margin-right: 12px;
  top: 0; /* Выравниваем по верху текста */
  
  /* Размеры нашей иконки */
  width: 36px;
  height: 36px;

  /* Ваша иконка в качестве фона */
  background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='18' cy='18' r='18' fill='%23F2F2F4'/%3E%3Cpath d='M24.4444 13.2707C24.8004 12.9098 25.3773 12.9097 25.7332 13.2707C26.089 13.6317 26.089 14.2169 25.7332 14.5779L16.7113 23.729L16.6419 23.7931C16.2839 24.0891 15.7562 24.0673 15.4226 23.729L10.2668 18.5003C9.911 18.1394 9.91111 17.5542 10.2668 17.1931C10.6227 16.8321 11.1996 16.8321 11.5556 17.1931L16.066 21.7682L24.4444 13.2707Z' fill='%232764E0'/%3E%3C/svg%3E%0A");
  
  /* Чтобы фон не повторялся и занимал все пространство */
  background-repeat: no-repeat;
  background-size: contain;
}


  /* Фон (оверлей). Селектор теперь по ID. */
        #suppliers-modal {
            display: none; 
            position: fixed;
            z-index: 1000;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            overflow: auto;
            background-color: rgba(0, 0, 0, 0.6);
        }
        #suppliers-modal .filters {
            display: none !important;
        }
        .hidden-item {
            display: none !important;
        }
        #suppliers-modal .hidden-item {
            display: grid !important;
        }

        /* Содержимое модального окна. Класс suppliers-modal__content используется только внутри #suppliers-modal */
        #suppliers-modal .suppliers-modal__content {
            background-color: #fefefe;
            margin: 1% auto;
            padding: 25px;
            border: 1px solid #888;
        
            max-width: 1000px;
            border-radius: 10px;
            position: relative;
            box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
        }

        /* Кнопка закрытия (крестик). Класс suppliers-modal__close. */
        #suppliers-modal .suppliers-modal__close {
            color: #aaa;
            position: absolute;
            top: 10px;
            right: 20px;
            font-size: 28px;
            font-weight: bold;
        }

        #suppliers-modal .suppliers-modal__close:hover,
        #suppliers-modal .suppliers-modal__close:focus {
            color: black;
            text-decoration: none;
            cursor: pointer;
        }

        /* Стили для списка внутри модального окна. Класс suppliers-modal__body. */
        #suppliers-modal .suppliers-modal__body .supplier-list {
            border: none;
            padding: 0;
        }

 .analogs-block {
  
        position: relative;
    } 



    .analog-slider-container {
        position: relative;
    }

    .analogs-slider .swiper-slide {
        height: auto;
    }

    .analog-card {
       background: #f2f2f4;
        border-radius: 8px;
        padding: 16px 20px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 230px;
        box-sizing: border-box;
    }
    
    .analog-card a {
        text-decoration: none;
        color: inherit;
    }
    
    .analog-card__title {

font-weight: 600;
font-size: 16px;
line-height: 150%;
color: #212529;
margin-bottom: 8px;
display: block;
        min-height: 48px; /* Для 2 строк текста */
    }

    .analog-card__specs {
       border-radius: 8px;
width: 100%;
height: 40px;
background: #fff;
padding-left: 8px;
align-items: center;
padding-right: 8px;
display: flex;
    }
    
    .analog-card__spec-icon {
   margin-right: 8px;
    }


    
    .analog-card__spec-text {

font-weight: 400;
font-size: 12px;
line-height: 167%;
color: #212529;
    }

    /* .analog-card__spec-text span {
        background-color: #edf2f7;
        padding: 2px 6px;
        border-radius: 4px;
    } */

    .analog-card__footer {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: auto;
        padding-top: 16px;
    
    }

    .analog-card__price-info .price {

font-weight: 600;
font-size: 14px;
line-height: 143%;
text-align: left;
color: #212529;
    }

    .analog-card__price-info .unit {

font-weight: 400;
font-size: 14px;
line-height: 143%;
text-align: left;
color: #6c757d;
    }
    
    .analog-card__offers-link {
   font-weight: 400;
font-size: 14px;
line-height: 143%;
        color: #2764e0 !important;
        background-color: transparent;
        border: 1px solid #2764e0;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-left: 16px;
        padding-right: 16px;
        border-radius: 6px;
        height: 28px;
        transition: background-color 0.2s, color 0.2s;
        white-space: nowrap;
    }
    
    .analog-card__offers-link:hover {
        background-color: #2764e0;
        color: #fff !important;
    }

    .analog-slider-button {
        width: 36px;
        height: 36px;
        background-color: #F2F2F4;
        border: none;
        border-radius: 50%;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        margin-top: -30px; /* Сдвиг вверх из-за футера карточки */
        z-index: 10;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #718096;
        box-shadow: 0 4px 6px rgba(0,0,0,0.05);
        transition: all 0.2s;
    }
    .analog-slider-button:hover {
        background-color: #DDD;
    }
    .analog-slider-button.swiper-button-disabled {
        background: #DDD;
        cursor: not-allowed;
    }

    .analog-slider-button-prev {
        left: 50%;
            transform: translateX(-108%);
                top: 120%;
    }

    .analog-slider-button-next {
        right: 50%;
            top: 120%;
        transform: translateX(108%);
    }

    @media (max-width: 1240px) {
        .analog-slider-button-prev {
            left: 0;
        }
        .analog-slider-button-next {
            right: 0;
        }
    }
    @media (max-width: 768px) {
        .analogs-block h2 {
            font-size: 24px;
        }
        .analog-slider-button {
            display: none; /* Скрываем кнопки на мобильных, используем свайп */
        }
        .analogs-block {
            padding: 0;
        }
        .analogs-slider {
            padding: 0 15px;
        }
    }

.product__section-top--mobile {
    display: none;
}
.modal-backdrop.opened {
    z-index: 34;
}
@media (max-width: 768px) {
.product-section {
    display: flex;
    gap: 20px;
    flex-direction: column;
}
.supplier-item {
    display: flex;
} 
.product__right-side {
    display: none;
}
.product__section-top--mobile {
    display: block;
}
.grid__wrap {
    display: block;
}
.post-banner,
.product-subtitle-avail,
.product-suppliers-link {
    display: none;
}
.product__section-top--mobile {
    margin-top: 24px;
}
.price-display .price-value {

font-weight: 600;
font-size: 24px;
line-height: 133%;
color: #1a913c;
}
.scroll-nav--mobile {
    overflow: scroll;
}


.product-details-nav {
  position: relative;
  background: #fff;
  overflow: hidden;
  margin-bottom: 20px;
}


.product-details-nav ul {
  display: flex;
  gap: 32px;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  padding: 10px 0;
  margin: 0;
  list-style: none;
  padding-right: 32px;
}
.product-details-nav li {
  flex: 0 0 auto;
  scroll-snap-align: start;
}

/* Тонкий красивый скролл */
.product-details-nav ul::-webkit-scrollbar {
  height: 0px;
}
.product-details-nav ul::-webkit-scrollbar-track {
  background: transparent;
}
.product-details-nav ul::-webkit-scrollbar-thumb {
  background: rgba(0,0,0,0.2);
  border-radius: 2px;
}

/* Тени по бокам */

.product-details-nav::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 30px;
  pointer-events: none;
  z-index: 1;
}

.product-details-nav::after {
  right: 0;
  background: linear-gradient(to left, rgba(255,255,255,1), rgba(255,255,255,0));
}


    .supplier-item {
        display: flex;
        flex-direction: column;
        height: auto;
        align-items: flex-start;
        padding: 16px;
        position: relative;
    }

    .supplier-item__company {
        margin-bottom: 8px;
    }
    .supplier-item__specs {
        width: 100%;
        height: auto;
        display: flex;
    }

    .supplier-item__arrow {
        display: none;
    }
    .supplier-item__price {
        position: absolute;
        right:16px;
        bottom: 16px;
    }
    .supplier-item__specs {
        margin-bottom: 8px;
    }
    #suppliers-modal .hidden-item {
        display: flex !important;
    }
    #description h3:first-of-type {
        margin-top: 20px;
    }
    .specs {
        max-width: 100%;
    }
    .supplier-details-block-container {
        flex-direction: column;
    }
    .supplier-details-block {
        padding: 12px 16px;
    }
    .supplier-details-block-container {
        padding: 0px;
                flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .supplier-details-block .address {
        margin-top: 10px;
    }
    .supplier-detatail-logo {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background: white;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 8px;
    top: 8px;
    width: 64px;
    height: 64px;
}
.supplier-details-block-l {
    position: relative;
    width: 100%;
}
.supplier-details-block .address {
    width: 100%;
}
.supplier-details-block .address svg {
    display: none;
}
.review-summary {
    display: block;
    height: auto;

    padding: 12px 24px;
    padding-bottom: 24px;
    
}
.btn-review-js {
    width: 100%;
    margin-top: 12px;
}
.product-gallery {
    height: auto;
    width: 100%;
    border: none !important;
}

.spec-info-modal {
          position: fixed !important;
        bottom: 0px;
        left: 0px !important;
        right: unset !important;
        top: unset !important;
        width: 100vw;
        max-width: 100vw;
        padding: 20px;
        border-radius: 15px 15px 0 0;
}
.spec-info-modal__header {
        display: flex;
    flex-direction: column;
    align-items: flex-start;
    background: transparent;
    height: auto;
    gap: 0px;
    margin-bottom: 16px;
  
font-weight: 600;
font-size: 20px;
line-height: 140%;

}

.spec-info-modal__header span {

font-weight: 400;
font-size: 12px;
line-height: 133%;
color: #1a913c;
}
.other-suppliers-promo {
    background: rgba(39,100,224,0.1);
border-radius: 12px;
padding: 12px 16px;
}
.other-suppliers-promo h2 {

font-weight: 400;
font-size: 16px;
line-height: 150%;
text-align: left;
color: #212529;
margin-bottom: 21px;

}
.other-suppliers-promo .btn-all-sup {
    background: transparent;
}
.other-suppliers-promo .btn-all-sup {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: auto;
}
.supplier-details-block {
    margin-bottom: 40px;
}
.mobile-backdrop-spec {
    position: fixed;
    width: 100%;
    top: 0px;
    height: 100%;
    left: 0px;
    background: rgba(0, 0, 0, 0.4);
    display: none;
    z-index: -2;
}
.mobile-spec-open .mobile-backdrop-spec {
    z-index: 2;
    display: block;
}
.mobile-spec-open


.spec-info-modal__close {
display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    right: 20px;
    top: 20px;
}


.modal-backdrop.opened {
    z-index: 34;
}
.tooltip-sub {
    transform: translate(-35%, -43%);
}
.mobile-spec-open {
    overflow: hidden;
}

.modal-buy-one-click__window {
    width: 100%;
    height: 100%;
    border-radius: 0px;
        padding: 24px 16px;
}
.modal-buy-one-click__product {
    background: #fff;
    border-radius: 12px;
    padding: 12px 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    flex-direction: column;
    align-items: flex-start;
}
.modal-buy-one-click__product-price span {
    display: none;
}
.modal-buy-one-click__product-info {
    margin-bottom: 10px;
}
.modal-buy-one-click__form-row {
    display: block;
}
.modal-buy-one-click__form input[type="email"], .modal-buy-one-click__form input[type="tel"] {
    width: 100%;
}
.modal-buy-one-click__form input[type="email"] {
    margin-bottom: 16px;
}
.modal-buy-one-click__form-row {
    margin-bottom: 16px;
}
.modal-buy-one-click__file-area textarea {
    height: 170px;
}
.modal-buy-one-click__form,
.modal-buy-one-click__product {
    padding: 16px;
}
.pickup-modal-content {
    width: 100%;
    max-height: unset;
    height: 100vh;
}
.pickup-modal-title {
    margin-bottom: 16px;
    display: block;
    max-width: 80%;
}


 @media (max-width: 767px) {
     #description ul li::before {
        flex: none;
     }
            .pickup-mobile-list-button,
            .pickup-mobile-back-button {
                display: none;
            }

            .pickup-modal-body {
                display: flex;
                flex-direction: column;
                position: relative;
                overflow: hidden;
            }

            .pickup-modal-header {
                grid-area: unset;
                order: 1;
                padding: 16px;
                display: flex;
                align-items: center;
                border-bottom: 1px solid #e9ecef;
                position: relative;
                flex-shrink: 0;
            }

            .pickup-modal-title {
                font-size: 18px;
                font-weight: 600;
                margin: 0 auto;
                padding: 0 30px;
                text-align: center;
            }

            .pickup-modal-left {
                grid-area: unset;
                order: 2;
                width: 100%;
                border-right: none;
                padding: 24px 16px;
                box-sizing: border-box;
                display: none;
                flex: 1;
                overflow-y: auto;
            }

            .pickup-modal-right {
                grid-area: unset;
                order: 2;
                padding: 0;
                flex: 1;
                display: flex;
            }

            .pickup-address-list {
                padding-right: 0;
            }
            .pickup-address-item {
                margin-left: 0;
            }
            .pickup-address-list-title {
                position: static;
                padding-bottom: 8px;
            }

            /* Mobile JS-injected elements */
            .pickup-mobile-list-button {
                display: block;
                position: absolute;
                bottom: 24px;
                left: 16px;
                right: 16px;
                z-index: 100;
                padding: 14px;
                background-color: #2764E0;
                color: white;
                border: none;
                border-radius: 8px;
                font-size: 16px;
                font-weight: 500;
                cursor: pointer;
            }

            .pickup-mobile-back-button {
                display: none;
                position: absolute;
                left: 16px;
                top: 50%;
                transform: translateY(-50%);
                cursor: pointer;
                z-index: 10;
                line-height: 0;
            }

            /* State for list view on mobile */
            .pickup-modal-body.is-list-view-mobile .pickup-modal-left {
                display: flex;
            }
            .pickup-modal-body.is-list-view-mobile .pickup-modal-right {
                display: none;
            }
            .pickup-modal-body.is-list-view-mobile .pickup-mobile-list-button {
                display: none;
            }
            .pickup-modal-body.is-list-view-mobile .pickup-mobile-back-button {
                display: block;
            }
        }

        .pickup-modal-content {
            border-radius: 0px !important;
        }
        .pickup-modal-close {
            top: 14px;
        }
}



.supplier-item {
    position: relative;
}

@media (min-width: 1024px) {
    
    .supplier-item__main-link::after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1; 
    }


    .supplier-item .spec-info-block {
    
        z-index: 2;
    }
}


@media (min-width: 1024px) {
.supplier-item__specs {
    overflow: hidden;
    transition: height .4s;
}
.supplier-item__specs:hover {
    overflow: visible;
    height: fit-content;
        /* top: 12px; */
        box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);
background: #fff;
    /* margin-top: -2px; */
}
.spec-secondary {
    margin-top: 2px;
}
.spec-first {
    max-width: 85%;
}


.supplier-item {
    border-radius: 8px;
    background: #f2f2f4;
    display: grid;
    grid-template-columns: 290px 234px 200px 90px 24px;
    padding-left: 24px;
    justify-content: space-between;
    padding-right: 0px;
    padding-top: 10px;
    align-items: unset;
    padding-bottom: 10px;
    max-height: 76px;
}
.supplier-item__arrow {

        margin-top: -10px;
}
.supplier-item__company,
.supplier-item__availability,
.supplier-item__price {
    height: 56px;
        display: flex;
    flex-direction: column;
    justify-content: center;
}

}