/*
 * @Author: yokiti1 yokiti_Kai1@163.com
 * @Date: 2024-10-11 16:49:27
 * @LastEditors: yokiti1 yokiti_Kai1@163.com
 * @LastEditTime: 2024-10-23 15:57:28
 * @FilePath: new-page-shortcode.css
 * @Description: 
 */
/*
 * @Author: yokiti1 yokiti_Kai1@163.com
 * @Date: 2024-07-22 17:41:48
 * @LastEditors: yokiti1 yokiti_Kai1@163.com
 * @LastEditTime: 2024-10-17 09:48:07
 * @FilePath: new-page-shortcode.css
 * @Description: 
 */
/* start page introducing shortcode */
@media screen and (max-width: 768px) {
  .page-introducing-block {
    --introducingr-block-size: 0.6 !important;
    --introducingr-text-size: 0.8 !important;
    min-height: 160px !important;
    width: 100% !important;
    margin-top: 0 !important;
    top: -10px;
  }
  .page-introducing-block-content .content-hr {
    width: 50% !important;
  }
  .page-introducing-block-content .sub-title {
    width: 85% !important;
  }
  .page-introducing-block-bg .img-pc {
    display: none !important;
  }
  .page-introducing-block-bg .img-mobile {
    display: block !important;
  }
  .page-introducing-block .page-introducing-block-content {
    /* margin-bottom: 0 !important; */
  }
  .page-introducing-block .page-introducing-block-date {
    left: 0 !important;
    text-align: center;
  }
  .page-introducing-block.reviews-box {
    width: 100vw !important;
  }
}

.page-introducing-block {
  position: relative;
  color: #fff;
  min-height: 213px;
  padding: calc(1.56rem * var(--introducingr-block-size));
  margin: calc(1.56rem * var(--introducingr-block-size)) auto;
  width: 91.25%;
  box-sizing: border-box;
  overflow-wrap: break-word;
  --introducingr-block-size: 1;
  --introducingr-text-size: 1;
  background: #fff;
}
.page-introducing-block-bg .bg-img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.page-introducing-block-bg .img-pc {
  display: block;
}
.page-introducing-block-bg .img-mobile {
  display: none;
}
.page-introducing-block .page-introducing-block-content {
  text-align: center;
  position: relative;
  z-index: 5;
  margin-bottom: 15px;
}
.page-introducing-block .page-introducing-block-date {
  position: absolute;
  bottom: 0;
  left: 20px;
  width: 100%;
}
.page-introducing-block .page-introducing-block-date h3 {
  color: #cf2861 !important;
  opacity: 0.5;
  font-size: calc(1.25rem * var(--introducingr-block-size)) !important;
}
.page-introducing-block-content h1 {
  color: #cf2861 !important;
  line-height: calc(1.875rem * var(--introducingr-block-size));
  font-size: calc(1.875rem * var(--introducingr-block-size));
  margin-bottom: 0;
}
.page-introducing-block-content .sub-title {
  color: #000;
  line-height: calc(1.625rem * var(--introducingr-text-size));
  font-size: calc(1.125rem * var(--introducingr-text-size));
  width: 70%;
  margin: 0 auto;
}

.page-introducing-block.reviews-box .page-introducing-block-content .sub-title {
  width: 80% !important;
}

.page-introducing-block-content .content-hr {
  border-bottom: 2px solid #c83642;
  height: calc(1.875rem * var(--introducingr-block-size));
  margin: 0 auto calc(1.375rem * var(--introducingr-block-size)) auto;
  width: 24%;
}
.page-introducing-block-content .sub-title .red {
  color: #c83642;
}
.page-introducing-block .page-introducing-block-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 0;
  opacity: 0.5;
  background-color: #f7eff1;
  overflow: hidden;
}
/* end page introducing shortcode */

/* start page swiper shortcode */
@media screen and (max-width: 768px) {
  .page-swiper-block {
    width: 94%;
    --swiper-block-size: 0.5 !important;
    --swiper-btn-size: 0.38 !important;
    --swiper-image-size: 0.68 !important;
    --swiper-block-height: 0.4 !important;
  }

  .page-swiper-block .swiper-button-next,
  .page-swiper-block .swiper-button-prev {
    width: 25px !important;
    height: 25px !important;
  }
  .page-swiper-content .page-swiper-slide {
    max-width: none !important;
  }
}

