/* ==========================================================================
   KRONA COMMON — общие runtime/media/select стили для всех страниц
   Содержимое перенесено из общего stylesheet.css без изменения правил.
   ========================================================================== */

/* ============================================================
   Runtime values and state classes used by processed templates.
   Dynamic values are supplied as data-* attributes; presentation
   stays centralized in this stylesheet.
   ============================================================ */
.tpl-display-none:not(#tpl-inline-style-sentinel),
.km-initially-hidden:not(#tpl-inline-style-sentinel) {
  display: none;
}

.tpl-display-block:not(#tpl-inline-style-sentinel) {
  display: block;
}

.km-dynamic-bg-image:not(#tpl-inline-style-sentinel) {
  background-image: var(--km-dynamic-bg-image);
}

.km-dynamic-bg-image-important:not(#tpl-inline-style-sentinel) {
  background-image: var(--km-dynamic-bg-image) !important;
}

.km-dynamic-bg-color:not(#tpl-inline-style-sentinel) {
  background-color: var(--km-dynamic-bg-color);
}

.km-dynamic-border-color:not(#tpl-inline-style-sentinel) {
  border-color: var(--km-dynamic-border-color);
}

#yoomoney-payment-form.km-yoomoney-float-right:not(#tpl-inline-style-sentinel) {
  float: right;
}

.km-dynamic-bg-center:not(#tpl-inline-style-sentinel) {
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto;
  background-attachment: scroll;
  background-origin: padding-box;
  background-clip: border-box;
}

.cat-label.km-dynamic-colors:not(#tpl-inline-style-sentinel) {
  color: var(--km-dynamic-color);
  background-color: var(--km-dynamic-bg-color);
}

