.product-details .model {
   padding: 10px;
   background-color: var(--secondary-color);
   color: #fff;
   text-align: center;
}

.product-options .form-group .control-label {
   font-family: 'asty-medium', sans-serif;
}

.burkani-accordeon--body .form-group {
   padding: 0px 30px;
   transition: none;
}

.burkani-accordeon--body .form-group:not(:last-child) {
   border-bottom: 1px solid var(--border-color);
   padding-bottom: 20px;
}

.product-options .form-group .outofstock-sign {
   position: absolute;
   display: flex;
}

.product-options .form-group .outofstock-sign svg {
   width: 32px;
   height: auto;
}

.product-options .form-group .radio.outofstock {
   opacity: 0.5;
}

.option-image-toggle {
   position: absolute;
   height: 100%;
   width: 100%;
   z-index: 100;
 }

 .option-image-toggle img {
   width: 100% !important;
   height: 100% !important;
   background-color: #FFFFFF;
 }

.product-details .stock-status {
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 10px 30px;
   background-color: var(--primary-color);
   color: #373737;
}

.product-info.out-of-stock .product-details .stock-status {
   background-color: var(--danger-color);
   color: #FFFFFF;
}

.route-product-product:not(.popup) .product-info .button-group-page .wishlist-compare {
   margin-left: 15px !important;
}

.product-blocks {
   padding: 20px;
   border-radius: 20px;
   border: 1px solid var(--border-color);
}

.product-blocks .nav-tabs li.active a {
   font-family: 'asty-medium', sans-serif;
}

.product-blocks .nav-tabs li.active {
   border-bottom: 3px solid var(--primary-color);
}

.product-blocks .product-extra-dynamic {
   max-width: 620px;
   margin: 0 auto;
}

.product-details .product-price-group .price-wrapper {
   width: 100%;
   display: flex;
   align-items: center;
}

.discounts--wrapper .discount-row:hover,
.discounts--wrapper .discount-row.active-discount {
   background-color: #D1E8EB;
}

.product-details .product-price-group .price-wrapper .product-tax {
   font-size: var(--text-font-size);
}

.product-details .product-price-group .price-wrapper>p {
   margin: 0px 10px 0px 0px;
}

.product-price-group .product-price-new,
.product-price-group .product-price,
.product-price-group .product-price-normal {
   font-family: 'asty-bold', sans-serif;
}

.unit-price-wrapper {
   margin-bottom: 20px;
}

.unit-price-wrapper .unit-price--old {
   color: var(--secondary-color);
   font-family: 'asty-bold', sans-serif;
   font-size: 24px;
   text-decoration: line-through;
}

.unit-price-wrapper .unit-price--new,
.unit-price-wrapper .unit-price {
   color: var(--primary-color);
   font-family: 'asty-bold', sans-serif;
   font-size: 24px;
}

.unit-price-wrapper .unit-price {
   color: var(--secondary-color);
}

.accompanying-products--container {
   overflow: hidden;
   background-color: #FAFAFA;
   position: relative;
}

.accompanying-products-placeholders {
   display: flex;
   padding: 15px;
   transition: 0.25s ease all;
   overflow-x: auto;
   max-height: 300px;
}

.app--carousel-controls {
   position: absolute;
   width: 100%;
   display: flex;
   justify-content: space-between;
   top: 0;
   left: 0;
   z-index: 999;
   height: 100%;
}

.app--carousel-controls div {
   cursor: pointer;
   display: flex;
   align-items: center;
   background-color: #fafafa;
}

.app--carousel-controls .app--carousel--next svg {
   transform: rotate(-90deg) !important;
}

.accompanying-products-placeholders .app--item .loading-placeholder {
   border-radius: 0px;
}

.accompanying-products-placeholders .app--top {
   min-height: 180px;
}

.accompanying-products-placeholders .app--close {
   position: absolute;
   right: -10px;
   top: -10px;
   display: none;
   background-color: rgb(237, 30, 36);
   padding: 2px;
   border-radius: 50%;
   width: 30px !important;
   height: 30px;
   align-items: center;
   justify-content: center;
   cursor: pointer;
}

.mobile-header-active .accompanying-products-placeholders .app--item .app--close,
.accompanying-products-placeholders .app--item:hover .app--close {
   display: flex;
}

.accompanying-products-placeholders .app--close svg {
   width: 16px;
   height: auto;
}

.accompanying-products-placeholders .app--close svg path {
   fill: #fff;
}