@media screen and (min-width: 769px) and (max-width: 1280px) {
  .page-swiper-block {
    width: 94%;
    --swiper-block-size: 0.6 !important;
    --swiper-btn-size: 0.5 !important;
    --swiper-image-size: 0.8 !important;
    --swiper-block-height: 0.6 !important;
  }
  .page-swiper-content .page-swiper-slide {
    max-width: none !important;
  }
}

.page-swiper-block {
  position: relative;
  height: calc(29.875rem * var(--swiper-block-height));
  margin: 0 auto calc(2.875rem * var(--swiper-block-size)) auto;
  font-size: 14px;
  width: 98%;
  padding: 0 3.375%;
  --swiper-block-size: 1;
  --swiper-btn-size: 1;
  --swiper-image-size: 1;
  --swiper-block-height: 1;
}

.page-swiper-content {
  width: 100%;
  height: 100%;
}

.page-swiper-content .page-swiper-slide {
  width: calc(20.375rem * var(--swiper-block-height)) !important;
  max-width: 25%;
  height: auto;
  position: relative;
  text-align: center;
  font-size: calc(0.875rem * var(--swiper-block-size));
  color: #fff;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.page-swiper-content .page-swiper-slide:hover .hover-image {
  display: block;
  z-index: 30;
}
.page-swiper-content .page-swiper-slide:hover .init-image.has-hover-image {
  opacity: 0;
}
.page-swiper-content .page-swiper-slide .hover-image {
  display: none;
}
.page-swiper-content .page-swiper-slide-has-layer.has-hover-image:hover::after {
  background: transparent;
}
.page-swiper-content .page-swiper-slide-has-layer:after {
  content: "";
  width: 100%;
  height: 75%;
  z-index: 10;
  position: absolute;
  bottom: 0;
  left: 0;
  background: linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
  pointer-events: none;
}

.page-swiper-content .page-swiper-slide a img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  will-change: opacity;
  opacity: 1;
}

.page-swiper-slide .page-swiper-slide-icon {
  position: absolute;
  z-index: 29;
  top: calc(0.75rem * var(--swiper-block-size));
  left: calc(0.375rem * var(--swiper-block-size));
}

.page-swiper-slide-icon img {
  width: calc(2rem * var(--swiper-block-size));
  height: calc(2rem * var(--swiper-block-size));
}

.page-swiper-slide .swiper-illustrate {
  position: absolute;
  bottom: calc(1.25rem * var(--swiper-block-size));
  left: 50%;
  transform: translateX(-50%);
  z-index: 29;
}

.swiper-illustrate .illustrate-title {
  font-weight: bold;
  color: #fff;
  font-size: calc(1.5rem * var(--swiper-block-height));
}

.swiper-illustrate .illustrate-subtitle {
  font-weight: 400;
  text-decoration-line: underline;
  margin-top: calc(1.25rem * var(--swiper-block-size));
}

.page-swiper-block .swiper-button-next,
.page-swiper-block .swiper-button-prev {
  color: #ffffff !important;
  width: calc(4.125rem * var(--swiper-btn-size)) !important;
  height: calc(4.125rem * var(--swiper-btn-size)) !important;
  background: #ec0ba5 !important;
  box-shadow: 0px 4px 29px 3px rgba(0, 0, 0, 0.55);
  border-radius: 50%;
  opacity: 0.6;
}

.page-swiper-block .swiper-button-next:after,
.page-swiper-block .swiper-button-prev:after {
  font-size: calc(1.125rem * var(--swiper-block-size)) !important;
}
/* end page swiper shortcode */

