#ocmod-popup-okno  a{
  color: #000;
}
.ocmodpcart-popup.mfp-bg{
    background: #767676;
    opacity: 0.8;
}

#ocmod-popup-okno .table-responsive{
  border: none;
}

.popup-phone-wrapper {
  position: fixed;
  opacity: 0.6;
  text-align: center;
  z-index: 9999;
  background-color: #e47364;
  color: #fff;
  width: 40px;
  height: 40px;
  line-height: 46px;
  right: 30px;
  bottom: 30px;
  border-radius: 4px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.popup-phone-wrapper:hover {
  opacity: 0.9;
  cursor: pointer;
}
.popup-phone-wrapper i {
  font-size: 20px;
  animation: 1.2s ease-in-out 0s normal none infinite running trambling-animation;
}

.popup-phone-wrapper + .scroll-top-wrapper.show {
  right: 30px;
  bottom: 80px;
}

@keyframes trambling-animation {
  0%, 50%, 100% {
    transform: rotate(0deg);
  }
  10%, 30% {
    transform: rotate(-10deg);
  }
  20%, 40% {
    transform: rotate(10deg);
  }
}

#ocmod-popup-okno {
  background: #F7F8FB;
  max-width: 1258px;
  width: 90%;
  margin: 20px auto;
  min-height: 100px;
  position: relative;
  border-radius: 15px;
  overflow: hidden;
}

#ocmod-popup-okno.ocmodpphone {
  max-width: 500px;
}

#ocmod-popup-okno .ocmod-popup-heading {
    color: var(--Gray-500, #374155);
    font-family: Inter;
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-align: left;
    padding: 25px 0 0 25px;
}

#ocmod-popup-okno .mfp-close {
    font-size: 32px;
    color: #596375;
    width: 60px;
    height: 50px;
  right: 0;
  top: 0px;
  position: absolute;
  z-index: 2;
  cursor: pointer !important;
  outline: none;
  border: 0;
  border-radius: 0 2px 0 0;
  opacity: 1;
  -webkit-transition: all 100ms linear;
  -moz-transition: all 100ms linear;
  -ms-transition: all 100ms linear;
  -o-transition: all 100ms linear;
  transition: all 100ms linear;
}

#ocmod-popup-okno .mfp-close:hover {
  color: #03a9f4;
  background-color: #fafafa;
  -webkit-transition: all 100ms linear;
  -moz-transition: all 100ms linear;
  -ms-transition: all 100ms linear;
  -o-transition: all 100ms linear;
  transition: all 100ms linear;
}

#ocmod-popup-okno .ocmod-popup-footer {
  padding: 15px 25px 15px 25px;
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: bottom;
}

#ocmod-popup-okno .ocmod-popup-footer button {
  padding: 13px 25px;
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  display: inline-block;
  border: 0;
  background: #00757E;
  border-radius: 8px;
  outline: none;
  text-align: center;
  margin-bottom: 10px;
  -webkit-transition: all 100ms linear;
  -moz-transition: all 100ms linear;
  -ms-transition: all 100ms linear;
  -o-transition: all 100ms linear;
  transition: all 100ms linear;
}

#ocmod-popup-okno .ocmod-popup-footer button:hover {
  background: #00656D;
  -webkit-transition: all 100ms linear;
  -moz-transition: all 100ms linear;
  -ms-transition: all 100ms linear;
  -o-transition: all 100ms linear;
  transition: all 100ms linear;
}

#ocmod-popup-okno .ocmod-popup-footer a {
  float: right;
  background: #00757E;
  color: #fff;
  font-size: 16px;
  padding: 13px 25px;
  cursor: pointer;
  display: inline-block;
  border-radius: 8px;
  text-align: center;
  -webkit-transition: all 100ms linear;
  -moz-transition: all 100ms linear;
  -ms-transition: all 100ms linear;
  -o-transition: all 100ms linear;
  transition: all 100ms linear;
}

