.yc-single-product{
  display:flex;
  gap:8px;
  margin:25px auto;
  flex-direction:column;
  align-items:start;
}
@media (min-width: 768px){
  .yc-single-product{
    gap:20px;
    flex-direction:row;
  }
}
.yc-single-product .product-images{
  width:calc(100% + 24px);
  margin:0 -12px;
}
@media (min-width: 768px){
  .yc-single-product .product-images{
    position:sticky;
    top:calc(var(--yc-nav-height) + 20px);
    width:50%;
    margin:0;
    margin:initial;
  }
}
.yc-single-product .product-images .main-image{
  width:100%;
  height:100%;
  -o-object-fit:cover;
     object-fit:cover;
}
.yc-single-product .product-images #img-zoomer-box{
  width:100%;
  height:333px;
  position:relative;
  overflow:hidden;
  border:1px solid #E7E7E7;
  border-radius:4px;
}
.yc-single-product .product-images #img-zoomer-box:hover .main-image{
  opacity:0;
}
@media (min-width: 768px){
  .yc-single-product .product-images #img-zoomer-box{
    height:474px;
  }
}
.yc-single-product .product-images #img-zoomer-box:hover,
.yc-single-product .product-images #img-zoomer-box:active{
  cursor:zoom-in;
  display:block;
}
.yc-single-product .product-images #img-zoomer-box:hover #magnified-image,
.yc-single-product .product-images #img-zoomer-box:active #magnified-image{
  opacity:1;
}
.yc-single-product .product-images #magnified-image{
  width:100%;
  height:100%;
  background-repeat:no-repeat;
  pointer-events:none;
  position:absolute;
  opacity:0;
  z-index:99;
  transform-origin:center center;
  -o-object-fit:cover;
     object-fit:cover;
  display:block;
  transition:opacity 0.2s;
  background-size:200% auto;
}
.yc-single-product .product-images .product-images-container{
  display:flex;
  flex-direction:row;
  gap:10px;
}
@media (min-width: 768px){
  .yc-single-product .product-images .product-images-container{
    flex-direction:column;
    gap:20px;
  }
}
.yc-single-product .product-images .product-images-container .thumbnail-images{
  display:flex;
  flex-direction:column;
  flex-shrink:0;
}
@media (min-width: 768px){
  .yc-single-product .product-images .product-images-container .thumbnail-images{
    order:1;
  }
}
.yc-single-product .product-images .product-images-container .splide__arrow--next{
  right:0;
}
.yc-single-product .product-images .product-images-container .splide__arrow--prev{
  left:0;
}
.yc-single-product .product-images .product-images-container .splide__list{
  display:flex;
  flex-direction:column;
  margin-inline-start:10px;
}
@media (min-width: 768px){
  .yc-single-product .product-images .product-images-container .splide__list{
    flex-direction:row;
  }
}
.yc-single-product .product-images .product-images-container .splide__arrow{
  width:16px;
  height:16px;
  display:flex !important;
  margin:0;
}
@media screen and (max-width: 767px){
  .yc-single-product .product-images .product-images-container .splide__arrow{
    width:36px;
    height:36px;
    border-radius:8px;
    border:1px solid #EDEDED;
    box-shadow:4px 10px 76px rgba(0, 0, 0, 0.14);
    left:50%;
  }
  .yc-single-product .product-images .product-images-container .splide__arrow svg{
    width:14px;
    height:14px;
  }
}
@media screen and (max-width: 767px){
  .yc-single-product .product-images .product-images-container .splide__arrow--prev{
    top:0;
  }
  .yc-single-product .product-images .product-images-container .splide__arrow--next{
    bottom:0;
  }
}
.yc-single-product .product-images .product-images-container .thumbnail-images .image-container{
  border:1px solid #E7E7E7;
  border-radius:4px;
  width:80px;
  height:78px !important;
  cursor:pointer;
  margin-block-end:10px;
}
@media (min-width: 768px){
  .yc-single-product .product-images .product-images-container .thumbnail-images .image-container{
    width:150px !important;
    height:148px !important;
    margin-block-end:unset;
    margin-inline-end:10px;
  }
}
.yc-single-product .product-images .product-images-container .thumbnail-images .image-container.active{
  border-color:#000000;
}
.yc-single-product .product-images .product-images-container .thumbnail-images img{
  width:100%;
  height:100%;
  border-radius:4px;
  -o-object-fit:cover;
     object-fit:cover;
}
.yc-single-product .product-details{
  width:100%;
  display:flex;
  flex-direction:column;
  gap:20px;
}
@media (min-width: 768px){
  .yc-single-product .product-details{
    width:50%;
    gap:22px;
  }
}
.yc-single-product .product-details .product-name{
  color:var(--yc-primary-color);
  font-weight:400;
  font-size:18px;
}
@media (min-width: 768px){
  .yc-single-product .product-details .product-name{
    font-size:24px;
  }
}
.yc-single-product .product-details .product-options{
  display:grid;
  grid-gap:27px;
  gap:27px;
}
@media (min-width: 768px){
  .yc-single-product .product-details .product-options{
    gap:30px;
  }
}
.yc-single-product .product-details .product-options .product-option .yc-upload-preview{
  display:none;
  background:#F9F9F9;
  height:auto;
  border-radius:8px;
  padding:14px 18px;
}
.yc-single-product .product-details .product-options .product-option .yc-upload-preview .yc-upload-wrapper{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
}
.yc-single-product .product-details .product-options .product-option .yc-upload-preview .yc-upload-wrapper .yc-image-preview{
  display:flex;
  align-items:center;
  gap:15px;
}
.yc-single-product .product-details .product-options .product-option .yc-upload-preview .yc-upload-wrapper .yc-image-preview img{
  width:67px;
  height:auto;
  border-radius:4px;
  -o-object-fit:cover;
     object-fit:cover;
}
.yc-single-product .product-details .product-options .product-option .yc-upload-preview .yc-upload-wrapper .yc-image-preview .yc-image-info{
  display:grid;
  grid-gap:8px;
  gap:8px;
  font-weight:300;
  font-size:12px;
  line-height:120%;
  color:var(--yc-neutral-color);
}
.yc-single-product .product-details .product-options .product-option .yc-upload-preview .yc-upload-wrapper .yc-image-preview .yc-image-info .image-size{
  color:#BABABA;
}
.yc-single-product .product-details .product-options .product-option .yc-upload-preview .progress-container{
  width:100%;
  height:3px;
  background-color:#cecece;
  border-radius:5px;
}
.yc-single-product .product-details .product-options .product-option .yc-upload-preview .progress-bar{
  width:0%;
  height:100%;
  background-color:var(--yc-primary-color);
  border-radius:5px;
  transition:width 1s ease-in-out;
}
.yc-single-product .product-details .product-options .yc-colors-select .active,
.yc-single-product .product-details .product-options .yc-options-list .active,
.yc-single-product .product-details .product-options .yc-image-options-list .active{
  border:1px solid var(--yc-primary-color);
}
.yc-single-product .product-details .product-description{
  width:100%;
  overflow:hidden;
}
.yc-single-product .product-details .product-description *{
  width:100% !important;
  font-family:var(--yc-font-family);
  line-height:184.5%;
}
.yc-single-product .product-details .product-description .fr-emoticon-img{
  height:1em;
  width:1em;
  min-height:20px;
  min-width:20px;
  display:inline-block;
  line-height:1;
  vertical-align:middle;
}
.yc-single-product .product-details .product-description strong{
  font-weight:700;
}
.yc-single-product .product-details .product-option-title{
  text-transform:capitalize;
  margin-top:0;
  margin-bottom:16px;
  font-weight:700;
  font-size:16px;
  line-height:normal;
  color:#303030;
}
@media (min-width: 768px){
  .yc-single-product .product-details .product-option-title{
    font-size:18px;
  }
}
.yc-single-product .product-details .countdown-container{
  border-radius:4px;
}
.yc-single-product .product-price-container{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:13px;
}
.yc-single-product .product-price{
  font-weight:300;
  font-size:24px;
  color:var(--yc-primary-color);
}
@media (min-width: 768px){
  .yc-single-product .product-price{
    font-size:32px;
  }
}
.yc-single-product .compare-price{
  font-weight:300;
  font-size:18px;
  color:#818181;
}
.yc-single-product .compare-container{
  display:flex;
  align-items:center;
  gap:18px;
  flex-grow:1;
}
.yc-single-product .compare-container .tag{
  position:static;
  position:initial;
  font-weight:400;
  font-size:12px;
  padding:4px 10px !important;
}