/* start page photo wall shortcode */
@media screen and (max-width: 768px) {
  .photo-wall-contents .content-item.all-content .photo-gird {
    /* grid-template-columns: repeat(2, 1fr) !important; */
    grid-template-columns: 5fr 4fr !important;
  }
  .photo-wall-contents.contents-pc {
    display: none !important;
  }
  .photo-wall-contents.contents-mobile {
    display: block !important;
  }
  .photo-wall-contents .content-item.all-content .photo-gird:nth-child(n + 2),
  .content-item.all-content .photo-show-more .photo-gird,
  .content-item .photo-show-more .photo-gird,
  .photo-wall-contents .content-item .photo-gird {
    grid-template-columns: repeat(3, 1fr) !important;
  }
  .page-photo-wall-block {
    width: 98% !important;
    --photo-responsive-size: 0.5 !important;
    --photo-responsive-tab: 0.325 !important;
    --photo-responsive-mark: 0.6 !important;
    --photo-responsive-margin: 2 !important;
    border-bottom: 1px solid #0000004d;
  }
  .page-photo-wall-block .tabs .tab-item {
    height: 30px !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
  .page-photo-wall-block {
    width: 75% !important;
    --photo-responsive-size: 0.8 !important;
  }
}
.page-photo-wall-block {
  width: 70%;
  max-width: 1320px;
  margin: calc(1.25rem * var(--photo-responsive-margin)) auto;
  --photo-responsive-size: 1;
  --photo-responsive-margin: 1;
  --photo-responsive-mark: 1;
  --photo-responsive-tab: 1;
  border-bottom: 1px solid #0000004d;
}

.page-photo-wall-block .photo-wall-box {
  margin-bottom: calc(2.5rem * var(--photo-responsive-size));
}

.page-photo-wall-block .photo-wall-tabs {
  margin: 0 auto;
}

.page-photo-wall-block .tabs {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}

.page-photo-wall-block .tabs .tab-item {
  list-style: none;
  color: #000000;
  padding: 0 calc(2.25rem * 0.325);
  text-align: center;
  text-decoration: none;
  display: flex;
  font-size: calc(1.25rem * var(--photo-responsive-size));
  font-weight: 400;
  line-height: calc(1.25rem * var(--photo-responsive-size));
  background: #ffffff;
  border: 1px solid #00000030;
  /* height: 3.75rem; */
  height: calc(1.25rem * var(--photo-responsive-size) * 3 + 5px);
  margin: 0 !important;
  position: relative;
  align-items: center;
  justify-content: center;
  min-width: calc(5rem * var(--photo-responsive-size));
}

.page-photo-wall-block .tabs .tab-item:nth-child(2n) {
  border-right: none;
  border-left: none;
}

.page-photo-wall-block .tabs .tab-item:last-child {
  border-right: 2px solid #00000030;
}

.page-photo-wall-block .tabs .tab-item:hover {
  background-color: #00000014;
}

.page-photo-wall-block .tabs .tab-item.active {
  font-weight: 900;
  color: #fff;
  font-size: calc(1.25rem * var(--photo-responsive-size));
  line-height: calc(1.375rem * var(--photo-responsive-size));
  background: #000000;
}

.page-photo-wall-block .tabs .tab-item.active:after {
  content: "";
  border-top: calc(1.25rem * var(--photo-responsive-size)) solid #000;
  border-left: calc(1.25rem * var(--photo-responsive-size)) solid transparent;
  border-right: calc(1.25rem * var(--photo-responsive-size)) solid transparent;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 100%);
}

.page-photo-wall-block .photo-wall-contents {
  margin-top: calc(2.875rem * var(--photo-responsive-size));
}
.photo-wall-contents.contents-pc {
  display: block;
}
.photo-wall-contents.contents-mobile {
  display: none;
}
.page-photo-wall-block .photo-wall-contents .content-item.active {
  display: block !important;
}
.page-photo-wall-block .photo-wall-contents .content-item {
  display: none;
}

.photo-wall-contents .content-item.all-content .photo-gird {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: calc(0.625rem * var(--photo-responsive-size));
}
.photo-wall-contents .content-item.all-content .photo-gird:nth-child(n + 2),
.photo-wall-contents .content-item .photo-gird,
.content-item.all-content .photo-show-more .photo-gird,
.content-item .photo-show-more .photo-gird {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin-top: calc(0.625rem * var(--photo-responsive-size));
  gap: calc(0.625rem * var(--photo-responsive-size));
}
.photo-wall-contents .photo-gird .photo {
  overflow: hidden;
  width: 100%;
  height: auto;
  /* border: 1px solid; */
  position: relative;
}
.content-item .photo-show-more.show-more-photo {
  display: block !important;
}
.photo-wall-contents .photo-gird .photo .photo-mark {
  position: absolute;
  z-index: 29;
  top: 0;
  left: 0;
  background-color: #0000009e;
  color: #fff;
  font-size: calc(0.75rem * var(--photo-responsive-mark));
  padding: calc(0.375rem * var(--photo-responsive-size));
}
.photo-wall-contents .photo-gird .photo.first img {
  width: 100%;
  height: 100%;
}
.photo-wall-contents .photo-gird .photo img {
  width: 100%;
  height: auto;
}

