.product_preview {
  padding-bottom: 65px;
}
.product_preview .left {
  width: 64.4%;
  overflow: hidden;
  padding-top: 77px;
}
.product_preview .right {
  width: 35.6%;
  padding-left: 75px;
}
.product_preview .left .swiper_preview_product {
  height: 660px;
  width: 100%;
  background-color: #f8f8f8;
  overflow: hidden;
}
.product_preview .left .swiper_preview_product .like_btn{
  width: 40px;
  height: 40px;
  position: absolute;
  right: 30px;
  top: 30px;
  background: url('../img/heart-empty.svg') no-repeat center/contain;
  cursor: pointer;
  z-index: 9;
}
.product_preview .left .swiper_preview_product .like_btn.active{
  background-image: url('../img/heart-red.svg');
}
.product_preview .left .swiper_preview_product li img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.video_btn {
  position: absolute;
  padding: 13px 40px;
  background-color: var(--theme_color);
  color: white;
  font-weight: 400;
  font-size: 22px;
  padding-left: 64px;
  left: 22px;
  border-radius: 5px;
  bottom: 22px;
  z-index: 9;
  cursor: pointer;
}
.video_btn:before {
  content: "";
  width: 19px;
  height: 19px;
  background: url('../img/play.svg') no-repeat center / contain;
  position: absolute;
  left: 22px;
  top: 50%;
  transform: translateY(-50%);
}
.product_preview .right .share-block {
  padding: 22px 0 24px;
}
.product_preview .right .share-block strong {
  font-size: 18px;
  font-weight: 500;
}
.product_preview .right ul {
  gap: 13px;
  display: flex;
  flex-wrap: wrap; 
}
.product_preview .right ul li a {
  width: 32px;
  height: 32px;
  background-image: none;
  position: relative;
}
.product_preview .right ul li a:after{
  content: "";
  width: 100%;
  height: 100%;
  background: url('../img/facebook.svg') no-repeat center/45% 45%;
  position: absolute;
  left: 0;
  top: 0;
  transition: all 0.3s;
}
.product_preview .right ul li.twitter a:after{
  content: "";
  background-image: url('../img/twitter.svg');
}
.product_preview .right ul li.pinterest a:after{
  content: "";
  background-image: url('../img/pinterest.svg');
}
.product_preview .right ul li:hover a:after{
  filter: contrast(0) brightness(20);
}
.swiper_preview_product {
  position: relative;
}
.swiper_thumb {
  height: 94px;
  width: 92%;
}
.swiper_thumb li {
  border: 1px solid #e1e1e1;
  border-radius: 8px;
  width: 157px;
  transition: all 0.3s;
  cursor: pointer;
}
.swiper_thumb li.active {
  border-color: #212121;
  background-color: #f8f8f8;
}
.swiper_thumb li img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.thumb-left,
.thumb-right {
  width: 24px;
  min-width: 24px;
  height: 94px;
  position: relative;
  cursor: pointer;
  z-index: 9;
  background: url('../img/right-w.svg') no-repeat center / 8px;
  border: 1px solid #2121217e;
  border-radius: 4px;
  background-color: #212121;
  transition: all 0.3s;
}
.gift-left,
.gift-right {
  width: 24px;
  min-width: 24px;
  height: 136px;
  position: relative;
  cursor: pointer;
  z-index: 9;
  background: url('../img/right-b.svg') no-repeat center / 8px;
  border-radius: 4px;
  transition: all 0.3s;
}
.gift-left {
  transform: rotate(180deg);
}
.thumb-left {
  transform: rotate(180deg);
}
.product_preview .swiper_box {
  margin-top: 30px;
  margin-bottom: 24px;
}
.swiper_box div.swiper-button-disabled {
  background-color: transparent;
  background-image: url('../img/right-b.svg');
}
.select-gift > strong {
  font-size: 18px;
  padding: 3px 13px;
  border-radius: 4px;
  color: white;
  font-weight: 500;
  margin-bottom: 1rem;
  display: inline-block;
  background-color: var(--theme_color);
}
.gift-box {
  background-color: #f5f5f5;
  border-radius: 3px;
  padding: 20px 0;
  justify-content: space-between;
}
.select-gift li {
  cursor: pointer;
}
.select-gift li .img {
  height: 110px;
  margin-bottom: 10px;
}
.select-gift li p {
  opacity: 0.8;
  text-align: center;
}
.select-gift li .img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.select-gift .swiper_gift {
  width: 90%;
}
/* .select-gift li input[type="checkbox"]{
  appearance: none;
  background-color: white;
  width: 23px;
  height: 23px;
  border: 2px solid #666666;
  border-radius: 5px;
  position: absolute;
  right: -20px;
  top: 0;
} */
.select-gift li:after {
  content: "";
  background-color: white;
  width: 22px;
  height: 22px;
  border: 2px solid #666666;
  border-radius: 5px;
  position: absolute;
  right: -20px;
  top: 0;
}
.select-gift li.active:after {
  background: url('../img/hong-gou.svg') no-repeat center / contain;
}
.select-gift li .gift-count {
  display: none;
  position: absolute;
  top: -8px;
  right: -14px;
  background: #e53935;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  padding: 3px 5px;
  border-radius: 10px;
  pointer-events: none;
  z-index: 2;
}
.select-gift li.active .gift-count {
  display: block;
}
.product_preview .right h1 {
  font-size: 28px;
  font-weight: 600;
  color: #232323;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
}
.product_preview .right .pro-infos p + p { 
}
.product_preview .right .pro-infos {
  margin-bottom: 16px;
  flex-flow: wrap;
  gap: .5rem;
  justify-content: space-between;
}
.product_preview .right .pro-infos p {
  color: #7a7a7a;
  font-size: 18px;
  width: 49%;
}
.product_preview .right .pro-infos p span {
  color: #353535;
  font-weight: 500;
}
.star_con {
  width: 104px;
  position: relative;
  height: 20px;
  background: url('../img/empty_star.svg') no-repeat left / 104px;
}
.star_con span {
  width: 100%;
  height: 100%;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  background: url('../img/full_star.svg') no-repeat left / 104px;
}
.star_con + span {
  margin-left: 10px;
  font-size: 14px;
  text-decoration: underline;
}
.product_preview .right .status {
  margin-top: 18px;
  margin-bottom: 20px;
  font-weight: 500;
  font-size: 20px;
  padding-left: 32px;
  position: relative;
}
.product_preview .right .status::after {
  content: "";
  width: 25px;
  height: 25px;
  background: no-repeat center / contain;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.product_preview .right .status span {
  font-size: 18px;
  color: #353535;
  font-weight: normal;
}
.product_preview .right .status.in_stock {
  color: #28b560;
}
.product_preview .right .status.in_stock::after {
  background-image: url('../img/green-dui.svg');
}
.product_preview .right .status.backordered {
  color: #fc7301;
}
.product_preview .right .status.backordered::after {
  background-image: url('../img/pd-statue2.svg');
}
.product_preview .right .status.out_of_stock {
  color: #fc0102;
}
.product_preview .right .status.out_of_stock::after {
  background-image: url('../img/pd-statue1.svg');
}
.product_preview .right .status.pre_sale {
  color: #1174dc;
}
.product_preview .right .status.pre_sale::after {
  background-image: url('../img/pd-statue3.svg');
}
.product_preview .right .variation_infos strong {
  font-size: 18px;
  font-weight: 600;
  color: #282828;
  display: block;
  margin-bottom: 12px;
}
.product_preview .right .variation_infos strong span {
  font-weight: 500;
  color: #6b6b6b;
  /* text-transform: uppercase; */
}
.product_preview .right .variation_infos ul {
  display: flex;
}
.product_preview .right .variation_infos li {
  width: 42px;
  height: 42px;
  display: inline-block;
  border: 1px solid transparent;
  border-radius: 4px;
  display: flex;
  cursor: pointer;
  align-items: center;
  transition: all 0.3s;
  justify-content: center;
}
.product_preview .right .variation_infos li.active {
  border-color: #282828;
}
.product_preview .right .variation_infos li + li {
  margin-left: 6px;
}
.product_preview .right .variation_infos li img {
  width: 90%;
  height: 90%;
  object-fit: contain;
}
.product_preview .right .variation_infos ul + strong {
  margin-top: 24px;
}
.product_preview .right .variation_infos li.color span {
  width: 80%;
  height: 80%;
  display: inline-block;
  border-radius: 3px;
  background-color: #d11925;
}
.add-cart-data {
  margin-top: 50px;
}
.add-cart-data strong {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  line-height: 1;
  min-width: 155px;
}
.qty-container {
  border: 1px solid #e1e1e1;
  border-radius: 5px;
  height: 48px;
  display: flex;
}
.qty-container > div {
  width: 35px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background: url('../img/plus1.svg') no-repeat center / 14px;
}
.qty-container > div.minus {
  background-image: url('../img/minus1.svg');
}
.qty-container input {
  width: 58px;
  text-align: center;
  font-size: 18px;
  color: #282828;
  border-right: 1px solid #e1e1e1;
  border-left: 1px solid #e1e1e1;
}
/* .add-cart-data .qty-container {
  margin-right: 33px;
} */
.add-cart-data div > strong:nth-of-type(2) {
  font-size: 26px;
  color: var(--theme_color);
  font-weight: 600;
  gap: .5rem;
  justify-content: left;
  padding-top: 9px;
  margin-top: 7px;
  border-top: 1px solid #999999;
}
.add-cart-data div > strong:nth-of-type(2) p.price span{
  font-size: 26px;
  color: var(--theme_color);
  font-weight: 600;
  font-style: italic;
}
.add-cart-data div > strong:nth-of-type(1) p.price span{
  font-size: 32px;
  font-weight: 600;
  color: var(--theme_color);
}
.add-cart-data div > strong:nth-of-type(1) {
  font-size: 32px;
  font-weight: 600;
  gap: .5rem;
  color: var(--theme_color);
}
.add-cart-data div > strong:nth-of-type(1) p ins{
  text-decoration: unset;
}
.add-cart-data div > strong:nth-of-type(1) p ins span{
  font-size: 32px;
  font-weight: 600;
  color: var(--theme_color);
}
.add-cart-data div > strong:nth-of-type(1) p del{
  text-decoration: unset;
  color: #606060;
  font-size: 20px;
}
.add-cart-data div > strong:nth-of-type(1) p del span{
  text-decoration: line-through;
  color: #999 !important;
  font-size: 20px !important;
}
.add-cart-data div > strong span, .add-cart-data div > strong i{
  font-size: 16px;
  color: #606060;
  font-weight: 400;
  line-height: 1;
  transform: translateY(-5px);
  order: 9;
}
.add-cart-data > div + div {
  margin-top: 28px;
}
.product_preview .right .gift {
  margin-top: 20px;
}
.product_preview .right .gift.hide{
  display: none;
}
.product_preview .right .gift strong {
  font-size: 18px;
  color: #282828;
  font-weight: 500;
  margin-bottom: 12px;
  display: block;
}
.product_preview .right .desc {
  margin-top: 43px;
  font-size: 15px;
  color: #666666;
  line-height: 32px;
  font-weight: 500;
}
.product_preview .right .gift ul {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.product_preview .right .gift li {
  width: 130px;
  padding: 10px;
  border-radius: 5px;
  display: inline-block;
  border: 1px solid #e0e0e0; 
  position: relative;
  text-align: center;
  cursor: default;
}
.product_preview .right .gift li .img {
  height: 100px;
  margin-bottom: 8px;
}
.product_preview .right .gift li .img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.product_preview .right .gift li p {
  font-size: 13px;
  opacity: 0.8;
  text-align: center;
  margin: 0;
}
.product_preview .right .gift li .gift-count {
  font-size: 13px;
  font-weight: 600;
  background-color: var(--theme_color);
  margin-top: 4px;
  position: absolute;
  top: -10px;
  color: #fff;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  right: -10px;
}
.product_preview .right .add-to-cart {
  padding: 16px;
  background: var(--theme_color);
  display: block;
  width: 100%;
  color: white;
  font-size: 18px;
  font-weight: 500;
  margin-top: 38px;
  border-radius: 4px;
  position: relative;
  text-align: center;
}
.product_preview .right input.add-to-cart:disabled{
  background-color: #666;
  cursor: no-drop;
}
.product_preview .right input.add-to-cart:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #333;
}
.product_preview .right .submit {
  position: relative;
}
.product_preview .right .submit span {
  position: absolute;
  right: 14.855%;
  top: 50%;
  transform: translateY(-50%);
  color: var(--theme_color);
  font-size: 24px;
  font-weight: 500;
  background-color: #fff;
  border-radius: 4px;
  padding: 3px 12px;
  pointer-events: none;
}
.product_preview .right .advantage-list {
  margin-top: 45px;
  padding-top: 23px;
  padding-bottom: 30px;
  border-top: 1px solid #efefef;
  border-bottom: 1px solid #efefef;
}
.product_preview .right .advantage-list ul {
  gap: 0;
  flex-direction: column;
}
.product_preview .right .advantage-list li {
  color: #666666;
  font-size: 15px;
  padding-left: 32px;
  margin-bottom: 10px;
  position: relative;
  z-index: 5;
}
.product_preview .right .advantage-list li:before {
  content: "";
  width: 19px;
  height: 19px;
  position: absolute;
  left: 0;
  top: 1px;
  background: url('../img/adv1.svg') no-repeat center / contain;
}
.product_preview .right .advantage-list li.return:before {
  background-image: url('../img/adv2.svg');
}
.product_preview .right .advantage-list li.points:before {
  background-image: url('../img/adv3.svg');
}
.product_preview .right .advantage-list li.earn:before {
  background-image: url('../img/adv4.svg');
}
span.icon-question {
  width: 17px;
  height: 17px;
  display: inline-block;
  margin-left: 8px;
  cursor: pointer;
  position: relative;
  background: url('../img/question.svg') no-repeat center / contain;
}
span.icon-question:hover span {
  transform: scale(1);
}
span.icon-question span {
  /* display: none; */
  position: absolute;
  left: 100%;
  top: 0;
  padding: 1rem;
  border-radius: 8px;
  font-size: 13px;
  line-height: 1.5;
  background-color: #666;
  color: white;
  font-weight: 300;
  display: inline-block;
  z-index: 99;
  width: 300px;
  transform: scale(0);
  transition: all 0.3s;
}
.product_preview .right span.icon-question {
  transform: translateY(3px);
}
.product_preview .right span.icon-question span {
  left: unset;
  top: unset;
  right: 100%;
  bottom: 100%;
}
.product_nav {
  background-color: #f5f5f5;
}
.product_nav ul {
  justify-content: center;
  gap: 42px;
}
.product_nav ul li.active a::after,
.product_nav ul li:hover a::after {
  opacity: 1;
}
.product_nav ul li a {
  font-size: 22px;
  position: relative;
  color: #555555;
  display: inline-block;
  padding: 28px 0;
  font-weight: 500;
}
.product_nav ul li a:after {
  content: "";
  width: 100%;
  height: 4px;
  background: #27282a;
  position: absolute;
  left: 0;
  bottom: 0;
  transition: all 0.3s;
  opacity: 0;
}
.pd_title {
  cursor: pointer;
  border-bottom: 1px solid #c9c9c9;
  padding-bottom: 46px;
}
.pd_title h2 {
  color: #232323;
  font-size: 28px;
  font-weight: 600;
  line-height: 34px;
  display: flex;
  align-items: center;
  gap: 1rem;
  justify-content: space-between;
}
.pd_title h2::after {
  content: '';
  display: block;
  width: 30px;
  height: 1rem;
  background: url(../img/pd-select.svg) no-repeat center / contain;
  transition: all 0.3s;
}
.pd_title.active h2::after {
  transform: rotate(180deg);
}
.pd_head h2 {
  color: #232323;
  font-size: 28px;
  font-weight: 600;
  line-height: 34px;
}
.product_swiper {
  padding-top: 6px;
}
.product_swiper ul.sy-products li.sy-product {
  background-color: #f6f6f6;
  transition: all 0.3s;
  border-radius: 8px;
}
.product_swiper ul.sy-products li.sy-product:hover {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}
.product_swiper ul.sy-products li.sy-product .img {
  height: 200px;
  margin-top: -1rem;
  overflow: hidden;
  margin-bottom: 1rem;
}
.product_swiper ul.sy-products li.sy-product .img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: all 0.3s;
}
.product_swiper ul.sy-products li.sy-product .infos {
  padding: 0px 25px 20px;
}
.product_swiper ul.sy-products li.sy-product .cat {
  display: block;
  font-size: 14px;
  text-transform: uppercase;
  color: #232323;
  opacity: 0.72;
  font-weight: 500;
}
.product_swiper ul.sy-products li.sy-product strong {
  font-weight: 600;
  font-size: 18px;
  display: block;
  margin-top: 0.6rem;
  margin-bottom: 0.6rem;
  line-height: 22px;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;


}
.product_swiper ul.sy-products li.sy-product .sku {
  font-size: 14px;
  color: #7a7a7a;
  font-weight: 500;
}
.product_swiper ul.sy-products li.sy-product .sku span {
  color: #353535;
}
.product_swiper ul.sy-products li.sy-product .stock {
  font-size: 14px;
  font-weight: 500;
  display: block;
  position: relative;
  color: #28b560;
  padding-left: 21px;
  margin-top: 0.5rem;
}
.product_swiper ul.sy-products li.sy-product .stock:before {
  content: "";
  width: 16px;
  height: 16px;
  background: url('../img/green-dui.svg') no-repeat center / contain;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.product_swiper ul.sy-products li.sy-product .buy-infos {
  /* padding: 18px 0 18px; */
  border-top: 1px solid #dddddd;
  height: 65px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.product_swiper ul.sy-products li.sy-product .infos div.buy-infos:last-of-type {
  border-bottom: 1px solid #dddddd;
}
.product_swiper ul.sy-products li.sy-product .infos div.buy-infos:first-of-type {
  margin-top: 15px;
}
.single-product .product_swiper ul.sy-products li.sy-product p.price{
  flex-flow: unset;
}
.product_swiper ul.sy-products li.sy-product p.price {
  /* display: flex;
  flex-flow: wrap;
  color: #606060;
  font-weight: 500;
  font-size: 13px;
  align-items: center; */
}
.product_swiper ul.sy-products li.sy-product input {
  width: 24px;
  height: 19px;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  background-color: transparent;
  font-size: 12px;
  border-left: 1px solid #e1e1e1;
  border-right: 1px solid #e1e1e1;
}
.product_swiper ul.sy-products li.sy-product p.price del {
  width: 100%;
  color: #7a7a7a;
  font-size: 13px;
  text-decoration: line-through;
  font-weight: 500;
}
ul.sy-products li.sy-product p.price span{
  /* order: 9; */
}
.product_swiper ul.sy-products li.sy-product p.price ins {
  color: var(--theme_color);
  font-weight: 700;
  font-size: 17px;
  text-decoration: unset;
  margin-right: 0.3rem;
}
.product_swiper ul.sy-products li.sy-product p.price ins + del{
  margin-right: 0.3rem;
}
ul.sy-products li.sy-product p.price ins + span{
  color: #7a7a7a;
  font-size: 13px;
  font-weight: 500;
  order: 10;
}
.product_swiper ul.sy-products li.sy-product .qty-con {
  display: flex;
  align-self: center;
  border: 1px solid #e1e1e1;
  border-radius: 3px;
}
.product_swiper ul.sy-products li.sy-product .qty-con span {
  display: inline-block;
  width: 14px;
  cursor: pointer;
  height: 19px;
  background: url('../img/plus.svg') no-repeat center / 40%;
}
.product_swiper ul.sy-products li.sy-product .qty-con span:nth-of-type(1) {
  background-image: url('../img/minus.svg');
}
.product_swiper ul.sy-products li.sy-product .add-cart {
  display: inline-block;
  width: 100%;
  background-color: #232323;
  border-radius: 5px;
  color: white;
  text-align: center;
  padding: 9px;
  font-size: 15px;
  font-weight: 400;
  margin-top: 16px;
  transition: all 0.3s;
}
.product_swiper ul.sy-products li.sy-product .add-list {
  font-size: 14px;
  color: #606060;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 1rem;
}
.product_swiper ul.sy-products li.sy-product .add-list:before {
  content: "";
  display: inline-block;
  background: url('../img/add-list.svg') no-repeat center / contain;
  width: 20px;
  height: 20px;
}
.product_swiper ul.sy-products li.sy-product:hover .add-cart {
  background-color: var(--theme_color);
}
.product_swiper ul.sy-products li.sy-product:hover .img img {
  transform: scale(1.05);
}
.product_swiper ul.sy-products + p.center {
  margin-top: 60px;
}
.product_swiper .shop_main .sy-products.single-type {
  grid-template-columns: repeat(1, 1fr);
  gap: 0;
}
.product_swiper .shop_main .sy-products.single-type li {
  background-color: transparent;
  box-shadow: none;
  border-radius: 0;
}
.product_swiper .shop_main .sy-products.single-type li {
  margin-bottom: 35px;
  padding-bottom: 35px;
  border-bottom: 1px solid #bbbbbb3a;
}
.product_swiper .shop_main .sy-products.single-type li:hover {
  box-shadow: none;
}
.product_swiper .shop_main .sy-products.single-type li a {
  display: flex;
  align-items: center;
}
.product_swiper .shop_main .sy-products.single-type li .img {
  width: 280px;
  height: 280px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f6f6f6;
  position: relative;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 80px;
}
.product_swiper .shop_main .sy-products.single-type li .img img {
  width: 70%;
  height: 70%;
  object-fit: contain;
}
.product_swiper .shop_main .sy-products.single-type li .img .exchange {
  width: 33px;
  height: 33px;
  position: absolute;
  right: 8px;
  top: 8px;
  background: url('../img/exchange.svg') no-repeat center / contain;
}
.product_swiper .shop_main .sy-products.single-type li .infos {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0;
  flex: 1;
  max-width: 775px;
}
.product_swiper ul.sy-products.single-type li.sy-product strong {
  margin-bottom: 2rem;
}
.product_swiper ul.sy-products.single-type li.sy-product .buy-infos {
  border: none;
}
.product_swiper ul.sy-products.single-type li.sy-product .infos div.buy-infos:last-of-type {
  border: none;
}
.product_swiper ul.sy-products.single-type li.sy-product .infos div.buy-infos:first-of-type {
  margin-top: 0;
}
.product_swiper .shop_main .sy-products.single-type li .infos > div:nth-of-type(2) {
  width: 240px;
}
.product_feature {
  padding: 84px 0 0;
}
.product_feature .attr {
  display: grid;
  gap: 92px 1.25rem;
  grid-template-columns: repeat(4, 1fr);
  padding: 5rem 0;
}
.product_feature .attr li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5.6075%;
}
.product_feature .attr li i {
  display: block;
  width: 62px;
  height: 56px;
  display: none;
  background: no-repeat center / contain;
}
.product_feature .attr li div {
  flex: 1;
}
.product_feature .attr li strong {
  display: block;
  font-size: 22px;
  font-weight: 600;
  text-align: center;
  line-height: 35px;
}
.product_feature .attr li span {
  color: #666666;
  line-height: 28px;
  display: block;
  text-align: center;
}
.product_related {
  padding: 42px 0;
}
.product_related .pd_head {
  margin-bottom: 56px;
}
.product_related .button_more {
  margin-top: 55px;
}
.product_desc {
  padding: 50px 0;
}
.product_desc .content .content {
  width: calc(100% - 2.5rem);
  max-width: 1546px;
}
.product_desc .content .content h3 {
  font-size: 42px;
  font-weight: 600;
  line-height: 50px;
  padding: 3rem 0 8px;
}
.product_desc .content .content p {
  color: #666666;
  font-size: 18px;
  line-height: 2rem;
  margin-top: 2rem;
}
.product_spec {
  padding: 5rem 0 76px;
}
.product_spec table {
  width: 100%;
  display: block;
  padding-top: 20px;
}
.product_spec table tbody {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0 2.05%;
}
.product_spec table tbody tr {
  align-items: center;
  display: flex;
  transition: all 0.3s;
}
.product_spec table tbody tr:nth-child(4n+3),
.product_spec table tbody tr:nth-child(4n+4) {
  background-color: #f1f1f1;
}
.product_spec table tbody tr:hover {
  background-color: #e0e0e0;
}
.product_spec table tbody tr td {
  width: 66.279%;
  color: #333333;
  font-size: 17px;
  line-height: 27px;
  padding: 11px 0 11px 2.326%;
}
.product_spec table tbody tr th{
  font-weight: 400 !important;
  text-align: left;
  width: 33.721% !important;
  border: none !important;
}
body.woocommerce table.shop_attributes td{
  width: 66.279%;
  color: #333333;
  font-size: 17px;
  line-height: 27px;
  font-weight: 400 !important;
  font-style: normal !important;
  padding: 11px 0 11px 2.326%;
  border: none;
}
body.woocommerce table.shop_attributes td p{
  padding: 0;
  line-height: normal;
}
.product_spec table tbody tr td:first-child {
  width: 33.721%;
  color: #111111;
}
.product_manuals {
  padding: 76px 0;
}
.product_manuals .content .content {
  width: calc(100% - 2.5rem);
  max-width: 1440px;
}
.product_manuals .pd_main ul {
  padding-top: 22px;
}
.product_manuals .pd_main ul li {
  padding: 30px 0 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem;
  border-bottom: 1px solid #9b9b9b;
}
.product_manuals .pd_main ul li strong {
  flex: 1;
  font-size: 23px;
  font-weight: 500;
  display: flex;
  align-items: center;
  padding-left: 2px;
  gap: 22px;
}
.product_manuals .pd_main ul li strong::before {
  content: '';
  display: block;
  width: 27px;
  min-width: 27px;
  height: 34px;
  background: url(../img/file.svg) no-repeat center / contain;
}
.product_manuals .pd_main ul li a {
  display: block;
  border-radius: 4px;
  background-color: #313133;
  transition: all 0.3s;
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  padding: 13px 51px;
}
.product_manuals .pd_main ul li a:hover {
  background-color: var(--theme_color);
}
.product_included {
  padding: 68px 0;
}
.product_included .pd_main ul {
  padding-top: 52px;
  display: grid;
  gap: 3rem 25px;
  grid-template-columns: repeat(6, 1fr);
}
.product_included .pd_main ul li a:hover img {
  transform: scale(1.05);
}
.product_included .pd_main ul li .img {
  overflow: hidden;
  background-color: #f8f8f8;
  aspect-ratio: 1/1;
}
.product_included .pd_main ul li .img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: all 0.5s;
}
.product_included .pd_main ul li .info {
  padding-top: 10px;
}
.product_included .pd_main ul li .info h3 {
  font-size: 20px;
  font-weight: 500;
  line-height: 31px;
  color: #333333;
}
.product_included .pd_main ul li .info span {
  color: #7a7a7a;
  font-size: 20px;
  font-weight: 500;
  display: block;
  margin-top: 20px;
}
.product_faq {
  padding: 84px 0;
}
.product_faq .content .content {
  width: calc(100% - 2.5rem);
  max-width: 1440px;
}
.product_faq .sy_contentfaq {
  padding-top: 22px;
}
.product_faq .sy_contentfaq .sy_fap_group .faqs .faq {
  border-bottom: 1px solid #c1c1c1;
}
.product_faq .sy_contentfaq .sy_fap_group .faqs .faq.active .question strong {
  color: var(--theme_color);
}
.product_faq .sy_contentfaq .sy_fap_group .faqs .faq.active .question span {
  transform: rotate(180deg);
}
.product_faq .sy_contentfaq .sy_fap_group .faqs .faq .question {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  cursor: pointer;
  padding: 28px 0 28px;
  transition: all 0.3s;
}
.product_faq .sy_contentfaq .sy_fap_group .faqs .faq.active .question{
  padding-bottom: 18px;
}
.product_faq .sy_contentfaq .sy_fap_group .faqs .faq .question strong {
  font-size: 24px;
  font-weight: 500;
  transition: all 0.3s;
  flex: 1;
}
.product_faq .sy_contentfaq .sy_fap_group .faqs .faq .question span {
  display: block;
  width: 1rem;
  height: 9px;
  background: url(../img/select.svg) no-repeat center / contain;
  transition: all 0.3s;
}
.product_faq .sy_contentfaq .sy_fap_group .faqs .faq .question span svg{
  display: none;
}
.product_faq .sy_contentfaq .sy_fap_group .faqs .faq .answer {
  display: none;
  padding-bottom: 2rem;
  opacity: 0.75;
  font-size: 20px;
  line-height: 38px;
}
.product_faq .sy_contentfaq .sy_fap_group .faqs .faq:nth-of-type(1) .answer{
  display: block;
}
.product_faq .sy_contentfaq .sy_fap_group button {
  display: block;
  margin: 58px auto 0;
  max-width: max-content;
  line-height: 1;
  font-size: 18px;
  font-weight: 500;
  color: #222222;
  border-radius: 6px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-color: transparent;
  padding: 17px 59.5px;
  transition: all 0.3s;
  display: none;
}
.product_faq .sy_contentfaq .sy_fap_group button:hover {
  color: #fff;
  border-color: var(--theme_color);
  background-color: var(--theme_color);
}
.product_faq p.center {
  margin-top: 54px;
  font-size: 20px;
  color: rgba(36, 36, 36, 0.75);
}
.product_faq p.center a {
  font-size: 20px;
  color: var(--theme_color);
  text-decoration: underline;
}
.product_review {
  padding: 100px 0 112px;
}
.product_review .main {
  padding-top: 60px;
}
.product_review .left {
  width: 25.56819%;
  min-width: 282px;
}
.product_review .left .total {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.product_review .left .total .star {
  width: 126px;
  height: 21px;
}
.product_review .left .total .star i {
  display: block;
  height: 100%;
  width: 100%;
  background: url(../img/star.svg) no-repeat left center;
  background-size: 126px 100%;
}
.product_review .left .total span {
  color: #000002;
  font-size: 18px;
  font-weight: 500;
}
.product_review .left .quantity {
  color: #555555;
  line-height: 20px;
  font-weight: 500;
  margin-top: 1rem;
}
.product_review .left .stars li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 30px;
}
.product_review .left .stars li span {
  display: block;
  width: 1rem;
  height: 15px;
  background: url(../img/star-b.svg) no-repeat center / contain;
  margin: 0 5.778% 0 3.5556%;
}
.product_review .left .stars li .line {
  flex: 1;
  background-color: #ececec;
  height: 1rem;
}
.product_review .left .stars li .line i {
  display: block;
  height: 100%;
  background-color: var(--theme_color);
}
.product_review .left .stars li strong {
  width: 42px;
  margin-left: 4%;
  color: #555555;
  font-size: 18px;
  font-weight: normal;
  line-height: 1rem;
}
.product_review .left .write {
  border-top: 1px solid #9b9b9b;
  margin-top: 40px;
  padding-top: 35px;
}
.product_review .left .write strong {
  font-size: 24px;
  font-weight: 500;
}
.product_review .left .write p {
  opacity: 0.75;
  margin-top: 10px;
}
.product_review .left .write .button {
  margin-top: 28px;
  font-size: 20px;
  padding: 1rem;
  width: 100%;
  max-width: 310px;
}
.product_review .right {
  flex: 1;
  max-width: 1200px;
}
.product_review .right .top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1.25rem;
}
.product_review .right .top .quantity {
  font-size: 24px;
  font-weight: 500;
}
.product_review .right .top .select_box {
  display: flex;
  align-items: center;
  gap: 24px;
  flex-wrap: wrap;
}
.product_review .right .top .select_box > select {
  border: none;
  border-radius: 4px;
  width: 176px;
  color: var(--title_color);
  font-size: 1rem;
  font-weight: 500;
  cursor: pointer;
  background: url(../img/select-full.svg) no-repeat right 14px center / 9px;
  background-color: #f5f5f5;
  padding: 0 40px 0 14px;
  line-height: 46px;
}
.product_review .right .top .select_box .select {
  background-color: #f5f5f5;
  border-radius: 4px;
  display: flex;
  align-items: center;
  line-height: 46px;
  padding-left: 21px;
  cursor: pointer;
}
.product_review .right .top .select_box .select select {
  width: 92px;
  color: var(--theme_color);
  font-size: 1rem;
  font-weight: 500;
  background: url(../img/select-full.svg) no-repeat right 14px center / 9px;
  line-height: 46px;
  padding: 0 20px 0 10px;
  border: none;
  width: max-content;
}
.product_review .right ul {
  padding-top: 4px;
  margin-bottom: 62px;
}
.product_review .right ul li {
  border-bottom: 1px solid #9b9b9b;
}
.product_review .right ul li .user {
  display: flex;
  align-items: center;
  gap: 24px;
  padding-top: 40px;
}
.product_review .right ul li .user .img {
  width: 56px;
  height: 56px;
  min-width: 56px;
  border-radius: 50%;
  overflow: hidden;
  background: url(../img/default-avatar.svg) no-repeat center / cover;
}
.product_review .right ul li .user .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.product_review .right ul li .user .name strong {
  color: #333333;
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
  display: block;
  margin-bottom: 4px;
}
.product_review .right ul li .user .name span {
  color: #757575;
  font-size: 15px;
}

