.p_img_href svg.product-modal-button {
  fill: black;
}

.product_modal {
  overflow-y: hidden;
}
.modal.product_modal .modal-dialog {
  max-width: unset !important;
  margin: 0 auto 20px !important;
}
.product_modal > .modal-content {
  max-height: 600px;
  border: 1px solid #eee;
}

.product_modal > .modal-dialog {
  width: 80% !important;
}

.product_modal .modal-header {
  padding: 12px;
  display: flex;
  align-items: center;
}

.product_modal .modal-header .modal-title {
  display: flex;
  align-items: center;
}

.product_modal .modal-header .close {
  float: unset;
  order: 3;
  width: 20px;
  height: 20px;
  margin-left: auto;
}

.product_modal .modal-body {
  padding: 0;
}

.product_modal .owl-theme .owl-controls {
  margin-top: 0;
}

.product_modal .owl-dot {
  display: none;
}

.prod_options .color_attributes,
.prod_options_radio {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  width: 100% !important;
}

.prod_options_radio label {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0;
}

input[type="radio"] + label:before {
  display: none;
}

input[type="radio"]:checked + label:before {
  display: block;
  inset: 50% 0 50% 5px;
  transform: translate(0, -50%);
}

.prod_options .color_attributes {
  flex-wrap: nowrap;
}
.prod_options td:last-of-type {
  color: #000;
  font-weight: 700;
  width: 50%;
}

.productModal-slider .oneItemSlider {
  height: auto !important;
  padding: 0 20px;
}

.productModal-slider .sync1-item {
  min-height: 320px !important;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 28px;
  color: #fff;
}
.productModal-slider .sync1-item img {
  object-fit: cover;
  display: block !important;
}
.productModal-slider .sync2-item {
  height: 65px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 28px;
  color: #fff;
}

.productModal-slider .sync2-item img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.productModal-slider #sync3 .owl-nav .owl-next,
.productModal-slider #sync1 .owl-nav .owl-next {
  right: 6px;
  top: 50% !important;
}

.productModal-slider #sync3 .owl-nav .owl-prev,
.productModal-slider #sync1 .owl-nav .owl-prev {
  left: 6px;
  top: 50% !important;
}

.productModal-slider #sync4 .owl-nav .owl-next {
  right: -16px;
  top: 50% !important;
}

.productModal-slider #sync4 .owl-nav .owl-prev {
  left: -16px;
  top: 50% !important;
}

.synchronizedSlider {
  max-width: 250px;
  margin: 20px auto 0 auto;
}

.productModal-middleBlock {
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
  height: fit-content;
}

.productModal-middleBlock-price {
  border-bottom: 1px solid #eee;
  padding: 20px;
}

.productModal-middleBlock .actualPrice {
  font-family: Roboto, Sans-Serif;
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
  color: #42484d;
  position: relative;
  margin-bottom: 10px;
}

.productModal-middleBlock .actualPrice:before {
  content: attr(data-oldPice);
  display: block;
  text-decoration: line-through;
  font-family: Roboto, Sans-Serif;
  font-size: 12px;
  line-height: 1;
  color: #da738a;
}

.productModalWrapper {
  display: grid;
  grid-template-columns: 33.3% 33.3% 33.3%;
  width: 100%;
}

.productModal-slider {
  padding: 20px;
}

.label-wrapper {
  position: absolute;
  left: 20px;
  top: 20px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  z-index: 100;
}

.productModal-label {
  border-radius: 2px;
  display: inline-block;
  padding: 3px 6px;
  color: #fff;
  margin-bottom: 5px;
}

.productModal-label:last-child {
  margin-bottom: 0;
}

.label-top {
  background: var(--sm-link-color);
}

.label-discount {
  background: var(--sm-link-color);
}

.label-new {
  background: var(--sm-link-color);
}

.add2cart-wrapper {
  display: flex;
}

.add2cart-wrapper input {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--sm-btn-color);
  color: #fff;
  padding: 7px 11px;
  font-size: 13px;
  font-weight: 500;
  border: none;
  width: 4em;
  border-radius: 3px 0 0 3px;
}

.add2cart-wrapper #modal_qty_input::-webkit-outer-spin-button, .add2cart-wrapper #modal_qty_input::-webkit-inner-spin-button {
  display: none;
  -webkit-appearance: none;
  margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