#ocmod-popup-okno .ocmod-popup-footer a:hover {
  background: #00656D;
  color: #fff;
  -webkit-transition: all 100ms linear;
  -moz-transition: all 100ms linear;
  -ms-transition: all 100ms linear;
  -o-transition: all 100ms linear;
  transition: all 100ms linear;
}

#ocmod-popup-okno .ocmod-popup-center {
  background: transparent;
  padding: 25px 25px 0 25px;
  font-size: 14px;
}

#ocmod-popup-okno .alert {
  margin: 0;
}

#ocmod-popup-okno .ocmod_form {
  clear: both;
  padding: 20px 0 10px 0;
  margin: 0;
}

#ocmod-popup-okno .ocmod_form > div {
  width: 100%;
  display: inline-block;
}

#ocmod-popup-okno .ocmod_form > div + div {
  margin-top: 10px;
}

#ocmod-popup-okno .ocmod_form > div label {
  font-size: 14px;
  line-height: 30px;
  float: left;
  width: 30%;
  text-align: right;
  padding-right: 20px;
}

#ocmod-popup-okno .ocmod_form > div label span.required {
  color: #dd4b39;
  padding-right: 2px;
}

#ocmod-popup-okno .ocmod_form > div input,
#ocmod-popup-okno .ocmod_form > div textarea {
  border: 1px solid #ddd;
  padding: 5px 10px;
  background: #fff;
  outline: none;
  font-size: 14px;
  width: 70%;
  }

#ocmod-popup-okno .ocmod_form > div textarea {
  min-height: 70px;
  resize: vertical;
}

.mfp-zoom-in .mfp-content > div {
  opacity: 0;
  transition: all 0.2s ease-in-out;
  transform: scale(0.7);
}

.mfp-zoom-in.mfp-ready .mfp-content > div {
  opacity: 1;
  transform: scale(1);
}

.mfp-zoom-in.mfp-removing .mfp-content > div {
  transform: scale(0.7);
  opacity: 0;
}

.masked {
  position: absolute;
  z-index: 10000;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.2;
  left: 0;
  top: 0;
}

.masked_loading {
  background: url(../image/ocmodpreloader.svg) no-repeat center center;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 10001;
  top: 0;
  left: 0;
}

.display-products-cart {
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: auto;
  width: 100%;
}

.display-products-cart #main-price.spec {
  text-decoration: line-through;
  font-size:12px;
}

.display-products-cart #special-price {
  color: #dd4b39;
}

.display-products-cart tr td {
  border: 1px solid #ddd;
  padding: 0;
  vertical-align: middle;
  text-align: left;
}

#ocmod-popup-okno table thead tr td{
  font-size: 14px;
  text-transform: none;
  background: #fff;
  padding: 20px;
}

#ocmod-popup-okno table thead tr td:last-child{
  padding: 20px;
}

#ocmod-popup-okno table > thead:first-of-type > tr > td{
  border-top-width: 1px !important;
}

#ocmod-popup-okno table tbody tr:last-child td{
  border-bottom-width: 1px;
}

.display-products-cart tr td.remove {
  vertical-align: middle;
  min-width: 20px;
  padding: 0;
  text-align: center;
}

.display-products-cart tr td.remove button {
  font-size: 20px;
  background: transparent;
  border: 0;
  outline: none;
}

.display-products-cart tr td.remove button:hover {
  color: #234898;
}

.display-products-cart tr td.image {
  vertical-align: middle;
  text-align: center;
}

.display-products-cart tr td {
  padding: 20px;
}

.display-products-cart tr td.image img {
  border: 0;
  background-color: transparent;
}

.display-products-cart tr td.name {
  font-size: 13px;
  vertical-align: middle;
}

.display-products-cart.porder tr td.name {
  font-size: 14px;
}

.display-products-cart.porder tr td.name .discounts {
  font-size: 13px;
  color: #555;
  line-height: 1.3;
  padding-left: 5px;
}

.display-products-cart tr td.name a {
  font-size: 14px;
}