.product_review .right ul li .product_box {
  padding: 1rem;
  border-radius: 5px;
  background-color: #eee;
  text-align: center;
  margin-top: 1rem;
  display: inline-block;
}
.product_review .right ul li .product_box img{
  width: 100px;
  display: block;
  margin: 0 auto;
  margin-bottom: 1rem;
}
.product_review .right ul li .product_box .product_name{
  max-width: 250px;
}
.product_review .right ul li .rate {
  margin-top: 14px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 14px;
}
.product_review .right ul li .rate .star {
  width: 106px;
  height: 15px;
}
.product_review .right ul li .rate .star i {
  display: block;
  height: 100%;
  width: 100%;
  background: url(../img/star2.svg) no-repeat left center;
  background-size: 106px 100%;
}
.product_review .right ul li .rate span {
  color: #989898;
}
.product_review .right ul li .con {
  padding-bottom: 20px;
}
.product_review .right ul li .con strong {
  font-size: 24px;
  font-weight: 500;
  line-height: 29px;
  display: block;
  margin-top: 18px;
}
.product_review .right ul li .con p {
  color: #666666;
  font-size: 18px;
  line-height: 2rem;
  padding: 14px 0 15px;
}
.product_review .right ul li .con .pic {
  display: inline-block;
  width: 232px;
  height: 155px;
  overflow: hidden;
  border-radius: 4px;
  margin-right: 20px;
  margin-bottom: 20px;
}
.product_review .right ul li .con .pic img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}
.product_also {
  background-color: #f8f8f8;
  padding: 96px 0 90px;
}
.product_also .pd_head {
  margin-bottom: 52px;
}
.product_also .product_swiper ul.sy-products li.sy-product {
  background-color: #fff;
}
.product_also .button_more {
  margin-top: 4rem;
}
.product_recently {
  padding: 66px 0 200px;
}
.product_recently .pd_head {
  margin-bottom: 50px;
}