.photo-wall-contents .content-item.all-content .photo-gird .photo.first {
  grid-row: span 2;
}

.photo-wall-box .see-more {
  text-align: center;
  font-size: calc(1.25rem * var(--photo-responsive-size));
  font-weight: 400;
  line-height: calc(1.25rem * var(--photo-responsive-size));
  color: #cf2861 !important;
  text-decoration-line: underline;
  margin: calc(2.875rem * var(--photo-responsive-size)) auto
    calc(1.375rem * var(--photo-responsive-size)) auto;
}
.photo-wall-box .see-more a {
  color: #cf2861 !important;
}

.photo-wall-box .show-more {
  background: #0000000f;
  border-radius: 24px;
  width: 100%;
  height: calc(2.875rem * var(--photo-responsive-size));
  line-height: calc(2.875rem * var(--photo-responsive-size));
  text-decoration-line: unset;
  color: #000;
}
.photo-wall-box .show-more span {
  transform: rotate(90deg) translateX(3px);
  display: inline-block;
  font-size: calc(1.375rem * var(--photo-responsive-size));
  line-height: calc(1.375rem * var(--photo-responsive-size));
}

.hidden-box {
  display: none !important;
}
.page-introducing-block.reviews-box {
  width: 91.25vw;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
.page-photo-wall-block.reviews-box {
  width: 100%;
}
/* end page  photo wall  shortcode */

/* start header title shortcode */
@media screen and (min-width: 1380px) and (max-width: 1549px) {
  .header-top-title {
    --header-toptitle-size: 0.95 !important;
  }
}
@media screen and (min-width: 1080px) and (max-width: 1379px) {
  .header-top-title {
    --header-toptitle-size: 0.9 !important;
  }
}
@media screen and (min-width: 849px) and (max-width: 1079px) {
  .header-top-title {
    --header-toptitle-size: 0.7 !important;
    --header-space-size: 0.2 !important;
  }
  #top-bar .flex-right .top-bar-nav.nav-right {
    flex-wrap: nowrap;
  }
  .header-wrapper #top-bar .container {
    padding-right: 0 !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 849px) {
  .header-top-title {
    --header-toptitle-size: 0.8 !important;
  }
}
@media screen and (min-width: 549px) and (max-width: 768px) {
  .header-top-title {
    --header-toptitle-size: 0.7 !important;
    --header-space-size: 0.5 !important;
  }
}
@media screen and (min-width: 489px) and (max-width: 548px) {
  .header-top-title {
    --header-toptitle-size: 0.6 !important;
    --header-space-size: 0.4 !important;
  }
}
@media screen and (max-width: 488px) {
  .header-top-title {
    --header-toptitle-size: 0.5 !important;
    --header-space-size: 0.2 !important;
  }
}
.header-top-title {
  line-height: calc(1rem * var(--header-toptitle-size));
  --header-toptitle-size: 1;
  --header-space-size: 1;
}

.header-top-title a {
  color: #fffdfd !important;
  display: flex;
  align-content: center;
  align-items: center;
  gap: calc(1rem * var(--header-space-size));
}
.header-top-title a:hover {
  color: #fff !important;
}
.header-top-title .title {
  font-size: calc(1.25rem * var(--header-toptitle-size));
  font-weight: bold;
  white-space: nowrap;
}

.header-top-title div img {
  width: calc(1.3125rem * var(--header-toptitle-size));
  height: auto;
  /* min-height: calc(1.5rem * var(--header-toptitle-size)); */
}

.header-top-title .subtitle {
  font-size: calc(1.125rem * var(--header-toptitle-size));
  font-weight: normal;
}
/* end header title shortcode */