.display-products-cart tr td.qt {
  min-width: 110px;
  vertical-align: middle;
}

.display-products-cart tr td.totals {
  font-size: 14px;
  min-width: 110px;
  vertical-align: middle;
}

.display-products-cart .porder tr td.totals {
  padding: 0;
}

.display-products-cart .number {
    display: block;
    vertical-align: middle;
    position: relative;
    max-width: 120px;
    margin: 0 auto;
}

.display-products-cart .frame-change-count {
  width: 120px;
}

.display-products-cart .btn-plus button {
  width: 32px;
  height: 32px;
  font-size: 12px;
  line-height: 0;
  padding: 0;
  cursor: pointer;
  display: inline-block;
  background: #234898;
  color: #fff;
  border: 0;
  outline: none;
  text-align: center;
  border-radius: 5px;
}

.display-products-cart .btn-minus button {
  width: 32px;
  height: 32px;
  font-size: 20px;
  line-height: 0;
  padding: 0;
  cursor: pointer;
  display: inline-block;
  background: #234898;
  color: #fff;
  border: 0;
  outline: none;
  text-align: center;
  border-radius: 5px;
}

.display-products-cart .btn-plus {
  float: right;
  height: 32px;
  width: 32px;
}

.display-products-cart .btn-minus {
  float: left;
  height: 32px;
  width: 32px;
}

.display-products-cart .btn-plus button:hover,
.display-products-cart .btn-minus button:hover {
  background-color: #03a9f4;
  color: #fff;
}

.display-products-cart input.plus-minus {
  border-top: 0;
  border-bottom: 0;
  background: #fff;
  width: 50px;
  height: 32px;
  outline: none;
  font-size: 14px;
  text-align: center;
  position: absolute;
  top: 0;
  left: 36px;
  border: none;
}

.mobile-products-cart {
  display: none;
  position: relative;
}

.mobile-products-cart > div {
  width: 100%;
  position: relative;
  text-align: center;
  border-bottom: 1px solid #ddd;
  padding-top: 10px;
  padding-bottom: 15px;
  display: inline-block;
}

.mobile-products-cart .remove button {
  font-size: 14px;
  background: transparent;
  border: 0;
  outline: none;
  padding-top: 10px;
}

.mobile-products-cart .remove button:hover {
  color: #dd4b39;
}

.mobile-products-cart .image {
  height: 100px;
}

.mobile-products-cart .image img {
  border: 0;
  padding: 10px;
}

.mobile-products-cart .name {
  font-size: 13px;
}

.mobile-products-cart .name a {
  display: inline;
  line-height: 1.4;
  font-size: 15px;
  padding-right: 5px;
}

.mobile-products-cart .qt {
  padding-top: 10px;
  text-align: center;
}

.mobile-products-cart .totals {
  font-size: 14px;
  padding-top: 15px;
}

.mobile-products-cart .remove {
  padding: 0 0 0 15px;
}

.all-total {
  float: right;
  padding: 15px 0;
}

.all-total .totals-left {
  float: right;
  text-align: right;
  line-height: 26px;
  font-size: 14px;
}

.all-total .totals-right {
  float: right;
  margin-left: 10px;
  text-align: right;
  font-size: 16px;
  line-height: 26px;
  min-width: 70px;
}

.all-total .clear-total {
  clear: both;
}