body.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button {
  display: inline-block;
  line-height: 1;
  border-radius: 6px;
  transition: all 0.3s;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  background-color: var(--theme_color);
  padding: 15px 45.4px;
  border: 2px solid var(--theme_color);
  text-align: center;
}

body.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover {
  color: var(--theme_color);
  background-color: transparent;
}



.modalcomment.active {
  visibility: visible;
  background: rgba(0,0,0,0.7);
}
.modalcomment {
  position: fixed;
  visibility: hidden;
  top: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  right: 0;
  background: rgba(0,0,0,0);
  z-index: 999;
  transition: background 0.3s ease;
}
.modalcomment.active .modalcontent {
  top: 50%;
  opacity: 1;
}
.modalcomment .modalcontent {
  position: absolute;
  padding: 3rem;
  background-color: white;
  width: 80%;
  max-width: 50rem;
  max-height: 50rem;
  overflow-y: auto;
  border-radius: 1rem;
  opacity: 0;
  height: 80%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  top: 150%;
  transition: all 0.2s ease;
}
.modalcomment .modalcontent > form > p{
  margin-top: 1rem;
}
.modalcomment .ratestars {
  width: 10rem;
  height: 2rem;
  margin-top: 0.3rem;
  margin-bottom: 1.5rem;
  cursor: pointer;
}
.modalcomment ul.reviews div.ratestars div.rate, .modalcomment .ratestars .rate {
  background-image: url(../img/stars_full.svg);
  background-repeat: repeat-x;
  background-position: left;
  background-size: 32px 100%;
  height: 100%;
}
.modalcomment ul.reviews div.ratestars, .modalcomment .ratestars {
  height: 1.7rem;
  width: 10rem;
  background-image: url(../img/stars_empty.svg);
  background-repeat: repeat-x;
  background-position: left;
  margin-bottom: 1rem;
}
.modalcomment div.validform {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  max-width: 15rem;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  text-align: center;
  padding-top: 4rem;
}
.modalcomment div.validform .icon {
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  width:3rem;
  height: 3rem;
  border-radius: 50%;
  background-image: linear-gradient(to right, #fc0102, #ec6363);
}
.modalcomment div.validform .icon:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  background: transparent url(../img/valid_form.svg);
  background-size: 75%;
  background-position: center;
  background-repeat: no-repeat;
}
.modalcomment div.validform p {
  color: #999;
  font-size: 1rem;
}
.modalcomment .content_review p {
  margin-bottom: 1rem;
  line-height: 1.6rem;
}
.modalcomment div.validform.active {
  visibility: visible;
  opacity: 1;
}
.modalcomment div.validform p strong {
  color: #222;
  font-weight: 700;
  display: inline-block;
  font-size: 1.2rem;
  margin-bottom: 0.4rem;
}
.modalcomment input:not([type="submit"]), .modalcomment textarea {    
  width: 100%;
  height: 3rem;
  font-family: 'Open Sans', sans-serif;
  margin-bottom: 0.5rem;
  padding: 0.5rem 1rem;
  background-color: #fff;
  border-radius: 0.3125rem;
  border: 0.0625rem solid #e5e5e5;
  font-size: 16px;
  outline: none;
  margin-top: 0.5rem;
}
form ul.image_list li {
  width: 5rem;
  margin-right: 1rem;
  border-radius: 3px;
  position: relative;
}
form ul.image_list li img {
  max-width: 100%;
}
form ul.image_list li:hover .delete{
  opacity: 1;
}
form ul.image_list li .delete{
  width: 100%;
  opacity: 0;
  cursor: pointer;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  transition: all 0.3s;
  background: url('../img/delete.svg') no-repeat center/40%;
  background-color: rgba(255, 255, 255, 0.8);
}
form button.upload_image {
  border: 2px dashed #ccc;
  cursor: pointer;
  border-radius: 3px;
  background-color: white;
  width: 5rem;
  height: 5rem;
  font-size: 0.9rem;
  color: #666;
  margin-right: 0.8rem;
}
.single_product_reviews .sy-loader{
  margin-top: 2rem;
}
.single_product_reviews-list{
  min-height: 10rem;
}
.open-review{
  margin-left: 1rem;
}
.open-review.button{
  padding: 0.7rem 1.5rem;
  font-size: 15px;
}
.modalcomment input[type="submit"]{
  margin-top: 2rem;
  background-color: var(--theme_color) !important;
  color: white !important;
  font-weight: 500 !important;
  padding: 1rem 2.5rem !important;
}
.modalcomment input[type="submit"]:disabled{
  background-color: #999 !important;
  color: #666 !important;
}
.modalcomment label{
  font-weight: 600;
  display: block;
  margin-bottom: 0.3rem;
  font-size: 17px;
}