.progress-bar.km-poll-progress-0:not(#tpl-inline-style-sentinel) { width: 0%; }
.progress-bar.km-poll-progress-1:not(#tpl-inline-style-sentinel) { width: 1%; }
.progress-bar.km-poll-progress-2:not(#tpl-inline-style-sentinel) { width: 2%; }
.progress-bar.km-poll-progress-3:not(#tpl-inline-style-sentinel) { width: 3%; }
.progress-bar.km-poll-progress-4:not(#tpl-inline-style-sentinel) { width: 4%; }
.progress-bar.km-poll-progress-5:not(#tpl-inline-style-sentinel) { width: 5%; }
.progress-bar.km-poll-progress-6:not(#tpl-inline-style-sentinel) { width: 6%; }
.progress-bar.km-poll-progress-7:not(#tpl-inline-style-sentinel) { width: 7%; }
.progress-bar.km-poll-progress-8:not(#tpl-inline-style-sentinel) { width: 8%; }
.progress-bar.km-poll-progress-9:not(#tpl-inline-style-sentinel) { width: 9%; }
.progress-bar.km-poll-progress-10:not(#tpl-inline-style-sentinel) { width: 10%; }
.progress-bar.km-poll-progress-11:not(#tpl-inline-style-sentinel) { width: 11%; }
.progress-bar.km-poll-progress-12:not(#tpl-inline-style-sentinel) { width: 12%; }
.progress-bar.km-poll-progress-13:not(#tpl-inline-style-sentinel) { width: 13%; }
.progress-bar.km-poll-progress-14:not(#tpl-inline-style-sentinel) { width: 14%; }
.progress-bar.km-poll-progress-15:not(#tpl-inline-style-sentinel) { width: 15%; }
.progress-bar.km-poll-progress-16:not(#tpl-inline-style-sentinel) { width: 16%; }
.progress-bar.km-poll-progress-17:not(#tpl-inline-style-sentinel) { width: 17%; }
.progress-bar.km-poll-progress-18:not(#tpl-inline-style-sentinel) { width: 18%; }
.progress-bar.km-poll-progress-19:not(#tpl-inline-style-sentinel) { width: 19%; }
.progress-bar.km-poll-progress-20:not(#tpl-inline-style-sentinel) { width: 20%; }
.progress-bar.km-poll-progress-21:not(#tpl-inline-style-sentinel) { width: 21%; }
.progress-bar.km-poll-progress-22:not(#tpl-inline-style-sentinel) { width: 22%; }
.progress-bar.km-poll-progress-23:not(#tpl-inline-style-sentinel) { width: 23%; }
.progress-bar.km-poll-progress-24:not(#tpl-inline-style-sentinel) { width: 24%; }
.progress-bar.km-poll-progress-25:not(#tpl-inline-style-sentinel) { width: 25%; }
.progress-bar.km-poll-progress-26:not(#tpl-inline-style-sentinel) { width: 26%; }
.progress-bar.km-poll-progress-27:not(#tpl-inline-style-sentinel) { width: 27%; }
.progress-bar.km-poll-progress-28:not(#tpl-inline-style-sentinel) { width: 28%; }
.progress-bar.km-poll-progress-29:not(#tpl-inline-style-sentinel) { width: 29%; }
.progress-bar.km-poll-progress-30:not(#tpl-inline-style-sentinel) { width: 30%; }
.progress-bar.km-poll-progress-31:not(#tpl-inline-style-sentinel) { width: 31%; }
.progress-bar.km-poll-progress-32:not(#tpl-inline-style-sentinel) { width: 32%; }
.progress-bar.km-poll-progress-33:not(#tpl-inline-style-sentinel) { width: 33%; }
.progress-bar.km-poll-progress-34:not(#tpl-inline-style-sentinel) { width: 34%; }
.progress-bar.km-poll-progress-35:not(#tpl-inline-style-sentinel) { width: 35%; }
.progress-bar.km-poll-progress-36:not(#tpl-inline-style-sentinel) { width: 36%; }
.progress-bar.km-poll-progress-37:not(#tpl-inline-style-sentinel) { width: 37%; }
.progress-bar.km-poll-progress-38:not(#tpl-inline-style-sentinel) { width: 38%; }
.progress-bar.km-poll-progress-39:not(#tpl-inline-style-sentinel) { width: 39%; }
.progress-bar.km-poll-progress-40:not(#tpl-inline-style-sentinel) { width: 40%; }
.progress-bar.km-poll-progress-41:not(#tpl-inline-style-sentinel) { width: 41%; }
.progress-bar.km-poll-progress-42:not(#tpl-inline-style-sentinel) { width: 42%; }
.progress-bar.km-poll-progress-43:not(#tpl-inline-style-sentinel) { width: 43%; }
.progress-bar.km-poll-progress-44:not(#tpl-inline-style-sentinel) { width: 44%; }
.progress-bar.km-poll-progress-45:not(#tpl-inline-style-sentinel) { width: 45%; }
.progress-bar.km-poll-progress-46:not(#tpl-inline-style-sentinel) { width: 46%; }
.progress-bar.km-poll-progress-47:not(#tpl-inline-style-sentinel) { width: 47%; }
.progress-bar.km-poll-progress-48:not(#tpl-inline-style-sentinel) { width: 48%; }
.progress-bar.km-poll-progress-49:not(#tpl-inline-style-sentinel) { width: 49%; }
.progress-bar.km-poll-progress-50:not(#tpl-inline-style-sentinel) { width: 50%; }
.progress-bar.km-poll-progress-51:not(#tpl-inline-style-sentinel) { width: 51%; }
.progress-bar.km-poll-progress-52:not(#tpl-inline-style-sentinel) { width: 52%; }
.progress-bar.km-poll-progress-53:not(#tpl-inline-style-sentinel) { width: 53%; }
.progress-bar.km-poll-progress-54:not(#tpl-inline-style-sentinel) { width: 54%; }
.progress-bar.km-poll-progress-55:not(#tpl-inline-style-sentinel) { width: 55%; }
.progress-bar.km-poll-progress-56:not(#tpl-inline-style-sentinel) { width: 56%; }
.progress-bar.km-poll-progress-57:not(#tpl-inline-style-sentinel) { width: 57%; }
.progress-bar.km-poll-progress-58:not(#tpl-inline-style-sentinel) { width: 58%; }
.progress-bar.km-poll-progress-59:not(#tpl-inline-style-sentinel) { width: 59%; }
.progress-bar.km-poll-progress-60:not(#tpl-inline-style-sentinel) { width: 60%; }
.progress-bar.km-poll-progress-61:not(#tpl-inline-style-sentinel) { width: 61%; }
.progress-bar.km-poll-progress-62:not(#tpl-inline-style-sentinel) { width: 62%; }
.progress-bar.km-poll-progress-63:not(#tpl-inline-style-sentinel) { width: 63%; }
.progress-bar.km-poll-progress-64:not(#tpl-inline-style-sentinel) { width: 64%; }
.progress-bar.km-poll-progress-65:not(#tpl-inline-style-sentinel) { width: 65%; }
.progress-bar.km-poll-progress-66:not(#tpl-inline-style-sentinel) { width: 66%; }
.progress-bar.km-poll-progress-67:not(#tpl-inline-style-sentinel) { width: 67%; }
.progress-bar.km-poll-progress-68:not(#tpl-inline-style-sentinel) { width: 68%; }
.progress-bar.km-poll-progress-69:not(#tpl-inline-style-sentinel) { width: 69%; }
.progress-bar.km-poll-progress-70:not(#tpl-inline-style-sentinel) { width: 70%; }
.progress-bar.km-poll-progress-71:not(#tpl-inline-style-sentinel) { width: 71%; }
.progress-bar.km-poll-progress-72:not(#tpl-inline-style-sentinel) { width: 72%; }
.progress-bar.km-poll-progress-73:not(#tpl-inline-style-sentinel) { width: 73%; }
.progress-bar.km-poll-progress-74:not(#tpl-inline-style-sentinel) { width: 74%; }
.progress-bar.km-poll-progress-75:not(#tpl-inline-style-sentinel) { width: 75%; }
.progress-bar.km-poll-progress-76:not(#tpl-inline-style-sentinel) { width: 76%; }
.progress-bar.km-poll-progress-77:not(#tpl-inline-style-sentinel) { width: 77%; }
.progress-bar.km-poll-progress-78:not(#tpl-inline-style-sentinel) { width: 78%; }
.progress-bar.km-poll-progress-79:not(#tpl-inline-style-sentinel) { width: 79%; }
.progress-bar.km-poll-progress-80:not(#tpl-inline-style-sentinel) { width: 80%; }
.progress-bar.km-poll-progress-81:not(#tpl-inline-style-sentinel) { width: 81%; }
.progress-bar.km-poll-progress-82:not(#tpl-inline-style-sentinel) { width: 82%; }
.progress-bar.km-poll-progress-83:not(#tpl-inline-style-sentinel) { width: 83%; }
.progress-bar.km-poll-progress-84:not(#tpl-inline-style-sentinel) { width: 84%; }
.progress-bar.km-poll-progress-85:not(#tpl-inline-style-sentinel) { width: 85%; }
.progress-bar.km-poll-progress-86:not(#tpl-inline-style-sentinel) { width: 86%; }
.progress-bar.km-poll-progress-87:not(#tpl-inline-style-sentinel) { width: 87%; }
.progress-bar.km-poll-progress-88:not(#tpl-inline-style-sentinel) { width: 88%; }
.progress-bar.km-poll-progress-89:not(#tpl-inline-style-sentinel) { width: 89%; }
.progress-bar.km-poll-progress-90:not(#tpl-inline-style-sentinel) { width: 90%; }
.progress-bar.km-poll-progress-91:not(#tpl-inline-style-sentinel) { width: 91%; }
.progress-bar.km-poll-progress-92:not(#tpl-inline-style-sentinel) { width: 92%; }
.progress-bar.km-poll-progress-93:not(#tpl-inline-style-sentinel) { width: 93%; }
.progress-bar.km-poll-progress-94:not(#tpl-inline-style-sentinel) { width: 94%; }
.progress-bar.km-poll-progress-95:not(#tpl-inline-style-sentinel) { width: 95%; }
.progress-bar.km-poll-progress-96:not(#tpl-inline-style-sentinel) { width: 96%; }
.progress-bar.km-poll-progress-97:not(#tpl-inline-style-sentinel) { width: 97%; }
.progress-bar.km-poll-progress-98:not(#tpl-inline-style-sentinel) { width: 98%; }
.progress-bar.km-poll-progress-99:not(#tpl-inline-style-sentinel) { width: 99%; }
.progress-bar.km-poll-progress-100:not(#tpl-inline-style-sentinel) { width: 100%; }

.progress-bar.km-poll-progress-zero:not(#tpl-inline-style-sentinel) {
  margin-left: 10px;
}

/* === SEO/UX technical audit fixes 2026-08-17 === */
@media (min-width: 1600px) {
  .category_wrapper, .home_wrapper, .container-fluid { max-width: 1920px; margin-left: auto; margin-right: auto; }
  .category_box { width: 100%; min-width: 0; }
}
.product-real-rating { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.rating.product-real-rating > a {color: #f49e2a;}
.product-stars { font-size:20px; letter-spacing:1px; }

.seo-landing-links{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 20px}.seo-landing-links a{display:inline-block;padding:8px 12px;border:1px solid rgba(127,127,127,.25);border-radius:999px;text-decoration:none}

/* ======================================================================
   MERGED MEDIA.CSS — адаптивные стили перенесены сюда целиком.
   ВАЖНО: блок оставлен в исходном порядке, чтобы сохранить каскад CSS.
   ====================================================================== */

@media (min-width: 1701px) {
  /*.product_info_box_wrapper_col {
        padding: 20px;
        margin-bottom: 20px;
        border: 3px solid #dfffdc;
        border-radius: 15px;
}*/
  /*.product_col.product_content {
  width: 25%;
  padding-left: 50px;
}*/
  .product_all_attrs {
    width: 100%;
    margin-bottom: 40px;
  }
}
@media (max-width: 1700px) {
  nav#top .top_menu, .content_wrapper {
    padding-left: 15px;
    padding-right: 15px;
  }
  .product_all_attrs_btns {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
}
@media (max-width: 1540px) {
  nav#top .top_menu, .content_wrapper {
    padding-left: 15px;
    padding-right: 15px;
  }
  .category_content {
    width: 75%;
  }
  aside#column-left {
    width: 25%;
  }
  .header_menu_wrapper .header_menu li.header_item,
      .header_menu_wrapper .header_menu li.header_item a {
    display: block;
    align-items: center;
  }
}
@media (max-width: 1480px) {
  .i_0,.i_1,.i_2,.i_3,.i_4,.i_5,.i_6,.i_7,.i_8,.i_9,.i_10,.i_11,.i_12,.i_13,.i_14,.i_15,.i_16,.i_17,.i_18,.i_19,.i_20,.i_99 {
    width: 32.5%;
    height: 270px;
    margin-bottom: 10px;
  }
  /*.i_5, .i_6, .i_7, .i_8 {
    width: 32.5%;
  }*/
}
@media (max-width: 1400px) {
  .top_menu .open_hours .open {
    margin-right: 30px;
  }
  .open_hours, .btns_call_content p.email {
    margin-right: 10px;
    display: block;
  }
  .product_info_bottom button i {
    display: block;
    font-size: 17px;
    line-height: inherit;
    padding-right: 5px;
  }
  .product_info_bottom button {
    padding: 7px 35px;
  }
  .available_info span {
    font-size: 15px;
  }
}
@media (max-width: 1340px) {
  .option_box_item {
    flex-wrap: wrap;
  }
  span.option_name {
    font-size: 14px;
  }
  .options_params_box .option_box_item {
    margin-bottom: 0;
    width: 100%;
  }
}
@media (max-width: 1300px) {
  .btns_call a {
    font-size: 16px;
    margin-right: 5px;
    margin-top: 0;
  }
}
@media (max-width: 1280px) {
  body .product_item .price_old {
    position: static;
    top: 0;
    order: -1;
    white-space: nowrap;
  }
  .product_title {
    height: 55px;
    margin-bottom: 4px;
  }
  .product_price_box_item {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    flex-direction: column;
  }
  .stock_sticker {
    position: absolute;
    top: 50px;
    right: 0;
  }
  body .product_item .stock_sticker {
    top: 50px;
  }
  .top_menu ul li {
    list-style: none;
    padding: 0 7px;
  }
  .product_price_box_item .price {
    display: flex;
    height: auto;
    width: auto;
    height: auto;
    gap: 0px;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row-reverse;
    padding-bottom: 10px;
  }
}
@media (max-width: 1240px) {
  .open_hours p.open, .open_hours p.address {
    font-size: 12px;
  }
  /*.open_hours {
  margin-right: 0px;
}*/
  .btns_call_content p.email a {
    margin-left: 5px;
  }
  .open_hours img, .contacts_info img {
    margin-right: 5px;
  }
  .product_item {
    width: 33.333333333333%;
  }
  .category_content {
    width: 70%;
  }
  aside#column-left {
    width: 30%;
  }
}
@media (max-width: 1200px) {
  .option_box_item span.check_id span {
    font-size: 12px;
    padding-right: 5px;
    line-height: 13px;
    text-align: right;
  }
  .open_hours {
    margin-right: 0;
  }
  .contact_page_callback_wrapper form {
    padding-left: 40px;
  }
  .callback_col {
    width: 290px;
    padding-right: 40px;
  }
  .contact_page_callback_wrapper form {
    width: 69%;
  }
  .open_hours p.open {
    margin-bottom: 2px;
  }
  .btns_call {
    margin-right: 0;
    margin-left: 20px;
  }
  .header_wishlist img, .header_icons_box .account_icon {
    width: 34px;
    top: 0;
  }
  .header_icons span {
    top: calc(100% + -6px);
  }
  .top_menu ul li a {
    font-size: 13px;
  }
}
@media (max-width: 1170px) {
  .product_item .price_actual {
    font-size: 13px;
  }
  .product_item .price_old {
    font-size: 10px;
  }
  body .advantages_content .adv_item .description {
    font-size: 12px;
  }
  .advantages_content .adv_item .title {
    font-size: 14px;
  }
  .contact_page_callback_box {
    padding: 15px;
  }
  .callback_col {
    border-right: none;
    width: 25%;
  }
  .product_all_attrs_btns {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .product_all_attrs_btns .btn_attr {
    width: 49%;
  }
  .product_top_content {
    max-width: 100%;
  }
  .category_top_content_box_title {
    margin-bottom: 0;
    padding-left: 30px;
  }
  .content_col_left {
    width: 30%;
  }
  .content_col_right {
    width: 70%;
  }
  .top_dropdown {
    display: block;
    color: #000;
    position: relative;
  }
  .top_dropdown:hover {
    text-decoration: none;
    color: #000;
  }
  /*.top_dropdown::after {
        content: '';
        position: absolute;
        right: -15px;
        bottom: 3px;
        border: 5px solid transparent;
          border-top-width: 5px;
          border-top-style: solid;
          border-top-color: transparent;
        border-top: 6px solid rgb(0, 0, 0);
      }*/
  .top_links {
    display: flex;
    align-items: center;
    position: relative;
  }
  .top_links ul {
    display: none;
    position: absolute;
    top: 50px;
    background: #fff;
    padding: 10px;
    z-index: 10;
    width: 150px;
    box-shadow: 0 3px 18px rgba(0,0,0,.42);
    padding-top: 5px;
    padding-bottom: 7px;
  }
  .top_menu ul li {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 5px;
  }
  .top_menu ul li:last-child {
    margin-bottom: 0;
  }
  .top_links a:focus, .top_links a:hover {
    color: #000000;
    text-decoration: none;
  }
  .top_menu ul li a {
    font-size: 16px;
  }
  .header_menu_wrapper .header_menu li.header_item a {
    font-size: 14px;
  }
}
@media (max-width: 1070px) {
  .home_h2 {
    margin-left: 0px;
  }
  .product_item {
    width: 50%;
  }
  aside#column-left {
    width: 35%;
  }
  .category_content {
    width: 65%;
  }
  .i_0,.i_1,.i_2,.i_3,.i_4,.i_5,.i_6,.i_7,.i_8,.i_9,.i_10,.i_11,.i_12,.i_13,.i_14,.i_15,.i_16,.i_17,.i_18,.i_19,.i_20,.i_99 {
    width: 49.5%;
    margin-bottom: 10px;
  }
  .content_col_right {
    width: 100%;
  }
  aside#column-right, .home_categories {
    padding-left: 0;
  }
  .content_col_left {
    display: none;
  }
  .header_item.contacts .open_hours {
    width: 40%;
    padding-left: 30px;
    display: none;
  }
  /*body .open_hours .address {
        display: none;
      }*/
}
@media (max-width: 960px) {
  body div#custom-control {
    padding-left: 20px;
  }
  .option_modal {
    display: none;
    position: fixed;
    left: 2.5%;
    top: 2.5%;
    background: #ffffff;
    width: 95%;
    margin-left: 0;
    padding: 20px;
    z-index: 9999999;
    height: 95%;
    overflow: auto;
  }
  .option_modal_content .radio:nth-child(4n/**/+4) {
    width: 24%;
    margin-right: 0;
  }
  .option_modal_content .radio, .option_modal_content .radio:nth-child(5n/**/+5) {
    width: 24%;
    margin: 0 calc(5% / 4) 20px 0;
  }
  .header_item.logo {
    padding-right: 30px;
  }
  .contact_box .contacts_info {
    max-width: 295px;
    top: 5px;
    left: 0;
  }
  .product_col.image {
    width: 60%;
  }
  .product_col.product_content {
    width: 40%;
  }
  aside#column-left {
    width: 40%;
  }
  .category_content {
    width: 60%;
  }
  .footer_col.address_footer {
    display: block;
  }
  .header_item.logo {
    width: 15%;
  }
  .advantages_content .adv_item {
    width: 32%;
    margin-bottom: 40px;
  }
  .advantages_content {
    justify-content: center;
  }
  .contacts_col a.phone {
    font-size: 19px;
  }
}
@media (max-width: 940px) {
  .otziv_yandex {
    width: 100% !important;
  }
}
@media (max-width: 870px) {
  body div#custom-total tbody tr td {
    font-size: 15px;
  }
  .btns_call {
    margin-left: 10px;
  }
  .product_all_attrs {
    max-width: 100%;
  }
  .product_top_content {
    flex-wrap: wrap;
  }
  a.wishlist_link {
    position: relative;
  }
  .product_stickers {
    width: 100%;
  }
  .product_stickers .sticker {
    margin-left: 0;
    margin-right: 7px;
  }
  .contacts_col a.phone {
    white-space: nowrap;
  }
  .header_menu_wrapper .header_menu li.header_item a {
    font-size: 12px;
  }
}
@media (max-width: 840px) {
  .open_hours p.open, .open_hours p.address {
    display: none;
  }
  .contacts_info p.telephone {
    align-items: center;
  }
}
@media (max-width: 800px) {
  .featured_products_wrapper {
    padding: 0 20px 0 20px;
  }
}
@media (min-width: 800px) {
  .featured_products_wrapper {
    padding: 0 50px 0 50px;
  }
}
@media (min-width: 800px) {
  #descriptionnnnnn {
    margin-bottom: 50px;
    display: flex;
    flex-wrap: wrap;
  }
  .vidos {
    width: 35%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }
}
@media (max-width: 720px) {
  .contact_box .contacts_info {
    position: static;
    padding-left: 0;
    max-width: 100%;
    border-radius: 0;
  }
  .map_contact_info {
    border-radius: 0;
  }
}
@media (max-width: 700px) {
  .product_item {
    width: 50%;
  }
  .header_item.contacts {
    position: relative;
    width: 100%;
    margin: 0 auto;
  }
}
@media (max-width: 670px) {
  .mob_filter {
    width: 100%;
    margin-bottom: 15px;
    border-radius: 7px;
    margin-right: 0;
  }
  .header_item.contacts {
    width: 20%;
  }
  .btns_call {
    display: none;
  }
}
@media (max-width: 640px) {
  .header_menu_wrapper.show, .header_menu_wrapper.fixed.show {
    height: 0;
  }
  .header_menu_wrapper.open {
    margin: 0;
    position: fixed;
    top: 0;
    z-index: 9999;
    width: 100%;
    height: 0;
  }
  .option_modal_content .radio, .option_modal_content .radio:nth-child(5n/**/+5), .option_modal_content .radio:nth-child(4n/**/+4) {
    width: 32%;
    margin: 0 calc(8% / 4) 20px 0;
  }
  .option_modal_content .radio:nth-child(3n/**/+3) {
    margin-right: 0;
  }
  .burger {
    width: 50px;
    height: 40px;
    position: relative;
    top: 0;
    left: 0;
    cursor: pointer;
    background: #6ebe44;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
  }
  .header_menu_wrapper {
    display: none;
  }
  .burger span {
    margin-bottom: 0;
  }
  .header_item.contacts {
    left: 0px;
  }
  .btns_call_content p.email {
    display: none;
  }
  .i_0,.i_1,.i_2,.i_3,.i_4,.i_5,.i_6,.i_7,.i_8,.i_9,.i_10,.i_11,.i_12,.i_13,.i_14,.i_15,.i_16,.i_17,.i_18,.i_19,.i_20,.i_99 {
    width: 100%;
    height: 270px;
    margin-bottom: 15px;
  }
  .btns_call {
    display: flex;
    margin-left: 0;
  }
  .btns_call a:first-child {
    width: 100%;
    text-align: center;
    margin-top: 7px;
  }
  .btns_call a:last-child {
    display: none;
  }
}
@media (max-width: 620px) {
  .header_item.contacts {
    width: 35%;
  }
}
@media (max-width: 570px) {
  body .options_params_box .option_box_item {
    width: 100%;
  }
  .attr_content_box_items {
    column-count: 1;
  }
  .product_all_attrs_btns .btn_attr {
    font-size: 14px;
  }
  .attr_content_box_items {
    max-height: initial;
  }
  .attr_content_box {
    margin-bottom: 0px;
  }
  .attr_content_box p {
    font-size: 14px;
  }
  .fa-5x {
    font-size: 3em;
  }
  .header_wishlist img, .header_icons_box .account_icon, div#cart img {
    width: 28px;
  }
  .header_icons span {
    display: none;
  }
}
@media (max-width: 540px) {
  .product_info_box_wrapper_col {
    border: 3px solid #dfffdc;
    border-radius: 15px;
    text-align: -webkit-center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column;
    align-content: space-around;
    align-items: center;
  }
  .footer_box div {
    width: 100%;
  }
  .footer_catalog ul {
    column-count: 1;
  }
  footer .footer_box .footer_col.footer_catalog {
    width: 50%;
  }
  .product_attr_info_box {
    position: static;
    bottom: 0;
    left: 270px;
    margin-top: 30px;
  }
  .option_box_item, .options_params_box {
    flex-wrap: wrap;
  }
  .featured_box h3 {
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .footer_box .footer_col {
    width: 50%;
  }
  .footer_col.logo img {
    margin: 0 auto;
  }
  .footer_col.logo {
    order: 1;
    text-align: center;
  }
}
@media (max-width: 480px) {
  .product_title {
    height: auto;
  }
  .product_title a {
    height: auto;
  }
  .product_item .price_actual {
    font-size: 27px;
  }
  div#custom-total tbody tr td:last-child {
    font-size: 21px;
  }
  .stickers_box {
    position: absolute;
    top: 0px;
    right: -6px;
  }
  .stickers_box .stickers {
    position: static;
    display: block;
    max-width: 80px;
  }
  .stickers .sticker {
    float: right;
    border-radius: 12px 0 0 12px;
  }
  body .product_item .stock_sticker {
    top: 0px;
  }
  .product-thumb {
    position: relative;
  }
  .btns_product_box {
    display: flex;
    align-items: center;
  }
  .btns_product_box .wishlist_btn {
    display: none;
    width: 28px;
    height: 28px;
    margin-right: 10px;
  }
  .product_info_bottom button i, .product_item .image a.wishlist_btn {
    display: block;
  }
  .product_info_bottom button {
    font-size: 17px;
  }
  .product_item .image {
    height: auto;
  }
  .option_modal_content .radio, .option_modal_content .radio:nth-child(5n/**/+5), .option_modal_content .radio:nth-child(4n/**/+4),.option_modal_content .radio:nth-child(3n/**/+3) {
    width: 49%;
    margin: 0 calc(4% / 2) 20px 0;
  }
  .option_modal_content .radio:nth-child(2n/**/+2) {
    margin-right: 0;
    width: 49%;
  }
  body .modal_wrapper.callback_modal {
    width: 300px;
    margin-left: -150px;
  }
  .payment-type img {
    max-width: 30%;
    margin-right: 0;
    width: 100%;
  }
  .payment-type div {
    width: 100%;
  }
  .form_cols_box {
    flex-wrap: wrap;
  }
  .form_col:first-child, .form_col:last-child {
    width: 100%;
  }
  .form_col:last-child {
    padding-left: 0;
  }
  .product_item .price_actual {
    width: auto;
    text-align: center;
  }
  .product_stickers {
    flex-wrap: wrap;
    gap: 5px;
  }
  .image_additional_box_wrapper {
    width: 100%;
  }
  .image_additional_box_wrapper .swiper-button-next {
    right: 0;
  }
  .image_additional_box_wrapper .swiper-button-prev {
    left: 0;
  }
  .image_box > a.thumbnail {
    height: 280px;
    margin-top: 10px;
  }
  .product_all_attrs_btns .btn_attr {
    width: 100%;
  }
  .product_item {
    padding: 6px;
    width: 100%;
    margin-bottom: 20px;
  }
  .stock_sticker {
    width: 58px;
    background-size: 57px;
  }
  .product_item  .stock_sticker span {
    top: 13px;
    font-size: 21px;
    right: 10px;
  }
  .product_item .stock_sticker {
    width: 78px;
    background-size: 78px;
    height: 46px;
  }
  .stock_sticker span {
    top: 7px;
    font-size: 14px;
  }
  html body .featured_box .swiper-pagination {
    display: none;
  }
  .advantages_content .adv_item {
    width: 50%;
  }
}
@media (max-width: 420px) {
  #form-review .star-item {
    width: 39px !important;
  }
  .footer_box div {
    width: 100%;
  }
  body #feedback-modal-box {
    width: 270px;
  }
  .confirm_feedback_box {
    flex-wrap: wrap;
  }
  .contact_page_callback_wrapper a.feedback.btn {
    width: 100%;
    margin-top: 15px;
  }
}
@media (max-width: 375px) {
  .footer_box {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 1700px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    flex-wrap: wrap;
    row-gap: 20px;
  }
  .footer_box .footer_col {
    width: 100%;
  }
  footer .footer_box .footer_col.footer_catalog {
    width: 50%;
  }
  .footer_col.address_footer {
    display: block;
  }
  .product_top_content .sku {
    width: 100%;
  }
  a.wishlist_link {
    position: relative;
    right: 0;
    margin-bottom: 15px;
  }
  .product_item .price_actual {
    font-size: 16px;
  }
}
@media (max-width: 360px) {
  .option_modal_content .radio, .option_modal_content .radio:nth-child(5n/**/+5), .option_modal_content .radio:nth-child(4n/**/+4), .option_modal_content .radio:nth-child(3n/**/+3), .option_modal_content .radio:nth-child(2n/**/+2) {
    width: 100%;
    margin: 0 calc(4% / 2) 20px 0;
    margin-right: 0;
  }
}
@media (max-width: 768px) {
  .image_box > a.thumbnail img {
    height: auto;
  }
  .category__fullbg {
    height: 150px;
  }
  .category_inner_box .category_item span {
    color: #000;
    padding: 10px 0;
    font-size: 12px;
    line-height: 10px;
  }
  .navbar {
    min-height: 0px;
  }
  .category_inner_box .category_item {
    width: 50%;
    margin: 0 0 20px;
    padding: 0 10px;
  }
  .list-unstyled {
    background: #e7e7e7;
  }
  .view_all {
    background: #bbbbbb;
  }
  .product_price_box_item {
    flex-direction: column;
  }
  .product_price_box_item .price {
    padding-bottom: 10px;
  }
  .image a {
    width: auto;
  }
  .product_item .image img {
    width: 100%;
    max-width: none;
    max-height: none;
  }
  body .options_params_box {
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: column;
  }
  body .options_params_box .option_box_item {
    margin-bottom: 0;
    width: 100%;
  }
  body .header_menu_wrapper.fixed.show {
    background: #488d48;
  }
  header.show:not(.fixed) + .header_menu_wrapper.show {
    top: 0 !important;
  }
  .contact_box .contacts_info {
    position: static;
    padding-left: 0;
    border-radius: 0;
    width: 100%;
    max-width: 100%;
  }
  .modal_wrapper.feedback_modal {
    max-width: 300px;
    margin-left: -150px;
  }
  .modal_col {
    width: 100%;
  }
  body #feedback-modal-box {
    width: 360px;
  }
  .map_box iframe {
    max-height: 300px;
  }
  .callback_col {
    width: 100%;
  }
  .form_col:last-child {
    padding-left: 0px;
  }
  .contact_page_callback_wrapper form {
    width: 100%;
    padding-left: 0;
  }
  .image_box > a.thumbnail {
    height: 350px;
  }
  .product_col.image {
    width: 100%;
  }
  .option_box_item, .options_params_box {
    flex-wrap: nowrap;
  }
  .product_attr_info_box {
    bottom: 0;
    left: 270px;
  }
  .product_col.product_content {
    width: 100%;
    padding: 0 20px 0 20px;
    position: relative;
    padding-bottom: 8px;
  }
  .product_all_attrs {
    max-width: 100%;
    padding: 0 20px 0 20px;
  }
  .product_all_attrs_btns .btn_attr {
    width: 50%;
    margin-top: 10px;
  }
  .attr_content_box .attr_box {
    padding-left: 0;
    margin-bottom: 0;
    width: 100%;
  }
  p.attr_name span {
    font-size: 12px;
  }
  div#name_filter img.close_filter {
    display: none;
    max-width: 24px;
    position: absolute;
    top: 11px;
    right: 11px;
    cursor: pointer;
  }
  aside#column-left {
    display: block;
    position: fixed;
    left: -100%;
    transition: ease 0.3s;
    z-index: -1;
    top: 0;
    padding: 0;
    border-radius: 0;
    width: 100%;
    background: #ffffff;
    height: 100%;
    z-index: -1;
    padding: 20px;
  }
  #name_filter {
    width: 100%;
    border-radius: 0;
    background: none;
    color: #000;
    text-align: left;
  }
  #head_filter {
    border: 1px solid #dadada;
  }
  aside#column-left.open {
    left: 0;
    z-index: 1124;
    overflow: auto;
  }
  .available_info span {
    font-size: 15px;
  }
  .mob_filter {
    display: flex;
    align-items: center;
    width: 50%;
    background: #ffaf3f;
    justify-content: center;
    color: #ffffff;
    font-size: 17px;
    text-transform: uppercase;
    cursor: pointer;
    height: 45px;
    margin-bottom: 15px;
    border-radius: 7px;
    margin-right: 20px;
  }
  .mob_filter img {
    max-width: 24px;
    margin-left: 10px;
  }
  .product_item:hover .product_item_added_images_box {
    right: auto;
    left: 100%;
  }
  .category_content {
    width: 100%;
    padding-left: 20px;
  }
  .footer_box {
    flex-wrap: wrap;
  }
  .footer_box .footer_col {
    width: 50%;
  }
  .item img {
    opacity: 0;
  }
  .item {
    background-size: cover !important;
    height: 300px;
  }
  .burger.open {
    top: 0;
    height: 40px;
  }
  .burger {
    width: 40px;
    position: relative;
    left: 20px;
    cursor: pointer;
  }
  .header_menu_wrapper {
    height: 44px;
    position: relative;
    overflow: visible;
  }
  .burger span {
    width: 100%;
    height: 2px;
    background: #ffffff;
    display: block;
    margin-bottom: 9px;
    transition: ease 0.4s;
  }
  .burger.open span {
    width: 40px;
    height: 2px;
    background: #ffffff;
    display: block;
    margin-bottom: 3px;
    transition: ease 0.4s;
    position: absolute;
    top: 20px;
  }
  .header_menu_wrapper .header_menu.open, .burger.open + .header_menu {
    display: block;
    position: relative;
    top: 0px;
    z-index: 100;
    background: #fff;
    padding-bottom: 15px;
    border: 1px solid #cfcfcf;
    border-radius: 15px;
  }
  .header_menu_wrapper .header_menu li.header_item a {
    font-size: 12px;
    color: #000;
    font-size: 17px;
    width: 100%;
    padding: 10px;
  }
  .view_all {
    color: #fff !important;
  }
  .header_item.diak_header_item_2 a {
    color: #fff;
  }
  .header_item .diak_header_item_2 {
    box-shadow: none;
  }
  .header_menu_wrapper .header_menu li.header_item {
    margin-bottom: 0px;
    border-bottom: 1px solid #eee;
  }
  .header_menu_wrapper .header_menu li.header_item.sales_link {
    background: #fff;
    padding: 0;
  }
  .header_menu_wrapper .header_menu li.header_item.sales_link::after {
    display: none;
  }
  .header_menu_wrapper .header_menu li.header_item.sales_link img {
    display: none;
  }
  .burger.open span:nth-child(2) {
    opacity: 0;
    transition: ease 0.1s;
  }
  .burger.open span:nth-child(3) {
    transform: rotate(-45deg);
  }
  .burger.open span:nth-child(1) {
    transform: rotate(45deg);
  }
  .burger span:last-child {
    margin-bottom: 0;
  }
  .header_menu_wrapper .header_menu {
    display: none;
  }
  .header_item.contacts {
    width: 100%;
  }
  .product_info_box {
    padding: 0px;
  }
  .product_attr_info_box {
    display: none;
  }
  .diak_header_menu__sub {
    background-color: #e6ffd9;
    border-radius: 10px;
    z-index: 999;
    position: relative;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  li.header_item.diak_header_item:hover {
    background: #f3f3f3;
    transition: ease 1.3s;
    border-radius: 10px;
  }
  .diak_header_item_2 {
    background-color: #cfefbf;
    padding-left: 5px;
  }
  .diak_header_item_3 {
    background: #cfefbf;
    padding-left: 10px;
  }
  .diak_header_menu__sub {
    box-shadow: none;
    border: none;
  }
  .navbar-nav .open .dropdown-menu {
    width: 100%;
  }
  .burger button {
    color: #fff;
  }
  .btns_call a {
    background-color: #ffaf3f;
    border: 1px solid #ffaf3f;
    color: #ffffff;
  }
  li.header_item.diak_header_item::before {
    background: #fff0;
  }
  .header_menu_wrapper .header_menu .plus {
    background: #ffffff00;
  }
  .navbar-toggle {
    position: relative;
    float: right;
    padding: 0px 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    margin: 0 auto;
  }
  .burger button i.fa.fa-bars {
    font-size: xx-large;
  }
  div#name_filter img.close_filter {
    filter: invert(48%) sepia(100%) saturate(471%) hue-rotate(0deg) brightness(119%) contrast(119%);
  }
  .product_info_box_wrapper_col {
    text-align: -webkit-center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-content: space-around;
    align-items: center;
    padding-bottom: 20px;
    border: 3px solid #dfffdc;
    border-radius: 15px;
  }
  .product_info_box .price_box {
    order: 1;
  }
  button#button-cart {
    order: 2;
  }
  .boc_order_btn {
    order: 5;
  }
  .product_attr_info_box {
    order: 4;
  }
  .footer_col_new {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-end;
  }
  .footer_col_logo {
    width: 49%;
  }
  .product_all_attrs_btns {
    flex-direction: column;
  }
  .product_all_attrs_btns .btn_attr {
    width: 100%;
  }
}
@media (min-width: 1300px) {
  .newadv_item {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    height: 150px;
    justify-content: flex-end;
    width: 150px;
    box-shadow: 0px 0px 10px #6ebe445c;
    margin: 10px;
  }
  .contact_box .contacts_info {
    width: 80%;
  }
  .newadv_item:hover {
    box-shadow: 0px 0px 10px #ffaf3f61;
    cursor: pointer;
  }
  .btns_call a {
    background-color: #74b83a;
    padding: 3px 10px;
  }
  .btns_call a:hover {
    background-color: #ffaf3f;
  }
}
/*GPT Адаптивные стили для шапки с учетом кнопки выбора города*/
@media (max-width: 1540px) {
  .header_cart {
    width: 95px;
  }
  .contacts_info p.telephone a {
    font-size: 22px;
  }
  .header_item.search {
    padding-left: 20px;
  }
}
@media (max-width: 1400px) {
  .header_item.logo {
    width: 9%;
    min-width: auto;
  }
}
@media (max-width: 1280px) {
  .header_content .header_item.logo img {
    width: 100%;
  }
}
@media (max-width: 1240px) {
  .contacts_info img {
    margin-right: 5px;
  }
}
@media (max-width: 1200px) {
  span.wish_count {
    top: -4px;
  }
  .header_content {
    margin-top: 10px;
  }
  div#cart img {
    max-width: 34px;
  }
  .header_wishlist img {
    width: 34px;
    top: 0;
  }
  .header_cart span.count {
    left: 20px;
  }
}
@media (max-width: 1170px) {
  .header_item.search {
    width: 50%;
  }
  .contacts_info p.telephone a {
    white-space: nowrap;
  }
}
@media (max-width: 1070px) {
  .header_item.contacts {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    width: 15%;
  }
  .header_item.search {
    width: 50%;
  }
}
@media (max-width: 960px) {
  .header_item.logo {
    padding-right: 30px;
    width: 15%;
  }
  .header_item.search {
    width: 45%;
    padding-left: 0;
  }
}
@media (max-width: 940px) {
  .header_item.search {
    width: 40%;
  }
}
@media (max-width: 870px) {
  .header_item.contacts {
    width: 20%;
  }
  .header_item.contacts {
    width: 25%;
  }
  .header_item.search {
    padding-left: 0;
  }
}
@media (max-width: 840px) {
  body .telephones_box p.telephone a {
    font-size: 15px;
  }
  .header_item.logo {
    padding-right: 0;
  }
  .contacts_info p.telephone {
    align-items: center;
    padding: 10px 0 10px;
  }
  .contacts_info p.telephone img {
    top: 0;
  }
  .header_item.contacts {
    min-width: 130px;
    width: 18%;
  }
}
@media (max-width: 800px) {
  .header_item.search {
    width: 35%;
  }
}
@media (max-width: 700px) {
  .header_item.search {
    width: 30%;
  }
  .header_item.contacts {
    position: relative;
  }
}
@media (max-width: 670px) {
  .header_item.search {
    width: 30%;
    padding-left: 0;
  }
  .header_item.contacts {
    width: 100%;
    margin: 0 auto;
  }
}
@media (max-width: 640px) {
  .header_content {
    padding-bottom: 0;
    border-bottom: 1px solid #ededed;
  }
  .header_icons_box {
    margin-right: 20px;
  }
  body .telephones_box p.telephone a {
    font-size: 17px;
  }
  .header_item.contacts {
    width: 100%;
    margin: 0 auto;
  }
  .header_item.search {
    width: 100%;
    padding-left: 0;
    order: 3;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .header_item.logo {
    padding-right: 15px;
    width: 30%;
    min-width: 135px;
  }
}
@media (max-width: 620px) {
  .header_item.search {
    width: 100%;
    padding-left: 0;
  }
  .header_item.contacts {
    width: 100%;
    margin: 0 auto;
  }
}
@media (max-width: 570px) {
  span.wish_count {
    top: -7px;
    left: 15px;
  }
  .header_cart {
    width: auto;
    margin-left: 15px;
  }
  .header_item.search {
    width: 100%;
    padding-left: 0;
  }
  .header_wishlist img, div#cart img {
    width: 28px;
  }
}
@media (max-width: 480px) {
  div#cart img {
    margin-right: 0;
  }
  span#cart-total {
    margin-left: 5px;
  }
  .header_cart {
    margin-left: 35px;
  }
  span.wish_count {
    top: -7px;
    left: 15px;
  }
  .header_wishlist, .header_cart {
    margin-left: 7px;
  }
  .header_content {
    flex-wrap: wrap;
    padding-bottom: 0px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .header_item.search {
    width: 100%;
    padding-left: 0;
  }
}
@media (max-width: 420px) {
  .header_cart span.count {
    top: -7px;
  }
  span#cart-total p {
    display: none;
  }
  span#cart-total {
    margin-left: 5px;
    display: flex;
    align-items: center;
  }
}
@media (max-width: 360px) {
  .header_cart div#cart {
    max-width: 28px;
  }
  span#cart-total > p, span#cart-total .cart_price {
    display: none;
  }
  .header_cart {
    width: auto;
  }
  .header_cart span.count {
    left: 15px;
    top: -7px;
  }
}
@media (max-width: 768px) {
  .header_item.contacts {
    width: 100%;
    margin: 0 auto;
  }
}
/*GPT*/
.header_menu_wrapper, #top {
  transition: top 0.3s ease, opacity 0.3s ease;
  opacity: 1;
  top: -50px;
}
.header_menu_wrapper.fixed.show, #top.fixed.show {
  opacity: 1;
  top: 0;
}

/* ==========================================================================
   KRONA CUSTOM SELECT — красивый dropdown без изменения реального <select>
   Реальный select остаётся в DOM и продолжает участвовать в form submit,
   onchange, AJAX ocStore, валидации и программной смене value.
   ========================================================================== */

.km-select{
    position:relative;
    display:inline-block;
    width:auto;
    max-width:100%;
    min-width:0;
    margin:0;
    vertical-align:middle;
}

.km-select--form-control{
    width:100%;
}

/* Bootstrap input-group: сохраняем место исходного select в таблице группы. */
.input-group > .km-select--form-control{
    display:table-cell;
    width:100%;
    vertical-align:middle;
}

/* Старый поиск: там select делит строку 49/49 с input. */
.search_col > .km-select--form-control{
    width:49%;
}

/* Основные формы / карточка / checkout — select обычно полноширинный. */
.form-group > .km-select--form-control,
.option_box_item > .km-select--form-control,
.km-standard-checkout .km-select--form-control,
.km-checkout-page .km-select--form-control,
.km-special-sort__control .km-select{
    width:100%;
}

/* Настоящий select НЕ удаляем и не display:none:
   так сохраняются submit, required, onchange и внешняя логика. */
.km-select > select.km-select__native{
    position:absolute !important;
    top:0 !important;
    left:0 !important;
    z-index:-1 !important;
    width:1px !important;
    min-width:1px !important;
    max-width:1px !important;
    height:1px !important;
    min-height:1px !important;
    max-height:1px !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    clip:rect(0 0 0 0) !important;
    clip-path:inset(50%) !important;
    white-space:nowrap !important;
    opacity:0 !important;
    pointer-events:none !important;
    border:0 !important;
    box-shadow:none !important;
}

/* Визуальная кнопка select. */
.km-select__trigger{
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
    width:100% !important;
    max-width:100% !important;
    min-height:44px !important;
    margin:0 !important;
    padding:10px 13px 10px 15px !important;
    overflow:hidden !important;
    color:#273129 !important;
    font-family:inherit !important;
    font-size:14px !important;
    font-weight:600 !important;
    line-height:1.3 !important;
    text-align:left !important;
    text-transform:none !important;
    white-space:nowrap !important;
    background:
        linear-gradient(180deg,#ffffff 0%,#fbfdf9 100%) !important;
    border:1px solid #d8e2d3 !important;
    border-radius:12px !important;
    box-shadow:
        0 2px 7px rgba(41,67,34,.05),
        inset 0 1px 0 rgba(255,255,255,.85) !important;
    outline:none !important;
    cursor:pointer !important;
    transform:none !important;
    transition:
        border-color .18s ease,
        box-shadow .18s ease,
        background-color .18s ease !important;
}

.km-select__trigger:hover{
    color:#273129 !important;
    background:#ffffff !important;
    border-color:#b8cead !important;
    box-shadow:0 5px 14px rgba(41,67,34,.08) !important;
    transform:none !important;
}

.km-select__trigger:focus,
.km-select.is-open .km-select__trigger{
    color:#202920 !important;
    background:#fff !important;
    border-color:#74b83a !important;
    box-shadow:
        0 0 0 3px rgba(116,184,58,.12),
        0 6px 18px rgba(41,67,34,.08) !important;
    transform:none !important;
}

.km-select__trigger:disabled{
    color:#8b948d !important;
    background:#f3f5f2 !important;
    border-color:#e2e6df !important;
    box-shadow:none !important;
    cursor:not-allowed !important;
    opacity:.82 !important;
}

.km-select__value{
    display:block;
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.km-select__arrow{
    position:relative;
    flex:0 0 28px;
    width:28px;
    height:28px;
    margin:-3px -4px -3px 0;
    background:#eff7ea;
    border:1px solid rgba(116,184,58,.18);
    border-radius:9px;
    transition:background-color .18s ease;
}

.km-select__arrow::before{
    content:"";
    position:absolute;
    top:8px;
    left:9px;
    width:7px;
    height:7px;
    border-right:2px solid #5d9d35;
    border-bottom:2px solid #5d9d35;
    transform:rotate(45deg);
    transform-origin:center;
    transition:transform .2s ease,top .2s ease;
}

.km-select.is-open .km-select__arrow{
    background:#fff2de;
    border-color:rgba(255,175,63,.30);
}

.km-select.is-open .km-select__arrow::before{
    top:11px;
    border-color:#e89422;
    transform:rotate(225deg);
}

.km-select__trigger.is-placeholder .km-select__value{
    color:#8c958e;
    font-weight:500;
}

.km-select__trigger.is-invalid{
    border-color:#e46c62 !important;
    box-shadow:0 0 0 3px rgba(228,108,98,.10) !important;
}

/* Portal помещается прямо в body: его не обрежут overflow:hidden карточек,
   checkout-панелей, модалок и других контейнеров. */
.km-select-portal{
    position:fixed;
    z-index:2147483000;
    display:block;
    max-width:calc(100vw - 16px);
    margin:0;
    padding:7px;
    overflow-x:hidden;
    overflow-y:auto;
    color:#2c362e;
    font-family:inherit;
    font-size:14px;
    line-height:1.35;
    background:
        linear-gradient(#fff,#fff) padding-box,
        linear-gradient(135deg,rgba(116,184,58,.72),rgba(255,175,63,.72)) border-box;
    border:1px solid transparent;
    border-radius:14px;
    box-shadow:
        0 18px 48px rgba(24,49,30,.18),
        0 4px 14px rgba(24,49,30,.09);
    opacity:0;
    visibility:hidden;
    transform:translateY(-5px) scale(.985);
    transform-origin:top center;
    pointer-events:none;
    overscroll-behavior:contain;
    scrollbar-width:thin;
    scrollbar-color:#b9c9b1 #f5f7f4;
    transition:
        opacity .15s ease,
        transform .15s ease,
        visibility .15s ease;
}

.km-select-portal.is-open{
    opacity:1;
    visibility:visible;
    transform:translateY(0) scale(1);
    pointer-events:auto;
}

.km-select-portal.is-above{
    transform-origin:bottom center;
}

.km-select-portal::-webkit-scrollbar{
    width:8px;
}

.km-select-portal::-webkit-scrollbar-track{
    background:#f5f7f4;
    border-radius:10px;
}

.km-select-portal::-webkit-scrollbar-thumb{
    background:linear-gradient(180deg,#9dbd8e,#d6b276);
    border:2px solid #f5f7f4;
    border-radius:10px;
}

.km-select__group-label{
    position:sticky;
    top:-7px;
    z-index:2;
    margin:2px -1px 4px;
    padding:8px 11px 6px;
    color:#7a847c;
    font-size:11px;
    font-weight:800;
    line-height:1.2;
    letter-spacing:.045em;
    text-transform:uppercase;
    background:rgba(250,252,249,.96);
    backdrop-filter:blur(5px);
    -webkit-backdrop-filter:blur(5px);
}

.km-select__option{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    min-height:40px;
    margin:1px 0;
    padding:9px 11px 9px 12px;
    color:#303a32;
    font-size:14px;
    font-weight:500;
    line-height:1.35;
    text-align:left;
    border-radius:9px;
    cursor:pointer;
    user-select:none;
    -webkit-user-select:none;
    transition:
        color .13s ease,
        background-color .13s ease,
        padding-left .13s ease;
}

.km-select__option:hover,
.km-select__option.is-active{
    color:#5d431f;
    background:linear-gradient(90deg,#fff1dd 0%,#fff8ee 100%);
    box-shadow:inset 3px 0 0 #ffaf3f;
    padding-left:15px;
}

.km-select__option.is-selected{
    color:#274f20;
    font-weight:750;
    background:
        linear-gradient(90deg,rgba(116,184,58,.16),rgba(116,184,58,.055));
}

.km-select__option.is-selected.is-active,
.km-select__option.is-selected:hover{
    color:#274f20;
    background:
        linear-gradient(90deg,rgba(116,184,58,.24),rgba(116,184,58,.08));
    box-shadow:inset 3px 0 0 #74b83a;
}

.km-select__option.is-disabled{
    color:#a1a7a2;
    background:transparent;
    cursor:not-allowed;
    opacity:.72;
}

.km-select__option.is-disabled:hover{
    padding-left:12px;
}

.km-select__option-text{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
}

.km-select__check{
    position:relative;
    flex:0 0 22px;
    width:22px;
    height:22px;
    color:#fff;
    background:#74b83a;
    border-radius:7px;
    opacity:0;
    transform:scale(.8);
    transition:opacity .13s ease,transform .13s ease;
}

.km-select__check::before{
    content:"";
    position:absolute;
    top:5px;
    left:7px;
    width:7px;
    height:4px;
    border-left:2px solid currentColor;
    border-bottom:2px solid currentColor;
    transform:rotate(-45deg);
}

.km-select__option.is-selected .km-select__check{
    opacity:1;
    transform:scale(1);
}

/* В некоторых старых input-group глобальные стили кнопок/ячеек агрессивные. */
.input-group .km-select__trigger,
.input-group-sm .km-select__trigger{
    min-height:40px !important;
}

/* На узких экранах dropdown почти на всю доступную ширину. */
@media (max-width:767px){
    .km-select{
        max-width:100%;
    }

    .km-select__trigger{
        min-height:44px !important;
        font-size:14px !important;
    }

    .km-select-portal{
        padding:6px;
        border-radius:13px;
        box-shadow:0 15px 38px rgba(24,49,30,.20);
    }

    .km-select__option{
        min-height:43px;
        padding-top:10px;
        padding-bottom:10px;
    }

    .search_col > .km-select--form-control{
        width:100%;
    }
}

@media (prefers-reduced-motion:reduce){
    .km-select__trigger,
    .km-select__arrow,
    .km-select__arrow::before,
    .km-select-portal,
    .km-select__option,
    .km-select__check{
        transition:none !important;
    }
}