.mobile-products-cart .number {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

.mobile-products-cart .frame-change-count {
  width: 120px;
}

.mobile-products-cart .btn-plus button {
  width: 32px;
  height: 32px;
  font-size: 12px;
  line-height: 0;
  padding: 0;
  cursor: pointer;
  display: inline-block;
  background: #234898;
  border: 0;
  outline: none;
  text-align: center;
  color: #fff;
  border-radius: 5px;
}

.mobile-products-cart .btn-minus button {
  width: 32px;
  height: 32px;
  font-size: 20px;
  line-height: 0;
  padding: 0;
  cursor: pointer;
  display: inline-block;
  background: #234898;
  border: 0;
  outline: none;
  text-align: center;
  color: #fff;
  border-radius: 5px;
}

.mobile-products-cart .btn-plus {
  float: right;
}

.mobile-products-cart .btn-minus {
  float: left;
}

.mobile-products-cart .btn-plus button:hover,
.mobile-products-cart .btn-minus button:hover {
  background-color: #03a9f4;
  color: #fff;
}

.mobile-products-cart input.plus-minus {
  background: #fff;
  width: 50px;
  height: 32px;
  outline: none;
  font-size: 14px;
  text-align: center;
  position: absolute;
  top: 0;
  left: 35px;
  border: none;
}

.mobile-products-cart .price{
  padding-top: 15px;
}

/*.also_products_title-wrapper{*/
/*  position: relative;*/
/*  padding: 0 0 15px 0;*/
/*  margin: 20px 25px 40px;*/
/*  font-size: 24px;*/
/*  font-weight: bold;*/
/*  text-transform: uppercase;*/
/*  border-bottom: 1px solid #dddd;*/
/*}*/


/*.also_products_title-wrapper h3{*/
/*  font-size: 24px;*/
/*}*/

/*.also_products_title-wrapper::after{*/
/*  content: '';*/
/*  position: absolute;*/
/*  bottom: 0;*/
/*  left: 0;*/
/*  background: #253B76;*/
/*  max-width: 250px;*/
/*  width: 100%;*/
/*  height: 4px;*/
/*}*/

/*.module-also-products-999 .module-body{*/
/*  padding: 0 25px;*/
/*}*/

/*.desktop .module-also-products-999 .swiper{*/
/*  height: 680px;*/
/*}*/

/*.desktop .module-also-products-999 .swiper-container{*/
/*  height: 100%;*/
/*  overflow-y: visible;*/
/*}*/

/*.module-also-products-999 .product-thumb{*/
/*  padding: 20px;*/
/*  border-radius: 7px;*/
/*  border: 1px solid #ddd;*/
/*}*/

/*.module-also-products-999 .swiper-wrapper .module-item .image {*/
/*  width: 100%;*/
/*  max-height: 250px;*/
/*  overflow: hidden;*/
/*  margin: 0;*/
/*}*/

/*#ocmod-popup-okno .module-also-products-999 .name{*/
/*  padding: 0 0 10px;*/
/*}*/

/*#ocmod-popup-okno .module-also-products-999 .name a {*/
/*  white-space: normal;*/
/*  overflow: visible;*/
/*  text-overflow: initial;*/
/*  font-family: 'Roboto';*/
/*  font-weight: 400;*/
/*  font-size: 16px;*/
/*  color: rgba(35, 72, 152, 1);*/
/*  text-align: left;*/
/*}*/

/*#ocmod-popup-okno .module-also-products-999 .description{*/
/*  padding: 10px 0 15px;*/
/*  font-size: 14px;*/
/*  color: #000;*/
/*}*/

/*#ocmod-popup-okno .module-also-products-999 .rating{*/
/*  padding: 15px 0;*/
/*}*/

/*#ocmod-popup-okno .module-also-products-999 .price{*/
/*  padding: 15px 0;*/
/*}*/

/*#ocmod-popup-okno .module-also-products-999 .price-normal{*/
/*  font-size: 20px;*/
/*  color: #000;*/
/*}*/

/*#ocmod-popup-okno .module-also-products-999 .price-new{*/
/*  font-size: 20px;*/
/*  color: #000;*/
/*}*/

/*#ocmod-popup-okno .module-also-products-999 .price-old{*/
/*  font-size: 16px;*/
/*  color: #e81313;*/
/*  text-decoration: underline;*/
/*}*/

/*.module-also-products-999 .button-group{*/
/*  display: flex;*/
/*  justify-content: space-between;*/
/*  padding: 15px 0;*/
/*}*/

/*#ocmod-popup-okno .module-also-products-999 .btn{*/
/*  padding: 0;*/
/*  font-size: 31px;*/
/*  background: transparent;*/
/*  color: #9b9b9b;*/
/*}*/

/*#ocmod-popup-okno .module-also-products-999 .btn:hover,*/
/*#ocmod-popup-okno .module-also-products-999 .btn:focus,*/
/*#ocmod-popup-okno .module-also-products-999 .btn:active{*/
/*  color: #06aaf4 !important;*/
/*  background: transparent !important;*/
/*}*/

/*#ocmod-popup-okno .module-also-products-999 .btn-cart{*/
/*  height: 40px;*/
/*  padding: 12px 30px;*/
/*  background: linear-gradient(270deg, #03a9f4 0%, #234898 100%) !important;*/
/*  font-family: 'Roboto';*/
/*  font-weight: 400;*/
/*  font-size: 16px;*/
/*  text-align: center;*/
/*  border-radius: 30px;*/
/*}*/

/*#ocmod-popup-okno .module-also-products-999 .btn-cart:hover,*/
/*#ocmod-popup-okno .module-also-products-999 .btn-cart:active,*/
/*#ocmod-popup-okno .module-also-products-999 .btn-cart:focus{*/
/*  background: #06aaf4 !important;*/
/*}*/

/*#ocmod-popup-okno .module-also-products-999 .btn-cart .btn-text{*/
/*  color: rgba(255, 255, 255, 1) !important;*/
/*}*/

/*#ocmod-popup-okno .module-also-products-999 .btn-cart::before{*/
/*  content: none !important;*/
/*}*/

#ocmod-popup-okno .module-also-products-999 .swiper-999-buttons{
  width: 102px;
  position: absolute;
  top: -81px;
  z-index: 2;
  pointer-events: none;
  display: flex;
  justify-content: space-between;
  right: 0;
}

