
/*
@todo Tomek do base.css
*/
@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1170px;
  }
}
@media (min-width: 1260px) {
  .container {
    max-width: 1230px;
  }
}




:root{
  /*base variable start here*/
  --text-black : #000000;
  --text-light-black : #111111;
  --text-white : #ffffff;
  --text-blue : #00C2FF;
  --text-gray : #A4A4A4;
  --text-red : #DF0000;
  --text-dark-gray : #444444;
  --text-blue : #00C2FF;
  --text-blue-hover : #111111;
  --color-delete : #B4B4B4;
  --border-radius : 0.5rem;
  --white-color : #fff;
  /*base variable end here*/

  /*bacground variable start here*/
  --bg-red : #DF0000;
  --bg-green : #40A72D;
  --bg-black : #000000;
  --bg-white : #ffffff;
  --bg-dark-green : #3BA55D;
  --bg-line : #E8E8E8;
  --bg-gray : #F6F6F6;

  --bg-blue : #00C2FF;
  /*bacground variable end here*/

  /*button variable end here*/
  --btn-border-radius : 0.5rem;
  --btn-text-white :#fff;
  --btn-blue : #00C2FF;
  --btn-blue-hover:#1497c1;
  --btn-white : #ffffff;
  --btn-white-hover:#00C2FF;

  --btn-green : #3BA55D;
  --btn-green-hover : #229146;
  --btn-green-color :#fff;
  /*button variable end here*/

  /*checkbox variable start here*/
  --checkbox-color : #111111;
  --checkbox-bg-color : transparent;
  --checkbox-border : #AAAAAA;
  --checkbox-active-border : #111111;
  --checkbox-tick-color : #111111;
  --checkbox-border-radius : 0.2rem;
  --checkbox-white : #ffffff;
  /*checkbox variable end here*/


  /*  submenu variable start here*/
  --submenu-bg : #ffffff;
  --gray-color : #A4A4A4;
  --subemnu-link-color : #505050;
  --subemnu-link-hover-color : #00C2FF;
  --subemnu-link-hover-bg-color : #F6F6F6;
  /*  submenu variable end here*/

  /*banner variable start here*/
  --thum-border-color : #e8e8e8;
  --thum-font-color : #111111;
  --thum-bg-color : #ffffff;
  --thum-bg-hover : #F5F5F5;
  --thum-active-line : #000000;
  /*banner variable end here*/

  /*product variable end here*/
  --line-color : #e8e8e8;
  --line-hover-color : #999999;
  /*product variable end here*/


}

.btn-bg {
  height: 5rem;
}
.btn-green{
  background: var(--btn-green);
  color: var(--btn-green-color) !important;
}
.btn-green:hover{
  background: var(--btn-green-hover);
}
.btn-green img{
  margin-right: 1rem;
}

.mb-41 {
  margin-bottom: 4.1rem !important;
}


















/* PONIZĘJ STANDARDOWY KOD CSS */