/* start product-tabs-block */
@media screen and (min-width: 1380px) and (max-width: 1549px) {
  .my-page-tab-content {
    --my-product-tab-size: 0.9 !important;
    --my-product-item-size: 0.9 !important;
    --my-brand-menu-size: 0.85 !important;
  }
}
@media screen and (min-width: 1080px) and (max-width: 1379px) {
  .my-page-tab-content {
    --my-product-tab-size: 0.85 !important;
    --my-product-item-size: 0.85 !important;
    --my-brand-menu-size: 0.75 !important;
  }
}
@media screen and (min-width: 849px) and (max-width: 1079px) {
  .my-page-tab-content {
    --my-product-tab-size: 0.8 !important;
    --my-product-item-size: 0.8 !important;
    --my-brand-menu-size: 0.7 !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 849px) {
  .my-page-tab-content {
    --my-product-tab-size: 0.7 !important;
    --my-product-item-size: 0.7 !important;
    --my-brand-menu-size: 0.6 !important;
  }
}
@media screen and (max-width: 768px) {
  .my-page-tab-content .tabs-contant .tabs-brand-box {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .my-page-tab-content .tabs-menu ul li {
    gap: 0 !important;
    justify-content: space-evenly !important;
  }
  .my-page-tab-content .tabs-contant {
    width: 98%;
    margin: 0 auto;
  }
  .my-page-tab-content {
    margin: calc(5.5rem * var(--my-product-tab-size)) auto !important;
  }
  .my-page-tab-content.homepage-row {
    margin: calc(2.25rem * var(--my-product-tab-size)) auto !important;
    margin-top: 0px;
  }
  .my-page-tab-content .tabs-menu ul {
    width: 90%;
    margin: 0 auto;
  }
  .my-page-tab-content .tabs-contant .tabs-contant-pc {
    display: none !important;
  }
  .my-page-tab-content .tabs-contant .tabs-contant-mobile {
    display: block !important;
  }
}
@media screen and (min-width: 549px) and (max-width: 768px) {
  .my-page-tab-content {
    --my-product-tab-size: 0.6 !important;
    --my-product-item-size: 0.8 !important;
    --my-brand-menu-size: 0.5 !important;
  }
}
@media screen and (min-width: 489px) and (max-width: 548px) {
  .my-page-tab-content {
    --my-product-tab-size: 0.55 !important;
    --my-product-item-size: 0.7 !important;
    --my-brand-menu-size: 0.4 !important;
  }
}
@media screen and (max-width: 488px) {
  .my-page-tab-content {
    --my-product-tab-size: 0.5 !important;
    --my-product-item-size: 0.6 !important;
    --my-brand-menu-size: 0.3 !important;
  }
}
.my-page-tab-content.homepage-row {
  margin: calc(2.25rem * var(--my-product-tab-size)) auto;
  margin-top: 0px;
}
.row .my-page-tab-content.homepage-row {
  width: auto;
}
.my-page-tab-content {
  display: block;
  /*margin: calc(5.5rem * var(--my-product-tab-size))*/
  margin: 0 calc(5.3125rem * var(--my-product-tab-size));
  --my-product-tab-size: 1;
  --my-product-item-size: 1;
  --my-brand-menu-size: 1;
}
.my-page-tab-content .tabs-menu {
  /* margin-top: calc(2.1875rem * var(--my-product-tab-size)); */
}
.my-page-tab-content .tabs-menu ul {
  display: flex;
  align-content: center;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  gap: calc(1.6825rem * var(--my-brand-menu-size));
  margin-bottom: 0;
}
.my-page-tab-content .tabs-menu ul li {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  border: 2px solid;
  padding: calc(0.625rem * var(--my-product-tab-size)) 0;
  margin-bottom: 0;
  gap: calc(2.8125rem * var(--my-brand-menu-size));
  font-size: calc(2.125rem * var(--my-brand-menu-size));
  font-weight: 900;
  position: relative;
  cursor: pointer;
  flex-wrap: wrap;
}
.my-page-tab-content .tabs-menu ul li:nth-child(even) {
  flex-direction: row-reverse;
}
.my-page-tab-content .tabs-menu ul li.active .brand-icon {
  display: block;
}
.my-page-tab-content .tabs-menu ul li .brand-icon {
  width: 0;
  height: 0;
  border-left: calc(0.875rem * var(--my-product-tab-size)) solid transparent;
  border-right: calc(0.875rem * var(--my-product-tab-size)) solid transparent;
  border-top: calc(1.375rem * var(--my-product-tab-size)) solid;
  position: absolute;
  bottom: calc(-1.625rem * var(--my-product-tab-size));
  display: none;
}
.my-page-tab-content .tabs-menu ul li .brand-logo img {
  height: calc(4.625rem * var(--my-brand-menu-size));
  width: auto;
}
.my-page-tab-content .tabs-title-box {
  margin-bottom: calc(2.1875rem * var(--my-product-tab-size));
  border-bottom: 2px solid #cccccc;
  padding-bottom: 10px;
}
.my-page-tab-content .tabs-title,
.my-page-tab-content .tabs-title h1,
.my-page-tab-content .tabs-title h2,
.my-page-tab-content .tabs-title h3,
.my-page-tab-content .tabs-title h4,
.my-page-tab-content .tabs-title h5 {
  font-size: calc(2.125rem * var(--my-product-tab-size));
  color: #000;
  line-height: calc(2rem * var(--my-product-tab-size));
  font-weight: 900;
  width: fit-content;
  margin: 0 auto;
  text-align: center;
}

.my-page-tab-content .tabs-title span {
  display: inline-block;
  width: 100%;
  border-bottom: 2px solid #c83642;
  /* padding-top: calc(1.4375rem * var(--my-product-tab-size)); */
  padding: 0;
  margin-bottom: -2px;
}
.my-page-tab-content .tabs-contant .tabs-brand.active {
  display: block;
}
.my-page-tab-content .tabs-contant .tabs-brand {
  display: none;
}
.my-page-tab-content .tabs-contant .tabs-contant-pc {
  display: block;
}
.my-page-tab-content .tabs-contant .tabs-contant-mobile {
  display: none;
}
.my-page-tab-content .tabs-contant .tabs-brand-box {
  display: grid;
  justify-content: space-around;
  align-items: start;
  justify-items: center;
  align-content: center;
  grid-template-columns: repeat(5, 1fr);
  gap: calc(0.625rem * var(--my-product-tab-size));
  padding: calc(3.375rem * var(--my-product-tab-size)) 0
    calc(2.875rem * var(--my-product-tab-size));
}
.my-page-tab-content .tab-single-product {
  width: 100%;
  display: block;
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-box-flex: 1;
  transition: transform 0.3s, box-shadow 0.3s, background-color 0.3s, color 0.3s,
    opacity 0.3s, -webkit-transform 0.3s, -webkit-box-shadow 0.3s;
}
.my-page-tab-content .tab-single-product:hover {
  transform: translateY(-6px);
  box-shadow: 0px 30px 40px 0px rgba(221, 221, 221, 0.3);
}
/* .my-page-tab-content .tab-single-product:hover .tab-product{
  border-right: 1px solid rgb(0, 0, 0, .1);
  border-bottom: 1px solid rgb(0, 0, 0, .1);
} */
.my-page-tab-content .tab-single-product .out-of-stock-label {
  color: #333;
  font-weight: bold;
  text-transform: uppercase;
  position: absolute;
  top: 40%;
  left: 0;
  right: 0;
  background: #fff;
  padding: calc(1.25rem * var(--my-product-tab-size)) 0;
  background: rgba(255, 255, 255, 0.9);
  text-align: center;
  opacity: 0.9;
  z-index: 3;
  font-size: calc(1rem * var(--my-product-tab-size));
}
.my-page-tab-content .tab-single-product .tab-product-title {
  font-size: calc(1rem * var(--my-product-item-size));
  line-height: calc(1.1875rem * var(--my-product-item-size));
  font-weight: 400;
  color: #000;
  margin: calc(1rem * var(--my-product-item-size)) 0;
}
.my-page-tab-content .tab-single-product .tab-product-image {
  position: relative;
  width: 100%;
}
.my-page-tab-content .tab-single-product .tab-product-image a {
  display: block;
}
.my-page-tab-content .tab-single-product .tab-product-image img {
  width: 100%;
  height: auto;
  min-width: 100%;
  min-height: 170px;
  object-position: 50% 50%;
  -o-object-fit: cover;
  object-fit: cover;
}
.my-page-tab-content .tab-single-product .tab-product-image .hover-image {
  display: none;
  position: absolute;
  top: 0;
}
.my-page-tab-content .tab-single-product:hover .hover-image {
  display: block;
  z-index: 2;
}
.my-page-tab-content
  .tab-single-product
  .tab-product-rating
  .star-rating
  span:before,
.my-page-tab-content
  .tab-single-product
  .tab-product-rating
  .star-rating
  :before {
  color: #ffbf00 !important;
}
/* .my-page-tab-content
  .tab-single-product
  .tab-product-rating
  .star-rating :before{
color:#d9d9d9 !important;
  } */
.my-page-tab-content .tab-single-product .tab-product-rating {
  display: flex;
  align-items: center;
  height: calc(1.5rem * var(--my-product-item-size));
  margin-bottom: calc(0.5rem * var(--my-product-item-size));
}
.my-page-tab-content .tab-single-product .tab-product-rating span,
.my-page-tab-content .tab-single-product .tab-product-rating .star-rating {
  font-size: calc(1rem * var(--my-product-item-size));
  font-weight: 500;
}
.my-page-tab-content .tab-product-price {
  padding-bottom: 5px;
}
.my-page-tab-content .tab-product-price span.woocommerce-Price-amount,
.my-page-tab-content .tab-product-price ins .woocommerce-Price-amount {
  color: #e41a9a !important;
  font-size: calc(1.125rem * var(--my-product-item-size)) !important;
}

.my-page-tab-content .tab-product-price del .woocommerce-Price-amount,
.my-page-tab-content .tab-product-price del {
  color: #858585 !important;
  font-size: calc(0.875rem * var(--my-product-item-size)) !important;
}
.my-page-tab-content .tabs-footer {
  margin: 0 auto;
  width: fit-content;
  border: 2px solid #b30048;
  background: #fff;
  border-radius: 40px;
}
.my-page-tab-content .tabs-footer:hover {
  background: #b30048;
}
.my-page-tab-content .tabs-footer a:hover {
  color: #fff;
}
.my-page-tab-content .tabs-footer a {
  font-size: calc(1.25rem * var(--my-product-tab-size));
  line-height: calc(1rem * var(--my-product-tab-size));
  color: #b30048;
  padding: calc(1rem * var(--my-product-tab-size))
    calc(3.75rem * var(--my-product-tab-size));
  display: inline-block;
  letter-spacing: 0.03em;
  cursor: pointer;
  font-weight: bolder;
}

/* end product-tabs-block */

/* start page-block-title */
@media screen and (min-width: 1380px) and (max-width: 1549px) {
  .page-block-title {
    --page-block-title-size: 0.9 !important;
  }
}
@media screen and (min-width: 1080px) and (max-width: 1379px) {
  .page-block-title {
    --page-block-title-size: 0.85 !important;
  }
}
@media screen and (min-width: 849px) and (max-width: 1079px) {
  .page-block-title {
    --page-block-title-size: 0.8 !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 849px) {
  .page-block-title {
    --page-block-title-size: 0.75 !important;
  }
}
@media screen and (min-width: 549px) and (max-width: 768px) {
  .page-block-title {
    --page-block-title-size: 0.7 !important;
  }
}
@media screen and (min-width: 489px) and (max-width: 548px) {
  .page-block-title {
    --page-block-title-size: 0.6 !important;
  }
}
@media screen and (max-width: 488px) {
  .page-block-title {
    --page-block-title-size: 0.5 !important;
  }
}
.page-block-title {
  margin-bottom: calc(0.9375rem * var(--page-block-title-size));
  --page-block-title-size: 1;
  height: calc(7.75rem * var(--page-block-title-size));
  width: fit-content;
  border: 2px solid transparent;
  margin: 0 auto 15px auto;
}
.page-block-title > div {
  padding: 0 calc(3.25rem * var(--page-block-title-size)) 0
    calc(1.9375rem * var(--page-block-title-size));
  height: 100%;
}
.page-block-title > div a {
  display: flex;
  height: 100%;
  justify-content: center;
  align-content: center;
  flex-wrap: nowrap;
  align-items: center;
}
.page-block-title > div a img {
  height: 100%;
  width: auto;
}
.page-block-title a .title {
  line-height: calc(3.1875rem * var(--page-block-title-size));
  font-size: calc(4.25rem * var(--page-block-title-size));
}

/* end page-block-title  */

.my-sale-box .badge {
  height: 1.4em !important;
  width: 3em !important;
  margin-top: 10px;
}
.my-sale-box .badge .badge-inner {
  background-color: #dc3433 !important;
}

/* start homepage style*/
/* .row.image-row>.col>.col-inner {
  padding: 0 0 26px 0 !important;
}
.row.photo-row .row.photo-item.row {
  padding-top: 60px;
  width: 98%;
  margin: 0 auto;
}
.row.photo-row .row.photo-item.row .col {
  padding: 0;
} */

.homepage-row a.grey-btn,
.homepage-row a.grey-btn:hover {
  background-color: #ededed;
  color: #010101;
  border: 1px solid #ededed !important;
}

/* end homepage style*/