#ocmod-popup-okno .module-also-products-999 .swiper-999-buttons .swiper-999-button-prev{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 40px;
  background: rgba(35, 72, 152, 1);
  box-shadow: 0 5px 30px -5px rgba(0, 0, 0, 0.15);
  border-radius: 25px 0 0 25px;
  color: #fff;
  pointer-events: auto;
  z-index: 3;
}

#ocmod-popup-okno .module-also-products-999 .swiper-999-buttons .swiper-999-button-prev::before {
  content: '\e408';
  font-family: icomoon;
}

#ocmod-popup-okno .module-also-products-999 .swiper-999-buttons .swiper-999-button-next{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 40px;
  background: rgba(35, 72, 152, 1);
  box-shadow: 0 5px 30px -5px rgba(0, 0, 0, 0.15);
  border-radius: 0 25px 25px 0;
  color: #fff;
  pointer-events: auto;
  z-index: 3;
}

#ocmod-popup-okno .module-also-products-999 .swiper-999-buttons .swiper-999-button-next::before {
  content: '\e409';
  font-family: icomoon;
}

#ocmod-popup-okno .module-also-products-999 .swiper-999-buttons .swiper-999-button-prev:hover,
#ocmod-popup-okno .module-also-products-999 .swiper-999-buttons .swiper-999-button-next:hover{
  background: linear-gradient(270deg, #03a9f4 0%, #234898 100%);
}

#ocmod-popup-okno .module-also-products-999 .swiper-999-buttons:before {
  content: '';
  width: 110px;
  height: 60px;
  position: absolute;
  background: #fff;
  z-index: 1;
  right: -4px;
  top: -10px
}