.add-to-cart-btn button{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:5px;
  padding:14px 10px;
}
.add-to-cart-btn button .btn-content{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:14px;
  font-weight:400;
}

.add-to-cart-btn button:disabled{
  cursor:not-allowed;
  opacity:0.5;
}

.add-to-cart-btn:disabled{
  background-color:#E7E7E7;
  color:#8D8D8D;
}

.single-product-placeholder .product-images svg{
  width:100%;
  height:333px;
  position:relative;
  overflow:hidden;
  border-radius:4px;
}
@media (min-width: 768px){
  .single-product-placeholder .product-images svg{
    height:474px;
  }
}
.quantity-field{
  display:flex;
  align-items:center;
  width:181px;
  border-radius:5px;
  padding:5px;
  gap:8px;
}
.quantity-field .quantity-input::-webkit-outer-spin-button,
.quantity-field .quantity-input::-webkit-inner-spin-button{
  -webkit-appearance:none;
  margin:0;
}
.quantity-field .quantity-input[type=number]{
  -moz-appearance:textfield;
}
.quantity-field .quantity-input{
  width:58px;
  text-align:center;
  border:none;
  border:1px solid #E6E6E6;
  border-radius:5px;
  padding:0 !important;
  font-weight:300 !important;
  font-size:18px !important;
  line-height:normal !important;
  color:black;
}
.quantity-field .quantity-input:focus{
  outline:none;
}
.quantity-field .decrement-button,
.quantity-field .increment-button{
  width:37px;
  height:37px;
  border:none;
  color:black;
  font-weight:300;
  background-color:#F3F3F3;
  border-radius:5px;
  font-size:18px;
  line-height:normal;
  cursor:pointer;
  transition:all 200ms ease-in-out;
}
.quantity-field .decrement-button:active,
.quantity-field .increment-button:active{
  scale:1.1;
}