.woo_product_data>*{
  display: none;
}
.woo_product_data .variations_form{
  display: block;
}
table.variations tr{
  margin-bottom: 28px;
  display: block;
}
table.variations tr, table.variations tr th, table.variations td{
  display: block;
}
table.variations tr th, table.variations tr td{
  display: flex;
  flex-flow: wrap;
  gap: 13px;
  align-content: center;
}
table.variations tr th button, table.variations tr td div{
  height: 42px;
  display: inline-block;
  border: 1px solid transparent;
  border-radius: 4px;
  display: flex;
  cursor: pointer;
  align-items: center;
  transition: all 0.3s;
  justify-content: center;
  text-indent: -9999px;
  width: 42px;
    height: 42px;
    display: inline-block;
    border: 1px solid transparent;
    border-radius: 4px;
    display: flex;
    cursor: pointer;
    align-items: center;
    transition: all 0.3s;
    justify-content: center;
}
table.variations tr td .selected div{
  border-color: #282828;
}
table.variations tr td div img{
  width: 90%;
    height: 90%;
    object-fit: contain;
}
table.variations tr td div.attribute_pa_color img{
  display: none;
}
table.variations tr td label span{
  display: none;
}
table.variations tr td label div span{
  display: inline-block;
  width: 90%;
  height: 90%;
  border-radius: 3px;
}
table.variations tr th{
  font-size: 18px;
  font-weight: 600;
  color: #282828;
  display: block;
  text-align: left;
  margin-bottom: 12px;
}
table.variations tr th .select_value{
  font-weight: 500;
    color: #6b6b6b;
}
.reset_variations{
  order: 9;
  font-size: 14px;
  font-weight: 500;
  display: flex;
  align-items: center;
  color: var(--theme_color);
}
.single_variation_wrap{
  display: none !important;
}
.add-cart-data>.flex{
  flex-flow: wrap;
  gap: 33px;
}

.share_img{
  width: max-content;
  padding: 0.4rem;
  background-color: #fff;
  /* box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); */ 
  margin-left: auto;
  margin-right: auto;
}
.share_img .img{
  width: 310px;
  height: 310px;
  position: relative;
}
.share_img .img img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.share_img .img .qrcode{
  position: absolute;
  right: 15px;
  top: 15px;
  width: 106px;
  height: auto;
  padding: 5px;
  background-color: white;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}
.share_img .infos{
  padding: 0.8rem 0;
  font-size: 17px;
  font-weight: 500;
  text-align: center;
  /* color: var(--theme_color); */
}
#share_img{
  position: absolute;
  visibility: hidden;
}
#share_img.active{
  visibility: visible;
}
.moq{
  margin-top: 1rem; 
  font-weight: 600;
}
.moq span{
  font-weight: 400;
}
.recommend_radio {
  gap: 1rem;
}
.recommend_radio > div{
  display: flex; 
  gap: .5rem;
  align-items: center;
}