/*!************Product_attribute hover**************!*/
/*.desktop .module-also-products-999 .product_attribute {*/
/*  opacity: 0;*/
/*  position: relative;*/
/*  top: -5%;*/
/*  width: 100%;*/
/*  z-index: 5;*/
/*  width: -webkit-fill-available;*/
/*  padding: 10px 20px;*/
/*  border: 1px solid rgba(221, 221, 221, 1);*/
/*  border-radius: 0 0 10px 10px;*/
/*  border-top: none;*/
/*  background: #fff;*/
/*  box-shadow: 0 25px 30px -5px rgba(0, 0, 0, 0.15);*/
/*}*/
/*.desktop .module-also-products-999 .product-thumb:hover + .product_attribute {*/
/*  display: block !important;*/
/*  opacity: 1;*/
/*}*/
/*.desktop .module-also-products-999 .product_attribute .text-attribut {*/
/*  font-size: 12px;*/
/*}*/

@media screen and (max-width: 1024px){
  .module-also-products-999 {
    padding: 0 0 25px 0;
  }
}

@media (max-width: 900px){
  #ocmod-popup-okno table tbody tr td{
    white-space: nowrap;
  }

  .also_products_title-wrapper h3{
    font-size: 20px;
  }

}

@media (max-width: 767px) {

  .also_products_title-wrapper{
    padding: 15px 0 0 0;
  }

  .also_products_title-wrapper::after{
    max-width: 160px;
  }

  .also_products_title-wrapper h3{
    font-size: 16px;
  }

  #ocmod-popup-okno .ocmod-popup-heading {
    font-size: 14px;
  }

  #ocmod-popup-okno .ocmod-popup-footer button {
    width: 100%;
  }

  #ocmod-popup-okno .ocmod-popup-footer a {
    width: 100%;
    margin-top: 5px;
  }

  #ocmod-popup-okno .popup-heading {
    font-size: 15px;
  }

  #ocmod-popup-okno .popup-footer button {
    width: 100%;
  }

  #ocmod-popup-okno .popup-footer a {
    width: 100%;
    margin-top: 5px;
  }

  .mobile-products-cart {
    display: block;
  }

  .display-products-cart {
    display: none;
  }

  .display-products-cart.order tr td.qt {
    min-width: 100px;
  }

  .display-products-cart.order tr td.name {
    min-width: 100px;
  }

  .display-products-cart.order tr td.image img {
    width: 60px;
  }
}

/* ===== New block-based popup cart styles (responsive, card layout) ===== */
#ocmod-popup-okno .cart-grid {
  display: grid;
  /*grid-template-columns: 1fr 430px;*/
  gap: 20px;
  align-items: start;
}

#ocmod-popup-okno .cart-items {
    overflow: hidden;
    gap: 30px;
    display: flex;
    flex-direction: column;
}

#ocmod-popup-okno .cart-item {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding: 18px 28px;
    align-items: center;
    background: #fff;
    border-radius: 15px;
}
#ocmod-popup-okno .cart-item .ci-image-info{
    display: flex;
    gap: 20px;
    align-items: center;
}

#ocmod-popup-okno .ci-image{
    border: 0.5px solid var(--Gray-500, #374155);
}
#ocmod-popup-okno .ci-image img {
      width: 148px;
      height: auto;
      border: 0;
      background: transparent;
      border-radius: 10px;
}

#ocmod-popup-okno .ci-info {
    /*width: 100%;*/
    margin-right: auto;
}
#ocmod-popup-okno .ci-name {
    display: block;
    font-size: 20px;
    font-weight: 700;
    color: var(--Gray-500, #374155);
    margin-bottom: 6px;
    max-width: 260px;
}
#ocmod-popup-okno .ci-options { font-size: 13px; color: #555; }
#ocmod-popup-okno .ci-reward { font-size: 12px; color: #666; margin-top: 4px; }
#ocmod-popup-okno .ci-model { font-size: 12px; color: #8A8A8A; margin-top: 6px; }

