/** Shopify CDN: Minification failed

Line 3055:0 Unexpected "}"

**/
:root {
  --px: calc(1 / 1920* 100vw);
}
@media (max-width: 850px) {
  :root {
    --px: calc(1 / 390 * 100vw);
  }

     .z30-aqua-pro-media {

      --ymvw:calc(100vw / 390) !important;
    }
}

@media (min-width: 851px) {

    :root {
    --px: calc(1 / 2560 * 100vw);
      --ymvw:calc(100vw / 2560) ;
  }


     .z30-aqua-pro-media {

      --ymvw:calc(100vw / 2560) !important;
    }
}
@media (min-width: 1921px) {
  :root {
    --px:calc(1 / 2560 * 100vw);
      --ymvw:calc(100vw / 2560) ;
  }
}

body {
  background-color: #000000;
}

.main-content div .common-subtitle {
  color: #F2F2F2;
}

@media screen and (max-width: 1200px){

  /* #v30-essential .common-pc--hide{
  display:none !important;

} */



}

@media (min-width: 850px) and (max-width: 1500px){
:root{
--ymvw:calc(1vw / 25.6) !important;
}
}


/* .common-section-container.z30-aqua-pro-media-1,.common-section-container.z30-aqua-pro-media-2,.common-section-container.z30-aqua-pro-media-1,.common-section-container.z30-ac-pro-media-five,.common-section-container.v30-essential-media-first,.common-section-container.v30-essential-media-9{
background:#000 !important;
}

#v30-essential .common-section-container{
  background:#000 !important;
} */

@media (max-width: 749px) {
  .v30-essential-tabbar.common-tabbar-outer-container .common-tabbar >div:nth-of-type(2) {
    display: flex;
    flex-wrap: nowrap;
  }
  .v30-essential-tabbar.common-tabbar-outer-container .product-informa {
    display: none;
  }
  .v30-essential-tabbar.common-tabbar-outer-container .common-tabbar-container {
    flex-wrap: nowrap;
    overflow: auto;
  }
  .v30-essential-tabbar.common-tabbar-outer-container .common-tabbar-container .common-tabbar-item {
    flex: unset;
    font-size: calc(14 * var(--px));
    padding-block: calc(20 * var(--px));
    /* padding-right: calc(26 * var(--px)); */
  }
  .v30-essential-tabbar.common-tabbar-outer-container .common-tabbar-container .common-tabbar-item.active {
    color: #d7bfa2;
    border-bottom: 2px solid #d7bfa2 !important;
  }
}
@media (min-width: 851px) {
  .v30-essential-tabbar-m {
    display: none !important;
  }
}
@media (max-width: 850px) {
  .common-tabbar-outer-container .common-tabbar-container .common-tabbar-item {
    display: block !important;
  }
  .v30-essential-tabbar-pc {
    display: none !important;
  }
  .v30-essential-tabbar-m.new-common-tabbar .buy-container {
    padding-inline: 0;
  }
  .v30-essential-tabbar-m .common-subtitle {
    color: #f2f2f2 !important;
  }
  div .new-common-tabbar .common-tabbar-container .common-tabbar-item {
    color: rgba(255, 255, 255, .6);
  }
  .v30-essential-tabbar-m div .new-common-tabbar .common-tabbar-container {
    display: flex;
    flex-direction: column;
    align-items: start;
  }
  .v30-essential-tabbar-m .item-container {
    padding-inline: calc(30 * var(--px));
    background-color: #000;
  }
  .v30-essential-tabbar-m div .new-common-tabbar .product-informa span {
    color: white;
  }
  .v30-essential-tabbar-m .common-tabbar-productinfo + div .common-tabbar-container .common-tabbar-item {
    color: rgba(255, 255, 255, 0.6);
  }
  .v30-essential-tabbar-m .common-tabbar-arrow svg path {
    stroke: white;
  }
  .v30-essential-tabbar .common-tabbar-productinfo {
    display: none;
  }
  .v30-essential-tabbar .common-tabbar-productinfo + div {
    display: flex;
    overflow-x: scroll;
  }
  .v30-essential-tabbar .common-tabbar-productinfo + div .common-tabbar-container {
    overflow-x: clip;
    gap: clac(16 * var(--px));
    padding: 0;
  }
  .v30-essential-tabbar .common-tabbar-productinfo + div .common-tabbar-container .common-tabbar-item {
    width: max-content;
    padding-block: calc(16 * var(--px));
    margin-inline: calc(16 * var(--px));
    color: rgba(255, 255, 255, 0.6);
    /* font-family: var(--misanslatin-regular); */
    border-bottom: 3px solid transparent;
  }
  .v30-essential-tabbar .common-tabbar-productinfo + div .common-tabbar-container .common-tabbar-item.active {
    color: #D7BFA2;
    /* font-family: var(--misanslatin-bold); */
    border-bottom: 3px solid;
  }
}

.v30-essential-banner .title.common-banner-title {
  font-family: rany !important;
  font-weight: bold;
  font-size: calc(64 * var(--px)) !important;
  line-height: 1.1 !important;
  color: white;
}
.v30-essential-banner .subtitle.common-subtitle {
  font-family: var(--misanslatin-bold);
  font-size: calc(24 * var(--px));
  color: white;
  line-height: 1.1;
}
@media (max-width: 850px) {
  .v30-essential-banner .hero__text-content {
    padding-top: calc(50 * var(--px)) !important;
  }
  .v30-essential-banner .title.common-banner-title {
    font-size: calc(30 * var(--px)) !important;
  }
  .v30-essential-banner .subtitle.common-subtitle {
    font-family: var(--misanslatin-demibold);
    font-size: calc(24 * var(--px));
  }
}

.v30-essential-tabbar .common-title {
  margin-bottom: 0 !important;
  padding-left: calc(38 * var(--px));
}
.v30-essential-tabbar .common-tabbar {
  max-width: 100%;
}
.v30-essential-tabbar .common-tabbar .product-informa.common-tabbar-productinfo {
  border-bottom: 1px solid #d7bfa2;
}
.v30-essential-tabbar .common-tabbar .common-tabbar-item {
  color: rgba(255, 255, 255, 0.6);
  font-weight: bold;
  font-family: var(--misanslatin-demibold);
  font-size: calc(20 * var(--px));
}
.v30-essential-tabbar .common-tabbar .common-tabbar-item.active {
  color: rgba(215, 191, 162, 1);
  font-weight: bold;
  border-bottom: unset;
  text-decoration: underline;
}
@media (max-width: 850px) {
  .v30-essential-tabbar .common-tabbar .common-tabbar-item {
    color: rgba(255, 255, 255, 0.6);
    font-weight: bold;
    border-bottom: 3px solid transparent;
  }
  .v30-essential-tabbar .common-tabbar .common-tabbar-item.active {
    border-bottom: 3px solid rgba(215, 191, 162, 1);
    text-decoration: unset;
  }
}