.accompanying-products-placeholders .app--unit-price {
   border-bottom: 1px solid var(--border-color);
}

.accompanying-products-placeholders .app--unit-price div span,
.accompanying-products-placeholders .app--total div {
   font-size: 18px;
}

.accompanying-products-placeholders .app--unit-price .unit-price--old {
   text-decoration: line-through;
   margin-right: 5px;
}

.accompanying-products-placeholders .app--image {
   padding: 10px;
   flex: 1;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
}

.accompanying-products-placeholders .app--image span:last-child {
   font-size: 20px;
   font-family: 'asty-medium', sans-serif;
}

.accompanying-products-placeholders .app--image img {
   max-height: 100px;
   top: 0 !important;
   left: 0 !important;
}

.accompanying-products-placeholders .app--image span {
   text-align: center;
}

.accompanying-products-placeholders .app--top {
   border: 1px solid var(--border-color);
   background-color: #fff;
   display: flex;
   flex-direction: column;
   align-items: center;
}

.accompanying-products-placeholders .app--top>div {
   width: 100%;
}

.accompanying-products-placeholders .app--item {
   max-width: 170px;
   min-width: 170px;
   position: relative;
}

.accompanying-products-placeholders .app--item:not(:last-child) {
   margin-right: 30px;
}

.accompanying-products-placeholders .app--unit-price {
   text-align: center;
   padding: 5px 10px;
}

.accompanying-products-placeholders .app--unit-price>div {
   display: flex;
   justify-content: center;

}

.accompanying-products-placeholders .app--stepper {
   border-top-left-radius: 0px;
   border-top-right-radius: 0px;
   height: 34px;
   max-width: 100%;
}

.accompanying-products-placeholders .app--stepper input[type="text"] {
   background-color: #fff !important;
}

.accompanying-products-placeholders .app--stepper button {
   max-width: 34px;
}

.accompanying-products-placeholders .app--total {
   text-align: center;
   margin-top: 10px;
   line-height: 1.2;
}

.accompanying-products-placeholders .app--plus {
   position: absolute;
   top: 90px;
   right: -25px;
}

.accompanying-products-placeholders .app--plus svg {
   width: 20px;
   height: auto;
}

.accompanying-products-placeholders .app--plus svg path {
   fill: var(--secondary-color);
}

.moving-product {
   position: fixed;
   transition: all 1s ease-in-out;
   pointer-events: none;
   /* Make it non-interactive */
   z-index: 9999;
   /* Make sure it's above other elements */
}

.glowing-animation {
   animation: glow 3s ease-in-out;
   /* animation-delay: 0.8s; */
}

.image360 {
   filter: blur(2px) brightness(0.75);
}

.direction-horizontal .additional-image {
   display: flex;
   align-items: center;
   justify-content: center;
}

.additional-images img.image360-icon,
.additional-image .video-icon {
   width: 36px;
   position: absolute;
   top: calc(50% - 18px);
   left: calc(50% - 18px);
   height: auto;
   display: flex;
}

.additional-images .swiper-slide:has(.video-icon)::before,
.additional-images .swiper-slide:has(.image360-icon)::before {
   border-radius: 20px;
}

#button-cart::before {
   order: 2;
}

#button-cart .btn-text {
   order: 1;
}

.block--back {
   display: none;
}

/* dirty fix for accordeon overflowing stock status text  - onlu when product has options accordeon and no other accordeon (like discounts) */
.product-details .burkani--accordeon:not(.is-open) {
   height: 46px;
}

.product-info .product-options .push-option>div:not(.text-danger) {
   gap: 10px;
}

.product-info .product-options .push-option.dimensions-option .radio,
.product-info .product-options .push-option.capacity-option .radio {
   margin: 0 5px !important;
}

.stock-status.availability-after {
  background: #394871 !important;
}

.stock-status.availability-after .availability-after-date {
  color: #48CF50;
}

.stock-status.availability-text.available {
   background-color: var(--primary-color);
   color: #373737;
}

.stock-status.availability-text.unavailable {
   background-color: var(--danger-color);
   color: #FFFFFF;
}

.availability-after-container.availability-after {
   color: #ffffff;
}

.product-package-quantity-wrapper {
  width: calc(100% + 60px);
  margin-bottom: 15px;
  margin-left: -30px!important;
  margin-right: -30px!important;
  padding-bottom: 15px;
}