.productModal-middleBlock-price .btn {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 5px;
  background: var(--sm-btn-color);
  color: #fff;
  padding: 7px 10px;
  border-radius: 0 3px 3px 0;
  font-size: 15px;
  font-weight: 500;
  line-height: normal;
  height: 100%;
}

.productModal-middleBlock-price .buy_one_click {
  white-space: nowrap;
  font-family: Roboto, Sans-Serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  color: #6c757d;
  border-radius: 3px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
  border: solid 1px #e9ebed;
  background-color: #fff;
  padding: 8px 5px;
}

.productModal-middleBlock-color {
  border-bottom: 1px solid #eee;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 20px;
}

.prod_options .attributes_list_type {
  display: flex;
  flex-direction: column;
  min-width: 160px;
}

.prod_options .attributes_list_type .attributes_list.color_attributes-item{
  margin: 0;
  white-space: nowrap;
}

/* .attributes_list.color_attributes-item */

.productModal-middleBlock-color .attr_select {
  margin: 0;
}

.productModal-middleBlock-color .prod_options tbody > tr {
  display: flex;
  flex-direction: column;
}

.productModal-middleBlock-color .prod_options tbody > tr td {
  padding: 0;
}

.productModal-middleBlock-color .prod_options tbody > tr td:first-child {
  padding-bottom: 10px;
}

.productModal-middleBlock .prod_options td {
  border: none;
}

.productModal-middleBlock-last {
  max-height: 235px;
  overflow-y: auto;
  padding: 20px;
}
.productModal-middleBlock-last p {
  font-size: 14px;
  line-height: 1.2;
}
.productModal-middleBlock-last::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}

.productModal-middleBlock-last::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: #bababf;
  -webkit-box-shadow: 0 0 1px rgba(255,255,255,0.5);
}

.productModal-middleBlock-characteristics {
  padding-bottom: 7px;
}

.productModal-middleBlock-characteristics .characteristic-name {
  font-family: Roboto, Sans-Serif;
  font-size: 13px;
  line-height: normal;
  color: #7a7e82;
  margin-bottom: 5px;
}

.characteristic-value {
  font-family: Roboto, Sans-Serif;
  font-size: 13px;
  font-weight: 500;
  line-height: normal;
  color: #42484d;
  margin-bottom: 10px;
}

.productModal-desc {
  padding-bottom: 7px;
}

.productModal-desc .tabs {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(1px, auto));
  border-bottom: 1px solid #eee;
}

.productModal-desc .tabs a {
  text-decoration: none;
}

.productModal-tabItem {
  font-family: Roboto, Sans-Serif;
  text-decoration: none;
  font-size: 13px;
  font-weight: 500;
  line-height: normal;
  color: rgba(66, 72, 77, 0.7);
  padding: 10px;
  cursor: pointer;
  text-align: center;
}

.productModal-tabItem_active {
  background: #f0f1f2;
  text-decoration: none;
}

.productModal-tabItem:hover {
  background: #eee;
  text-decoration: none;
}

.productModal-tabItem:checked {
  text-decoration: none;
}

.productModal-tabContent-Item {
  padding: 20px;
  display: none;
  font-size: 16px;
  line-height: 1.2;
  overflow-y: auto;
}

.productModal-tabContent-Item .add-comment-row {
  margin: 0;
}

.productModal-tabContent-Item .add-comment-row .comment-skin-body {
  padding: 0;
}

.productModal-tabContent-Item::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}

.productModal-tabContent-Item::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: #bababf;
  -webkit-box-shadow: 0 0 1px rgba(255,255,255,0.5);
}

.productModal-tabContent-Item .char-left, .productModal-tabContent-Item .char-right {
  font-size: 1em;
}

.productModal-tabContent-Item_active {
  display: block;
}

.productModal-tabContent-Item .pag_header {
  margin: 0;
  padding: 0 5px 5px 5px;
}

.productModal-tabContent-Item .char {
  padding: 5px 0 0 0;
}

.productModal-tabContent-Item .reviews_container {
  margin: 0;
}

.productModal-tabContent-Item .char {
  display: unset;
}

.productModal-tabContent-Item .btn-info {
  display: flex;
  align-items: center;
}