/* Quantity controls (keep DOM that JS expects) */
#ocmod-popup-okno .cart-item .ci-price-qte{
    min-width: 45%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#ocmod-popup-okno .cart-item .ci-qty{
    max-width: 210px;
    margin-right: 15px;
    width: 100%;
}
#ocmod-popup-okno .cart-item .number {
  display: block;
  position: relative;
  margin: 0 auto;
}
#ocmod-popup-okno .cart-item .number .frame-change-count{
    display: flex;
    justify-content: space-between;
}
/*#ocmod-popup-okno .cart-item .frame-change-count { width: 120px; }*/
#ocmod-popup-okno .cart-item .btn-plus,
#ocmod-popup-okno .cart-item .btn-minus { width: 32px; height: 32px; }
#ocmod-popup-okno .cart-item .btn-plus {  order: 2; }
#ocmod-popup-okno .cart-item .btn-minus { order: 0; }
#ocmod-popup-okno .cart-item .btn-plus button,
#ocmod-popup-okno .cart-item .btn-minus button {
  width: 32px;
  height: 32px;
  padding: 0;
  font-size: 16px;
  line-height: 0;
  cursor: pointer;
  display: inline-block;
  background: transparent;
  /*color: #fff;*/
  border: 0;
  outline: none;
  text-align: center;
  border-radius: 8px;
}
/*#ocmod-popup-okno .cart-item .btn-plus button:before{*/
/*    content: '\eb91' !important;*/
/*    font-family: icomoon !important;*/
/*    font-size: 32px;*/
/*    color: #374155;*/
/*}*/
/*#ocmod-popup-okno .cart-item .btn-minus button:before{*/
/*    content: '\eb92' !important;*/
/*    font-family: icomoon !important;*/
/*    font-size: 32px;*/
/*    color: #374155;*/
/*}*/
/*#ocmod-popup-okno .cart-item .btn-plus button:hover,*/
/*#ocmod-popup-okno .cart-item .btn-minus button:hover { background: #00656D; }*/
#ocmod-popup-okno .cart-item input.plus-minus {
    background: #fff;
    font-family: Gilroy;
    width: 92px;
    height: 38px;
    outline: none;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.35;
    text-align: center;
    order: 1;
    border-radius: 3px;
    border: 1px solid #B0B8C6;
}

#ocmod-popup-okno .ci-price,
#ocmod-popup-okno .ci-total {
  font-size: 16px;
  text-align: right;
  white-space: nowrap;
}
#ocmod-popup-okno .ci-total { font-weight: 600; margin-left: auto;}
#ocmod-popup-okno .ci-event {
    position: relative;
}
button#event-product {
    background: none;
}
#ocmod-popup-okno .event-product {
    position: absolute;
    width: 259px;
    display: flex;
    flex-direction: column;
    top: -38px;
    right: 30px;
    align-items: flex-start;
    padding: 23px 27px;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 2px 4px #00000040;
    gap: 20px;
}
#ocmod-popup-okno .event-product-btn{
    width: 40px;
    background: none;
    text-align: right;
}
#ocmod-popup-okno .ci-total {
    display: flex;
    flex-direction: column;
}
#ocmod-popup-okno .price-new,
#ocmod-popup-okno .price-normal {
    color: var(--Gray-500, #374155);
    font-family: Inter;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 105%;
    text-transform: uppercase;
}
#ocmod-popup-okno .price-new{
    color: rgb(248, 65, 71)
}
#ocmod-popup-okno .price-old{
    color: rgb(166, 165, 165);
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 105%;
    text-transform: uppercase;
    text-decoration: line-through;
    order: -1;
}
#ocmod-popup-okno button.remove-button,
#ocmod-popup-okno button.wishlist-button{
    font-family: Gilroy;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 135%;
    background: none;
    display: flex;
    align-items: center;
}

#ocmod-popup-okno .ci-remove button {
  font-size: 18px;
  background: transparent;
  border: 0;
  color: #8A8A8A;
}
#ocmod-popup-okno .ci-remove button:hover { color: #dd4b39; }