.product-package-quantity-container {
  background-color: #D1E8EB;
}

.product-package-quantity {
  margin: auto;
  display: flex;
  font-weight: bold;
  padding-top: 10px;
  padding-bottom: 10px;
  width: calc(100% - 60px);
}

.product-package-quantity > div:nth-of-type(2) {
  min-width: 180px;
  max-width: 180px;
  margin-left: 5px;
}

.box-attribute-container {
  background-color: #D1E8EB;
  padding-top: 7px;
  padding-bottom: 7px;
  text-align: center;
  width: 100%;
}

@media only screen and (max-width: 1024px) {
   .product-left .product-image {
      max-width: 600px;
      margin: 0 auto;
   }

   .product-image .additional-images.swiper {
      padding-bottom: 20px !important;
   }

   .product-image .additional-images.swiper .swiper-pagination {
      display: inline-flex !important;
      width: 100%;
   }

   .route-product-product:not(.popup) .product-info .product-details .button-group-page {
      bottom: var(--mobile-menubar-height);
   }

   .unit-price-wrapper {
      margin-bottom: 5px;
   }

   .product_extra.tab-container .nav-tabs {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 1px;
      row-gap: 2px;
   }

   .product_extra.tab-container .nav-tabs li {
      height: 66px;
      background-color: var(--secondary-color);
      border-bottom: none !important;
   }

   .product-blocks {
      padding: 0px;
      border: none;
      border-radius: 0px;
   }

   .product_extra.tab-container .nav-tabs > li > a,
   .product_extra.tab-container .nav-tabs > li.active > a {
      color: #fff;
      font-size: 15px !important;
      display: flex;
      align-items: center;
      justify-content: center;
      font-family: 'asty-normal', sans-serif;
      padding: 5px;
      text-align: center;
   }

   .product_extra.tab-container .tab-content {
      position: fixed;
      top: var(--mobile-header-height);
      margin-top: 0px;
      background: #fff;
      z-index: 99;
      left: 100%;
      height: calc(100% - var(--mobile-header-height) - var(--mobile-menubar-height));
      width: 100%;
      padding: 0px;
      transition: 0.25s ease all;
      opacity: 0;
      visibility: hidden;
      overflow-y: auto;
      overflow-x: hidden;
   }

   .product_extra.tab-container .tab-content .block-content > *:not(.block--back) {
      padding: 20px;
   }

   .product_extra.tab-container.active-tab .tab-content {
      left: 0%;
      visibility: visible;
      opacity: 1;
   }

   .block--back {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 60px;
      background: #ebebeb;
   }

   .block--back .bb-icon {
      position: absolute;
      left: 80px;
   }

   .block--back .bb-icon svg {
      width: 30px;
      height: auto;
   }

   .block--back .bb-title {
      font-size: 18px;
   }

   .product-options .color-option .option-value {
      display: none !important;
   }

   .product-options .slick-slider .slick-prev,
   .product-options .slick-slider .slick-next {
      position: absolute;
      top: calc(50% - 8px);
   }

   .product-options .slick-slider .slick-prev {
      left: -20px;
   }

   .product-options .slick-slider .slick-next {
      right: -20px;
   }

   .product-info .push-option>div:not(.text-danger) {
      display: block !important;
   }

   .product-options .slick-track {
      margin-left: 0px;
   }

   .product-options .form-group {
      display: block !important;
   }

   .product-details .model {
      order: -101;
   }

   .product-info .product-options .push-option>div:not(.text-danger) .option-value {
      width: 100%;
   }

   .product-package-quantity {
      margin-top: 10px;
   }
}

@media only screen and (max-width: 760px) {
   .unit-price-wrapper {
      font-size: 14px;
   }

   .unit-price-wrapper .unit-price--new,
   .unit-price-wrapper .unit-price,
   .product-info .product-details .price-group .product-price,
   .product-info .product-details .price-group .product-price-new {
      font-size: 18px !important;
   }
}

@media only screen and (max-width: 600px) {
   .product_extra.tab-container .nav-tabs {
      grid-template-columns: repeat(2, 1fr);
   }

   .block--back .bb-icon {
      left: 20px;
   }
}

@keyframes glow {

   0%,
   33.33%,
   66.66%,
   100% {
      box-shadow: 0 0 5px #ffffff;
   }

   16.66%,
   50%,
   83.33% {
      box-shadow: 0 0 20px var(--primary-color), 0 0 30px var(--primary-color);
   }
}