.productModal-tabContent-Item .comment-skin-body {
  width: 100%;
}
body #sync3 {
  display: block;
  height : 421px;
}
#sync3 .item {
  height: 421px;
  line-height: 421px;
  text-align: center;
}
#sync3 img {
  width:auto;
  max-height:100%;
  max-width:100%;
  display:inline;
}
.add2cart-wrapper #r_buy_intovar {
  margin-bottom: 0;
}
.add2cart-wrapper #r_buy_intovar .btn {
  background: var(--sm-btn-color);
}

.productModal-slider .owl-nav .owl-prev {
  left: -20px;
}
.productModal-slider .owl-nav .owl-next {
  right: -20px;
}

.product_modal .prod_options tr td:last-of-type {
  width: 120px;
}

.char-left {
  float: left;
  width: 50%;
  padding: 5px 0;
  font-weight: bold;
}

.char-right {
  padding: 5px 0;
}

@media (max-width: 1240px){
    #sync4.synchronizedSlider.modalSlider {
        margin-top: 90px;
    }
}

@media (max-width: 1140px){
    .productModal-slider .owl-nav .owl-prev {
        left: -10px;
    }
    .productModal-slider .owl-nav .owl-next {
        right: -10px;
    }
    #sync4.synchronizedSlider.modalSlider {
        margin-top: 40px;
    }
}

@media print {
  #sync3 .item a {
      display: block;
      text-align: center;
      height: inherit;
      width: 100%;
  }
}

@media (max-width : 991px) {
  .test-over_wrapper .item {
      min-height: 450px;
  }
  .test-over_wrapper .packet_price {
      font: 700 20px 'Roboto', sans-serif;
  }
  .product_modal {
      overflow-y:visible;
  }
  #sync4.synchronizedSlider.modalSlider {
      margin-top: 90px;
  }
  .productModal-desc {
      grid-column: 1/3;
  }

    .product_modal .modal-content {
      max-height: unset;
  }

  .productModalWrapper {
    grid-template-columns: 45% 54%;
    grid-auto-rows: auto;
  }

  .productModal-desc .tabs {
      border-top: 1px solid #eee;
  }

  .productModal-desc {
      grid-column-start: 1;
      grid-column-end: 3;
  }
}

@media (max-width : 767px) {
  .productModalWrapper {
      grid-template-columns: 100%;
  }
  .productModal-desc {
      grid-column: 1;
  }

  .product_modal > .modal-dialog {
      margin-top: 250px !important;
      transform: translate(-50%, -40%) !important;
  }

  #sync4.synchronizedSlider.modalSlider {
      margin-top: 125px;
  }

  .test-over_wrapper .item {
      min-height: 280px;
      margin-bottom: 20px;
  }
  .flex_center {
      display: flex;
      justify-content: center;
      flex-direction: column;
      align-items: center;
  }
  .test-over_wrapper .packet_price {
      font: 700 26px 'Roboto', sans-serif;
  }
}

@media (max-width: 680px) {
  .product_modal {
      overflow-y: auto !important;
  }

  .product_modal > .modal-dialog {
    width: calc(100% - 30px) !important;
  }

  .product_modal::-webkit-scrollbar {
      -webkit-appearance: none;
      width: 7px;
  }

  .product_modal::-webkit-scrollbar-thumb {
      border-radius: 2px;
      background-color: #bababf;
      -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
  }

  .product_modal .modal-header {
      padding: 8px 12px;
  }

  .synchronizedSlider {
      margin-top: 7px;
  }

  .productModal-slider .oneItemSlider {
      margin-top: 0;
      padding: 0;
  }

  .productModal-slider .sync1-item {
      display: flex;
      gap: 15px;
      flex-wrap: wrap;
      height: 150px !important;
  }

  .productModal-middleBlock-color {
      border-bottom: none;
      border-right: 1px solid #eee;
  }

  .productModal-middleBlock-characteristics {
      padding-bottom: 0;
  }

  .productModal-middleBlock-price {
      border-top: 1px solid #eee;
  }

}

@media (max-width : 480px) {
  .product_modal > .modal-dialog {
      margin-top: 730px !important;
  }

  #sync4.synchronizedSlider.modalSlider {
      margin-top: 40px;
  }

  body[data-page-name="index_default"] .test-over_title {
      font-size: 20px;
  }
  .test-over-flex p.test-over-date,
  .test-over-flex p.test-over-text {
      font: 400 13px 'Roboto', sans-serif;
  }

  #sync3 .item {
    height: 250px;
    line-height: 250px;
  }

  body #sync3 {
    height: 250px;
  }
}