.sec-product-single {
  padding-bottom: 4.6rem;
}
.product-single-box{
  background: var(--bg-white);
  border-radius: var(--border-radius);
  padding: 2.8rem 0 5rem;
  margin-bottom: 3rem;
}
.product-single-left{
  padding: 0 1rem 0 3rem;
}
.product-single-budge{
  position: relative;
  display: flex;
  flex-wrap: wrap;
}
.product-single-budge span{
  height: 2.5rem;
  border-radius: 0.3rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1.4rem;
  color: #fff;
  padding: 0 1.2rem;
  letter-spacing: 0.024rem;
  margin-right: 1rem;
}
.product-single-budge span:last-child{
  margin-right: 0;
}
.product-main-slider-outer{
  margin-top: 2.7rem;
  padding: 0 8.2rem;
  position: relative;
  max-height: 43rem;
  overflow: hidden;
}
.product-main-item{
  height: 43rem !important;
  padding: 2rem 0;
  display: flex !important;
  align-items: center;
  justify-content: center;
}
.product-main-item img{
  max-width: 100%;
  max-height: 100%;
}
.product-main-slider .slick-arrow{
  position: absolute;
  outline: none !important;
  border: 0.1rem solid #E1E1E1 !important;
  height: 3.8rem !important;
  width: 3.8rem;
  background: transparent !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  top: calc(50% - 2.9rem);
  left: -8.2rem;
}
.product-main-slider .slick-arrow.slick-next{
  left: auto !important;
  right: -8.2rem;
}
.product-main-slider .slick-arrow.slick-disabled{
  display: none !important;
}
.product-main-slider .slick-arrow:hover{
  background: var(--body_active_color) !important;
  border-color: var(--body_active_color) !important;
}
.product-main-slider .slick-arrow img{
  max-height: 100%;
  max-width: 100%;
}
.product-main-slider .slick-arrow:hover img{
  -webkit-filter: invert(100%);
  filter: invert(100%);
}
.product-main-thum-outer {
  padding: 0 8.6rem;
}
.product-main-thum-outer:has(.product-main-thum-video){
  display: flex;
  flex-wrap: wrap;
}
.product-main-thum-video {
  width: 7.1rem;
  height: 6rem;
  margin-right: 0.8rem;
  position: relative;
  border-radius: 0.5rem;
  overflow: hidden;
}
.product-main-thum-video > img{
  width: 100%;
  height: 100%;
}
.product-thum-play {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0,0,0,0.4);
}
.product-main-thum-video + .product-main-thum{
  width: calc(100% - 7.9rem);
}
.product-main-thum-item{
  display: flex !important;
  align-items: center;
  justify-content: center;
  padding: 0.8rem;
  margin: 0 0.4rem;
  height: 6rem;
  position: relative;
  border: 0.1rem solid #E6E6E6;
  border-radius: 0.4rem;
  cursor: pointer;
  outline: none !important;
  overflow: hidden;
}
.product-main-thum-item:has(.product-more){
  border: 0.1rem solid rgba(60, 60, 59, 0.6) !important;
  box-shadow: none !important;
}
.product-main-thum-item.slick-current{
  box-shadow: inset 0 0 0 0.1rem #3C3C3B;
  border-color: #3C3C3B;
}
.product-main-thum-item img{
  max-height: 100%;
  max-width: 100%;
}
.product-more{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(60, 60, 59, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
}
.product-more span{
  font-size: 1.6rem;
  font-weight: 600;
  color: #fff;
}
.product-single-gallery{
  position: relative;
  display: flex;
  flex-wrap: wrap;
  max-width: 52.6rem;
  margin: 3.2rem auto 5.2rem;
}
.product-gallery-item{
  width: 50%;
  padding: 0 2rem;
  margin-top: 5rem;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.gallery-item-full{
  width: 100%;
}
.product-gallery-item img{
  max-width: 100%;
}
.product-details-outer{
  position: relative;
  padding-right: 3rem;
}
.product-single-details {
  position: relative;
}
.product-single-details .product-like-btn{
  position: absolute;
  top: 0;
  right: 0;
  height: 4rem;
  width: 4rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0.1rem solid #DFDFDF;
  outline: none !important;
  background: transparent;
  cursor: pointer;
}
.product-single-details .product-like-btn.active{
  border-color: #E21F23;
}
.product-single-details .product-like-btn img{
  width: 2rem;
  opacity: 0.25;
}
.product-single-details .product-like-btn.active img{
  opacity: 1;
  -webkit-filter: invert(31%) sepia(97%) saturate(7430%) hue-rotate(351deg) brightness(93%) contrast(90%);
  filter: invert(31%) sepia(97%) saturate(7430%) hue-rotate(351deg) brightness(93%) contrast(90%);
}
.product-single-details .product-single-head {
  padding-top: 2.2rem;
}
.product-single-details .product-single-head .fw-14 *{
  font-weight: normal;
}
.product-single-details .product-single-head .fw-32 {
  margin-top: 1.2rem !important;
}
.product-single-details .product-single-head .fw-32 *{
  line-height: 3.5rem !important;
}
.single-review {
  margin-top: 1.5rem;
}
.product-single-details .single-review .rating-text {
  font-size: 1.4rem;
  line-height: 1.4rem;
  color: #A2A3A8;
  margin-left: 0.3rem;
}
.product-single-details .single-review .rating-outer .add-review{
  color: #A2A3A8 !important;
  font-size: 1.4rem;
  line-height: 1.7rem;
  text-decoration: underline !important;
  margin-left: 1rem;
}
.product-single-details .single-review .rating-outer .add-review:hover{
  color: #111111 !important;
}
.product-single-details .single-review .product-code{
  font-size: 1.4rem;
  line-height: 1.4rem;
  color: #A2A3A8;
}
.product-single-details .single-price{
  margin-top: 2rem;
  align-items: flex-end;
}
.product-single-details .single-price del{
  color: #A2A3A8;
  font-size: 1.4rem;
  line-height: 1.4rem;
  padding-bottom: 0.4rem;
  margin-right: 1.3rem;
}
.product-single-details .single-price ins{
  text-decoration: none !important;
  color: #000000;
  font-size: 3.2rem;
  line-height: 3.2rem;
  font-weight: 500;
}
.product-single-details .single-price del + ins{
  color: #DF0000;
}
.product-single-details .single-price p{
  width: 100%;
  margin-top: 0.9rem;
  font-size: 1.4rem;
  line-height: 1.4rem;
}
.product-single-details .single-label-box{
  margin-top: 2.5rem;
}
.product-single-details .single-label-box label{
  font-size: 1.4rem;
  line-height: 1.4rem;
  color: #3C3C3B;
  margin-bottom: 0.9rem;
  display: block;
}
.product-single-details .single-label-box label span{
  font-weight: 500;
  color: #000000;
}
.select-item{
  position: relative;
  width: 5.5rem;
  height: 5.5rem;
  margin-right: 0.8rem;
  margin-bottom: 0.8rem;
}
.select-item input{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  outline: none;
  opacity: 0;
  cursor: pointer;
}
.select-item-box{
  width: 100%;
  height: 100%;
  border: 0.1rem solid #E6E6E6;
  border-radius: 0.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.8rem;
  cursor: pointer;
}
.select-item input:checked + .select-item-box{
  border: 0.2rem solid #3C3C3B;
}
.select-item-box img{
  max-height: 100%;
  max-width: 100%;
}
.single-cart-item-outer{
  margin-top: 3.04rem;
}
.quantity-box{
  width: 9rem;
}
.quantity-box input[type='number']{
  height: 5rem;
  border-radius: 0.4rem 0 0 0.4rem;
  border: 0.1rem solid #DFDFDF;
  border-right: 0;
  width: 5.4rem;
  text-align: center;
  font-size: 1.4rem;
  color: #3C3C3B;
  background: transparent !important;
}
.quantity-btn{
  width: calc(100% - 5.4rem);
}
.quantity-btn button {
  width: 100%;
  border: 0.1rem solid #DFDFDF;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top-width: 0;
  background: transparent !important;
  outline: none !important;
  height: 2.5rem;
  border-radius: 0 0 0.4rem 0;
  position: relative;
}
.quantity-btn button:hover{
  background: #f7f7f7 !important;
}
.quantity-btn button.qty-btn-minus{
  font-size: 0;
}
.quantity-btn button.qty-btn-minus:after{
  position: absolute;
  content: "";
  height: 0.1rem;
  width: 1rem;
  background: #3C3C3B;
  left: 0;
  right: 0;
  margin: auto;
}
.quantity-btn button.qty-btn-plus{
  border-top-width: 0.1rem;
  border-radius: 0 0.4rem 0 0;
}
.quantity-box input::-webkit-outer-spin-button,
.quantity-box input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.quantity-box input[type=number] {
  -moz-appearance: textfield;
}
.single-cart-btn{
  width: calc(100% - 10rem);
  margin-left: 1rem;
}
.single-cart-btn .btn{
  width: 100%;
  margin-bottom: 0rem;
}
.single-point {
  margin-top: 1.8rem !important;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  line-height: 1.8rem !important;
}
.single-point span{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.single-point img {
  margin: -0.2rem 0.7rem 0 !important;
  display: block;
}
.point-tooltip-outer{
  position: relative;
}
.point-tooltip-outer img{
  cursor: pointer;
}
.single-list {
  margin-top: 2.5rem;
}
.single-cart-item-outer + .single-list{
  margin-top: 4rem;
}
.single-list ul{
  margin-top: 0;
}
.single-list li{
  padding: 1.74rem 1.5rem;
  border-bottom: 0.1rem solid #DFDFDF;
  font-weight: 500;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  color: #3C3C3B;
  font-size: 1.4rem;
}
.single-list li:first-child{
  padding: 0 1.5rem 2rem;
}
.ship-info span.green {
  color: #3BA55D;
}
.ship-info span.warning {
  color: #D33C43;
}
.ship-info span.bold {
  font-weight: bold;
}

.ship-text{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.ship-details {
  margin-left: auto;
}
.ship-details a{
  font-size: 1.4rem;
  color: var(--text-gary-3) !important;
}
.ship-details a:hover{
  color: var(--text-blue-hover) !important;
}
.ship-icon{
  width: 2rem;
  margin-right: 1.6rem;
}
.ship-icon img{
  max-width: 100%;
}
.single-discount {
  margin-top: 2.5rem;
}
.single-discount del{
  margin-right: 1.1rem !important;
}
.single-discount ins{
  text-decoration: none !important;
  margin-right: 2.2rem !important;
}
.net-price {
  margin-top: 1.5rem;
}
.previous-price-outer {
  position: relative;
  margin-top: 1.5rem;
}
.previous-price{
  font-size: 1.4rem;
  line-height: 1.6rem;
  color: #929292;
  display: flex;
  align-items: center;
}
.previous-price-tooltip{
  margin-left: 0.6rem;
  cursor: pointer;
  position: relative;
  margin-top: -0.3rem;
}
.price-tooltip,.point-tooltip{
  position: absolute;
  width: 32.9rem;
  background: #D1D1D1;
  padding: 1.6rem 2.2rem;
  top: 0;
  left: 16.5rem;
  transform: translate(-50%,0.5rem);
  color: #111111;
  z-index: 2;
  display: none;
}
.previous-price-tooltip img:hover + .price-tooltip,
.point-tooltip-outer img:hover + .point-tooltip{
  display: block;
}
.price-tooltip p{
  margin-top: 0.6rem;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.8rem;
}
.point-tooltip p{
  font-size: 1.2rem !important;
  font-weight: 500;
  line-height: 1.8rem !important;
}
.single-nav-outer.sticky{
  position: fixed;
  left: 0;
  width: 100%;
  /*top: 8.438rem;*/
  top: 7.6rem;
  z-index: 2;
  background: var(--bg-white);
  border-bottom: 0.1rem solid #DFDFDF;
}
.single-nav{
  background: var(--bg-white);
  border-radius: 0.5rem 0.5rem 0 0;
  border-bottom: 0.1rem solid #DFDFDF;
  padding: 0 1.5rem;
}
.single-nav-outer.sticky .single-nav{
  border-bottom: 0;
}
.single-nav ul{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0;
}
.single-nav-outer .single-nav ul {
  visibility: visible !important;
}
.single-nav ul li{
  margin-left: 2.5rem;
}
.single-nav ul li:first-child{
  margin-left: 0;
}
.single-nav a{
  display: block;
  font-weight: 600;
  color: var(--text-black) !important;
  padding: 2.4rem 1.3rem 2.1rem;
  line-height: 1.6rem;
  position: relative;
}
.single-nav li:hover a:after,
.single-nav li.active a:after{
  position: absolute;
  content: "";
  height: 0.3rem;
  bottom: -0.2rem;
  width: 100%;
  left: 0;
  background: var(--bg-blue);
}
.description-box{
  background: var(--bg-white);
  /*padding: 11.7rem 7.7rem 7.6rem;*/
  padding: 5rem 7.7rem 7.6rem;
  border-radius: 0 0 0.5rem 0.5rem;
}
.description-block{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.description-block.row-reverse{
  flex-direction: row-reverse;
}
.description-img{
  width: 48.6rem;
}
.description-img img{
  width: 100%;
}
.description-text{
  width: calc(100% - 48.6rem);
  padding-left: 4.8rem;
}
.description-block.row-reverse .description-text{
  padding-left: 0;
  padding-right: 4.8rem;
}
.description-text p {
  line-height: 3.1rem;
}
.description-text p:first-child{
  margin-top: 0;
}
.description-block + p{
  margin-top: 5rem;
}
.description-box h1{
  margin-top: 5.9rem;
  margin-bottom: 0;
}
.description-box h2{
  margin-bottom: 0;
  margin-top: 2.5rem;
}
.description-box h1 + p,
.description-box h2 + p,
.description-box h3 + p{
  margin-top: 1rem;
}
.description-box h3{
  margin-top: 5rem;
  margin-bottom: 0;
}
.description-box ul,
.description-box ol{
  margin-top: 1rem;
}
.description-box ul + h3,
.description-box ol + h3{
  margin-top: 3.8rem;
}
.specification-box, .resources-box{
  background: var(--bg-white);
  border-radius: var(--border-radius);
  padding: 5rem 4.8rem 4rem 3.7rem;
}
.specification-list .specification-item{
  margin-top: 3.7rem;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  color: #3C3C3B;
  font-family: "Roboto";
}
.specification-list .specification-item .specification-head{
  width: 33.8rem;
  padding-right: 3rem;
  margin-top: 1.2rem;
}
.specification-list .specification-item .specification-info{
  width: calc(100% - 33.8rem);
}
.specification-list .specification-item .specification-info table{
  margin-bottom: 0 !important;
}
.specification-list .specification-item .specification-info table td{
  line-height: 1.7rem;
  padding: 1.3rem 1.8rem;
  font-size: 1.4rem;
  border-bottom: 0 !important;
  border-top: 0.1rem solid #E6E6E6 !important;
}
.specification-list .specification-item .specification-info table tr:last-child td{
  border-bottom: 0.1rem solid #E6E6E6 !important;
}
.specification-list .specification-item .specification-info table tr:first-child td{
  border-top: 0 !important;
}
.specification-list .specification-item .specification-info table tr:hover{
  background: #F6F6F6;
  cursor: pointer;
}
.specification-list .specification-item .specification-info table tr:hover td,
.specification-list .specification-item .specification-info table tr:hover + tr td{
  border-color: #F6F6F6 !important;
}
.specification-list .specification-item .specification-info table td strong{
  font-weight: 500;
}
.specification-list .specification-item .specification-info table td:first-child{
  width: 24.2rem;
}
.resources-list {
  display: flex;
  flex-wrap: wrap;
  gap: 4%;
  row-gap: 1rem;
  margin-top: 3rem;
}
.product-resource-item {
  border: 0.1rem solid #DFDFDF;
  padding: 2rem 3rem;
  flex-basis: 48%;
  box-sizing: border-box;
}
@media(max-width:768px) {
  .product-resource-item {
    flex-basis: 100%;
    padding: 1rem 2rem;
  }
}
.product-resource-item img {
  width: 2rem;
  top: -0.4rem;
  position: relative;
}
.product-resource-item a:link, .product-resource-item a:visited {
  color: black;
}
.review-box{
  background: var(--bg-white);
  border-radius: var(--border-radius);
  font-family: "Roboto";
}
.review-box .review-box-top{
  padding: 5.5rem 3rem 4.4rem;
  border-bottom: 0.1rem solid #E6E6E6;
}
.review-box .review-container{
  max-width: 72.3rem;
  margin: auto;
}
.review-box .review-box-top .review-block{
  margin-top: 5.8rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.review-box .review-box-top .review-block .total-review{
  width: 18rem;
}
.review-box .review-box-top .review-block .total-review h4{
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.9rem;
  margin-bottom: 0;
}
.review-box .review-box-top .review-block .total-review .average-rating{
  display: flex;
  align-items: center;
  font-size: 6.2rem;
  line-height: 7.5rem;
  font-weight: 500;
}
.review-box .review-box-top .review-block .total-review .average-rating img{
  margin-right: 1.23rem;
}
.review-box .review-box-top .review-block .total-review span.total-review-footer{
  font-size: 1.4rem;
  color: #929292;
  display: block;
  line-height: 1.7rem;
  margin-top: -0.2rem;
}
.review-box .review-box-top .review-block .reviews-type{
  width: calc(100% - 18rem);
  padding-left: 1.4rem;
}
.review-box .review-box-top .review-block .reviews-type .reviews-item {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}
.review-box .review-box-top .review-block .reviews-type .reviews-item:last-child{
  margin-bottom: 0;
}
.review-box .review-box-top .review-block .reviews-type .reviews-item .filter-item{
  width: 1.8rem;
  height: 1.8rem;
}
.review-box .review-box-top .review-block .reviews-type .reviews-item .reviews-no{
  color: #3C3C3B;
  font-size: 1.2rem;
  font-weight: 500;
  padding: 0 0.39rem 0 0.7rem;
}
.review-box .review-box-top .review-block .reviews-type .reviews-item .reviews-star {
  line-height: 1.7rem;
}
.review-box .review-box-top .review-block .reviews-type .reviews-item .reviews-star img{
  max-width: 100%;
  margin-top: -0.4rem;
}
.review-box .review-box-top .review-block .reviews-type .reviews-item .reviews-total{
  font-size: 1.2rem;
  width: 3rem;
  color: #3C3C3B;
  line-height: 1.4rem;
}
.review-box .review-box-top .review-block .reviews-type .reviews-item .reviews-progressbar{
  flex-grow: 1;
  margin: 0 1rem;
  position: relative;
  height: 0.7rem;
  width: 100%;
  border-radius: 9rem;
  background: rgba(188, 188, 188, 0.22);
}
.reviews-progressbar-active{
  position: absolute;
  height: 100%;
  background: var(--bg-blue);
  border-radius: 9rem;
}
.review-box .review-box-top .reviews-text{
  margin-top: 4.3rem;
  color: #3C3C3B;
}
.reviews-bottom{
  padding: 0 3rem 4rem;
}
.reviews-bottom .add-review-btn{
  text-align: center;
  margin-top: -2.1rem;
}
.reviews-bottom .review-info-text{
  text-align: center;
  margin-top: 2.3rem;
}
.reviews-bottom .review-info-text p{
  color: #A4A4A4;
  font-size: 1.4rem;
  line-height: 2.1rem;
  margin: 0;
  font-family: 'Metropolis';
  letter-spacing: 0.035rem;
}
.reviews-bottom .reviews-list{
  margin-top: 5.2rem;
  font-size: 1.4rem;
}
.reviews-bottom .reviews-list > ul > li {
  border-bottom: 0.1rem solid #E6E6E6;
  padding: 5rem 0 4.7rem;
  display: flex;
  flex-wrap: wrap;
  color: #3C3C3B;
}
.reviews-bottom .reviews-list > ul > li:first-child {
  padding-top: 0;
}
.reviews-bottom .reviews-list > ul > li .reviews-user{
  width: 19.3rem;
  padding-right: 3rem;
  line-height: 1.7rem;
}
.reviews-bottom .reviews-list > ul > li .reviews-user h4{
  margin: 0;
}
.reviews-bottom .reviews-list > ul > li .reviews-user span{
  margin-top: 0.6rem;
  color: #929292;
  display: block;
}
.reviews-bottom .reviews-list > ul > li .reviews-info{
  width: calc(100% - 19.3rem);
}
.reviews-bottom .reviews-list > ul > li .reviews-info .star-purchase{
  display: flex;
  align-items: center;
  margin-left: 1.39rem;
  font-weight: 500;
  color: #3BA55D;
}
.reviews-bottom .reviews-list > ul > li .reviews-info .star-purchase img{
  margin-right: 0.87rem;
}
.reviews-bottom .reviews-list > ul > li .reviews-info .star-user .stars {
  font-size: 3rem;
  line-height: 2rem;
  height: 2rem;
}
.reviews-bottom .reviews-list > ul > li .reviews-info .star-user .stars::before {
  line-height: 2rem;
  height: 2rem;
}
.reviews-bottom .reviews-list > ul > li .reviews-info p{
  margin-top: 1.2rem;
  line-height: 2.8rem;
}
.reviews-bottom .reviews-list > ul > li .reviews-info .review-footer{
  margin-top: 1.7rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.reviews-bottom .reviews-list > ul > li .reviews-info .review-footer .review-helpfull{
  font-weight: 500;
}
.reviews-bottom .reviews-list > ul > li .reviews-info .review-footer .btn{
  padding: 0;
  margin: 0;
  color: #CCCCCC;
  font-size: 1.4rem;
  line-height: 1.7rem;
  font-weight: normal;
  font-family: "Roboto";
}
.reviews-bottom .reviews-list > ul > li .reviews-info .review-footer .btn-yes{
  margin-left: 5.1rem;
}
.reviews-bottom .reviews-list > ul > li .reviews-info .review-footer .btn-no{
  margin-left: 2.4rem;
}
.reviews-bottom .reviews-list > ul > li .reviews-info .review-footer .btn img{
  margin-right: 0.81rem;
}
.reviews-bottom .view-more-review{
  text-align: center;
  margin-top: 5rem;
}
/* start css zestawy */
.sec-product-single .single-set {
  padding: 2.2rem 2rem 1.9rem;
  margin-top: 3rem;
  border-radius: 0.4rem;
  border: 0.1rem solid #DFDFDF;
}
.sec-product-single .single-set .set-title {
  font-size: 1.6rem;
  font-weight: 600;
  color: #000;
  margin: 0 0 0.7rem 0;
}
.sec-product-single .single-set .set-listing {
  margin-top: 0;
}
.sec-product-single .single-set .set-component {
  padding: 1rem 0;
  border-bottom: 0.1rem solid #DFDFDF;
  margin: 0;
}
.sec-product-single .single-set .set-component > a{
  display: flex;
  align-items: center;
  color: #000;
}
.sec-product-single .single-set .set-component > a:hover p {
  text-decoration: underline;
}
.sec-product-single .single-set .set-component:after {
  display: none;
}
.sec-product-single .single-set .set-component:last-child,
.sec-product-single .single-set .set-component:only-child {
  border: none;
}
.sec-product-single .single-set .img-wrapper {
  width: 5.6rem;
  min-width: 5.6rem;
  height: 3.5rem;
  min-height: 3.5rem;
  margin-right: 1.2rem;
}
.sec-product-single .single-set .img-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: scale-down;
}
.sec-product-single .single-set .set-component p {
  font-size: 1.2rem;
  line-height: 1.6rem;
  letter-spacing: .03rem;
  margin-top: 0;
  margin-right: auto;
  width: 54.35%;
}
.sec-product-single .single-set .set-component .amount {
  font-size: 1.2rem;
  line-height: 1.7rem;
  letter-spacing: .03rem;
  color: #737373;
  width: 1.4rem;
  text-align: center;
  margin-left: 3%;
}
.sec-product-single .single-set .set-component .price {
  display: flex;
  flex-direction: column;
  font-size: 1.4rem;
  line-height: 2.1rem;
  letter-spacing: .035rem;
  font-weight: 500;
  min-width: 5.8rem;
  margin-left: 1.5rem;
  text-align: right;
}
.sec-product-single .single-set .more {
  font-size: 1.2rem;
  font-weight: 600;
  padding: 1.9rem 0;
  text-transform: uppercase;
  text-align: center;
  cursor: pointer;
}

.all-sets {
  margin: 2rem 0;
  color: #000;
}
.all-sets .all-sets-inner {
  padding: 3.5rem 3.5rem 1.9rem;
  background: #fff;
}
.all-sets .all-sets-title {
  font-size: 2.4rem;
  font-weight: 600;
  margin: 0;
}
.all-sets .sets-listing {
  margin-top: 0.7rem;
}
.all-sets .set-single {
  display: flex;
  padding: 2.7rem 0;
  border-bottom: 0.1rem solid #DFDFDF;
}
.all-sets .set-single:last-of-type {
  border: none;
}
.all-sets .img-wrapper {
  height: 7.8rem;
  width: 13.6rem;
  position: sticky;
  top: calc(50% - 3.9rem);
}
.all-sets .img-wrapper img {
  height: 100%;
  width: 100%;
  object-fit: scale-down;
}
.change-summary {
  white-space: nowrap;
}
.all-sets .set-item {
  display: flex;
  margin-bottom: 1.2rem;
}
.all-sets .set-item:last-of-type {
  margin-bottom: 0;
}
.all-sets .amount {
  font-size: 1.4rem;
  line-height: 1.7rem;
  letter-spacing: .035rem;
  color: #737373;
  margin-right: 1.2rem;
}
.all-sets .item-name {
  font-size: 1.4rem;
  line-height: 1.7rem;
  letter-spacing: .035rem;
  margin-right: 1rem;
  max-width: 35.6rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.all-sets .item-name a {
  color: #000;
}
.all-sets .item-name a:hover {
  text-decoration: underline !important;
}
.all-sets .price {
  font-size: 1.4rem;
  line-height: 1.7rem;
  font-weight: 500;
  letter-spacing: .035rem;
  margin-left: auto;
  white-space: nowrap;
}
.all-sets .set-price-wrapper {
  display: flex;
}
.all-sets .sticked {
  min-height: 7.8rem;
  position: sticky;
  top: calc(50% - 3.9rem);
  height: fit-content;
  display: inline-flex;
  flex-direction: column;
}
.all-sets .sticked > :last-child {
  margin-bottom: auto;
}
.all-sets .separator-wrapper {
  margin: 0 3.6rem;
}
.all-sets .separator {
  display: inline-block;
  height: 100%;
  width: 0.1rem;
  background: #DFDFDF;
}
.all-sets .price-label {
  font-size: 1.4rem;
  line-height: 1.7rem;
}
.all-sets .price-previous {
  font-size: 1.4rem;
  line-height: 1.7rem;
  color: #737373;
  text-decoration: line-through;
}
.all-sets .price-current {
  font-size: 2.4rem;
  font-weight: 500;
}
.all-sets .price-current-promo {
  color: #DF0000;
}
.all-sets .set-buy-wrapper {
  margin-left: auto;
}
.all-sets .set-buy-btn {
  display: flex;
  font-size: 1.6rem;
  font-weight: 500;
  color: #fff;
  border-radius: 0.5rem;
  padding: 1.6rem 2.7rem 1.5rem;
  background: #3BA55D;
  position: sticky;
  top: 50%;
}
/* end css zestawy */

/* zakres cen */
.price-range-title {
  margin-bottom: 1.5rem;
}
.price-range-container {
  padding: 1rem 2rem;
  border: 0.1rem solid #DFDFDF;
  border-radius: 0.5rem;
}
.price-range {
  width: 100%;
  font-size: 1.2rem;
}
.price-range tr {
  border-bottom: 0.1rem solid #DFDFDF;
  color: #737373;
}
.price-range  td {
  padding: 0.5rem;
}
.price-range tr:last-child {
  border-bottom: none;
}
.price-range-footer {
  width: 100%;
  font-size: 1.2rem;
  margin-top: 1.5rem;
}

/* END - zakres cen */
@media(min-width:1360px) and (max-width:1459px){
  .price-tooltip{
    left: 12rem;
  }
  .point-tooltip {
    left: 5.5rem;
  }
}
@media(min-width:1260px) and (max-width:1359px){
  .price-tooltip{
    left: 7.5rem;
  }
  .point-tooltip {
    left: -1.5rem;
  }
}
@media(min-width:1200px) and (max-width:1259px){
  .product-main-slider-outer {
    padding: 0rem 6.5rem;
  }
  .product-main-thum-outer {
    padding: 0 7rem;
  }
  .product-main-slider .slick-arrow {
    left: -6.4rem;
  }
  .product-main-slider .slick-arrow.slick-next {
    right: -6.4rem;
  }
  .single-list li {
    padding: 1.6rem 1.5rem;
  }
  .description-box {
    padding: 10rem 4rem 6rem;
  }
  .specification-box {
    padding: 5rem 3.8rem 4rem 3.7rem;
  }
  .single-nav-outer.sticky {
    top: 7.461rem;
  }
  .price-tooltip{
    left: 3.5rem;
  }
  .point-tooltip {
    left: -3.5rem;
  }
}
@media(min-width:992px) and (max-width:1199px){
  .all-sets .set-single {
    flex-wrap: wrap;
  }
  .all-sets .img-wrapper {
    position: static;
    order: 1;
    margin-top: 3rem;
  }
  .all-sets .set-items {
    width: 100%;
  }
  .all-sets .separator-wrapper {
    display: none;
  }
  .all-sets .set-price-wrapper {
    order: 2;
    margin-left: auto;
    text-align: right;
    margin: 3rem 0 2.7rem auto;
  }
  .all-sets .set-buy-wrapper {
    order: 3;
    width: 100%;
  }
  .all-sets .set-buy-btn {
    margin-bottom: 0;
    width: 100%;
    justify-content: center;
  }
  .all-sets .sticked {
    min-height: auto;
  }
  .all-sets .set-buy-wrapper > .sticked {
    width: 100%;
    align-items: center;
  }
  .all-sets .set-single {
    padding: 2.5rem 0;
  }
  .all-sets .item-name {
    max-width: calc(100% - 11.2rem);
  }
  .sec-product-single {
    padding-bottom: 3.5rem;
  }
  .product-single-box {
    padding: 1.8rem 0 3rem;
    margin-bottom: 3rem;
  }
  .product-single-left {
    padding: 0 1rem;
  }
  .product-single-budge {
    margin-left: 0.8rem;
  }
  .product-main-slider-outer {
    padding: 0 4.2rem;
    max-height: 40rem;
  }
  .product-main-item {
    height: 40rem !important;
  }
  .product-main-slider .slick-arrow {
    left: -4.2rem;
  }
  .product-main-slider .slick-arrow.slick-next {
    right: -4.2rem;
  }
  .product-single-gallery {
    max-width: 100%;
    margin: 2.2rem auto 1.2rem;
  }
  .product-gallery-item {
    margin-top: 3rem;
  }
  .product-main-thum-outer {
    padding: 0 2.6rem;
  }
  .product-details-outer {
    padding-right: 1.5rem;
  }
  .product-single-details .product-single-head .fw-32 * {
    line-height: 3.2rem !important;
    font-size: 2.6rem !important;
  }
  .product-single-details .single-review .product-code {
    margin-top: 1rem;
  }
  .product-single-details .single-price ins {
    font-size: 3rem;
    line-height: 3rem;
  }
  .single-list li {
    padding: 1.4rem 1rem;
  }
  .previous-price-outer {
    margin-top: 2.3rem;
  }
  .price-tooltip,.point-tooltip{
    padding: 1.6rem 1.5rem;
    width: 29.9rem;
    transform: translate(-114%,0.5rem);
  }
  .point-tooltip{
    transform: translate(-141%,0.5rem);
  }
  .single-nav ul li {
    margin-left: 2rem;
  }
  .description-box {
    padding: 7rem 3rem 5rem;
  }
  .description-img {
    width: 40rem;
  }
  .description-text {
    width: calc(100% - 40rem);
    padding-left: 3rem;
  }
  .description-block.row-reverse .description-text {
    padding-right: 3rem;
  }
  .description-box p{
    font-size: 1.5rem;
    line-height: 2.6rem;
    margin-top: 1.5rem;
  }
  .description-block + p {
    margin-top: 3rem;
  }
  .description-box h1 {
    margin-top: 4.9rem;
  }
  .description-box h3 {
    margin-top: 4rem;
  }
  .specification-box, .resources-box {
    padding: 4rem 3rem;
  }
  .specification-list .specification-item .specification-head {
    width: 25rem;
    padding-right: 2rem;
  }
  .specification-list .specification-item .specification-info {
    width: calc(100% - 25rem);
  }
  .specification-list .specification-item .specification-info table td:first-child {
    width: 21.2rem;
  }
  .review-box .review-box-top {
    padding: 4.4rem 3rem;
  }
  .reviews-bottom .view-more-review {
    margin-top: 4rem;
  }
  .single-nav-outer.sticky {
    top: 6.531rem;
  }
  .single-discount ins {
    margin-right: 1.5rem !important;
  }
}
@media(min-width:768px) and (max-width:991px){
  .all-sets .set-single {
    flex-wrap: wrap;
  }
  .all-sets .img-wrapper {
    position: static;
    order: 1;
    margin-top: 3rem;
  }
  .all-sets .set-items {
    width: 100%;
  }
  .all-sets .separator-wrapper {
    display: none;
  }
  .all-sets .set-price-wrapper {
    order: 2;
    margin-left: auto;
    text-align: right;
    margin: 3rem 0 2.7rem auto;
  }
  .all-sets .set-buy-wrapper {
    order: 3;
    width: 100%;
  }
  .all-sets .set-buy-btn {
    margin-bottom: 0;
    width: 100%;
    justify-content: center;
  }
  .all-sets .sticked {
    min-height: auto;
  }
  .all-sets .set-buy-wrapper > .sticked {
    width: 100%;
    align-items: center;
  }
  .all-sets .set-single {
    padding: 2.5rem 0;
  }
  .all-sets .item-name {
    max-width: calc(100% - 11.2rem);
  }
  .sec-product-single {
    padding-bottom: 3.6rem;
  }
  .product-single-box {
    padding: 1.8rem 0 4rem;
  }
  .product-single-left {
    padding: 0 2rem;
  }
  .product-main-slider-outer {
    padding: 0 6.2rem;
    max-height: 35rem;
  }
  .product-main-item {
    height: 35rem !important;
  }
  .product-main-slider .slick-arrow {
    left: -6rem;
  }
  .product-main-slider .slick-arrow.slick-next {
    right: -6rem;
  }
  .product-single-gallery {
    max-width: 100%;
    display: block;
    margin: 1.7rem auto 0;
  }
  .product-gallery-item {
    width: 100% !important;
    padding: 0;
    margin-top: 0;
    justify-content: center;
    height: 35rem;
  }
  .product-single-gallery .owl-nav button{
    border: 0.1rem solid #E1E1E1 !important;
    height: 3.8rem !important;
    width: 3.8rem;
    top: calc(50% - 2.9rem);
    box-shadow: none !important;
    left: 0;
  }
  .product-single-gallery .owl-nav button:hover{
    border-color: var(--btn-white-hover) !important;
  }
  .product-single-gallery .owl-nav button.owl-next{
    right: 0;
  }
  .product-single-gallery .owl-nav button img {
    max-width: 100%;
    margin: 0 !important;
    -webkit-transform: none;
    transform: none;
  }
  .product-details-outer {
    padding: 3rem 2.5rem 0;
    height: initial !important;
  }
  .inner-wrapper-sticky{
    position: relative !important;
    top: auto !important;
    width: 100% !important;
    left: 0 !important;
    transform: none !important;
  }
  .single-nav ul li {
    margin-left: 1.5rem;
  }
  .single-nav a {
    padding: 2rem 1rem;
  }
  .description-box {
    padding: 6rem 2.5rem 4.6rem;
  }
  .description-box p{
    line-height: 2.6rem;
    margin-top: 1.5rem;
  }
  .description-text {
    width: 100%;
    padding: 0 !important;
    order: -1;
  }
  .description-box h3 {
    margin-top: 4rem;
  }
  .description-box h1 {
    margin-top: 4.9rem;
  }
  .description-img {
    width: 100%;
    margin-top: 3rem;
  }
  .description-block + p {
    margin-top: 3rem;
  }
  .specification-box, .resources-box {
    padding: 4rem 2.5rem;
  }
  .specification-list .specification-item .specification-head {
    width: 100%;
    padding-right: 0;
    margin-top: 0;
  }
  .specification-list .specification-item .specification-info {
    width: 100%;
    margin-top: 1.5rem;
  }
  .reviews-bottom {
    padding: 0 2.5rem 4rem;
  }
  .review-box .review-box-top {
    padding: 4.5rem 2.5rem 4.4rem;
  }
  .reviews-bottom .reviews-list > ul > li {
    padding: 4rem 0 3.7rem;
  }
  .reviews-bottom .reviews-list > ul > li .reviews-user {
    width: 16.3rem;
  }
  .reviews-bottom .reviews-list > ul > li .reviews-info {
    width: calc(100% - 16.3rem);
  }
  .reviews-bottom .reviews-list > ul > li .reviews-info .review-footer .btn-yes {
    margin-left: 3.1rem;
  }
  .reviews-bottom .view-more-review {
    margin-top: 4rem;
  }
  .single-nav-outer.sticky {
    /*top: 14.4rem;*/
    top: 13.9rem;
  }
}
@media(max-width:767px){
  .all-sets .set-single {
    flex-wrap: wrap;
  }
  .all-sets .img-wrapper {
    position: static;
    order: 1;
    margin-top: 3rem;
  }
  .all-sets .set-items {
    width: 100%;
  }
  .all-sets .separator-wrapper {
    display: none;
  }
  .all-sets .set-price-wrapper {
    order: 2;
    margin-left: auto;
    text-align: right;
    margin: 3rem 0 2.7rem auto;
  }
  .all-sets .set-buy-wrapper {
    order: 3;
    width: 100%;
  }
  .all-sets .set-buy-btn {
    margin-bottom: 0;
    width: 100%;
    justify-content: center;
  }
  .all-sets .sticked {
    min-height: auto;
  }
  .all-sets .set-buy-wrapper > .sticked {
    width: 100%;
    align-items: center;
  }
  .all-sets .set-single {
    padding: 2.5rem 0;
  }
  .all-sets .item-name {
    max-width: calc(100% - 11.2rem);
  }
  .sec-product-single {
    padding-bottom: 2.5rem;
  }
  .product-single-box {
    padding: 1.8rem 0 3rem;
    margin-bottom: 2rem;
  }
  .product-single-left {
    padding: 0 1rem;
  }
  .product-main-thum-outer {
    display: none !important;
  }
  .product-main-slider-outer {
    margin-top: 1.7rem;
    padding: 0;
    max-height: 30rem;
  }
  .product-main-item {
    height: 30rem !important;
    padding: 0;
  }
  .product-main-slider .slick-arrow {
    left: 0;
    z-index: 1;
  }
  .product-main-slider .slick-arrow.slick-next {
    right: 0;
  }
  .product-single-gallery {
    max-width: 100%;
    display: block;
    margin: 1.7rem auto 0;
  }
  .product-gallery-item {
    width: 100% !important;
    padding: 0;
    margin-top: 0;
    justify-content: center;
    height: 30rem;
  }
  .product-single-gallery .owl-nav button{
    border: 0.1rem solid #E1E1E1 !important;
    height: 3.8rem !important;
    width: 3.8rem;
    top: calc(50% - 2.9rem);
    box-shadow: none !important;
    left: 0;
  }
  .product-single-gallery .owl-nav button:hover{
    border-color: var(--btn-white-hover) !important;
  }
  .product-single-gallery .owl-nav button.owl-next{
    right: 0;
  }
  .product-single-gallery .owl-nav button img {
    max-width: 100%;
    margin: 0 !important;
    -webkit-transform: none;
    transform: none;
  }
  .product-details-outer {
    padding: 2rem 1.5rem 0;
    height: initial !important;
  }
  .inner-wrapper-sticky{
    position: relative !important;
    top: auto !important;
    width: 100% !important;
    left: 0 !important;
    transform: none !important;
  }
  .product-single-details .single-review .product-code {
    width: 100%;
    margin-top: 1rem;
  }
  .product-single-details .single-price ins {
    font-size: 2.6rem;
    line-height: 2.6rem;
  }
  .single-cart-btn .btn {
    padding: 0 1rem;
  }
  .single-list li {
    padding: 1.5rem 0rem;
  }
  .price-tooltip,.point-tooltip{
    width: 27.9rem;
    padding: 1.6rem 1.2rem;
    transform: translate(-0,0.5rem);
    left: -21.9rem;
  }
  .point-tooltip {
    left: -8.9rem;
  }
  .single-point span {
    width: 100%;
  }
  .single-nav ul li {
    margin-left: 0;
  }
  .single-nav a {
    padding: 1.5rem 1rem;
  }
  .single-nav li:hover a:after, .single-nav li.active a:after {
    height: 0.2rem;
    bottom: 0;
  }
  .description-box {
    padding: 3rem 1.5rem 2rem;
  }
  .description-block.row-reverse {
    flex-direction: row;
  }
  .description-text {
    width: 100%;
    padding: 0 !important;
    order: -1;
  }
  .description-text .fw-32 * {
    font-size: 2.2rem !important;
    line-height: 3rem !important;
  }
  .description-text p {
    margin-top: 1.5rem;
  }
  .description-img {
    width: 100%;
    margin-top: 2rem;
  }
  .description-box p{
    line-height: 2.4rem;
    font-size: 1.5rem;
    margin-top: 2rem;
  }
  .description-block + p {
    margin-top: 3rem;
  }
  .description-box h1 {
    margin-top: 3.9rem;
  }
  .description-box h2 {
    margin-top: 2.5rem;
  }
  .description-box h3 {
    margin-top: 3rem;
  }
  .description-box li{
    line-height: 2.4rem;
    font-size: 1.5rem;
  }
  .description-box ul + h3, .description-box ol + h3 {
    margin-top: 2.8rem;
  }
  .specification-box, .resources-box {
    padding: 2rem 1.5rem;
  }
  .specification-list .specification-item {
    margin-top: 3.2rem;
  }
  .specification-list .specification-item:first-child{
    margin-top: 2.5rem;
  }
  .specification-list .specification-item .specification-head {
    width: 100%;
    padding-right: 0;
    margin-top: 0rem;
  }
  .specification-list .specification-item .specification-info {
    width: 100%;
    margin-top: 1rem;
  }
  .specification-list .specification-item .specification-info table td {
    padding: 1.1rem 0.5rem;
  }
  .specification-list .specification-item .specification-info table td:first-child{
    padding-left: 0;
  }
  .specification-list .specification-item .specification-info table td:last-child{
    padding-right: 0;
  }
  .specification-list .specification-item .specification-info table td:first-child {
    width: 16.2rem;
  } 
  .review-box .review-box-top {
    padding: 2.5rem 1.5rem 4.4rem;
  }
  .review-box .review-box-top .review-block {
    margin-top: 2.8rem;
  }
  .review-box .review-box-top .review-block .total-review {
    width: 100%;
    text-align: center;
  }
  .review-box .review-box-top .review-block .total-review .average-rating {
    font-size: 5.2rem;
    line-height: 6.5rem;
    justify-content: center;
  }
  .review-box .review-box-top .review-block .total-review .average-rating img {
    width: 3rem;
  }
  .review-box .review-box-top .review-block .reviews-type {
    width: 100%;
    padding-left: 0;
    margin-top: 2.5rem;
  }
  .reviews-bottom {
    padding: 0 1.5rem 3.5rem;
  }
  .reviews-bottom .reviews-list > ul > li {
    padding: 3.5rem 0;
  }
  .reviews-bottom .reviews-list > ul > li .reviews-user {
    width: 100%;
    padding-right: 0;
  }
  .reviews-bottom .reviews-list > ul > li .reviews-info {
    width: 100%;
    margin-top: 1.5rem;
  }
  .reviews-bottom .reviews-list > ul > li .reviews-info .star-user .stars {
    font-size: 2.2rem;
    line-height: 1.7rem;
    height: 1.7rem;
    margin-right: 1.39rem;
    margin-bottom: 1rem;
  }
  .reviews-bottom .reviews-list > ul > li .reviews-info .star-user .stars::before {
    line-height: 1.7rem;
    height: 1.7rem;
  }
  .reviews-bottom .reviews-list > ul > li .reviews-info .star-purchase {
    margin-left: 0;
    margin-bottom: 1rem;
  }
  .reviews-bottom .reviews-list > ul > li .reviews-info p {
    margin-top: 0.4rem;
    line-height: 2.4rem;
  }
  .reviews-bottom .reviews-list > ul > li .reviews-info .review-footer .review-helpfull {
    width: 100%;
  }
  .reviews-bottom .reviews-list > ul > li .reviews-info .review-footer .btn-yes {
    margin-left: 0;
  }
  .reviews-bottom .view-more-review {
    margin-top: 3.5rem;
  }
  .single-nav-outer.sticky {
    /*top: 14.4rem;*/
    top: 13.9rem;
  }
}

/* PRODUCTS>CSS */

.product-item{
  display: flex;
  flex-direction: column;
  border: 0.1rem solid var(--line-color);
  border-radius: var(--border-radius);
  width: 100%;
  height: 100%;
  background: var(--bg-white);
  text-align: center;
}
.product-item:hover{
  border-color: var(--line-hover-color) !important;
}
.product-item .product-img-outer{
  position: relative;
  width: 100%;
}
.product-item .product-img-outer .product-img{
  height: 29.3rem;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: 2rem 0 0;
}
.product-item .product-img-outer .product-img img{
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  position: absolute;
  transition: opacity 0.3s ease-in-out;
}
.product-item .product-img-outer .product-img.product-img-swich .product-img-second {
  opacity: 0;
}
.product-item .product-img-outer .product-img.product-img-swich:hover .product-img-first{
  opacity: 0;
}
.product-item .product-img-outer .product-img.product-img-swich:hover .product-img-second{
  opacity: 1;
}
.product-item .product-img-outer .product-budge{
  position: absolute;
  top: 2rem;
  left: 1.5rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.product-item .product-img-outer .product-budge.budge-bottom{
  letter-spacing: 2.1rem !important;
  top: auto !important;
  bottom: -3.34rem;
}
.product-item .product-img-outer .product-budge span{
  height: 2.5rem;
  padding: 0 1.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1.4rem;
  border-radius: 0.3rem;
  margin-right: 0.6rem;
  color: var(--text-white);
  letter-spacing: 0.024rem;
}
.product-item .product-img-outer .product-budge span:last-child{
  margin-right: 0;
}
.product-item .product-img-outer .btn-like{
  padding: 0;
  height: auto;
  position: absolute;
  z-index: 1;
  top: 2.35rem;
  right: 2.06rem;
  opacity: 0.12;
}
.product-item .product-img-outer .btn-like.active{
  opacity: 1;
}
.product-item .product-img-outer .btn-like.active img{
  -webkit-filter: invert(31%) sepia(97%) saturate(7430%) hue-rotate(351deg) brightness(93%) contrast(90%);
  filter: invert(31%) sepia(97%) saturate(7430%) hue-rotate(351deg) brightness(93%) contrast(90%);
}
.product-item .product-info{
  width: 100%;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 3.5rem 2.1rem;
}
.product-item .product-info-box{
  padding-top: 5.05rem;
  text-align: left;
}
.product-item .product-info-box:has(.btn){
  padding-bottom: 1.6rem;
}
.product-item .product-info .product-info-top{
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.product-item .product-info .rating-outer{
  justify-content: center;
}
.product-item .product-info-box .rating-outer {
  justify-content: flex-start;
  margin-top: auto;
  padding-top: 1.4rem;
}
.product-item .product-info .rating-outer .rating-text{
  font-size: 1.2rem;
  line-height: 1.2rem;
  color: #B4B4B4;
  letter-spacing: 0.03rem;
  margin-left: 0.6rem;
  margin-top: -0.1rem;
}
.product-item .product-info .product-title{
  margin-top: 1.3rem;
}
.product-item .product-info-box .product-title{
  margin-top: 0 !important;
}
.product-item .product-info .product-title *{
  color: var(--text-black) !important;
  letter-spacing: 0.04rem;
}
.product-info .single-box-gray {
  margin-top: 0.5rem;
}
.product-item .product-info .single-box-gray * {
  color: var(--text-black) !important;
}
.product-item .product-info-box .product-title * {
  letter-spacing: 0.035rem;
}
.product-item .product-info .prodcut-short-desc{
  margin-top: 1.45rem;
}
.product-item .product-info .prodcut-short-desc p,
.product-item .product-info .prodcut-short-desc .prodcut-short-desc-h2 {
  font-weight: normal;
  color: var(--text-dark-gray);
  font-size: 1.3rem;
  line-height: 1.8rem;
  margin: 0 !important;
}
.product-item .product-info .product-info-bottom{
  margin-top: 1.85rem;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.product-item .product-info-box .product-info-bottom{
  justify-content: space-between;
  margin-top: 1.75rem;
}
.product-item .product-info-box .product-info-bottom:has(.btn){
  margin-top: 0.5rem;
}
.product-item .product-info .product-info-bottom .price{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.product-item .product-info .product-info-bottom .price del{
  color: var(--color-delete);
  font-size: 1.4rem;
  line-height: 1.4rem;
  letter-spacing: 0.035rem;
  margin-right: 1.2rem;
}
.product-item .product-info .product-info-bottom .price ins{
  color: var(--text-black);
  font-size: 1.8rem;
  line-height: 1.8rem;
  font-weight: 600;
  letter-spacing: 0.045rem;
  text-decoration: none;
}
.product-item .product-info .product-info-bottom .price ins.price-individual{
  font-size: 1.5rem;
  line-height: 1.5rem;
}
.product-item .product-info .product-info-bottom .price-discount del + ins{
  color: var(--text-red);
}
.product-item .product-info .product-info-bottom .btn-cart{
  height: 5rem;
  width: 5rem;
  border: 0.1rem solid var(--bg-dark-green) !important;
  padding: 0;
}
.product-item .product-info .product-info-bottom .btn-cart:hover{
  background: var(--bg-dark-green) !important;
}
.product-item .product-info .product-info-bottom .btn-cart:hover img{
  -webkit-filter: brightness(0%) invert(100%);
  filter: brightness(0%) invert(100%);
}
.sec-product-list .page-title > p {
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: .04rem;
  color: #737373;
  margin-top: 1.2rem;
}
.sec-product-list .product-block .product-list .product-item{
  margin-top: 2.7rem !important;
  border-color: #fff;
  height: auto !important;
}
@media(min-width:768px) and (max-width:991px){
  .product-item .product-img-outer .product-img {
    height: 20.3rem;
  }
  .product-item .product-img-outer .product-budge {
    top: 1rem;
    left: 1rem;
  }
  .product-item .product-img-outer .product-budge span {
    height: 2rem;
    padding: 0.2rem 1rem 0;
    font-size: 0.9rem;
  }
  .product-item .product-img-outer .btn-like {
    top: 1.35rem;
    right: 1.06rem;
  }
  .product-item .product-info {
    padding: 3.5rem 1rem;
  }
  .product-item .product-info .prodcut-short-desc {
    margin-top: 1.25rem;
  }
  .product-item .product-info .prodcut-short-desc p, .product-item .product-info .prodcut-short-desc .prodcut-short-desc-h2 {
    font-size: 1.2rem;
    line-height: 1.7rem;
  }
}
@media(max-width:767px){
  .product-item .product-img-outer .product-img {
    height: 19.3rem;
  }
  .more-product .btn{
    width: 100%;
  }
  .product-item .product-info .product-info-bottom .btn-cart {
    height: 4.5rem;
    width: 4.5rem;
  }
  .sec-product-list .product-block .product-list .product-item {
    margin-top: 2rem !important;
  }
  .sec-product-list .product-block .product-list .gx-5 {
    --bs-gutter-x: 1rem;
  }
  .product-item .product-info .product-info-bottom .price ins {
    font-size: 1.6rem;
    line-height: 1.6rem;
  }
  .product-item .product-info .product-info-bottom .price ins.price-individual{
    font-size: 1.3rem;
    line-height: 1.3rem;
  }
}

/* CUSTOM CSS */

.product-main-item {
  position: relative;
}

.product-main-item-player {
  position: absolute;
  left: calc(50% - 1.8rem);
  top: calc(50% - 1.8rem);
  max-width: 100%;
  max-height: 100%;
}

.resources-list {
  display: flex;
  flex-wrap: wrap;
  gap: 4%;
  row-gap: 1rem;
  margin-top: 3rem;
}

.product-resource-item {
  border: 0.1rem solid #DFDFDF;
  padding: 2rem 3rem;
  flex-basis: 48%;
  box-sizing: border-box;
}

@media(max-width:768px) {
  .product-resource-item {
    flex-basis: 100%;
    padding: 1rem 2rem;
  }
}

.product-resource-item img {
  width: 2rem;
  top: -0.4rem;
  position: relative;
}
.product-resource-item a:link, .product-resource-item a:visited {
  color: black;
}

.review-control-vote {
  display: flex;
  position: relative;
  margin-bottom: 1.5rem
}

.review-control-vote input {
  opacity: 0;
  width: 0
}

.review-control-vote label {
  width: 2rem;
  cursor: pointer;
  height: 2rem;
  margin-bottom: 0;
  min-width: 2rem;
  min-height: 2rem;
  clip-path: polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);
  background-color: #eaeaea;
  z-index: 1
}

.review-control-vote label.active {
  background-color: #f2b741
}

#ratingModal textarea {
  border-color: #AAAAAA;
  width: 100%;
  min-height: 10rem;
  /*margin-bottom: 2.3rem;*/
}

.resources-box{
  background: var(--bg-white);
  border-radius: var(--border-radius);
  padding: 5rem 4.8rem 4rem 3.7rem;
}

@media(min-width:1200px) and (max-width:1259px) {
  .resources-box {
    padding: 5rem 3.8rem 4rem 3.7rem;
  }
}

@media(min-width:992px) and (max-width:1199px) {
  .resources-box {
    padding: 4rem 3rem;
  }
}

@media(min-width:768px) and (max-width:991px) {
  .resources-box {
    padding: 4rem 2.5rem;
  }
}

@media(max-width:767px) {
  .resources-box {
    padding: 2rem 1.5rem;
  }
}

.select-item input[name="selectproduct"] {
  width: 100%;
  height: 100%;
}

.product-main-widget-player {
  position: absolute;
  background-color: var(--text-white);
  color: var(--text-black);
  width: 8rem;
  padding: 1rem;
  border-radius: 0.4rem;
  text-align: center;
  bottom: 1rem;
  left: 10rem;
  box-shadow: 0.2rem 0.2rem 0.2rem 0.2rem #00000029;
  line-height: 1.5rem!important;
  cursor: pointer;
}

.product-main-widget-player img {
  margin-bottom: 0.7rem;
  float: none;
}

.product-main-widget-player span {
  width: 100%;
  font-size: 1.2rem;
  margin-top: 0.5rem;
  font-weight: 550;
}

/* start css gary box */
.single-box-gray {
  display: flex;
  align-items: center;
  background: #F6F6F6;
  margin-top: 3rem;
  border-radius: 0.4rem;
  padding: 1.9rem 2.4rem;
}
.single-box-gray:first-child{
  margin-top: 0;
}
.single-box-gray-icon {
  flex-shrink: 0;
  width: 3.1rem;
  margin-right: 2rem;
}
.single-box-gray-icon img{
  max-width:100%;
  max-height:100%
}
.single-gray-box-info {
  flex-grow: 1;
}
.single-gray-box-info p {
  margin: 0;
  font-size: 1.4rem;
  line-height: 1.7rem;
}
.single-gray-box-info p a{
  color: var(--body_font_color, #000000);
  text-decoration: underline !important;
}
.single-gray-box-info p a:hover{
  text-decoration: none !important;
}
.single-box-gray label{
  display: flex;
  align-items: center;
  font-size: 1.4rem;
  line-height: 1;
  font-weight: 500;
  margin-right: 1.2rem;
}
.single-box-gray label:last-child{
  margin-right: 0;
}
.single-box-gray label span{
  font-weight: normal;
  margin-left: 0.3rem;
}
@media(max-width:1359.98px){
  .single-gray-box-info p br{
    display: none;
  }
}
@media(min-width:992px) and (max-width:1199.98px){
  .single-box-gray {
    margin-top: 2rem;
    padding: 1.5rem 2rem;
  }
  .single-box-gray-icon {
    width: 2.6rem;
    margin-right: 1.6rem;
  }
  .single-gray-box-info p {
    font-size: 1.3rem;
    line-height: 1.6rem;
  }
  .single-box-gray-v1 {
    flex-wrap: wrap;
  }
  .single-box-gray label {
    margin: 0.5rem 1.2rem 0.5rem 0;
  }
}
@media(max-width:575.98px){
  .single-box-gray {
    margin-top: 2rem;
    padding: 1.5rem 2rem;
  }
  .single-box-gray-icon {
    width: 2.6rem;
    margin-right: 1.6rem;
  }
  .single-box-gray-v1 {
    flex-wrap: wrap;
  }
  .single-box-gray label {
    margin: 0.5rem 1.2rem 0.5rem 0;
  }
}
/* end css gary box */