.v30-essential-swiper1 {}
@media (min-width: 851px) {
  .v30-essential-swiper1 .new-swiper-bg_bottom_bottom .new-item_common-product-swiper-container .item_swiper>div {
    justify-content: unset;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
  .v30-essential-swiper1 .new-item_common-product-swiper-container {
    padding-inline: calc(120 * var(--px));
  }
  .v30-essential-swiper1 .new-swiper-bg_bottom_bottom .new-item_common-product-swiper-container .common-subtitle {
    padding-inline: calc(60 * var(--px));
  }
}
.v30-essential-swiper1 .new-swiper-bg_bottom_bottom .new-item_common-product-swiper-container .item_featured-item {
  width: 100% !important;
}
.v30-essential-swiper1 .new-swiper-bg_bottom_bottom .new-item_common-product-swiper-container .item_featured-item .common-title.title-box {
  font-size: calc(20 * var(--px)) !important;
  font-family: var(--misanslatin-bold) !important;
  margin: 0;
  line-height: 1.2;
  text-align: center;
}
.v30-essential-swiper1 .new-swiper-bg_bottom_bottom .new-item_common-product-swiper-container .common-subtitle {
  color: #fff;
  font-size: calc(16 * var(--px));
  font-family: var(--misanslatin-bold);
  line-height: 1.4;
  padding-inline: calc(60 * var(--px));
}
.v30-essential-swiper1 .new-swiper-bg_bottom_bottom .new-item_common-product-swiper-container .item_featured-item.active .common-title.title-box {
  color: #9E8972;
}
@media (max-width: 850px) {
  .v30-essential-swiper1 {
    overflow: hidden;
    margin-top: calc(40 * var(--px));
  }
  .v30-essential-swiper1 .swiper-container {
    overflow: visible;
  }
  .v30-essential-swiper1 .swiper-slide:not(.swiper-slide-active) {
    opacity: 0.4;
  }
  .new-swiper-bg_bottom_bottom .new-item_common-product-swiper-container .item_swiper>div {
    height: 100%;
    align-items: stretch;
  }
  .v30-essential-swiper1 .new-swiper-bg_bottom_bottom .new-item_common-product-swiper-container .item_featured-item {
    align-self: end;
  }
  .v30-essential-swiper1 .new-swiper-bg_bottom_bottom .new-item_common-product-swiper-container .item_featured-item .common-title.title-box {
    font-size: calc(16 * var(--px)) !important;
  }
  .v30-essential-swiper1 .new-swiper-bg_bottom_bottom .new-item_common-product-swiper-container .common-subtitle {
    color: #cdcdcd;
    font-size: calc(14 * var(--px)) !important;
    font-family: var(--misanslatin-medium);
    line-height: 1.3;
    text-align: left;
    padding-inline: 0;
  }
}

.z30-aqua-pro-swiper2 .swiper-slide {
  height:auto;
  max-width:calc(1026 * var(--px)) !important;
  margin-right:calc(-128 * var(--px)) !important;
}
.z30-aqua-pro-swiper2 .swiper-slide .flex-column-reverse {
  height:100%;
  justify-content:space-between;
  gap:10px;
}
.z30-ultra-product-item.new-common-product-item .left-box .title {
  font-size: clamp(16px, 1vw, 20px);
}
.z30-aqua-pro-swiper2 .swiper-item-title {
  white-space: nowrap;
}
.z30-aqua-pro-swiper2 div .swiper-button svg  {
  width: unset;
  overflow: visible;
  height: fit-content;
  width: calc(60 * var(--px));
}
.z30-aqua-pro-swiper2 .common-product-swiper-container .swiper-button {
  width: calc(60 * var(--px));
}
@media screen and (max-width: 850px) {
	.z30-aqua-pro-swiper2 .swiper-item-title {
		white-space: normal;
	}
}
.z30-aqua-pro-swiper2 .swiper-slide:not(.swiper-slide-active) .content {
	opacity: 0;
}
.z30-aqua-pro-swiper2 .swiper-slide .content>div:nth-child(2) {
	height: 5em;
	margin-bottom: clamp(10px, 1.042vw, 20px);
  color: #f3f3f3;
}
.z30-aqua-pro-swiper2 {
  overflow: hidden;
}
.z30-aqua-pro-swiper2 .swiper-container {
	padding-bottom:calc(80 * var(--px));
  overflow: visible;
}
.z30-aqua-pro-swiper2 .common-product-swiper-container .swiper-button {
	background: unset;
	position: absolute;
	top: 100%;
  z-index:999;
}
.z30-aqua-pro-swiper2 .common-product-swiper-container .swiper-button-next {
	right: unset;
	left: calc(96 * var(--px));
}
.z30-aqua-pro-swiper2 .common-product-swiper-container .swiper-button svg circle {
	stroke: #DDDDDD;
}
@media screen and (max-width: 850px) {
  .z30-aqua-pro-swiper2 div .common-product-swiper-container .swiper-button {
    display: flex;
  }
  .z30-aqua-pro-swiper2 .common-product-swiper-container .swiper-button {
    top: 105%;
    left: unset !important;
    right: 0;
  }
  .z30-aqua-pro-swiper2 .common-product-swiper-container .swiper-button {
    width: calc(36 * var(--px));
  }
  .z30-aqua-pro-swiper2 .common-product-swiper-container .swiper-button.swiper-button-prev {
    right: 12%;
  }
  .z30-aqua-pro-swiper2 div .swiper-button svg {
    width: calc(36 * var(--px));
  }
}
.z30-aqua-pro-swiper2 .swiper-slide:not(.swiper-slide-active) {
  /* opacity: 0.4; */
  scale:0.7;
}

.z30-aqua-pro-swiper2 .swiper-slide:not(.swiper-slide-active) .additional_content{

display:none;
}
@media only screen and (max-width: 590px) {
	.z30-aqua-pro-swiper2 .swiper-container {
		padding-bottom: 70px;
	}
	.z30-aqua-pro-swiper2 .swiper-slide .pfi-inner .content {
		text-align: left;
	}
	.z30-aqua-pro-swiper2 .swiper-slide .content .common-subtitle {
		line-height: 1.4;
	}
	.z30-aqua-pro-swiper2 .common-product-swiper-container .swiper-button.swiper-button-prev {
		left: unset;
		right: 26%;
	}
	.z30-aqua-pro-swiper2 .common-product-swiper-container .swiper-button-next {
		left: unset;
		right: 10%;
	}
	.z30-aqua-pro-swiper2 .swiper-slide .content>div:nth-child(2) {
		/* height: 6em; */
		width: 80vw;
	}
}
@media only screen and (max-width: 380px) {
	.z30-aqua-pro-swiper2 .common-product-swiper-container .swiper-button {
		width: 26px;
		height: 26px;
	}
}

.v30-essential-overview .pc-layout {
  display: flex;
  flex-direction: column;
  gap: calc(16 * var(--px));
}
.v30-essential-overview .pc-layout .item-cell-1 {
  width: 100%;
  display: grid;
  grid:
    "item1 item2" auto
    "item1 item3" auto
    / 1fr 1fr;
  gap: calc(16 * var(--px));
}
.v30-essential-overview .pc-layout .item-1 { grid-area: item1; }
.v30-essential-overview .pc-layout .item-2 { grid-area: item2; }
.v30-essential-overview .pc-layout .item-3 { grid-area: item3; }
.v30-essential-overview .pc-layout .item-cell-2,
.v30-essential-overview .pc-layout .item-cell-3 {
  display: flex;
  flex-direction: row;
  gap: calc(16 * var(--px));
}
.v30-essential-overview .item {
  width: 100%;
}
.v30-essential-overview .pc-layout .item-7 {
  width: 57.75%;
  min-height: 253px;
}
.v30-essential-overview .pc-layout .item-8 {
  width: 40.92%;
  min-height: 253px;
}
.v30-essential-overview .pc-layout .common-img-layout .p-relative {
  border-radius: 10px;
}
.v30-essential-overview .text .common-title {
  color: #C2A983;
  font-size: calc(30 * var(--px)) !important;
  font-weight: bold;
  line-height: 1.2 !important;
  font-family: var(--misanslatin-bold);
}
.v30-essential-overview .pc-layout .text {
  top: calc(28 * var(--px)) !important;
  left: calc(32 * var(--px)) !important;
}
.v30-essential-overview .item-1 .text .common-subtitle {
  border-radius: 10px;
  width: max-content;
  background: #F4E3B9;
  background: linear-gradient(180deg,rgba(244, 227, 185, 1) 0%, rgba(167, 133, 87, 1) 100%);
  color: #000;
  font-size: calc(24 * var(--px)) !important;
  font-weight: bold;
  line-height: 1.2 !important;
  padding-inline: calc(25 * var(--px));
  padding-block: calc(10 * var(--px));
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: calc(10 * var(--px));
  font-family: var(--misanslatin-bold);
}
@media (max-width: 850px) {
  .v30-essential-overview .pc-layout {
    display: none;
  }
  .v30-essential-overview .m-layout {
    display: flex;
    flex-direction: column;
    gap: calc(8 * var(--px));
  }
  .v30-essential-overview .m-layout .item-cell-2,
  .v30-essential-overview .m-layout .item-cell-4,
  .v30-essential-overview .m-layout .item-cell-5 {
    display: flex;
    flex-direction: row;
    gap: calc(8 * var(--px));
  }
  .v30-essential-overview .m-layout .item-7 {
    width: calc(216 * var(--px));
  }
  .v30-essential-overview .m-layout .item-8 {
    width: calc(134 * var(--px));
  }
  .v30-essential-overview .m-layout .common-img-layout .p-relative {
    border-radius: 10px;
  }
  .v30-essential-overview .m-layout .text {
    top: calc(13 * var(--px)) !important;
    left: calc(13 * var(--px)) !important;
  }
  .v30-essential-overview .m-layout .item-1 .text {
    top: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .v30-essential-overview .m-layout .item-7 .text {
    top: calc(9 * var(--px)) !important;
    left: calc(12 * var(--px)) !important;
    padding: 0;
  }
  .v30-essential-overview .text .common-title {
    font-size: calc(14 * var(--px)) !important;
  }
  .v30-essential-overview .item-1 .text .common-subtitle {
    font-size: calc(7.5 * var(--px)) !important;
    padding-block: calc(5 * var(--px));
    padding-inline: calc(5 * var(--px));
    margin-top: calc(3 * var(--px));
  }
}

.v30-essential-layout4 img {
  border-radius: 0 !important;
}
.v30-essential-layout4 .pc-layout .item>div {
  display: flex;
  flex-direction: column-reverse;
  height: 100%;
}
.v30-essential-layout4 .pc-layout .text-container {
  position: relative;
  background-color: #141414;
  padding-top: calc(20 * var(--px)); 
  padding-bottom: calc(20 * var(--px)); 
  padding-left: calc(50 * var(--px));
  padding-right: calc(20 * var(--px)); 
  border-radius: 20px 20px 0 0;
}
.v30-essential-layout4 .pc-layout .text-container .common-title.title-box {
  font-family: var(--misanslatin-bold);
  font-size: calc(30 * var(--px)) !important;
  line-height: 1.2 !important;
  margin-bottom: 4px;
}
.v30-essential-layout4 .pc-layout .text-container .common-subtitle {
  font-family: var(--misanslatin-medium);
  font-size: calc(20 * var(--px)) !important;
  line-height: 1.2 !important;
  margin-bottom: 0;
}
.v30-essential-layout4 .pc-layout .item-cell-1 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: calc(16 * var(--px));
}
.v30-essential-layout4 .pc-layout .item {
  border-radius: 20px;
}
@media (max-width: 850px) {
  .v30-essential-layout4 .m-layout .item>div {
    display: flex;
    flex-direction: column-reverse;
    height: 100%;
  }
  .v30-essential-layout4 .m-layout .text-container {
    position: relative;
    background-color: #141414;
    padding: calc(10 * var(--px)); 
    border-radius: 20px 20px 0 0;
  }
  .v30-essential-layout4 .m-layout .text-container .common-title.title-box {
    font-family: var(--misanslatin-bold);
    font-size: calc(14 * var(--px)) !important;
    line-height: 1.2 !important;
    margin-bottom: 4px;
  }
  .v30-essential-layout4 .m-layout .text-container .common-subtitle {
    font-family: var(--misanslatin-medium);
    font-size: calc(10 * var(--px)) !important;
    line-height: 1.2 !important;
    margin-bottom: 0;
  }
  .v30-essential-layout4 .m-layout .item-cell-1 {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(2, 1fr);
    gap: calc(10 * var(--px));
  }
  .v30-essential-layout4 .m-layout .item {
    border-radius: 20px;
  }
}

@media (min-width: 851px) {
  .z30-aqua-pro-media-pc-remove-padding-bottom {
    padding-bottom: 0 !important;
  }
}
@media (max-width: 850px) {
  .v30-essential-media-m-remove-padding-bottom {
    padding-bottom: 0 !important;
  }
}
.z30-aqua-pro-media-1 .common-header {
  display: none;
}
.z30-aqua-pro-media-1 .title.common-banner-title {
 font-family: var(--misanslatin-bold) !important;
font-weight: 630 !important;

font-size:calc(44 * var(--px))  !important;

line-height: 120% !important;




  background: linear-gradient(90deg, #CCBEB3 67.06%, #675141 181.87%) !important;


  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  margin-bottom:calc(32 * var(--px))  !important;
}

.z30-aqua-pro-media-1 .subtitle.common-subtitle {
  color: #F0F0F0;
  font-size: calc(20 * var(--px)) !important;
  line-height: 1.2;
  font-family: var(--misanslatin-medium);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: calc(8 * var(--px)) !important;
}
.z30-aqua-pro-media-1 .subtitle.common-subtitle .addition-1 {
  border-radius: 10px;
  width: max-content;
  background: #F4E3B9;
  background: linear-gradient(180deg,rgba(244, 227, 185, 1) 0%, rgba(167, 133, 87, 1) 100%);
  color: #000;
  font-family: var(--misanslatin-bold);
  font-size: calc(24 * var(--px));
  line-height: 1.2;
  font-weight: bold;
  padding-inline: calc(25 * var(--px));
  padding-block: calc(10 * var(--px));
  text-align: center;
}
.z30-aqua-pro-media-1 .subtitle.common-subtitle .addition-2 {
  display: flex;
  flex-direction: column;
  padding-inline: calc(50 * var(--px));
  padding-block: calc(20 * var(--px));
  border-radius: 60px;
  background-color: rgba(21,21,21,0.5);
}
.z30-aqua-pro-media-1 .subtitle.common-subtitle .addition-2 .number {
  color: #C2A983;
  font-family: var(--misanslatin-bold);
  line-height: 1.2;
  font-size: calc(30 * var(--px));
}
.z30-aqua-pro-media-1 .subtitle.common-subtitle .addition-2 .text {
  color: #DFDFDF;
  font-family: var(--misanslatin-bold);
  line-height: 1.2;
  font-size: calc(18 * var(--px));
}
.z30-aqua-pro-media-1 .subtitle.common-subtitle .addition-3 {
  display: flex;
  flex-direction: row;
  gap: calc(70 * var(--px));
  align-items: center;
}
.z30-aqua-pro-media-1 .subtitle.common-subtitle .addition-3 .item {
  display: flex;
  flex-direction: column;
  text-align: left;
  gap: calc(10 * var(--px));
}
.z30-aqua-pro-media-1 .subtitle.common-subtitle .addition-3 .item .number {
  color: #ffffff;
  font-family: var(--misanslatin-bold);
  line-height: 1.2;
  font-size: calc(30 * var(--px));
}
.z30-aqua-pro-media-1 .subtitle.common-subtitle .addition-3 .item .text {
  color: #DFDFDF;
  font-family: var(--misanslatin-bold);
  line-height: 1.2;
  font-size: calc(18 * var(--px));
}
.z30-aqua-pro-media-1 .subtitle.common-subtitle .addition-3 .item img {
  width: calc(100 * var(--px));
}
@media (max-width: 850px) {
  .z30-aqua-pro-media-1 .common-media-inner {
    z-index: -1;
  }
  .z30-aqua-pro-media-1 .bg-text-wrapper-inner {
    /* display: none; */
    text-align: left;
  }
  .z30-aqua-pro-media-1 .common-header {
    display: flex;
  }
  .z30-aqua-pro-media-1 .hero__text-content {
    padding: 0 !important;
  }
  .z30-aqua-pro-media-1 .title.common-banner-title {
    text-align: left;
    font-family: var(--misanslatin-semibold) !important;
    font-size: calc(24 * var(--px)) !important;

      background: linear-gradient(90deg, #CCBEB3 67.06%, #675141 181.87%) !important;


  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  }
  .z30-aqua-pro-media-1 .section-subtitle {
    color: #F0F0F0 !important;
    font-size: calc(14 * var(--px)) !important;
    line-height: 1.3;
    display: flex;
    flex-direction: column;
    text-align: left;
    justify-content: start;
    align-items: start;
  }
  .z30-aqua-pro-media-1 .section-subtitle .addition-1 {
    border-radius: 10px;
    width: max-content;
    background: #F4E3B9;
    background: linear-gradient(180deg,rgba(244, 227, 185, 1) 0%, rgba(167, 133, 87, 1) 100%);
    color: #000;
    font-family: var(--misanslatin-bold);
    font-size: calc(16 * var(--px));
    line-height: 1.2;
    font-weight: bold;
    padding-inline: calc(5 * var(--px));
    padding-block: calc(5 * var(--px));
    text-align: center;
    margin-top: calc(40 * var(--px));
  }
  .z30-aqua-pro-media-1 .section-subtitle .addition-2 {
    display: flex;
    flex-direction: column;
    margin-top: calc(40 * var(--px));
    border-radius: 60px;
    gap: calc(6 * var(--px));
  }
  .z30-aqua-pro-media-1 .section-subtitle .addition-2 .number {
    color: #C2A983;
    font-family: var(--misanslatin-bold);
    line-height: 1.2;
    font-size: calc(20 * var(--px));
  }
  .z30-aqua-pro-media-1 .section-subtitle .addition-2 .text {
    color: #DFDFDF;
    font-family: var(--misanslatin-medium);
    line-height: 1.2;
    font-size: calc(12 * var(--px));
  }
  .z30-aqua-pro-media-1 .section-subtitle .addition-3 {
    display: grid;
    width: 100%;
    grid-template-columns: 40% 40% 20%;
    margin-top: calc(40 * var(--px));
    align-items: start;
    justify-content: center;
    margin-bottom: calc(-60 * var(--px));
  }
  .z30-aqua-pro-media-1 .section-subtitle .addition-3 .item {
    display: flex;
    flex-direction: column;
    text-align: left;
    gap: calc(6 * var(--px));
  }
  .z30-aqua-pro-media-1 .section-subtitle .addition-3 .item .number {
    color: #C2A983;
    font-family: var(--misanslatin-bold);
    line-height: 1.2;
    font-size: calc(20 * var(--px));
  }
  .z30-aqua-pro-media-1 .section-subtitle .addition-3 .item .text {
    color: #F2F2F2;
    font-family: var(--misanslatin-medium);
    line-height: 1.2;
    font-size: calc(12 * var(--px));
  }
  .z30-aqua-pro-media-1 .section-subtitle .addition-3 .item img {
    width: calc(52 * var(--px));
  }
}

.z30-aqua-pro-media-2 .hero__text-content {
  padding-bottom: 0;
}
.z30-aqua-pro-media-2 .hero__text-content .addition {
  margin-left: calc(32 * var(--px));
  margin-bottom: calc(30 * var(--px));
  padding: calc(26 * var(--px)) calc(30 * var(--px));
  display: flex;
  gap: calc(60 * var(--px));
  width: fit-content;
  background-color: rgba(0,0,0,0.4);
  border-radius: 16px;
}
.z30-aqua-pro-media-2 .hero__text-content .addition .item {
  display: flex;
  flex-direction: column;
  gap: calc(13 * var(--px));
  justify-content: center;
  align-items: center;
}
.z30-aqua-pro-media-2 .hero__text-content .addition .item img {
  height: calc(40 * var(--px));
  width: auto;
}
.z30-aqua-pro-media-2 .hero__text-content .addition .item div {
  color: #d4d4d4;
  font-family: var(--misanslatin-bold);
  line-height: 1.2;
  font-size: calc(12 * var(--px));
  display: flex;
  flex-direction: column;
  text-align: center;
}
.z30-aqua-pro-media-2 .hero__text-content .addition .item div span {
  color: #ffffff;
  font-family: var(--misanslatin-bold);
  line-height: 1.2;
  font-size: calc(24 * var(--px));
}
@media (max-width: 850px) {
  .z30-aqua-pro-media-2 .common-header {
    margin-bottom: calc(20 * var(--px));
  }
  .z30-aqua-pro-media-2 .title.common-title {
    text-align: left;
    font-family: var(--misanslatin-bold) !important;
    font-size: calc(24 * var(--px)) !important;
  }
  .z30-aqua-pro-media-2 .section-subtitle {
    color: #F0F0F0 !important;
    font-size: calc(14 * var(--px)) !important;
    line-height: 1.3;
    display: flex;
    flex-direction: column;
    text-align: left;
    justify-content: start;
    align-items: start;
  }
  .z30-aqua-pro-media-2 .hero__text-content .addition {
    display: none;
  }
  .z30-aqua-pro-media-2 .section-subtitle .addition {
    display: flex;
    gap: calc(40 * var(--px));
    margin-top: calc(40 * var(--px));
    width: fit-content;
    margin-inline: auto;
  }
  .z30-aqua-pro-media-2 .section-subtitle .addition .item {
    display: flex;
    flex-direction: column;
    gap: calc(2 * var(--px));
    justify-content: center;
    align-items: center;
  }
  .z30-aqua-pro-media-2 .section-subtitle .addition .item img {
    height: calc(28 * var(--px));
    width: auto;
  }
  .z30-aqua-pro-media-2 .hero__text-content .addition .item span {
    color: #ffffff;
    font-family: var(--misanslatin-medium);
    line-height: 1.2;
    font-size: calc(10 * var(--px));
  }
}

@media (min-width: 851px) {
  .v30-essential-media-3 .title.common-banner-title,
  .v30-essential-media-3 .subtitle.common-subtitle {
    color: #000;
  }
}

.v30-essential-packagelist {
  background-color: #ffffff;
}
.v30-essential-packagelist .section-title.common-banner-title {
  font-family: var(--misanslatin-bold);
  font-size: calc(40 * var(--px)) !important;
  line-height: 1.2 !important;
  padding-block: calc(100 * var(--px));
}
.v30-essential-packagelist .pc-layout {
  display: flex;
  flex-direction: row;
  gap: calc(28 * var(--px));
}
.v30-essential-packagelist .pc-layout .item-cell-1 {
  width: 40.67%;
}
.v30-essential-packagelist .pc-layout .item-cell-2 {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  flex-direction: row;
  flex-wrap: wrap;
  gap: calc(20 * var(--px));
}
.v30-essential-packagelist .item .additional_content {
  margin-top: calc(16 * var(--px));
  display: flex;
  flex-direction: column;
  gap: calc(8 * var(--px));
  font-family: var(--misanslatin-medium);
  font-size: calc(14 * var(--px));
  line-height: 1.3;
  color: #333333;
}
@media (max-width: 850px) {
  .v30-essential-packagelist .pc-layout {
    display: none;
  }
  .v30-essential-packagelist .section-title.common-banner-title {
    font-size: calc(30 * var(--px)) !important;
    line-height: 1.3 !important;
    padding-top: calc(80 * var(--px));
    padding-bottom: calc(40 * var(--px));
  }
  .v30-essential-packagelist .m-layout .item-cell-1 {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: calc(16 * var(--px));
  }
  .v30-essential-packagelist .item .additional_content {
    margin-top: calc(8 * var(--px));
  }
}

.v30-essential-spec h2.common-title {
	color: #000 !important;
	font-size: calc(40 * var(--px)) !important;
	display: none;
}
.v30-essential-spec .spec-content {
	display: flex;
	flex-wrap: wrap;
	column-gap: 40px;
}
.v30-essential-spec .common-spec-content-item {
	padding-top: 0;
}
.v30-essential-spec .common-spec-text-box {
	flex: 0 1 100%;
	padding: 4% 4% 8%;
	border-radius: var(---, 16px);
	background: #F4F4F4;
}
.v30-essential-spec .common-spec-image-box {
	display: none;
}
.v30-essential-spec .common-spec-text-box .common-title {
	margin-bottom: clamp(16px, 1.8vw, 32px);
	font-size: clamp(30px,2.083334vw,40px) !important;
	text-align: center;
	display: block;
}
.v30-essential-spec .spec-item {
	display: flex;
	padding: 12px 0;
	border-bottom: 1px solid #D0D0D0;
	width: calc(50% - 40px);
}
.v30-essential-spec .spec-item span {
	flex: 0 1 calc(50% - 12px);
	font-size: calc(20 * var(--px));
	color: rgba(0,0,0,0.8);
	font-weight: 600;
}
.v30-essential-spec .spec-item .heading {
	font-weight: normal;
}
.v30-essential-spec .more-btn {
	margin-top: calc(20 * var(--px));
	font-size: 14px;
	color: #AE7D56;
	text-align: center;
	display: none;
}
.v30-essential-spec .more-btn span {
	padding-right: 5px;
}
@media only screen and (min-width: 851px) {
	.v30-essential-spec .more-btn {
		display: none !important;
	}
	.v30-essential-spec .more-container {
		display: flex !important;
		flex-wrap: wrap;
	}
	.v30-essential-spec .common-spec-text-box {
		padding: 100px 40px 137px 40px;
		background: #f8f8f8;
		border-radius:20px;
		margin-left: 0;
	}
	.v30-essential-spec .spec-item {
		flex-direction: column;
		gap: 8px;
	}
	.v30-essential-spec .spec-item .heading {
		font-size: calc(20 * var(--px));
    font-family: var(--misanslatin-bold);
    line-height: 1.4;
    color: #333333;
	}
	.v30-essential-spec .more-container {
		display: none;
	}
	.v30-essential-spec {
		padding: clamp(60px, 6.5vw, 120px) 0 !important;
	}
}
@media only screen and (max-width: 850px) {
	.v30-essential-spec h2.common-title {
		display: block;
	}
	.v30-essential-spec .common-spec-text-box .common-title {
		display: none;
	}
	.v30-essential-spec .common-header {
		padding-top: 80px;
	}
	.v30-essential-spec .spec-content {
		display: block;
	}
	.v30-essential-spec .spec-item {
		width: unset;
	}
	.v30-essential-spec .spec-item {
		flex-direction: column;
	}
}

.v30-essential-node {
  background-color: #f8f8f8;
  color: rgba(0,0,0,0.6);
  font-size: 14px;
  line-height: 2;
  font-family: var(--misanslatin-regular);
  padding-block: calc(120 * var(--px)) !important;
}
@media (max-width: 850px) {
  .v30-essential-node {
    font-size: 12px;
    line-height: 1.4;
    padding-block: calc(50 * var(--px)) !important;
  }
}
/* -------------------------------------------------------------------- */

  @media screen and (min-width: 2560px) {
    .z30-aqua-pro-media {
      --vp-s: calc(100vw / 2560);
      --ymvw:calc(100vw / 2560);
    }
  }

  @media screen and (max-width: 1500px) {
    .z30-aqua-pro-media {
      --vp-s: calc(100vw / 1500);
    }
  }

  @media screen and (max-width: 768px) {
    .z30-aqua-pro-media {
      --vp-s: calc(100vw / 750);
    }
  }

.z30-aqua-pro-media-1 .subtitle.common-subtitle .addition-10 {
  font-family: var(--misanslatin-bold) !important;
  font-size: calc(36 * var(--ymvw)) !important;
  line-height: 1.2 !important;
  color: white;
}
.z30-aqua-pro-media-1 .subtitle.common-subtitle .addition-11 {
  font-family: var(--misanslatin-regular) !important;
  font-size: calc(24 * var(--ymvw)) !important;
  line-height: 1.2 !important;
  color: white;
}
.z30-aqua-pro-media-1 .subtitle.common-subtitle .addition-13 {
  font-family: var(--misanslatin-medium) !important;
  font-size: calc(18 * var(--ymvw)) !important;
  line-height: 1.4 !important;
  color: white;
font-weight: 380;

}
.z30-aqua-pro-media-2 .main-content div .common-subtitle div {
  font-family: var(--misanslatin-medium) !important;
  font-size: calc(18 * var(--ymvw)) !important;
  line-height: 1.4 !important;
  color: red !important;
}

.z30-aqua-pro-media-1 .common-section-container{
  padding-bottom:0 !important;
  background:#000;
}

.z30-aqua-pro-media .addition-12 {

    padding-top:calc(66 * var(--ymvw)) !important;
    padding-bottom:calc(55 * var(--ymvw)) !important;


    font-family: var(--misans-bold);
font-weight: 630;

font-size:calc(44 * var(--ymvw)) !important;

line-height: 120% !important;

text-align: center;


  background: linear-gradient(90deg, #CCBEB3 67.06%, #675141 181.87%) !important;


  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;



}
.z30-aqua-pro-media .addition-13 {
    width: calc(692 * var(--ymvw)) !important;
    margin-left: auto;
    margin-right: auto;
    font-weight:380;
}

.z30-aqua-pro-media .hero__text-content{

  padding-top:calc(60 * var(--ymvw)) !important;

  position:relative;
}
.z30-aqua-pro-media-1 .hero__text-content .custom_html_box{
 position:absolute;
  width:100%;
  height:stretch;

}


@media (min-width: 1500px) and (max-width: 2560px) {
  :root {
    --ymvw: calc(1vw / 25.6);
    --wmvw: calc(1vw / 25.6);
    /* 1 / 19.2 = 0.052083333vw */
  }
   .main-content .common-wrapper{
    padding-left: 0;
    padding-right: 0;
  
    width:calc(1136 * var(--ymvw)) ;
  }
}

.z30-aqua-pro-media-1 .hero__text-content .contrast-container{
  position:absolute;
width:calc(893 * var(--ymvw));
  bottom:calc(13 * var(--ymvw));
  
  left:50%;
  transform:translate(-50%,0%) !important;

}

.z30-aqua-pro-media-1 .hero__text-content .contrast-container  img{
width:calc(893 * var(--ymvw));
height:auto;
aspect-ratio: 893/255;
border-radius:calc(16 * var(--ymvw));
}

.z30-aqua-pro-media-1 .hero__text-content .contrast-container  .contrast-text{
  display:flex;
  text-align:center;
  top:calc(13 * var(--ymvw));
  position:absolute;
  width:100%;

}
.z30-aqua-pro-media-1 .hero__text-content .contrast-container  .contrast-text span{

font-family:var(--misanslatin-semibold) ;
font-weight: 520;
font-size: calc(15 * var(--ymvw));
line-height:1.2;
color: rgba(221, 221, 221, 0.8667);
text-align:center;

}
.z30-aqua-pro-media-1 .hero__text-content .contrast-container  .contrast-text span:first-child{
width:50%;
}
.z30-aqua-pro-media-1 .hero__text-content .contrast-container  .contrast-text span:nth-child(2){
width:19%;
}
.z30-aqua-pro-media-1 .hero__text-content .contrast-container  .contrast-text span:nth-child(3){
width:31%;
}
.z30-aqua-pro-media-1 .hero__text-content .contrast-container-littile-pic{
position:absolute;
top:0px;

}
.z30-aqua-pro-media-1 .hero__text-content .contrast-container-little-pic  img{
width:calc(364 * var(--ymvw));
height:auto;
aspect-ratio: 364/227;
position:absolute;
right:calc(90 * var(--ymvw));
bottom:calc(255 * var(--ymvw));

}
.z30-aqua-pro-media-1 .hero__text-content .contrast-container-little-pic .little-pic-contrast-text{
position:absolute;
display:flex;
flex-direction:column;
right:calc(70 * var(--ymvw));
bottom:calc(672 * var(--ymvw));
}
.z30-aqua-pro-media-1 .hero__text-content .contrast-container-little-pic .little-pic-contrast-text span{

font-family:var(--misanslatin-semibold) ;
font-weight: 520;
font-size: calc(28 * var(--ymvw));
line-height:1.2;
text-align:center;
color: rgba(255, 255, 255, 1);


}


.z30-aqua-pro-media-1 .hero__text-content .prolonged-container {
/* width:calc(874 * var(--ymvw)); */
width:calc(951 * var(--ymvw));

gap:calc(16 * var(--ymvw));
display:flex;
flex-wrap:wrap;
/* margin-left:calc(163 * var(--ymvw)); */
/* margin-top:calc(30 * var(--ymvw)); */

margin-left:50%;
transform:translateX(-50%)

}
.z30-aqua-pro-media-1 .hero__text-content .prolonged-container span {
width:calc(300 * var(--ymvw));
/* height:calc(78 * var(--ymvw)); */
border-radius:calc(16 * var(--ymvw));
background:  rgba(51, 51, 51, 0.8);
font-family: var(--misanslatin-semibold);
font-weight: 520;
font-size: calc(24 * var(--ymvw));
line-height: 1.2;

color: rgba(239, 239, 239, 1);
padding:calc(10 * var(--ymvw)) calc(4 * var(--ymvw));

display:flex;
align-items:center;
justify-content:center;

}

.z30-aqua-pro-media .addition-16 {
    width:calc(842 * var(--ymvw)) !important;
    margin-left: auto;
    margin-right: auto;
    padding-top:calc(100 * var(--ymvw)) !important;
    padding-bottom:calc(55 * var(--ymvw)) !important;
    font-family: var(--misanslatin-bold);
    font-weight: 630;
    font-size: calc(44 * var(--ymvw)) !important;
    line-height: 1.2;
    text-align: center;
}
.z30-aqua-pro-media-2 .clean-deeper .common-section-container-inner .common-media-item .common-wrapper .common-wrapper .media-box .image-box  .common-small--hide .image-element__wrap{
  border-radius:calc(44 * var(--ymvw)) !important;
  
 
}
.z30-aqua-pro-media-2  .image-element__wrap{
  border-radius:calc(10 * var(--ymvw)) !important;
 
}

.z30-aqua-pro-media-2 .hero__text-content .custom_html_box{
position:relative;
  width:calc(1200 * var(--ymvw));
  /* height:stretch; */
  height:calc(500 * var(--ymvw));

}


.z30-aqua-pro-media-2 .hero__text-content .cleandeeper-text1  {
font-family:var(--misanslatin-semibold);
font-weight: 520;

font-size:calc(64 * var(--ymvw));

line-height: 0.6;

position:absolute;
bottom:calc(476 * var(--ymvw)) ;
left:calc(328 * var(--ymvw)) ;
color: rgba(239, 239, 239, 1);
text-align:center;
}

.z30-aqua-pro-media-2 .hero__text-content .cleandeeper-text1  span{
font-size:calc(32 * var(--ymvw)) ;

}
.z30-aqua-pro-media-2 .hero__text-content .cleandeeper-text2  {
font-family:var(--misanslatin-bold);
font-weight: 630;

font-size:calc(64 * var(--ymvw));

line-height: 0.6;

position:absolute;
bottom:calc(259 * var(--ymvw)) ;
left:calc(709 * var(--ymvw)) ;
color: rgba(239, 239, 239, 1);
text-align:center;
}

.z30-aqua-pro-media-2 .hero__text-content .cleandeeper-text2  span{
  font-weight: 380;
font-size:calc(32 * var(--ymvw)) ;

}
.z30-aqua-pro-media .addition-17 {
    color: rgba(255, 255, 255, 1);
    font-family:var(--misanslatin-bold);
font-weight: 630;

font-size: calc(48 * var(--ymvw)) ;


line-height: 1.2;

text-align: center;
margin-bottom:calc(77 * var(--ymvw)) ;


}
 .common-section-container .v30-essential-media-7 .tools-text{
  padding-bottom:calc(100 * var(--ymvw)) !important;
}



.v30-essential-common-product-item.new-product-item.common-item-inner {
  display: grid;
  grid: ". ." ". a"/50fr 50fr;
  gap: clamp(8px,1vw,20px);
}


.v30-essential-common-product-item.new-product-item .right-box  .cell {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: clamp(8px,1vw,20px);
  row-gap:calc(16 * var(--ymvw)) ;
}
.v30-essential-common-product-item.new-product-item .right-box  .cell.new-cell {
  display: grid;
  grid-template-columns: repeat(4, 1fr) !important;
  column-gap: clamp(8px,1vw,20px);
  row-gap: 16px;
}
.v30-essential-common-product-item.new-product-item .right-box{
  /* background:red; */
  padding-left:0px !important;
}
.v30-essential-common-product-item.new-product-item .left-box{
 width:calc(560 * var(--ymvw)) ;
 height:calc(662 * var(--ymvw)) ;
}



.v30-essential-common-product-item.new-product-item .left-box-inner{
   width:calc(560 * var(--ymvw)) ;
 height:calc(662 * var(--ymvw)) ;
 border-radius:0 !important;
}

.v30-essential-common-product-item.new-product-item .left-box .image-box{
   width:calc(560 * var(--ymvw)) ;
 height:calc(662 * var(--ymvw)) ;
 margin-bottom:calc(8 * var(--ymvw)) ;
}

.v30-essential-common-product-item.new-product-item .right-box .cell .item .image{  
   width:calc(272 * var(--ymvw)) ;
 height:calc(272 * var(--ymvw)) ;
  border-radius:0 !important;
}


.v30-essential-common-product-item.new-product-item .left-box .title,.v30-essential-common-product-item.new-product-item .right-box .title{
  font-family: var(--misans-bold) !important;
  font-weight: 900 !important;
  font-size:calc(20 * var(--ymvw))  !important;
  line-height: 1.2 !important;
  color:#000 !important;
}


@media only screen and (min-width: 1200px) {
  .main-content .v30-essential-product-items .common-wrapper{
    padding-left: 0;
    padding-right: 0;
  
    width:calc(1136 * var(--ymvw)) !important;
  }




}

.v30-essential-common-product-item.new-product-item .v30-product-common-title{
font-family: var(--misans-semibold);
font-weight: 600;
font-size: calc(48 * var(--ymvw))  !important;
line-height: 1.2;
}
.z30-aqua-pro-media .addition-18 {
  font-family: var(--misanslatin-medium) !important;
    width:45%;
    margin-left: auto;
    margin-right: auto;
    /* padding-top:calc(106 * var(--ymvw)) !important; */
    padding-bottom:calc(55 * var(--ymvw)) !important;
    font-weight:380;
    font-size:calc(16 * var(--ymvw)) !important;
}
.v30-essential-media-8 .hero__text-content {
  padding-bottom: 0;
}

.main-content  .common-section-container.v30-essential-media-8{
  padding-bottom:calc(360 * var(--ymvw)) !important;
}

.v30-essential-media-8 .hero__text-content .custom_html_box{
position:relative;
  width:calc(1200 * var(--ymvw));
  /* height:stretch; */
  height:calc(500 * var(--ymvw));

}

.v30-essential-media-8 .hero__text-content .auto-and-storage-text{
  position:absolute;

  left:0px;
  font-family:var(--misanslatin-semibold);
  font-weight: 520;
  font-size: calc(32 * var(--ymvw)) !important;
  line-height: 1.2;
  color: rgba(255, 255, 255, 1);
    bottom: calc(-50 * var(--ymvw)) !important;


}
.v30-essential-media-8 .hero__text-content .auto-and-storage-text span:first-child{

}
.v30-essential-media-8 .hero__text-content .auto-and-storage-text span:nth-child(2){
  position:absolute;

  left:calc(1028 * var(--ymvw)) !important;
  width:max-content;

}

.common-section-container.v30-essential-media-9 .image-element__wrap{
border-radius:calc(10 * var(--ymvw));

}
.v30-essential-media-9 .hero__text-content .custom_html_box{
height:100%;
position:relative;

}

.v30-essential-media-9 .hero__text-content {
  padding-bottom: 0;
padding-top: 0 !important;
  position:relative;
}

.v30-essential-media-9 .hero__text-content .smart-top-container {
  width:calc(342 * var(--ymvw));
  /* height:calc(310 * var(--ymvw)); */
  background: rgba(0, 0, 0, 0.5);
  border-radius:calc(20 * var(--ymvw));
  box-sizing:border-box;
  padding:calc(20 * var(--ymvw));
  padding-bottom:calc(10 * var(--ymvw));

  position:absolute;
  top:calc(75 * var(--ymvw));
  left:calc(80 * var(--ymvw));
  scale:1.35;


}

.v30-essential-media-9 .hero__text-content .smart-item{
  font-family:var(--misanslatin-semibold);
  font-weight: 520;
  font-size: calc(16 * var(--ymvw));
  line-height: 1.2;
  color:#ffffff;
  margin-bottom:calc(16 * var(--ymvw));
}
.v30-essential-media-9 .hero__text-content .smart-item:last-child{

  margin-bottom:calc(11 * var(--ymvw));
}

.v30-essential-media-9 .hero__text-content .level-bar{
width: calc(102.27 * var(--ymvw));
height:calc(11.45 * var(--ymvw));
border-radius:calc(10 * var(--ymvw));
background: rgba(120, 201, 249, 1);
margin-top:calc(6.55 * var(--ymvw));
margin-bottom:calc(3.27 * var(--ymvw));
}
.v30-essential-media-9 .hero__text-content .smart-item:nth-child(2) .level-bar{
width: calc(171 * var(--ymvw));

}
.v30-essential-media-9 .hero__text-content .smart-item:nth-child(3) .level-bar{
width: calc(247.91 * var(--ymvw));

}
.v30-essential-media-9 .hero__text-content .smart-item img{
width: calc(14.71 * var(--ymvw));
height:calc(23.75 * var(--ymvw));
aspect-ratio:14.71/23.75;
margin-right:calc(8 * var(--ymvw));
}
.v30-essential-media-9 .hero__text-content .smart-item img{
width: calc(14.71 * var(--ymvw));
height:calc(23.75 * var(--ymvw));
aspect-ratio:14.71/23.75;
margin-right:calc(8 * var(--ymvw));
}


.v30-essential-media-9 .hero__text-content .smart-text{
  font-family:var(--misanslatin-regular);
  font-weight: 250;
  font-size: calc(14 * var(--ymvw));
  line-height: 1.2;
  color: rgba(255, 255, 255, 1);
  width:100%;
  /* text-align:right; */
  display:flex;
  flex-direction:column;
  align-items:end;

}
.v30-essential-media-9 .hero__text-content .smart-text .text-item{
  width:55%;
}
.v30-essential-media-9 .hero__text-content .bg-text-wrapper-inner {
  height:100%;
}

.v30-essential-media-9 .hero__text-content .smart-text img{
  width: calc(8.4 * var(--ymvw));
  height:auto;
  aspect-ratio:14.71/23.75;
  margin-right:calc(15 * var(--ymvw));

}
.v30-essential-media-9 .hero__text-content .smart-text .text-item:nth-child(2) img{
  width: calc(8.18 * var(--ymvw));
  height:calc(7.36 * var(--ymvw));;
  aspect-ratio:8.18/7.36;
  margin-right:calc(15 * var(--ymvw));
}

.v30-essential-media-9 .hero__text-content .smart-bottom-container {
  width:calc(342 * var(--ymvw));
  height:calc(311 * var(--ymvw));
  background: rgba(0, 0, 0, 0.5);
  border-radius:calc(20 * var(--ymvw));
  box-sizing:border-box;
  padding:calc(20 * var(--ymvw));
  padding-bottom:calc(10 * var(--ymvw));
display:flex;
flex-wrap:wrap;

  position:absolute;
  bottom:calc(75 * var(--ymvw));
  left:calc(80 * var(--ymvw));
  scale:1.35;



}
.v30-essential-media-9 .hero__text-content .bottom-item{
  width:50%;
  display:flex;
  justify-content:center;
  align-items:center;
  text-align:center;

  flex-direction:column;

  color: rgba(255, 255, 255, 1);

  font-family: var(--misanslatin-semibold);
font-weight: 520;

font-size: calc(16 * var(--ymvw));

line-height: 1.2;




}
.v30-essential-media-9 .hero__text-content .smart-bottom-container img{
  width:calc(74 * var(--ymvw));
  height:calc(74 * var(--ymvw));

  aspect-ratio:74/74;
  margin-bottom:calc(8 * var(--ymvw));
}

.z30-ac-pro-media-five .title.common-banner-title,.v30-essential-media-9 .title.common-title,.v30-essential-media-8 .title.common-title,.v30-essential-media-first .title.common-banner-title{
  font-family:var(--misanslatin-bold) !important;
  font-weight: 630 !important;
  font-size:calc(43 * var(--ymvw)) !important;
  line-height: 1.2 !important;
  color:#ffffff !important;
  margin-bottom:calc(20 * var(--ymvw)) !important;

}
.v30-essential-media-9 .title.common-title,.v30-essential-media-8 .title.common-title{
margin-bottom:calc(21.4 * var(--ymvw)) !important;
}
.z30-ac-pro-media-five .addition-13{
  width:calc(1136 * var(--ymvw)) !important;
  font-family:var(--misanslatin-medium) !important;
  font-weight: 380 !important;
  font-size:calc(18 * var(--ymvw)) !important;
  line-height: 1.4 !important;
  color:rgba(235, 237, 240, 1) !important;

}
.main-content  .common-section-container.z30-ac-pro-media-five{
padding-bottom:calc(120 * var(--ymvw)) !important;
}



/* 手机 */
@media (max-width: 850px) {
.main-content  .common-section-container.z30-ac-pro-media-five{
padding-bottom:calc(0 * var(--ymvw)) !important;
}
}
.z30-ac-pro-media-five .addition-20{

  display:flex;
  justify-content:center;
  margin-top::calc(40 * var(--ymvw));
  flex-wrap:wrap;
}
.z30-ac-pro-media-five .addition-20-item{
    /* width:calc(276 * var(--ymvw)) ; */
    padding:calc(16 * var(--ymvw)) ;
    box-sizing:border-box;
}
.z30-ac-pro-media-five .addition-20-item .top-text{
font-family:var(--misanslatin-bold);
font-weight: 630;
font-size:calc(26 * var(--ymvw)) ;
line-height: 1.2;

  /* background: linear-gradient(90deg, #CCBEB3 67.06%, #675141 181.87%) !important; */
  background: linear-gradient(90deg, #CCBEB3 0%, #675141 162.13%);



  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;


}
.z30-ac-pro-media-five .addition-20-item .bottom-text{
font-family: var(--misanslatin-regular);
font-weight: 330;
font-size: calc(24 * var(--ymvw)) ;
line-height: 1.2;

color: var(--Color2, rgba(235, 237, 240, 0.8));

}
.z30-ac-pro-media-five .five-layer-item{
  display:flex;
  align-items:center;
  align-items:center;
}

.z30-ac-pro-media-five .five-layer-item img{
  width:calc(50 * var(--ymvw)) ;
  height:calc(50 * var(--ymvw));
  aspect-ratio:50/50;
  margin-right:calc(17 * var(--ymvw));

}
.z30-ac-pro-media-five .five-layer-item .right-box{
display:flex;
flex-direction:column;
text-align:left;
}
.z30-ac-pro-media-five .five-layer-item .right-box span:first-child{
font-family: var(--misans-bold);
font-weight: 700;
font-size:calc(24 * var(--ymvw));
line-height: 1.2;


 
background: linear-gradient(90deg, #CCBEB3 0%, #675141 162.13%) !important;


  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;

}
.z30-ac-pro-media-five .five-layer-item .right-box span:last-child{
font-family: var(--misans-medium);
font-weight: 500;
font-size: calc(16 * var(--ymvw));
line-height: 1.4;
color: rgba(255, 255, 255, 1);
}
.z30-ac-pro-media-five .five-layer-item:first-child{
  position:absolute;
  left:calc(-47 * var(--ymvw));
  top:calc(146 * var(--ymvw));
}
.z30-ac-pro-media-five .five-layer-item:nth-child(2){
  position:absolute;
  left:calc(229 * var(--ymvw));
  top:calc(146 * var(--ymvw));
}
.z30-ac-pro-media-five .five-layer-item:nth-child(3){
  position:absolute;
  left:calc(526 * var(--ymvw));
  top:calc(146 * var(--ymvw));
}
.z30-ac-pro-media-five .five-layer-item:nth-child(4){
  position:absolute;
  left:calc(788 * var(--ymvw));
  top:calc(146 * var(--ymvw));
}
.z30-ac-pro-media-five .five-layer-item:nth-child(5){
  position:absolute;
  left:calc(1030 * var(--ymvw));
  top:calc(146 * var(--ymvw));
}
.z30-ac-pro-media-five .hero__text-content .bg-text-wrapper-inner {
  height:100%;
}
.z30-ac-pro-media-five .hero__text-content .custom_html_box{
    height:100%;
    position:relative;
}
.v30-essential-media-first .addition-21{
  width:67% !important;
  font-family:var(--misanslatin-medium) !important;
  font-weight: 380 !important;
  font-size:calc(18 * var(--ymvw)) !important;
  line-height: 1.4 !important;
  color:rgba(235, 237, 240, 1) !important;
  margin:0 auto;

}

.v30-essential-media-first .built-box{
   width:100% ;
   display:flex;
   justify-content:center;
   align-items:center;
   margin-top:calc(20 * var(--ymvw));
}
.v30-essential-media-first .built-box img{
width:calc(59.25 * var(--ymvw));
height:calc(46.24 * var(--ymvw));
aspect-ratio:59.25/46.24;
margin-right:calc(20 * var(--ymvw));
}

.v30-essential-media-first .built-item{
  min-width:calc(276 * var(--ymvw));
  border-radius:calc(16 * var(--ymvw));
  background:  rgba(51, 51, 51, 0.8);
  padding:calc(16 * var(--ymvw)) calc(32 * var(--ymvw));
  font-family: var(--misans-semibold);
  font-weight: 520;
  font-size: calc(14 * var(--ymvw));
  line-height: 1.2;
  display:flex;
  align-items:center;
  margin-left:calc(10 * var(--ymvw));
  margin-right:calc(10 * var(--ymvw));
  color: rgba(204, 204, 204, 1);
  text-align:left;

}

.v30-essential-media-first .hero__text-content{
padding-top:calc(119 * var(--ymvw)) !important;
}

.v30-essential-media-first .hero__text-content .bg-text-wrapper-inner {
  height:100%;
}
.v30-essential-media-first .hero__text-content .custom_html_box{
    height:100%;
    position:relative;
}

.v30-essential-media-first .built-text{
font-family: var(--misanslatin-semibold);
font-weight: 520;

font-size:calc(40 * var(--ymvw)) ;

line-height: 1.2;

position:absolute;
color: rgba(255, 255, 255, 1);


top:0px;
left:0px;
}

.v30-essential-media-first .built-text:nth-child(2){
  top:calc(147 * var(--ymvw)) ;
    left:calc(434 * var(--ymvw)) ;
}
.v30-essential-media-first .built-text:nth-child(3){
    top:calc(440 * var(--ymvw)) ;
    left:calc(1126 * var(--ymvw)) ;
}
.v30-essential-media-first .built-text:nth-child(4){
    top:calc(740 * var(--ymvw)) ;
    left:calc(250 * var(--ymvw)) ;
}
.v30-essential-media-first .built-text:nth-child(5){
    top:calc(980 * var(--ymvw)) ;
    left:calc(-350 * var(--ymvw)) ;
}

.v30-essential-media-first .built-button-box{

display:flex;
justify-content:center;
align-items:center;
border-radius:calc(999 * var(--ymvw)) ;
background: rgba(121, 124, 131, 1);
width:max-content;
position:absolute;

bottom:calc(223 * var(--ymvw));

left:50%;
transform:translateX(-50%) !important;



}
.v30-essential-media-first .built-button-box div {
padding:calc(20 * var(--ymvw));

font-family: var(--misans-bold);
font-weight: 600;

font-size:calc(24 * var(--ymvw)) ;

line-height: 1.2;

text-align:center;
color: rgba(188, 188, 188, 1);
cursor:pointer;


}
.v30-essential-media-first .built-button-box div.actived{
  border-radius:calc(999 * var(--ymvw));
  background: linear-gradient(90deg, #C5B4AA 0%, #755B3C 100%);
  
  color: rgba(255, 255, 255, 1);

}

.v30-essential-media-first:nth-of-type(2){
display:none;
}

.v30-essential{
  background:#000000;
}
  body[data-name=z30-aquacycle-pro] .image-radius-box .image-element__wrap{
    border-radius: calc(10 * var(--ymvw));
  }
 .v30-essential-common-section-container{
  padding:calc(130 * var(--ymvw)) 0px;
  }

  .z30-aqua-cycle-pro-selling-container{

margin-bottom:calc(130 * var(--ymvw));
}

  .z30-aqua-cycle-pro-selling-container .image-box{
  display: flex;
   gap: calc(16 * var(--ymvw));
}
.z30-aqua-cycle-pro-selling-container .image-left-box,
.z30-aqua-cycle-pro-selling-container .image-right-box{
  display: flex;
  width: 33.33%;
  flex-direction: column;
  gap: calc(16 * var(--ymvw));
}
.z30-aqua-cycle-pro-selling-container .image-left-box .image-box-inner,.z30-aqua-cycle-pro-selling-container .image-right-box .image-box-inner,.z30-aqua-cycle-pro-selling-container .image-middle-box .image-box-inner{
    position:relative;
 

}
.z30-aqua-cycle-pro-selling-container .image-left-box .image-box-inner .selling-title,.z30-aqua-cycle-pro-selling-container .image-right-box .image-box-inner .selling-title{
    font-size:calc(24 * var(--ymvw));
    position:absolute;
    color:#fff;
    font-family:var(--misanslatin-semibold);
    font-weight: 520;
    width:100%;
   text-align:center;
   line-height:1;

}

/* 情况一：当有描述文字（has-desc）时，副标题往上移，留出空间 */
.z30-aqua-cycle-pro-selling-container .image-left-box .image-box-inner .selling-title-pc-has-desc,.z30-aqua-cycle-pro-selling-container .image-right-box .image-box-inner .selling-title-pc-has-desc {
    top: calc(24 * var(--ymvw));
}

/* 情况二：当没有描述文字（no-desc）时，保持原有的低位置 */
.z30-aqua-cycle-pro-selling-container .image-left-box .image-box-inner .selling-title-pc-no-desc,.z30-aqua-cycle-pro-selling-container .image-right-box .image-box-inner .selling-title-pc-no-desc {
    bottom: calc(75 * var(--ymvw));
}
.z30-aqua-cycle-pro-selling-container .image-right-box .image-box-inner:nth-child(1)  .selling-title-pc-no-desc{
    bottom: calc(47 * var(--ymvw));
    color:#000;
}
.z30-aqua-cycle-pro-selling-container .image-right-box .image-box-inner:nth-child(1)  .selling-subtitle-pc-no-desc{
    /* bottom: calc(61 * var(--ymvw)); */
    color:#000;
}


.z30-aqua-cycle-pro-selling-container .image-right-box .image-box-inner:nth-child(2)  .selling-title-pc-no-desc{
    bottom: calc(45 * var(--ymvw));
}

/* 基础通用样式：保留共有属性 */
.z30-aqua-cycle-pro-selling-container .image-left-box .image-box-inner .selling-subtitle,.z30-aqua-cycle-pro-selling-container .image-right-box .image-box-inner .selling-subtitle {
    font-size: calc(16 * var(--ymvw));
    position: absolute;
    color: #fff;
    font-family: var(--misanslatin-medium);
    font-weight: 380;
    width: 100%;
    text-align: center;
}

/* 情况一：当有描述文字（has-desc）时，副标题往上移，留出空间 */
.z30-aqua-cycle-pro-selling-container .image-left-box .image-box-inner .selling-subtitle-pc-has-desc,.z30-aqua-cycle-pro-selling-container .image-right-box .image-box-inner .selling-subtitle-pc-has-desc {
    /* bottom: calc(63 * var(--ymvw)); */
       top: calc(60 * var(--ymvw));
}

/* 情况二：当没有描述文字（no-desc）时，保持原有的低位置 */
.z30-aqua-cycle-pro-selling-container .image-left-box .image-box-inner .selling-subtitle-pc-no-desc,.z30-aqua-cycle-pro-selling-container .image-right-box .image-box-inner .selling-subtitle-pc-no-desc {
    bottom: calc(15 * var(--ymvw));
}

.z30-aqua-cycle-pro-selling-container .image-left-box .image-box-inner .selling-desc,.z30-aqua-cycle-pro-selling-container .image-right-box .image-box-inner .selling-desc,.z30-aqua-cycle-pro-selling-container .image-middle-box .image-box-inner .selling-desc {
    font-size: calc(14 * var(--ymvw));
    position: absolute;
  
    color: rgba(204, 204, 204, 1);
    font-family: var(--misanslatin-medium);
    font-weight: 380;
    width: 100%;
    text-align: center;
    bottom: calc(9 * var(--ymvw));
}

/* 基础通用样式：保留共有属性 */
.z30-aqua-cycle-pro-selling-container .image-middle-box .image-box-inner .selling-subtitle {
    font-size: calc(16 * var(--ymvw));
    position: absolute;
    color: #fff;
    font-family: var(--misanslatin-medium);
    font-weight: 520;

    /* text-align: center; */
}

.z30-aqua-cycle-pro-selling-container .image-middle-box .image-box-inner:nth-child(1) .selling-subtitle {

    display:none;
}
.z30-aqua-cycle-pro-selling-container .image-middle-box .image-box-inner:nth-child(2) .selling-subtitle {
    left:calc(30 * var(--ymvw));
    top:calc(63 * var(--ymvw));
    width:33%;
}

.z30-aqua-cycle-pro-selling-container .image-middle-box .image-box-inner .selling-title{
    font-size:calc(24 * var(--ymvw));
    position:absolute;
    color:#fff;
    font-family:var(--misanslatin-semibold);
    font-weight: 520;
   
   text-align:center;

}
.z30-aqua-cycle-pro-selling-container .image-middle-box .image-box-inner:nth-child(1) .selling-title{
bottom: calc(10 * var(--ymvw));
 width:100%;
}
.z30-aqua-cycle-pro-selling-container .image-middle-box .image-box-inner:nth-child(2) .selling-title{
    /* left:calc(30 * var(--ymvw)); */
    bottom:calc(10 * var(--ymvw));


}
.z30-aqua-cycle-pro-selling-container .image-middle-box .image-box-inner:nth-child(3) .selling-title{
    /* left:calc(30 * var(--ymvw)); */
    bottom:calc(10 * var(--ymvw));
 width:100%;

}
.z30-aqua-cycle-pro-selling-container .image-middle-box .image-box-inner:nth-child(4) .selling-title{
    /* left:calc(30 * var(--ymvw)); */
    bottom:calc(10 * var(--ymvw));
    line-height:1.2;


}





.z30-aqua-cycle-pro-selling-container .image-middle-box{
  display:flex;
  flex-wrap:wrap;
  width: 30.3%;
   gap:calc(16 * var(--ymvw));
}
.z30-aqua-cycle-pro-selling-container .image-box .image-box-inner{
  width:100%;
}

#v30-full-screen-desc{
background:#fff;
}
.remark-box{
    /* max-width: calc(1100 * var(--ymvw)) !important; */
}
.remark-box {
    padding:calc(140 * var(--ymvw)) 0;
    max-width:fit-content;
    /* background: rgba(22, 22, 22, 1); */
}

.remark-box .disclaimers-container .title {

    color: rgba(235, 235, 235, 1);
    font-weight:520;
    font-family:var(--misanslatin-semibold);

    font-size: calc(20 * var(--ymvw));
    margin-bottom: calc(24 * var(--ymvw));
}


@media (min-width:850px){
     .product-mob--hide{
    display:flex;
  
  }

}
@media screen and (max-width:850px) {

   .product-mob--hide{
    display:none !important;
  
  }

 

}

.z30-aqua-cycle-pro-common-section-container-inner .common-pc--hide .mob-image-top-box,.z30-aqua-cycle-pro-common-section-container-inner .common-pc--hide .mob-image-medium-bottom-box,.z30-aqua-cycle-pro-common-section-container-inner .common-pc--hide .mob-image-bottom-box{
width:100%;
display:flex;
justify-content:space-between;
gap:calc(8 * var(--px));
}

.z30-aqua-cycle-pro-common-section-container-inner .common-pc--hide .mob-image-top-box img{
width:calc(173 * var(--px));
height:auto;
border-radius:calc(10 * var(--px));
margin-bottom:calc(8 * var(--px));

aspect-ratio:167/155;
}
.z30-aqua-cycle-pro-common-section-container-inner .common-pc--hide .mob-image-medium-bottom-box img{
width:calc(172 * var(--px));
height:calc(155 * var(--px));

aspect-ratio:172/155;
border-radius:calc(10 * var(--px));
margin-bottom:calc(8 * var(--px));
}
/* .z30-aqua-cycle-pro-common-section-container-inner  */

.z30-aqua-cycle-pro-common-section-container-inner .common-pc--hide .mob-image-medium-box{
width:100%;


}
.z30-aqua-cycle-pro-common-section-container-inner .common-pc--hide .mob-image-medium-box img{
width:100%;
height:calc(155 * var(--px));

aspect-ratio:342/155;
border-radius:calc(10 * var(--px));
margin-bottom:calc(8 * var(--px));

}
 .z30-aqua-cycle-pro-common-section-container-inner .product-mob--hide{
    display:flex;
  
  }


  .z30-aqua-cycle-pro-common-section-container-inner .common-pc--hide .mob-image-bottom-box img{
width:calc(97 * var(--px));
height:calc(122 * var(--px));
border-radius:calc(10 * var(--px));
margin-bottom:calc(8 * var(--px));

aspect-ratio:97/122;

}

.z30-aqua-cycle-pro-common-section-container-inner .common-pc--hide .mob-image-bottom-box .first-img img{
width:calc(136 * var(--px));
height:calc(122 * var(--px));
border-radius:calc(10 * var(--px));
margin-bottom:calc(8 * var(--px));

aspect-ratio:136/122;

}

.z30-aqua-cycle-pro-common-section-container-inner .common-pc--hide .selling-title{
position:absolute;
left:calc(14 * var(--px));
top:calc(13 * var(--px));

font-family: var(--misanslatin-semibold);
font-weight: 520;

font-size: calc(12 * var(--px));
line-height: calc(12 * var(--px));
}
.z30-aqua-cycle-pro-common-section-container-inner .common-pc--hide .selling-title{
position:absolute;
left:calc(14 * var(--px));
top:calc(13 * var(--px));

font-family: var(--misanslatin-semibold);
font-weight: 520;

font-size: calc(12 * var(--px));
line-height: calc(12 * var(--px));
}

.z30-aqua-cycle-pro-common-section-container-inner .common-pc--hide .selling-title{
position:absolute;
left:calc(14 * var(--px));
top:calc(13 * var(--px));

font-family: var(--misanslatin-semibold);
font-weight: 520;

font-size: calc(12 * var(--px));
line-height: calc(12 * var(--px));
width:73%;
color:#fff;
}

.z30-aqua-cycle-pro-common-section-container-inner .common-pc--hide .image-box-inner{
  position:relative;
}

.z30-aqua-cycle-pro-common-section-container-inner .common-pc--hide .selling-subtitle{
position:absolute;
left:calc(14 * var(--px));
top:calc(28 * var(--px));
width:50%;
font-family: var(--misanslatin-medium);
font-weight: 380;

font-size: calc(10 * var(--px));
line-height: calc(12 * var(--px));

color: rgba(223, 223, 223, 1);

}

.z30-aqua-cycle-pro-common-section-container-inner .common-pc--hide .second-subtitle.selling-subtitle{

top:calc(41 * var(--px));


}



.z30-aqua-cycle-pro-common-section-container-inner .common-pc--hide .mob-image-medium-box .selling-title{
  width:100%;
  text-align:left;


}

.z30-aqua-cycle-pro-common-section-container-inner .common-pc--hide .mob-image-bottom-box .first-img .selling-title{
position:absolute;
left:calc(10 * var(--px));
top:calc(10 * var(--px));
width:85%;
font-family: var(--misanslatin-medium);
font-weight: 380;

font-size: calc(10 * var(--px));
line-height: calc(12 * var(--px));

color: rgba(223, 223, 223, 1);

}

.z30-aqua-cycle-pro-common-section-container-inner .common-pc--hide .mob-image-bottom-box .selling-title{
position:absolute;
left:calc(10 * var(--px));
top:calc(10 * var(--px));
width:85%;
font-family: var(--misanslatin-medium);
font-weight: 380;

font-size: calc(10 * var(--px));
line-height: calc(12 * var(--px));

color: rgba(223, 223, 223, 1);

}
.z30-aqua-cycle-pro-common-section-container-inner .common-pc--hide .second-img .selling-subtitle{
position:absolute;
left:calc(10 * var(--px));
top:calc(10 * var(--px));


}
  .v30-essential-common-product-item .product-item-pc{
  display:block;
  }
    .v30-essential-common-product-item .product-item-mob{
  display:none;
  }
@media screen and (max-width: 850px){
  .v30-essential-common-product-item .product-item-pc{
  display:none;
  }
    .v30-essential-common-product-item .product-item-mob{
  display:block;
  }
  .v30-essential-common-product-item .common-pc--hide{
  width:100%;
  }

  .v30-essential-media-9 .common-small--hide,.z30-aqua-pro-media-1 .common-small--hide{
  display:none !important;
  }
}



.z30-aqua-pro-swiper2 .swiper-slide .content>div:first-child{
/* color:red !important; */
font-size:calc(48 * var(--ymvw)) !important;

font-family:var(--misanslatin-bold);
font-weight: 630;

font-size: 48px;
line-height: 120%;
letter-spacing: 0%;

background: linear-gradient(90deg, #CCBEB3 0%, #675141 100%);



  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;



}



.z30-aqua-pro-swiper2 .swiper-add-top{

font-family: var(--misanslatin-semibold);
font-weight: 520;

font-size:calc(32 * var(--ymvw)) ;
margin-top:calc(60 * var(--ymvw)) ;
line-height: 120%;
letter-spacing: 0px;

color:  rgba(158, 137, 114, 1);


}

.z30-aqua-pro-swiper2 .swiper-add-bottom{
font-family: var(--misanslatin-medium);
font-weight: 380;

font-size: calc(16 * var(--ymvw)) ;
margin-bottom:calc(60 * var(--ymvw)) ;
line-height: 140%;
letter-spacing: 0px;

color: rgba(255, 255, 255, 0.8);



}

@media (max-width: 850px){
  .z30-aqua-pro-swiper2 .swiper-slide .content>div:first-child{
/* color:red !important; */
font-size:calc(16 * var(--ymvw)) !important;


color: rgba(255, 255, 255, 1) !important;
margin-bottom:calc(20 * var(--ymvw)) !important;

}

.z30-aqua-pro-swiper2 .swiper-slide .content>div:nth-child(2){
font-size:calc(14 * var(--ymvw)) !important;

font-weight:380 !important;

color: rgba(242, 242, 242, 0.9) !important;
}

.z30-ac-pro-media-five .title.common-banner-title,.v30-essential-media-9 .title.common-title,.v30-essential-media-8 .title.common-title{
  font-size:calc(24 * var(--px)) !important;
  text-align:left !important;



background: linear-gradient(90deg, #CCBEB3 0%, #675141 100%) !important;


  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  
}

.z30-ac-pro-media-five .title.common-banner-title .z30-five-mob-text{

font-family:var(--misanslatin-medium);
font-weight: 380;

font-size: calc(14 * var(--px)) !important;

line-height: 130%;

color: rgba(252, 252, 252, 0.8);

margin-top:calc(16 * var(--px))  !important;
/* margin-bottom:calc(16 * var(--px))  !important; */
}

.z30-ac-pro-media-five .five-layer-item img{
  width:calc(19.47 * var(--ymvw)) ;
  height:calc(19.47 * var(--ymvw));
  aspect-ratio:50/50;
  margin-right:calc(5 * var(--ymvw));

}

.z30-ac-pro-media-five .five-layer-item .right-box span:first-child{

font-size:calc(10 * var(--ymvw));
line-height: 1.4;



 
background: linear-gradient(90deg, #CCBEB3 0%, #675141 162.13%) !important;


  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;


}
.z30-ac-pro-media-five .five-layer-item .right-box span:last-child{

font-size: calc(8 * var(--ymvw));


}
.z30-aqua-pro-media .addition-12{
 width:100% !important;

 font-family:var(--misanslatin-semibold);
font-weight: 520;

font-size: calc(24 * var(--ymvw)) !important;

line-height: 120%;
letter-spacing: 0px;




    padding-top:calc(70 * var(--ymvw)) !important;
    padding-bottom:calc(18 * var(--ymvw)) !important;


 



      background: linear-gradient(90deg, #CCBEB3 67.06%, #675141 181.87%) !important;


  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;

  text-align:left !important;


}


.z30-aqua-pro-media-2 .hero__text-content .custom_html_box{
position:relative;
width:100%;

height:calc(400 * var(--ymvw));

}

.v30-essential-media-8 .hero__text-content .custom_html_box{
position:relative;
width:100% !important;

height:calc(400 * var(--ymvw));
}

.v30-essential-media-8 .hero__text-content .auto-and-storage-text span:nth-child(2){
  position:absolute;

  left:calc(0 * var(--ymvw)) !important;
  width:max-content;

}

.v30-essential-media-9 .hero__text-content .smart-top-container{
width:100%;
}

.v30-essential-media-9 .hero__text-content .smart-bottom-container{
  width:100%;
}

.z30-aqua-pro-media-2 .hero__text-content .cleandeeper-text2{

left:0px;

}

.z30-aqua-pro-media-2 .hero__text-content .cleandeeper-text1{
left:0px;
}

.z30-aqua-pro-media-1 .hero__text-content .contrast-container{
  position:absolute;
width:100%;
  bottom:calc(13 * var(--ymvw));
  
  left:50%;
  transform:translate(-50%,0%) !important;

}

.z30-aqua-pro-media .addition-13{
  width:100% !important;
}

.z30-aqua-pro-media-1 .hero__text-content .contrast-container-little-pic img{
width:calc(120 * var(--ymvw));
height:auto;
aspect-ratio: 364/227;
right:calc(-10 * var(--ymvw));
bottom:calc(0 * var(--ymvw));
top:calc(212 * var(--ymvw));
}

.z30-aqua-pro-media-1 .hero__text-content .contrast-container-little-pic .little-pic-contrast-text{
position:absolute;
display:flex;
flex-direction:column;
right:calc(28 * var(--ymvw));
bottom:calc(0 * var(--ymvw));
top:calc(136 * var(--ymvw));
}

.z30-aqua-pro-media-1 .hero__text-content .contrast-container-little-pic  .little-pic-contrast-text span:first-child{
font-size:calc(16 * var(--ymvw));
}

.z30-aqua-pro-media-1 .hero__text-content .contrast-container-little-pic  .little-pic-contrast-text span:nth-child(2){
font-size:calc(10 * var(--ymvw));
}

.z30-aqua-pro-media .hero__text-content{

  padding-top:calc(0 * var(--ymvw)) !important;

  position:relative;
}

.z30-aqua-pro-media-1 .subtitle.common-subtitle .addition-10{
font-size:calc(16 * var(--ymvw)) !important;
}

.z30-aqua-pro-media-1 .subtitle.common-subtitle .addition-11{
  font-size:calc(12 * var(--ymvw)) !important;
}
.z30-aqua-pro-media-1 .subtitle.common-subtitle .addition-13{
color:  rgba(252, 252, 252, 0.8);
 font-size:calc(14 * var(--ymvw)) !important;
 text-align:left;

}
.v30-essential-media-9 .addition-19{
font-family: var(--misanslatin-medium) !important;
font-weight: 380;
font-size: calc(14 * var(--ymvw)) !important;
line-height: 1.3;

color: rgba(252, 252, 252, 0.8);
text-align:left;


}

.z30-aqua-pro-media-1 .mb-contrast-container{

width:100%;

  margin-top:calc(20 * var(--ymvw));
  margin-bottom:calc(17 * var(--ymvw));
  position:relative;

  padding:0 calc(20 * var(--ymvw));

  box-sizing:border-box;



}

.z30-aqua-pro-media-1  .mb-contrast-container  img{
width:calc(354 * var(--ymvw));
height:auto;
aspect-ratio: 354/146;
border-radius:calc(16 * var(--ymvw));

margin:0 auto;
}

.z30-aqua-pro-media-1  .mb-contrast-container  .contrast-text{
  display:flex;
  text-align:center;
  top:calc(21 * var(--ymvw));
  position:absolute;
  width:87%;

}
.z30-aqua-pro-media-1  .mb-contrast-container  .contrast-text span{

font-family:var(--misanslatin-semibold) ;
font-weight: 520;
font-size: calc(6 * var(--ymvw));
line-height:1.2;
color: rgba(221, 221, 221, 0.8667);
text-align:center;

}
.z30-aqua-pro-media-1 .mb-contrast-container  .contrast-text span:first-child{
width:59%;
}
.z30-aqua-pro-media-1 .mb-contrast-container  .contrast-text span:nth-child(2){
width:19%;
}
.z30-aqua-pro-media-1 .mb-contrast-container  .contrast-text span:nth-child(3){
width:31%;
}

.z30-aqua-pro-media-1 .addition-10-mb{

font-family: var(--misanslatin-bold);
font-weight: 630;
font-size: calc(16 * var(--ymvw)) !important;
line-height: 1.2;
text-align: center;

color: rgba(255, 255, 255, 1);

padding-top: calc(40 * var(--ymvw)) !important;


}
.z30-aqua-pro-media-1 .addition-11-mb{

font-family: var(--misanslatin-regular);
font-weight: 330;
font-size: calc(12 * var(--ymvw)) !important;
line-height: 1.2;
text-align: center;

color: rgba(255, 255, 255, 1);


}

.v30-essential-media-9 .mb-smart-box {
  width:100%;

  display:flex;

  justify-content:space-between;

  margin-top:calc(23 * var(--ymvw));
  margin-bottom:calc(12 * var(--ymvw));

gap:calc(9 * var(--ymvw));
}

.v30-essential-media-9 .smart-left-container{

  width:calc(166 * var(--ymvw));

    background: rgba(0, 0, 0, 0.5);
      border-radius:calc(10 * var(--ymvw));
     padding:calc(7 * var(--ymvw)) calc(9 * var(--ymvw));

     background: rgba(79, 79, 79, 0.3);
}

.v30-essential-media-9 .smart-left-container  .smart-item{
  font-family:var(--misanslatin-semibold);
  font-weight: 520;
  font-size: calc(10 * var(--ymvw));
  line-height: 1.2;
  color:#ffffff;
  margin-bottom:calc(7 * var(--ymvw));
}

.v30-essential-media-9 .smart-left-container .level-bar{
width: calc(46.59 * var(--ymvw));
height:calc(5.22 * var(--ymvw));
border-radius:calc(10 * var(--ymvw));
background: rgba(120, 201, 249, 1);
margin-top:calc(6 * var(--ymvw));
margin-bottom:calc(2 * var(--ymvw));
}

.v30-essential-media-9 .smart-left-container .smart-item:nth-child(2) .level-bar{
width: calc(77.9 * var(--ymvw));

}
.v30-essential-media-9 .smart-left-container .smart-item:nth-child(3) .level-bar{
width: calc(112.94 * var(--ymvw));

}

.v30-essential-media-9 .smart-left-container .smart-item img{
width: calc(6.7 * var(--ymvw));
height:calc(10.82 * var(--ymvw));
aspect-ratio:14.71/23.75;
margin-right:calc(3.73 * var(--ymvw));
}

.v30-essential-media-9 .smart-left-container .smart-text{
  font-family:var(--misanslatin-regular);
  font-weight: 250;
  font-size: calc(7 * var(--ymvw));
  line-height: 1.2;
  color: rgba(255, 255, 255, 1);
  width:100%;
  /* text-align:right; */
  display:flex;
  flex-direction:column;
  align-items:end;

}

.v30-essential-media-9 .smart-left-container .smart-text .text-item{
  width:55%;
}
/* .v30-essential-media-9 .smart-left-container .bg-text-wrapper-inner {
  height:100%;
} */

.v30-essential-media-9 .smart-left-container .smart-text img{
  width: calc(3.83 * var(--ymvw));
  height:auto;
  aspect-ratio:14.71/23.75;
  margin-right:calc(7.11 * var(--ymvw));

}

.v30-essential-media-9 .smart-left-container .smart-text .text-item:nth-child(2) img{
  width: calc(3.73 * var(--ymvw));
  height:calc(3.35 * var(--ymvw));;
  aspect-ratio:8.18/7.36;
  margin-right:calc(7.11 * var(--ymvw));
}



.v30-essential-media-9 .smart-right-container{
display:flex;
flex-wrap:wrap;
  width:calc(166 * var(--ymvw));

     box-sizing:border-box;
      border-radius:calc(10 * var(--ymvw));
     /* padding:calc(10.4 * var(--ymvw)) calc(10.07 * var(--ymvw)); */

     background: rgba(79, 79, 79, 0.3);

}

.v30-essential-media-9 .smart-right-container .bottom-item{
  width:50%;
  display:flex;
  justify-content:center;
  align-items:center;

  flex-direction:column;
  text-align:center;

  color: rgba(255, 255, 255, 1);

  font-family: var(--misanslatin-semibold);
  font-weight: 520;

  font-size: calc(9 * var(--ymvw));

  line-height: 1.2;

}

.v30-essential-media-9 .smart-right-container img{
  width:calc(45 * var(--ymvw));
  height:calc(45* * var(--ymvw));

  aspect-ratio:74/74;
  margin-bottom:calc(3.65 * var(--ymvw));
}

.z30-aqua-pro-media-1 .mb-prolonged-container {
width:100%;

gap:calc(6 * var(--ymvw));
display:flex;
flex-wrap:wrap;
margin-top:calc(20 * var(--ymvw));


}

.z30-aqua-pro-media-1 .mb-prolonged-container span {
width:calc(106 * var(--ymvw));
/* height:calc(78 * var(--ymvw)); */
border-radius:calc(10 * var(--ymvw));
background:  rgba(51, 51, 51, 0.8);
font-family: var(--misanslatin-semibold);
font-weight: 520;
font-size: calc(12 * var(--ymvw));
line-height: 1.2;

color: rgba(239, 239, 239, 1);
padding:calc(11 * var(--ymvw)) calc(4.5 * var(--ymvw));

display:flex;
align-items:center;
justify-content:center;

}

.z30-aqua-pro-media .addition-16 {
    width:100% !important;
    margin-left: auto;
    margin-right: auto;
    padding-top:calc(20 * var(--ymvw)) !important;
    padding-bottom:calc(0 * var(--ymvw)) !important;
    font-family: var(--misanslatin-bold);
    font-weight: 630;
    font-size: calc(28 * var(--ymvw)) !important;
    line-height: 1.2;
    text-align: left;
}

.z30-aqua-pro-media-2 .hero__text-content .cleandeeper-text1  {
font-family:var(--misanslatin-semibold);
font-weight: 520;

font-size:calc(14 * var(--ymvw));

line-height: 1;

position:absolute;
bottom:calc(146 * var(--ymvw)) ;
left:calc(31 * var(--ymvw)) ;
color: rgba(239, 239, 239, 1);
text-align:center;
}

.z30-aqua-pro-media-2 .hero__text-content .cleandeeper-text1  span{
font-size:calc(10 * var(--ymvw)) ;

}

.z30-aqua-pro-media-2 .hero__text-content .cleandeeper-text2  {
font-family:var(--misanslatin-bold);
font-weight: 630;

font-size:calc(20 * var(--ymvw));

line-height: 0.6;

position:absolute;
bottom:calc(188 * var(--ymvw)) ;
left:calc(167 * var(--ymvw)) ;
color: rgba(239, 239, 239, 1);
text-align:center;
}

.z30-aqua-pro-media-2 .hero__text-content .cleandeeper-text2  span{
  font-weight: 380;
font-size:calc(10 * var(--ymvw)) ;

}

.z30-aqua-pro-media .addition-17 {
    color: rgba(255, 255, 255, 1);
    font-family:var(--misanslatin-bold);
font-weight: 630;

font-size: calc(24 * var(--ymvw)) ;


line-height: 1.2;

text-align: center;


}

.common-section-container.v30-essential-media-7{
padding-bottom:calc(0 * var(--ymvw)) !important;
}

.z30-aqua-pro-media .addition-18 {
  font-family: var(--misanslatin-medium) !important;
    width:100%;

    /* padding-top:calc(106 * var(--ymvw)) !important; */
    padding-bottom:calc(0 * var(--ymvw)) !important;
    font-weight:380;
    font-size:calc(14 * var(--ymvw)) !important;

text-align:left;
    color:rgba(252, 252, 252, 0.8);

}

.z30-aqua-pro-media .mb-auto-text{
width:100%;
font-family:var(--misanslatin-semibold);
font-weight: 520;
font-size:calc(16 * var(--ymvw));
line-height: 1.2;
text-align: center;

margin:calc(12 * var(--ymvw)) 0;

margin-top:calc(20 * var(--ymvw));
} 

.v30-essential-media-8 .hero__text-content .auto-and-storage-text span:nth-child(2){
  position:absolute;
    font-size: calc(16 * var(--ymvw)) !important;
  left:calc(-13 * var(--ymvw)) !important;
  bottom: calc(87 * var(--ymvw)) !important;
  width:max-content;

}


.main-content  .common-section-container.v30-essential-media-8{

  padding-bottom:calc(88 * var(--ymvw)) !important;
}

.v30-essential-swiper1 .image-element__wrap{
background:none !important;
}

.image-element__wrap{
background:none !important;
}

.z30-aqua-pro-media-1 .common-pc--hide .image-element__wrap{
/* margin:0 20px;
border-radius:16px; */
}

}



.main-content .common-section-container.v30-essential-product-items{
background:#fff !important;
}

.v30-essential-media-8 .title.common-title{

margin-top:calc(40 * var(--ymvw)) !important;


}

.v30-essential-common-product-item.new-product-item .v30-product-common-title{
  margin-top: calc(60 * var(--ymvw)) ;
font-family: var(--misans-semibold);
font-weight: 600;
font-size: calc(32 * var(--ymvw))  !important;
line-height: 1.2;
}

body[data-name=z30-aquacycle-pro] .multi-scene .mobile-prefix-container{
display:none;
}
body[data-name=z30-aquacycle-pro] .multi-scene .current-text-container{
background:none !important;
color: rgba(26, 26, 26, 1);

}

body[data-name=z30-aquacycle-pro] .multi-scene {

  /* align-items:start !important; */
  padding:0  calc(20 * var(--ymvw)) 


}
}


}



.v30-essential-swiper-box  .common-title{
/* color:red !important; */
}



.z30-aqua-pro-swiper2 .swiper-slide .image-element__wrap{
border-radius:calc(16 * var(--ymvw)) !important;
}

.v30-essential-image-text .image-element__wrap{
  border-radius:calc(10 * var(--ymvw)) !important;
}

.v30-essential-image-text .common-iwt-content-item+.common-iwt-content-item{
  padding-top:calc(260 * var(--ymvw)) !important;


} 








.z30-aqua-pro-custom-text .vp-box{
max-width:calc(1200 * var(--px)) !important;

}



/* 大屏 */
@media (min-width: 851px) {
    .remark-box .disclaimers-container p {
    margin: 0;
  
    color:  rgba(0, 0, 0, 0.6);


    font-size: calc(14 * var(--ymvw));
    font-style: normal;
    font-weight: 400;
    line-height: 1.4;

    font-family:var(--misanslatin-regular);
font-weight: 330;







line-height:calc(24 * var(--ymvw));
letter-spacing: 0px;






}

#shopify-section-template--19729806032959__html_content_tTT6HU{
 background: rgba(248, 248, 248, 1) !important;

}

    .z30-aqua-pro-custom-text .ss26-title{
         font-size: calc(50 * var(--px)) !important;

}

.z30-ac-pro-banner .common-banner-title,.z30-ac-pro-banner .common-subtitle {
	color: #FFF;
    font-family: var(--misanslatin-bold);
    font-weight:630;
      line-height: 1.2;
    
}

.z30-ac-pro-banner .custom_html_box{

font-family: var(--misanslatin-regular);
	color: #FFF;
    font-size: calc(20 * var(--px)) !important;
      font-weight:330;
      line-height: 1.4;
      margin-bottom:   calc(80 * var(--px)) !important;
}

.z30-ac-pro-banner .common-banner-title{
font-size: calc(48 * var(--px)) !important;
margin-bottom:0 !important;

}

.z30-ac-pro-banner .common-subtitle {
	font-size: calc(32 * var(--px)) !important;


}

.z30-ac-pro-banner .product-media-iframe-video-btn .play-btn {


    font-family: var(--misanslatin-medium);
font-weight: 380;
	font-size: calc(14 * var(--px)) !important;

line-height: 1.2;


}

	.z30-ac-pro-banner .bg-text-wrapper-inner {
		margin-top:calc(200 * var(--px)) !important;
	}

}

/* 手机 */
@media (max-width: 850px) {

    .remark-box .disclaimers-container{
    
     padding:  calc(120 * var(--px)) 0px;
    }

    .remark-box .disclaimers-container .last-html-title{
    
    font-family: var(--misanslatin-semibold);
font-weight: 520;

font-size: calc(24 * var(--px));

line-height: 120%;
letter-spacing: 0px;

    margin-bottom:calc(24 * var(--px));
color: rgba(235, 235, 235, 1);

    }
    .remark-box .disclaimers-container p {
    margin-bottom:calc(24 * var(--px));
  



    color: rgba(235, 235, 235, 0.6);


    font-size: calc(12 * var(--px));
    font-style: normal;
    font-weight: 330;
    line-height: 1.4;

    font-family:var(--misanslatin-regular);
font-weight: 330;









}
        .z30-aqua-pro-custom-text .ss26-title{
         font-size: calc(24 * var(--px)) !important;

}
.z30-ac-pro-banner .common-banner-title,.z30-ac-pro-banner .common-subtitle {
	color: #FFF;
    font-family: var(--misans-semibold);
    font-weight:600;
      line-height: 1.55;
    
}

.z30-ac-pro-banner .custom_html_box{

font-family: var(--misans-regular);
	color: #FFF;
    font-size: calc(20 * var(--px)) !important;
     
      line-height: 1.2;
      margin-bottom:   calc(0 * var(--px)) !important;





}

.z30-ac-pro-banner .common-banner-title{
font-size: calc(20 * var(--px)) !important;
margin-bottom:0 !important;

}

.z30-ac-pro-banner .common-subtitle {
	font-size: calc(15 * var(--px)) !important;


}

.z30-ac-pro-banner .product-media-iframe-video-btn .play-btn {


    font-family: var(--misans-medium);
font-weight: 380;
	font-size: calc(14 * var(--px)) !important;

line-height: 1.2;



}

	.z30-ac-pro-banner .bg-text-wrapper-inner {
		margin-top:calc(20 * var(--px)) !important;
	}
}




/* end */
/* 
.z30-aqua-cycle-pro-common-section-container .common-wrapper{

width:calc(1200 * var(--px)) !important;
} */
@media only screen and (min-width: 1200px){

 .main-content .z30-aqua-cycle-pro-common-section-container .common-wrapper{

width:calc(1200 * var(--px)) !important;
}
}

.z30-aqua-pro-section-width {
  /* max-width: none; */
  padding: 0;
}

/* ===== 依赖的 CSS 变量（若页面 :root 已定义可省略） ===== */
:root {
  --color-1: #eaae66;
}

/* ===== 通用宽度 ===== */
.commom-width {
  max-width: calc(1200 * var(--px)) ;

  margin: auto;
}

/* ===== brush 对比滑动组件 ===== */
.brush-comparison-slider {
  position: relative;
  overflow: hidden;
  padding-bottom: clamp(30px, 5.208vw, 100px);
}

.brush-comparison-slider__wrapper {
  display: flex;
  gap: clamp(16px, 2.286vw, 32px);
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.brush-comparison-slider__wrapper::-webkit-scrollbar {
  display: none;
}

.brush-card {
  /* flex: 0 0 calc(100% - 16px); */
  scroll-snap-align: start;
  min-width: 0;
}

.brush-card__media {
  overflow: hidden;
  margin-bottom: clamp(10px, 2.143vw, 30px);
}

.brush-card__media img {
  width: 100%;
  height:auto ;

  border-radius:calc(10 * var(--px)) ;
}

.brush-card__title {
  font-size: clamp(18px, 2.857vw, 40px);
  font-weight: 600;

  margin: 0 0 10px 0;

  font-family: var(--misanslatin-semibold);
font-weight: 520;

font-size:calc(32 * var(--px)) ;

line-height: 120%;


background: linear-gradient(90deg, #CCBEB3 0%, #675141 100%) !important;
   
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;

    display: inline-block;


}

.brush-card__description {
  font-size: clamp(16px, 1.286vw, 18px);
  color: #000000cc;
  line-height: 1.3;
  margin: 0;
}

.slider-nav {
  display: none;
  gap: 8px;
  margin-top: 40px;
}

.slider-nav__btn {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid #eee;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #333;
  transition: background 0.2s;
  padding: 0;
}

.slider-nav__btn:hover {
  background: rgba(255, 255, 255, 1);
}

.slider-nav__btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* ===== 响应式 ===== */
@media (min-width: 850px) {
  .brush-card {
    /* flex: 0 0 calc(50% - 8px); */
    flex:1;
  }





}

@media (max-width: 850px) {
  .commom-width {
    padding: 0 20px;
  }

  .brush-comparison-slider__wrapper {
    gap:calc(8 * var(--px)) ;
  }

  .brush-card {
    flex: 1;
  }

  .slider-nav {
    display: flex;
  }

  
  .brush-card__media img{

width:100%;
height:calc(185 * var(--px)) ;
aspect-ratio:170/185;

}

  
.brush-card__title {

  font-weight: 520;

 

  font-family: var(--misanslatin-semibold);
font-weight: 520;

font-size:calc(12 * var(--px)) ;

line-height: 120%;


background: linear-gradient(90deg, #CCBEB3 0%, #675141 100%) !important;
   
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;

    display: inline-block;
    text-align:center;
    width:100%;


}
}

@media (max-width: 500px) {
  .commom-width {
    padding: 0 20px;
  }
}

body[data-name=z30-aquacycle-pro] > .shopify-section.html-section:has(+ #shopify-section-footer) > .section.remark-box.is-width-wide {
  max-width: calc(1200 * var(--px))  !important;
  width: 100%;
}
body[data-name=z30-aquacycle-pro] > .shopify-section.html-section:has(+ #shopify-section-footer) > .section.remark-box.is-width-wide .common-wrapper {
  max-width: calc(1200 * var(--px))  !important;
    width: 100%  !important;
 
}

.z30-aqua-cycle-pro .new-common-product-item .right-box .cell{

grid-template-columns:repeat(4,1fr) !important;
}

.new-common-product-item.z30-pro .right-box .cell{

grid-template-columns:repeat(4,1fr) !important;
}

@media only screen and (min-width: 1200px){
body[data-name=z30-aquacycle-pro] .common-wrapper{
width: calc(1200 * var(--px))  !important;

}

body[data-name=z30-aquacycle-pro] .z30-aqua-pro-swiper2 .common-wrapper{
width: 71.5vw  !important;

}

}


body[data-name=z30-aquacycle-pro] > .shopify-section.html-section:has(+ #shopify-section-footer) {
  background: rgba(248, 248, 248, 1) !important;
}

body[data-name=z30-aquacycle-pro] > .shopify-section.html-section:last-child {
  background: rgba(248, 248, 248, 1) !important;
}




.z30-swiper2-mob-title .ss26-title{

font-family: var(--misanslatin-semibold) !important;
font-weight: 520 !important;

font-size: calc(24 * var(--px))  !important;

line-height: 120% !important;
letter-spacing: 0px !important;

  text-align:left !important;



}

.z30-aqua-swiper-2-mob .new-swiper-bg_bottom_bottom .new-item_common-product-swiper-container .item_featured-item.active{
    justify-content:center;

border-color: rgba(158, 137, 114, 1) !important;

}

 .z30-aqua-swiper-2-mob .new-swiper-bg_bottom_bottom .new-item_common-product-swiper-container .item_featured-item.active .common-subtitle * {
    color:rgba(158, 137, 114, 1) !important;
  }


   .z30-aqua-swiper-2-mob .new-swiper-bg_bottom_bottom .new-item_common-product-swiper-container .item_featured-item .common-subtitle .big{

font-family:var(--misanslatin-semibold);
font-weight: 520;

font-size: calc(16 * var(--px))  !important;


line-height: 120%  !important;
letter-spacing: 0px  !important;
/* display:inline-block  !important;
width:100%  !important;
text-align: center  !important; */

}

   .z30-aqua-swiper-2-mob .common-subtitle{

font-family:var(--misanslatin-medium);
font-weight: 380  !important;

font-size:calc(16 * var(--px))  !important;

line-height: 130%  !important;
letter-spacing: 0px  !important;
text-align:left  !important;

}


/* 大屏 */
@media (min-width: 851px) {
.z30-hands-free-title .ss26-title{
font-family: var(--misanslatin-bold)  !important;
font-weight: 630  !important;
font-size:calc(44 * var(--px))  !important;
line-height:120%!important;
text-align: center;

}
.z30-hands-free-title .ss26-desc{
font-family: var(--misanslatin-medium)  !important;
font-weight: 380  !important;
font-size:calc(18 * var(--px))  !important;
line-height:140% !important;
text-align: center;
}

}

/* 手机 */
@media (max-width: 850px) {
    .z30-hands-free-title .ss26-title{
font-family: var(--misanslatin-bold)  !important;
font-weight: 520  !important;
font-size:calc(24 * var(--px))  !important;
line-height:120%!important;
text-align: left  !important;

}
.z30-hands-free-title .ss26-desc{
font-family: var(--misanslatin-medium)  !important;
font-weight: 380  !important;
font-size:calc(14 * var(--px))  !important;
line-height:130% !important;
text-align: left !important;
margin-top:calc(32 * var(--px))  !important;
margin-bottom:calc(32 * var(--px))  !important;
opacity:0.8 !important;

}

}

@media screen and (min-width: 591px){
.section.z30-hands-free-content{
padding:0px  !important;

}
.section.z30-carpet-box{
padding:0px  !important;

}
.section.z30-tools-box{
padding:0px  !important;

}
.section.z30-aqua-pro-section-width{
padding:0px  !important;

}
}

.section.z30-hands-free-content{


max-width:calc(1200 * var(--px))  !important;
padding:0  !important;
}
.section.z30-carpet-box{


max-width:calc(1200 * var(--px))  !important;
padding:0  !important;
}
.section.z30-tools-box{


max-width:calc(1200 * var(--px))  !important;
padding:0  !important;
}

.section.z30-aqua-pro-section-width{
max-width:calc(1200 * var(--px))  !important;
padding:0  !important;
}

/* 大屏 */
@media (min-width: 851px) {

.z30-hands-free-content .hands-free-container{
    margin-bottom:calc(75 * var(--px))  !important;

display:flex;
width:100%;


gap:calc(32 * var(--px))  !important;
}

.z30-hands-free-content  .hands-left-box{

  position:relative;

flex:1;

display:flex;
flex-direction:column;
gap:calc(32 * var(--px))  !important;
}

.z30-hands-free-content  .hands-left-box img{


border-radius:calc(4 * var(--px))  !important;
}

.z30-hands-free-content  .hands-right-box{
flex:1;
}


.z30-hands-free-content .hands-pc-video {
  width:calc(584 * var(--px)) ;
  height:calc(690 * var(--px)) ;

  object-fit: cover;
  display: block;
}

}

/* 手机 */
@media (max-width: 850px) {

.z30-hands-free-content .hands-free-mob-container{
    margin-bottom:calc(75 * var(--px))  !important;


width:100%;


padding:0px calc(24 * var(--px)) !important;
}

.z30-hands-free-content .hands-mob-video {
  width:calc(342 * var(--px)) ;

  height:calc(280 * var(--px)) ;
border-radius:calc(16 * var(--px)) ;
  object-fit: cover;
  display: block;
  
}

.z30-hands-free-content .hands-top-box{

margin-bottom:calc(16 * var(--px)) ;
}

.z30-hands-free-content .hands-bottom-box{

display:flex;
gap:calc(8 * var(--px)) ;

}

.z30-hands-free-content .hands-bottom-box img{

flex:1;
width:calc(170 * var(--px)) ;


border-radius:calc(16 * var(--px)) ;

}


}

.z30-tangle-cut-box .common-title{

font-family: var(--misanslatin-bold) !important;
font-weight: 630 !important;

font-size:calc(44 * var(--px))  !important;

line-height: 120% !important;


 
-webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;

  background: linear-gradient(90deg, #CCBEB3 67.06%, #675141 181.87%) !important;


  


}

/* 大屏 */
@media (min-width: 851px) {


    .z30-carpet-box .z30-carpet-contain{
    
    width:100%;

    display:flex;
gap:calc(32 * var(--px)) ;


    }

    .z30-carpet-left-box{
    flex:1;
    position:relative;
    }
      .z30-carpet-left-box img{
  width:100%;
    }
         .z30-carpet-right-box img{
  width:100%;
    }

    .z30-carpet-left-box span{
    position:absolute;

        font-family: var(--misans-semibold);
font-weight: 600;

font-size:calc(32 * var(--px)) ;
top:calc(17 * var(--px)) ;
color:#fff;
    }
      .z30-carpet-left-box .first-left{

        left:calc(29 * var(--px)) ;

    }
      .z30-carpet-left-box .second-right{

        left:calc(336 * var(--px)) ;

    }
    .z30-carpet-right-box{
    flex:1;
    }

    .z30-carpet-text{

        margin-top:calc(32 * var(--px)) ;
    
    font-family:var(--misanslatin-semibold);
font-weight: 520;

font-size: calc(32 * var(--px)) ;

line-height: 120%;
letter-spacing: 0px;





  background: linear-gradient(90deg, #CCBEB3 0%, #675141 162.13%);


  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  margin-bottom:calc(32 * var(--px))  !important;

    }

}

    .z30-carpet-box .z30-carpet-mob-contain{
    
    width:100%;


padding:0px calc(24 * var(--px));

box-sizing:border-box;

position:relative;





    }

    .z30-carpet-box .z30-carpet-mob-contain span{
    
    position:absolute;
    font-family: var(--misans-semibold);
    font-weight: 600;
    font-size:calc(16 * var(--px));
    line-height: 100%;
    color:#fff;
    top:calc(31 * var(--px));

    }

    .z30-carpet-box .z30-carpet-mob-contain .first-left-mob{
    left:calc(33 * var(--px));
    }
    .z30-carpet-box .z30-carpet-mob-contain .second-right-mob{
    
    left:calc(230 * var(--px));
    }

    .z30-carpet-mob-contain img{
    border-radius:calc(10 * var(--px));
    width:100%;
    }

 

.z30-carpet-mob-text{

font-family:var(--misanslatin-semibold);
font-weight: 520;

font-size:calc(10 * var(--px));

line-height: 120%;
letter-spacing: 0px;
text-align: center;

margin:calc(12 * var(--px)) 0px;


  background: linear-gradient(90deg, #CCBEB3 67.06%, #675141 181.87%) !important;


  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;


  text-align:left;

}








.z30-custom-swiper-block .top-html{

font-family:var(--misanslatin-bold) !important;
font-weight: 630 !important;

font-size:calc(44 * var(--px)) !important;

line-height: 120% !important;
letter-spacing: 0px !important;
text-align: center !important;

color:#fff;
}


.z30-custom-swiper-block .top-html .top-bottom-text{


font-family: var(--misanslatin-medium) !important;
font-weight: 380 !important;

font-size: calc(18 * var(--px)) !important;

margin-bottom:calc(40 * var(--px)) !important;
margin-top:calc(32 * var(--px)) !important;

line-height: 140% !important;
letter-spacing: 0px !important;
text-align: center !important;

color:rgba(235, 237, 240, 1) !important;


}

.z30-custom-swiper-block .image-element__wrap img{

border-radius:calc(8 * var(--px)) !important;
border-radius:calc(8 * var(--px)) !important;
border-top: 2px solid rgba(255, 255, 255, 0.2) ;
border-left: 1px solid rgba(255, 255, 255, 0.2) ;
border-bottom: 2px solid rgba(255, 255, 255, 0.2) ;
border-right: 1px solid rgba(255, 255, 255, 0.2) ;

}


.z30-ac-pro-swiper1 .new-swiper-bg_bottom_bottom .new-item_common-product-swiper-container .item_featured-item{

align-items:baseline !important;
width:33% !important;
justify-content:center !important;
padding-bottom:0px !important;

}

.z30-ac-pro-swiper1 .new-swiper-bg_bottom_bottom .new-item_common-product-swiper-container .item_featured-item.active .common-subtitle *{

color:rgba(158, 137, 114, 1) !important;

}

.z30-ac-pro-swiper1 .new-swiper-bg_bottom_bottom .new-item_common-product-swiper-container .item_featured-item.active{

border-color:rgba(158, 137, 114, 1) !important;
color:rgba(158, 137, 114, 1) !important;
}
.z30-ac-pro-swiper1 .new-swiper-bg_bottom_bottom .new-item_common-product-swiper-container .item_featured-item.active .pfi-inner .common-subtitle{


color:rgba(158, 137, 114, 1) !important;
}
.z30-ac-pro-swiper1 .pfi-inner .common-subtitle{

font-family: var(--misanslatin-semibold) !important;
font-weight: 520 !important;

font-size: calc(16 * var(--px)) !important;



}

.swiper-cus-content{

position:absolute;
top: calc(200 * var(--px)) !important;
/* left: calc(10 * var(--px)) !important; */
/* background:red; */
width:100%;
display:flex;
justify-content:center;
gap: calc(30 * var(--px)) !important;
}

.swiper-cus-content.black{
top: calc(188 * var(--px)) !important;
gap: calc(113 * var(--px)) !important;
}

.swiper-last{
position:absolute;
top: calc(200 * var(--px));
left: calc(30 * var(--px));

font-family: var(--misanslatin-medium);
font-weight: 380;

font-size:  calc(30 * var(--px));
color: rgba(255, 255, 255, 1);

line-height: 100%;
letter-spacing: 0px;
text-align:center;

}


.swiper-last.light{
top: calc(315 * var(--px)) !important;
left: calc(378 * var(--px)) !important;
}
.swiper-last.medium{
top: calc(271 * var(--px)) !important;
left: calc(592 * var(--px)) !important;
}
.swiper-last.heavy{
top: calc(232 * var(--px)) !important;
left: calc(754 * var(--px)) !important;
}


.swiper-ex-left-box div,.swiper-ex-right-box div{

font-size: calc(26 * var(--px)) ;
line-height: 120%;
font-family: var(--misanslatin-bold);
font-weight: 630;
letter-spacing: 0px;
text-align: center;

background: linear-gradient(90deg, #CCBEB3 0%, #675141 162.13%) ;
  -webkit-background-clip: text;
  background-clip: text ;
  color: transparent;

}
.swiper-ex-left-box.black div,.swiper-ex-right-box.black div{



color: rgba(0, 0, 0, 1);


}

.ex-left-top span{
    font-family:var(--misanslatin-regular);
font-weight: 330;
font-size: calc(17 * var(--px)) ;
}



.ex-left-bottom{
    font-family:var(--misanslatin-regular)  !important;
font-weight: 330 !important;
font-size: calc(24 * var(--px))  !important;

color:rgba(235, 237, 240, 0.8) !important;


}

.ex-left-bottom.black{


color: rgba(0, 0, 0, 0.8) !important;

}

.swiper-media-mob-add-10{

width:100%;
display:flex;


  margin-top:calc(16 * var(--px)) ;
 margin-bottom:calc(15 * var(--px)) ;
 gap:calc(26 * var(--px)) ;

}

.add-10-top{

font-family: var(--misanslatin-semibold);
font-weight: 520;

font-size:  calc(13 * var(--px)) ;

line-height: 120%;
letter-spacing: 0px;


 
  background: linear-gradient(90deg, #CCBEB3 0%, #675141 100%);



  -webkit-background-clip: text ;
  background-clip: text;
  color: transparent ;

 margin-bottom:calc(4 * var(--px)) ;

}

.add-10-bottom{

font-family: var(--misanslatin-regular);
font-weight: 305;
font-style: Normal;
font-size: calc(10 * var(--px)) ;

line-height: 120%;
color: rgba(239, 239, 239, 1);


}

.z30-ac-pro-media-five .more-point-container{

margin-top:calc(0 * var(--px))  !important;
}

.z30-ac-pro-media-five .point-first{

font-family: var(--misanslatin-semibold) !important;
font-weight: 520;
font-size: calc(13 * var(--px)) !important;
line-height: 120% !important;
letter-spacing: 0px !important;


background: linear-gradient(90deg, #CCBEB3 0%, #675141 100%) !important;


  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
margin-bottom:calc(4 * var(--px)) !important;

}
.z30-ac-pro-media-five .point-last{

font-family: var(--misanslatin-regular)  !important;
font-weight: 305;

font-size: calc(10 * var(--px)) !important;

line-height: 120%  !important;
letter-spacing: 0px !important;
color: rgba(239, 239, 239, 1) !important;



}



@media (max-width: 851px) {
  html body .z30-ac-pro-media-five .five-layer-item:first-of-type {
 left: calc(42 * var(--px)) !important;
     top: calc(389 * var(--px)) !important;

   
  }
    html body .z30-ac-pro-media-five .five-layer-item:nth-child(2) {


     left: calc(42 * var(--px)) !important;
     top: calc(309 * var(--px)) !important;
  }
    html body .z30-ac-pro-media-five .five-layer-item:nth-child(3) {
    left: calc(42 * var(--px)) !important;
      top: calc(223 * var(--px)) !important;
  }
    html body .z30-ac-pro-media-five .five-layer-item:nth-child(4) {
    left: calc(42 * var(--px)) !important;
    top: calc(138 * var(--px)) !important;
  }
    html body .z30-ac-pro-media-five .five-layer-item:nth-child(5) {
    left: calc(42 * var(--px)) !important;
     top: calc(71 * var(--px)) !important;
  }
}

.z30-tools-title-pc{

  font-family:var(--misanslatin-bold);
font-weight: 630;

font-size:calc(44 * var(--px)) !important;

line-height: 120%;
letter-spacing: 0px;
text-align: center;
text-transform: capitalize;
color:#fff;




}

.z30-tools-title-img img{
  margin-top:calc(88 * var(--px)) ;
  margin-bottom:calc(23 * var(--px)) ;
  border-radius:calc(10 * var(--px)) ;
  width:100%;

}
.z30-tools-title-img.no-bottom img{
  margin-top:calc(0 * var(--px)) ;

}

.z30-tools-subtitle-pc{

  font-family:var(--misanslatin-medium);
font-weight: 380;

font-size: calc(18 * var(--px)) !important;

line-height: 140%;

text-align: center;

  margin-top:calc(32 * var(--px)) !important;
  margin-bottom:calc(75 * var(--px)) !important;

color:#fff;

}
.z30-tools-subtitle-pc.no-bottom{


  margin-bottom:calc(53 * var(--px)) !important;



}

.z30-tools-bottom-box{
width:100%;
display:flex;
justify-content:space-between;
gap:calc(32 * var(--px));

}

.z30-tools-bottom-box.has-bottom{
margin-bottom:calc(173 * var(--px));

}

.z30-tool-img-text{

flex:1;
}
.z30-tool-img-text img{
width:100%;
border-radius:calc(4 * var(--px));
}
.z30-tools-bottom-text-1{
font-family:var(--misanslatin-semibold);
font-weight: 520;

font-size: calc(32 * var(--px));

line-height: 120%;
letter-spacing: 0px;
color:#fff;

  margin-top:calc(32 * var(--px)) !important;
  margin-bottom:calc(32 * var(--px)) !important;
}

.z30-tools-bottom-text-2{
font-family: var(--misanslatin-medium);
font-weight: 380;

font-size: calc(18 * var(--px));

line-height: 140%;
letter-spacing: 0px;

color:rgba(235, 237, 240, 1);


}
.z30-tools-contain.have-top{
margin-top:calc(180 * var(--px));
}

/* ===== 基础样式 ===== */

.z30-aquacycle-pro-swiper8 {
  overflow: hidden;
}

.z30-aquacycle-pro-swiper8 .featured-box {
  position: relative;
}

.z30-aquacycle-pro-swiper8 .featured-box .button-content {
  position: absolute;
  bottom: calc(2.5vw + 100% + 36px);
  right: 0;
}

.z30-aquacycle-pro-swiper8 .featured-box .button-content .swiper-button {
  border: 0;
}

.z30-aquacycle-pro-swiper8 .featured-box .button-content .swiper-button.swiper-button-prev {
  transform: none;
}

.z30-aquacycle-pro-swiper8 .featured-box .button-content .swiper-button.swiper-button-next {
  transform: rotate(180deg);
}

.z30-aquacycle-pro-swiper8 .common-header {
  margin-bottom: clamp(32px, 2.1vw, 40px);
}

/* 标题（与多个组件共享选择器） */
.z30-aquacycle-pro-swiper8 .common-header div .common-title {
  margin-bottom: clamp(16px, 1.8vw, 32px);
  font-size: clamp(28px, 2.3vw, 44px) !important;
  color: rgba(255, 255, 255, 0.96);
  line-height: 1.2 !important;
  width: 80%;
  text-align: left !important;
}

/* 副标题（与多个组件共享选择器） */
.z30-aquacycle-pro-swiper8 .common-header div .common-subtitle {
  font-size: clamp(14px, 1vw, 18px) !important;
  color: rgba(250, 250, 250, 0.80);
  line-height: 1.3;
  width: 80%;
  text-align: left !important;
}

.z30-aquacycle-pro-swiper8 .swiper-container {
  overflow: visible;
}

.z30-aquacycle-pro-swiper8 .swiper-slide {
  padding-right: 20px;
}

.z30-aquacycle-pro-swiper8 .swiper-slide .content .common-title {
  margin: 20px 0 8px;
  font-size: clamp(16px, 1.8vw, 32px) !important;
  color: #D6D6D6;
}

.z30-aquacycle-pro-swiper8 .swiper-slide .content .common-subtitle {
  font-size: clamp(14px, 1vw, 16px) !important;

  line-height: 1.3;

  font-family: var(--misanslatin-semibold) !important;
font-weight: 520 !important;

font-size: calc(20 * var(--px)) !important;
color: rgba(0, 0, 0, 0.5);
margin-top:calc(20 * var(--px));


}


/* ===== PC 端：隐藏页码 ===== */
@media only screen and (min-width: 851px) {
  .z30-aquacycle-pro-swiper8 .page-count {
    display: none;
  }
}


/* ===== 最大 1200px ===== */
@media only screen and (max-width: 1200px) {
  .z30-aquacycle-pro-swiper8 .swiper-slide {
    padding-right: 0;
  }
}


/* ===== 移动端：max-width 850px ===== */
@media only screen and (max-width: 850px) {
  .z30-aquacycle-pro-swiper8 .image-element__wrap img {
    border-radius: 0;
  }

  /* 底部按钮 + 页码区域 */
  .z30-aquacycle-pro-swiper8 .featured-box .bottom-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 24px;
  }

  .z30-aquacycle-pro-swiper8 .featured-box .button-content {
    position: unset;
    display: flex;
    align-items: center;
    gap: 8px;
  }

  .z30-aquacycle-pro-swiper8 .featured-box .button-content .swiper-button {
    position: relative;
    top: 0;
    right: 0;
  }

  .z30-aquacycle-pro-swiper8 .featured-box .bottom-content .page-count {
    color: #848484;
    font-weight: 500;
  }

  .z30-aquacycle-pro-swiper8 .featured-box .bottom-content .current {
    color: #fff;
  }

  /* 幻灯片卡片 */
  .z30-aquacycle-pro-swiper8 .swiper-slide {
    height: calc(390 * var(--px));
    border-radius: calc(16 * var(--px));
    /* background: var(--BG-botton_hoveling, rgba(51, 51, 51, 0.80)); */
    /* overflow: hidden; */

    background: rgba(245, 245, 245, 1);

  }

  .z30-aquacycle-pro-swiper8 .swiper-slide .content {
    padding: 0 16px 20px;
  }

    .z30-aquacycle-pro-swiper8 .swiper-slide img{

         border-radius: calc(16 * var(--px)) calc(16 * var(--px)) 0px 0px;
    
    }

  /* 标题区域铺满 */
  .z30-aquacycle-pro-swiper8 .common-header div .common-title,
  .z30-aquacycle-pro-swiper8 .common-header div .common-subtitle {
    width: 100%;
margin-bottom: calc(90 * var(--px));

  font-family:var(--misanslatin-semibold);
font-weight: 520;

font-size:calc(24 * var(--px));



background: linear-gradient(90deg, #CCBEB3 0%, #675141 100%) !important;


  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;



  }

  /* 移动端副标题变色 */
  .z30-aquacycle-pro-swiper8 .swiper-slide .content .common-title {
    color: #9E8972;
  }

  /* 内容文本左对齐 */
  .z30-aquacycle-pro-swiper8 .content {
    text-align: left !important;
  }

  /* 组件底部内边距 */
  .z30-aquacycle-pro-swiper8 .common-section-container {
    padding-bottom: 80px;
  }
}

  .z30-aquacycle-pro-swiper8 .common-banner-title{
  

  position:absolute;
  top:calc(-59 * var(--px));
  left:0px;

  font-family: var(--misanslatin-bold) !important;
font-weight: 630 !important;

font-size:calc(20 * var(--px)) !important;

color: rgba(255, 255, 255, 0.96) !important;

  }

  /* ===== PC 基础样式 ===== */
.z30s-aquacycle-pro-swiper9 .featured-box {
  gap: 5%;
}

.z30s-aquacycle-pro-swiper9 .featured-box .common-title {
  margin-bottom: 0;
}

.z30s-aquacycle-pro-swiper9 .featured-box .common-title .big {



  line-height: 1.2  !important;

  font-family: var(--misanslatin-semibold)  !important;
font-weight: 520  !important;

font-size: calc(20 * var(--px)) !important;





background: linear-gradient(90deg, #CCBEB3 0%, #675141 100%) !important;


  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;

}

.z30s-aquacycle-pro-swiper9 .featured-box .common-subtitle {
  font-size: clamp(14px, 1vw, 16px) !important;

  line-height: 1.3;

  font-family: var(--misanslatin-medium) !important;
font-weight: 380 !important;

font-size:calc(14 * var(--px)) !important;
color: rgba(255, 255, 255, 0.8);


}

/* 导航箭头 */
.z30s-aquacycle-pro-swiper9 .new-swiper-navigation .featured-box .text-container .title_navigation > div:first-child:before {
  width: 36px;
  height: 36px;
  background: url(https://cdn.shopify.com/s/files/1/0584/7508/6033/files/l40s-pro-ultra-arrow.png?v=1744184931) center / contain no-repeat;
}

/* 图片容器 */
.z30s-aquacycle-pro-swiper9 .swiper-slide .image,
.z30s-aquacycle-pro-swiper9 .item .image {
  position: relative;
}

/* 浮动文字 */
.z30s-aquacycle-pro-swiper9 .swiper-slide .float-image-content,
.z30s-aquacycle-pro-swiper9 .item .float-image-content {
  position: absolute;
  top: 50%;
  left: 4%;
  bottom: unset;
  right: unset;
  transform: translateY(-50%);
  font-size: clamp(32px, 4vw, 60px);
  font-weight: 600;
  font-family: var(--misanslatin-semibold);
  color: #9C7D59;
}

.z30s-aquacycle-pro-swiper9 .swiper-slide .float-image-content span,
.z30s-aquacycle-pro-swiper9 .item .float-image-content span {
  font-size: 20px;
}


/* ===== 移动端：max-width: 850px ===== */
@media only screen and (max-width: 850px) {
  .z30s-aquacycle-pro-swiper9 .swiper-slide .float-image-content span,
  .z30s-aquacycle-pro-swiper9 .item .float-image-content span {
    font-size: 18px;
  }
}


/* ===== 组件背景 ===== */
.z30s-aquacycle-pro-swiper9 .common-section-container {
  background: #0F0F0F;
}


.z30-aqua-pro-media.no-top-padding .addition-12{


padding-top:0px !important;
}



/* 手机 */
@media (max-width: 850px) {
.new-common-product-item.z30-pro .right-box .cell{

grid-template-columns:repeat(2,1fr) !important
}


}


.z30-custom-swiper1 .new-common-product-swiper-section .image-element__wrap img
{

border-radius:0px !important;
}

.z30-tri-title{

position:absolute;
top:calc(72 * var(--px))  !important;
left:0px;
width:100%;
text-align:center;


font-family: var(--misanslatin-bold)  !important;
font-weight: 630  !important;

font-size: calc(44 * var(--px))  !important;

line-height: 120%;
letter-spacing: 0px;
text-align: center;
text-transform: capitalize;


background: linear-gradient(90deg, #CCBEB3 0%, #675141 100%) !important;

  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;



}
.z30-tri-subtitle{

position:absolute;
top:calc(157 * var(--px))  !important;
left:0px;
width:100%;
text-align:center;

font-family: var(--misanslatin-medium) !important;
font-weight: 380 !important;

font-size: calc(18 * var(--px))  !important;

line-height: 140%;
color:#fff;


}

.tri-position-1{
position:absolute;
left:calc(655 * var(--px))  !important;
top:calc(308 * var(--px))  !important;
}

.tri-position-1 div{

font-family: var(--misanslatin-bold);
font-weight: 630;

font-size: calc(26 * var(--px));

line-height: 120%;
letter-spacing: 0px;
text-align: right;

color: rgba(255, 255, 255, 1);


}

.tri-position-1 div:last-child{

font-family: VAR(--misanslatin-medium);
font-weight: 380;

font-size:  calc(17 * var(--px));

line-height: 120%;
letter-spacing: 0px;
text-align: right;


color: rgba(255, 255, 255, 0.8);


}

.tri-position-1.second{

left:calc(655 * var(--px))  !important;
top:calc(384 * var(--px))  !important;
}
.tri-position-1.third{

left:calc(1643 * var(--px))  !important;
top:calc(736 * var(--px))  !important;
}

.z30-tri-title-second{

position:absolute;
top:calc(72 * var(--px))  !important;
left:0px;
width:100%;
text-align:center;


font-family: var(--misanslatin-bold)  !important;
font-weight: 630  !important;

font-size: calc(44 * var(--px))  !important;

line-height: 120%;
letter-spacing: 0px;
text-align: center;
text-transform: capitalize;


color: rgba(0, 0, 0, 1);




}
.z30-tri-subtitle-second{

position:absolute;
top:calc(157 * var(--px))  !important;
left:0px;
width:100%;
text-align:center;

font-family: var(--misanslatin-medium) !important;
font-weight: 380 !important;

font-size: calc(18 * var(--px))  !important;

line-height: 140%;
color: rgba(0, 0, 0, 1);



}

.tri-position-2{
position:absolute;
left:calc(1624 * var(--px))  !important;
top:calc(571 * var(--px))  !important;
}

.tri-position-2 div{

font-family: var(--misanslatin-bold);
font-weight: 520;

font-size: calc(24 * var(--px));

line-height: 120%;
letter-spacing: 0px;
text-align: center;

color:#000;


}

.tri-position-2 div:last-child{

font-family: VAR(--misanslatin-medium);
font-weight: 380;

font-size:  calc(20 * var(--px));

line-height: 120%;
letter-spacing: 0px;
text-align: center;


color:#000;


}

.tri-position-2.second{

left:calc(1616 * var(--px))  !important;
top:calc(804 * var(--px))  !important;
}

.z30-tri-mob-title{

font-family: var(--misanslatin-semibold);
font-weight: 520;

font-size: calc(24 * var(--px));

line-height: 120%;
letter-spacing: 0px;



background: linear-gradient(90deg, #CCBEB3 0%, #675141 100%);

  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;

  margin-top: calc(60 * var(--px));
  text-align:left !important;


}

.z30-tri-mob-subtitle{



  font-family:var(--misanslatin-medium);
font-weight: 380;

font-size: calc(14 * var(--px));

line-height: 130%;
letter-spacing: 0px;
color: rgba(252, 252, 252, 0.8);
  text-align:left !important;
  margin-bottom:calc(16 * var(--px));
  margin-top:calc(16 * var(--px));

}

.z30-tri-mob-1{
position:absolute;
top:calc(221 * var(--px));
left:calc(33 * var(--px));
}

.z30-tri-mob-1 div{

font-family:var(--misanslatin-bold);
font-weight: 630;

font-size: calc(10 * var(--px));

line-height: 120%;
letter-spacing: 0px;
text-align: right;
color: rgba(255, 255, 255, 1);

}
.z30-tri-mob-1 div:last-child{

  font-family: var(--misanslatin-regular);
font-weight: 330;

font-size: calc(10 * var(--px));

text-align: right;

color: rgba(255, 255, 255, 0.8);
}

.z30-tri-mob-1.second{

top:calc(263 * var(--px));
left:calc(33 * var(--px));
}
.z30-tri-mob-1.third{

top:calc(417 * var(--px));
left:calc(265 * var(--px));

text-align: left;
}
.z30-tri-mob-1.third div{
text-align: left;
}

.z30-tri-mob-2{
position:absolute;
top:calc(314 * var(--px));
left:calc(234 * var(--px));
}

.z30-tri-mob-2 div{

font-family:var(--misanslatin-bold);
font-weight: 630;

font-size: calc(10 * var(--px));

line-height: 120%;
letter-spacing: 0px;
text-align: center;
color:#000;

}
.z30-tri-mob-2 div:last-child{

  font-family: var(--misanslatin-medium);
font-weight: 380;

font-size: calc(10 * var(--px));

text-align: center;

color:#000;
}
.z30-tri-mob-2.second{

top:calc(452 * var(--px));
left:calc(234 * var(--px));
}






   .z30-aqua-swiper-2-mob.custom-tri .new-swiper-bg_bottom_bottom .new-item_common-product-swiper-container .item_swiper>div{
    
    width:100%;
  }

  .z30-aqua-pro-video-video .common-lazy-video{
  
  width:100%;
  
  }

  @media only screen and (min-width: 1200px) {
  
      .main-content .z30-aqua-pro-swiper2 .common-wrapper {
        padding-left: 0;
        padding-right: 0;
        /* width: 62.5vw; */
        margin-left: auto !important;
        margin-right: 0 !important; 
    }
  }

  /* .z30-aqua-pro-swiper2 .featured-box {
  
  padding-top: calc(200 * var(--px)) !important;

  }

   .z30-aqua-pro-swiper2 .z30-pc-text-1{
  
  position:absolute;
  top:calc(10 * var(--px))
  } */





/* 大屏 */
@media (min-width: 851px) {
.new-common-product-item.z30-pro .common-item-inner{

  grid: ". ." ". a"/30fr 60fr !important;
}

}

@media only screen and (max-width: 589px){

  body[data-name=z30-aquacycle-pro] .main-content .common-section-container{
  padding-bottom: calc(10 * var(--px)) !important;
  }
}

.z30-hot-pc-text{


position:absolute;
top: calc(0 * var(--px));
left: calc(0 * var(--px));



}

.z30-hot-pc-text div{
color:#fff;
font-family:var(--misanslatin-semibold);
font-weight: 520;
font-size:calc(40 * var(--px));
line-height: 120%;
letter-spacing: 0px;
}
.z30-hot-pc-text div:last-child{

  font-family:var(--misanslatin);
font-weight: 250;

font-size:calc(32 * var(--px));

line-height: 120%;
letter-spacing: 0px;


}

.z30-custom-swiper1 .swiper-pagination{
width:100%;
/* background:red; */
bottom:calc(27 * var(--px));


}

.z30-custom-swiper1 .featured-box{

position:relative;

}

.z30-custom-swiper1  .swiper-pagination-bullet{
width:calc(20 * var(--px));
height:calc(20 * var(--px));
background:none !important;
}

.z30-custom-swiper1  .swiper-pagination-bullet:first-of-type{

  margin-right:calc(22 * var(--px));

}

/* ===== z30-aqua-swiper-22-mob 样式汇总 ===== */

/* 1. 区块容器背景 */
.z30-aqua-swiper-22-mob .common-section-container{
  /* padding: 80px 0; */
  background: #131313;
}

/* 2. 视频圆角 */
.z30-aqua-swiper-22-mob video{
  border-radius: 16px;
  overflow: hidden;
}

/* 3. 特色商品项内边距 */
.z30-aqua-swiper-22-mob .new-item_common-product-swiper-container .item_featured-item{
  padding: 12px 8%;
}

/* 4. 公共标题下的标识文字 */
.z30-aqua-swiper-22-mob .common-header div .common-title span{
  display: block;
  margin-bottom: 10px;
  font-size: clamp(16px, 1.3vw, 24px);
  color: #BCA18E;
}

/* 5. 移动端适配（≤850px，覆盖第 4 条的 margin-bottom） */
@media only screen and (max-width: 850px) {
  .z30-aqua-swiper-22-mob .common-header div .common-title span{
    margin-bottom: 12px;
  }
}

.z30-aqua-swiper-200-mob .common-pc--hide .big{
font-family:var(--misanslatin-semibold);
font-weight: 520;

font-size: calc(16 * var(--px));

line-height:calc(43 * var(--px));

letter-spacing: 0px;
text-align: center;
color:rgba(158, 137, 114, 1);

border-bottom:2px solid rgba(158, 137, 114, 1);
margin:calc(16 * var(--px)) 0px;
height:calc(43 * var(--px));


}

 .z30-aqua-swiper-200-mob .common-subtitle {

font-family: var(--misanslatin-medium);
font-weight: 380;
font-size: calc(14 * var(--px));
line-height: 130%;
letter-spacing: 0px;

color:rgba(252, 252, 252, 0.8);
text-align:left;


}

 .z30-aqua-swiper-200-mob .swiper-slide-next .common-pc--hide .common-subtitle{
/* display:none; */
}

.z30-dete-mob-text{
position:absolute;
top: calc(0 * var(--px));
left:calc(0 * var(--px));

font-family: var(--misanslatin-medium);
font-weight: 380;

font-size: calc(10 * var(--px));
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0px;

}
.z30-dete-mob-text.light{
top: calc(79 * var(--px));
left:calc(80 * var(--px));
}
.z30-dete-mob-text.medium{
top: calc(61 * var(--px));
left:calc(163 * var(--px));
}
.z30-dete-mob-text.heavy{
top: calc(45 * var(--px));
left:calc(232 * var(--px));
}