/* Summary (total) card */
#ocmod-popup-okno .cart-summary { display: flex; justify-content: space-between;align-items: center;}
#ocmod-popup-okno .summary-card {
  min-width: 430px;
  min-height: 111px;
  border-radius: 15px;
  background: #00757E;
  color: #fff;
  padding: 18px 22px;
  gap: 25px;
}
#ocmod-popup-okno .cart-summary button{
    display: flex;
    width: 224px;
    height: 41px;
    padding: 13px 8px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 60px;
    border: 1px solid #FFF;
    background: #D9D9D9;
    color: #fff;
    transition: all 0.3s ease;
}
#ocmod-popup-okno .cart-summary button:hover{
    background: transparent;
    color: var(--Gray-500, #374155);
    border: 1px solid #374155;
}
#ocmod-popup-okno .cart-summary .all-total {
    color: #fff;
}
#ocmod-popup-okno .cart-summary .all-total {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
}

#ocmod-popup-okno .summary-card .summary-row.clear-total {
    color: #FFF;
    font-family: Inter;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 105%;
    text-transform: uppercase;
}
#ocmod-popup-okno .cart-summary .all-total a {
    color: #00757E;
    text-align: center;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    width: 224px;
    height: 41px;
    padding: 13px 8px;
    align-items: center;
    border: 1px solid #00757E;
    background: #FFF;
    border-radius: 60px;
    line-height: 13px;
}
#ocmod-popup-okno .summary-card .totals-left { font-size: 14px; opacity: 0.9; }
#ocmod-popup-okno .summary-card .totals-right { font-size: 18px; font-weight: 600; }

/* Responsive */
@media (max-width: 960px) {
  /*#ocmod-popup-okno .cart-grid { grid-template-columns: 1fr; }*/
  /*#ocmod-popup-okno .cart-summary { justify-content: stretch; }*/
    #ocmod-popup-okno .ci-name{
        font-size: 18px;
    }
    #ocmod-popup-okno .price-new,
    #ocmod-popup-okno .price-normal{
        font-size: 24px;
    }
    #ocmod-popup-okno .price-old{
        font-size: 18px;
    }
    #ocmod-popup-okno .cart-item input.plus-minus{
        width: 40px;
    }
}
@media (max-width: 860px) {
    #ocmod-popup-okno .cart-summary{
        flex-direction: column;
        gap: 25px;
    }
}
@media (max-width: 815px) {
    #ocmod-popup-okno .cart-item{
        flex-direction: column;
        position: relative;
        align-items: flex-start;
    }
    #ocmod-popup-okno .ci-event {
        position: absolute;
        top: 75px;
        right: 20px;
    }
    #ocmod-popup-okno .cart-item .ci-image-info{

    }
    #ocmod-popup-okno .cart-item .ci-price-qte{
        margin: auto;
        min-width: 100%;
        gap: 15px;
        justify-content: center;
    }
    #ocmod-popup-okno .cart-item input.plus-minus {
        width: 90px;
    }
    #ocmod-popup-okno .ci-total{
        margin-left: initial;
    }

}
@media (max-width: 600px) {
    #ocmod-popup-okno .cart-summary .all-total{
        flex-direction: column;
    }
    #ocmod-popup-okno .summary-card{
        min-width: 100%;
    }
}
@media (max-width: 480px) {
    #ocmod-popup-okno .cart-item input.plus-minus {
        width: 40px;
    }
    #ocmod-popup-okno .ci-name{
        font-size: 14px;
    }
    #ocmod-popup-okno .price-new, #ocmod-popup-okno .price-normal {
        font-size: 16px;
    }
    #ocmod-popup-okno .price-old {
        font-size: 14px;
    }
    #ocmod-popup-okno .ci-image{
        /*width: 100px;*/
    }
    #ocmod-popup-okno .ci-event{
        top: 50px;
        right: 10px;
    }

}



/* === Visibility control for product action menu (.event-product) ===
   Принцип: керуємо видимістю через клас .open на контейнері .ci-event,
   щоб уникнути конфліктів inline-стилів і коректно відпрацьовувати повторні відкриття. */
#ocmod-popup-okno .ci-event .event-product {
  display: none;
}
#ocmod-popup-okno .ci-event.open .event-product {
  display: flex !important;
}