/** Shopify CDN: Minification failed

Line 2856:0 Unexpected "}"

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

     .v30-essential-media {

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

@media (min-width: 851px) {

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


     .v30-essential-media {

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

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.v30-essential-media-1,.common-section-container.v30-essential-media-2,.common-section-container.v30-essential-media-1,.common-section-container.v30-essential-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;
  }
}

.v30-essential-swiper2 .swiper-slide {
  height:auto;
}
.v30-essential-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);
}
.v30-essential-swiper2 .swiper-item-title {
  white-space: nowrap;
}
.v30-essential-swiper2 div .swiper-button svg  {
  width: unset;
  overflow: visible;
  height: fit-content;
  width: calc(60 * var(--px));
}
.v30-essential-swiper2 .common-product-swiper-container .swiper-button {
  width: calc(60 * var(--px));
}
@media screen and (max-width: 850px) {
	.v30-essential-swiper2 .swiper-item-title {
		white-space: normal;
	}
}
.v30-essential-swiper2 .swiper-slide:not(.swiper-slide-active) .content {
	opacity: 0;
}
.v30-essential-swiper2 .swiper-slide .content>div:nth-child(2) {
	height: 5em;
	margin-bottom: clamp(10px, 1.042vw, 20px);
  color: #f3f3f3;
}
.v30-essential-swiper2 {
  overflow: hidden;
}
.v30-essential-swiper2 .swiper-container {
	padding-bottom: 100px;
  overflow: visible;
}
.v30-essential-swiper2 .common-product-swiper-container .swiper-button {
	background: unset;
	position: absolute;
	top: 100%;
}
.v30-essential-swiper2 .common-product-swiper-container .swiper-button-next {
	right: unset;
	left: calc(96 * var(--px));
}
.v30-essential-swiper2 .common-product-swiper-container .swiper-button svg circle {
	stroke: #DDDDDD;
}
@media screen and (max-width: 850px) {
  .v30-essential-swiper2 div .common-product-swiper-container .swiper-button {
    display: flex;
  }
  .v30-essential-swiper2 .common-product-swiper-container .swiper-button {
    top: 105%;
    left: unset !important;
    right: 0;
  }
  .v30-essential-swiper2 .common-product-swiper-container .swiper-button {
    width: calc(36 * var(--px));
  }
  .v30-essential-swiper2 .common-product-swiper-container .swiper-button.swiper-button-prev {
    right: 12%;
  }
  .v30-essential-swiper2 div .swiper-button svg {
    width: calc(36 * var(--px));
  }
}
.v30-essential-swiper2 .swiper-slide:not(.swiper-slide-active) {
  opacity: 0.4;
}
@media only screen and (max-width: 590px) {
	.v30-essential-swiper2 .swiper-container {
		padding-bottom: 70px;
	}
	.v30-essential-swiper2 .swiper-slide .pfi-inner .content {
		text-align: left;
	}
	.v30-essential-swiper2 .swiper-slide .content .common-subtitle {
		line-height: 1.4;
	}
	.v30-essential-swiper2 .common-product-swiper-container .swiper-button.swiper-button-prev {
		left: unset;
		right: 26%;
	}
	.v30-essential-swiper2 .common-product-swiper-container .swiper-button-next {
		left: unset;
		right: 10%;
	}
	.v30-essential-swiper2 .swiper-slide .content>div:nth-child(2) {
		/* height: 6em; */
		width: 80vw;
	}
}
@media only screen and (max-width: 380px) {
	.v30-essential-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) {
  .v30-essential-media-pc-remove-padding-bottom {
    padding-bottom: 0 !important;
  }
}
@media (max-width: 850px) {
  .v30-essential-media-m-remove-padding-bottom {
    padding-bottom: 0 !important;
  }
}
.v30-essential-media-1 .common-header {
  display: none;
}
.v30-essential-media-1 .title.common-banner-title {
  font-family: var(--misanslatin-bold) !important;
  font-size: calc(44 * var(--px)) !important;
  line-height: 1.2 !important;
  color: white !important;
}

.v30-essential-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;
}
.v30-essential-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;
}
.v30-essential-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);
}
.v30-essential-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));
}
.v30-essential-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));
}
.v30-essential-media-1 .subtitle.common-subtitle .addition-3 {
  display: flex;
  flex-direction: row;
  gap: calc(70 * var(--px));
  align-items: center;
}
.v30-essential-media-1 .subtitle.common-subtitle .addition-3 .item {
  display: flex;
  flex-direction: column;
  text-align: left;
  gap: calc(10 * var(--px));
}
.v30-essential-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));
}
.v30-essential-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));
}
.v30-essential-media-1 .subtitle.common-subtitle .addition-3 .item img {
  width: calc(100 * var(--px));
}
@media (max-width: 850px) {
  .v30-essential-media-1 .common-media-inner {
    z-index: -1;
  }
  .v30-essential-media-1 .bg-text-wrapper-inner {
    /* display: none; */
    text-align: left;
  }
  .v30-essential-media-1 .common-header {
    display: flex;
  }
  .v30-essential-media-1 .hero__text-content {
    padding: 0 !important;
  }
  .v30-essential-media-1 .title.common-banner-title {
    text-align: left;
    font-family: var(--misanslatin-bold) !important;
    font-size: calc(28 * var(--px)) !important;
  }
  .v30-essential-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;
  }
  .v30-essential-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));
  }
  .v30-essential-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));
  }
  .v30-essential-media-1 .section-subtitle .addition-2 .number {
    color: #C2A983;
    font-family: var(--misanslatin-bold);
    line-height: 1.2;
    font-size: calc(20 * var(--px));
  }
  .v30-essential-media-1 .section-subtitle .addition-2 .text {
    color: #DFDFDF;
    font-family: var(--misanslatin-medium);
    line-height: 1.2;
    font-size: calc(12 * var(--px));
  }
  .v30-essential-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));
  }
  .v30-essential-media-1 .section-subtitle .addition-3 .item {
    display: flex;
    flex-direction: column;
    text-align: left;
    gap: calc(6 * var(--px));
  }
  .v30-essential-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));
  }
  .v30-essential-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));
  }
  .v30-essential-media-1 .section-subtitle .addition-3 .item img {
    width: calc(52 * var(--px));
  }
}

.v30-essential-media-2 .hero__text-content {
  padding-bottom: 0;
}
.v30-essential-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;
}
.v30-essential-media-2 .hero__text-content .addition .item {
  display: flex;
  flex-direction: column;
  gap: calc(13 * var(--px));
  justify-content: center;
  align-items: center;
}
.v30-essential-media-2 .hero__text-content .addition .item img {
  height: calc(40 * var(--px));
  width: auto;
}
.v30-essential-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;
}
.v30-essential-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) {
  .v30-essential-media-2 .common-header {
    margin-bottom: calc(20 * var(--px));
  }
  .v30-essential-media-2 .title.common-title {
    text-align: left;
    font-family: var(--misanslatin-bold) !important;
    font-size: calc(24 * var(--px)) !important;
  }
  .v30-essential-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;
  }
  .v30-essential-media-2 .hero__text-content .addition {
    display: none;
  }
  .v30-essential-media-2 .section-subtitle .addition {
    display: flex;
    gap: calc(40 * var(--px));
    margin-top: calc(40 * var(--px));
    width: fit-content;
    margin-inline: auto;
  }
  .v30-essential-media-2 .section-subtitle .addition .item {
    display: flex;
    flex-direction: column;
    gap: calc(2 * var(--px));
    justify-content: center;
    align-items: center;
  }
  .v30-essential-media-2 .section-subtitle .addition .item img {
    height: calc(28 * var(--px));
    width: auto;
  }
  .v30-essential-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) {
    .v30-essential-media {
      --vp-s: calc(100vw / 2560);
      --ymvw:calc(100vw / 2560);
    }
  }

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

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

.v30-essential-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;
}
.v30-essential-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;
}
.v30-essential-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;
}
.v30-essential-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;
}

.v30-essential-media-1 .common-section-container{
  padding-bottom:0 !important;
  background:#000;
}

.v30-essential-media .addition-12 {
    width:calc(854 * var(--ymvw)) !important;
    /* width:calc(854 * var(--ymvw)) !important; */
    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(18 * var(--ymvw)) !important;
    font-family:var(--misans-medium);
    font-weight: 380;
    font-style: Medium;
    line-height: 1.4;
}
.v30-essential-media .addition-13 {
    width: calc(692 * var(--ymvw)) !important;
    margin-left: auto;
    margin-right: auto;
    font-weight:380;
}

.v30-essential-media .hero__text-content{

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

  position:relative;
}
.v30-essential-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)) ;
  }
}

.v30-essential-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;

}

.v30-essential-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));
}

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

}
.v30-essential-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;

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

}
.v30-essential-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));

}
.v30-essential-media-1 .hero__text-content .contrast-container-little-pic .little-pic-contrast-text{
position:absolute;
display:flex;
flex-direction:column;
right:calc(233 * var(--ymvw));
bottom:calc(282 * var(--ymvw));
}
.v30-essential-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(15 * var(--ymvw));
line-height:1.2;
text-align:center;
color: rgba(239, 239, 239, 1);


}

.v30-essential-media-1 .hero__text-content .contrast-container-little-pic  .little-pic-contrast-text span:first-child{
font-size:calc(40 * var(--ymvw));
}
.v30-essential-media-1 .hero__text-content .contrast-container-little-pic  .little-pic-contrast-text span:nth-child(2){
font-size:calc(14 * var(--ymvw));
}
.v30-essential-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%)

}
.v30-essential-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;

}

.v30-essential-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;
}
.v30-essential-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;
  
 
}
.v30-essential-media-2  .image-element__wrap{
  border-radius:calc(10 * var(--ymvw)) !important;
 
}

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

}


.v30-essential-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;
}

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

}
.v30-essential-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;
}

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

}
.v30-essential-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;
}
.v30-essential-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));
}

.v30-essential-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(44 * var(--ymvw)) !important;
  line-height: 1.2 !important;
  color:#ffffff !important;
}
.v30-essential-media-9 .title.common-title,.v30-essential-media-8 .title.common-title{
margin-bottom:calc(21.4 * var(--ymvw)) !important;
}
.v30-essential-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.v30-essential-media-five{
padding-bottom:calc(120 * var(--ymvw)) !important;
}
.v30-essential-media-five .addition-20{

  display:flex;
  justify-content:center;
  margin-top::calc(40 * var(--ymvw));
  flex-wrap:wrap;
}
.v30-essential-media-five .addition-20-item{
    width:calc(276 * var(--ymvw)) ;
    padding:calc(16 * var(--ymvw)) ;
    box-sizing:border-box;
}
.v30-essential-media-five .addition-20-item .top-text{
font-family:var(--misanslatin-bold);
font-weight: 630;
font-size:calc(36 * var(--ymvw)) ;
line-height: 1.2;
}
.v30-essential-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;
}
.v30-essential-media-five .five-layer-item{
  display:flex;
  align-items:center;
  align-items:center;
}

.v30-essential-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));

}
.v30-essential-media-five .five-layer-item .right-box{
display:flex;
flex-direction:column;
text-align:left;
}
.v30-essential-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;
color: rgba(221, 194, 162, 1);

}
.v30-essential-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);
}
.v30-essential-media-five .five-layer-item:first-child{
  position:absolute;
  left:calc(400 * var(--ymvw));
  top:calc(129 * var(--ymvw));
}
.v30-essential-media-five .five-layer-item:nth-child(2){
  position:absolute;
  left:calc(400 * var(--ymvw));
  top:calc(219 * var(--ymvw));
}
.v30-essential-media-five .five-layer-item:nth-child(3){
  position:absolute;
  left:calc(938 * var(--ymvw));
  top:calc(405 * var(--ymvw));
}
.v30-essential-media-five .five-layer-item:nth-child(4){
  position:absolute;
  left:calc(938 * var(--ymvw));
  top:calc(494 * var(--ymvw));
}
.v30-essential-media-five .five-layer-item:nth-child(5){
  position:absolute;
  left:calc(938 * var(--ymvw));
  top:calc(578 * var(--ymvw));
}
.v30-essential-media-five .hero__text-content .bg-text-wrapper-inner {
  height:100%;
}
.v30-essential-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=v30-essential] .image-radius-box .image-element__wrap{
    border-radius: 16px;
  }
 .v30-essential-common-section-container{
  padding:calc(130 * var(--ymvw)) 0px;
  }

  .v30-essential-selling-container .image-box{
  display: flex;
   gap: calc(16 * var(--ymvw));
}
.v30-essential-selling-container .image-left-box,
.v30-essential-selling-container .image-right-box{
  display: flex;
  width: 30.33%;
  flex-direction: column;
  gap: calc(16 * var(--ymvw));
}
.v30-essential-selling-container .image-left-box .image-box-inner,.v30-essential-selling-container .image-right-box .image-box-inner,.v30-essential-selling-container .image-middle-box .image-box-inner{
    position:relative;
 

}
.v30-essential-selling-container .image-left-box .image-box-inner .selling-title,.v30-essential-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;

}

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

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

.v30-essential-selling-container .image-right-box .image-box-inner:nth-child(2)  .selling-title-pc-no-desc{
    bottom: calc(21 * var(--ymvw));
}

/* 基础通用样式：保留共有属性 */
.v30-essential-selling-container .image-left-box .image-box-inner .selling-subtitle,.v30-essential-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: 520;
    width: 100%;
    text-align: center;
}

/* 情况一：当有描述文字（has-desc）时，副标题往上移，留出空间 */
.v30-essential-selling-container .image-left-box .image-box-inner .selling-subtitle-pc-has-desc,.v30-essential-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）时，保持原有的低位置 */
.v30-essential-selling-container .image-left-box .image-box-inner .selling-subtitle-pc-no-desc,.v30-essential-selling-container .image-right-box .image-box-inner .selling-subtitle-pc-no-desc {
    bottom: calc(15 * var(--ymvw));
}

.v30-essential-selling-container .image-left-box .image-box-inner .selling-desc,.v30-essential-selling-container .image-right-box .image-box-inner .selling-desc,.v30-essential-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));
}

/* 基础通用样式：保留共有属性 */
.v30-essential-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; */
}

.v30-essential-selling-container .image-middle-box .image-box-inner:nth-child(1) .selling-subtitle {

    display:none;
}
.v30-essential-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%;
}

.v30-essential-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;

}
.v30-essential-selling-container .image-middle-box .image-box-inner:nth-child(1) .selling-title{
bottom: calc(22 * var(--ymvw));
 width:100%;
}
.v30-essential-selling-container .image-middle-box .image-box-inner:nth-child(2) .selling-title{
    left:calc(30 * var(--ymvw));
    top:calc(24 * var(--ymvw));


}


.v30-essential-selling-container .image-middle-box{
  display:flex;
  flex-wrap:wrap;
  width: 36.6%;
   gap:calc(16 * var(--ymvw));
}
.v30-essential-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;
    /* 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));
}

.remark-box .disclaimers-container p {
    margin: 0;
  
    color: rgba(235, 235, 235, 0.6);


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

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


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

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

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

 

}

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

.v30-essential-common-section-container-inner .common-pc--hide .mob-image-top-box img{
width:calc(172 * var(--px));
height:calc(196 * var(--px));
border-radius:calc(10 * var(--px));
margin-bottom:calc(8 * var(--px));

aspect-ratio:172/196;
}
.v30-essential-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));
}
/* .v30-essential-common-section-container-inner  */

.v30-essential-common-section-container-inner .common-pc--hide .mob-image-medium-box{
width:100%;


}
.v30-essential-common-section-container-inner .common-pc--hide .mob-image-medium-box img{
width:calc(342 * var(--px));
height:calc(155 * var(--px));

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

}
 .v30-essential-common-section-container-inner .product-mob--hide{
    display:flex;
  
  }


  .v30-essential-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;

}

.v30-essential-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;

}

.v30-essential-common-section-container-inner .common-pc--hide .selling-title{
position:absolute;
left:calc(10 * var(--px));
top:calc(10 * var(--px));

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

font-size: calc(12 * var(--px));
line-height: calc(12 * var(--px));
}
.v30-essential-common-section-container-inner .common-pc--hide .selling-title{
position:absolute;
left:calc(10 * var(--px));
top:calc(10 * var(--px));

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

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

.v30-essential-common-section-container-inner .common-pc--hide .selling-title{
position:absolute;
left:calc(10 * var(--px));
top:calc(10 * 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;
}

.v30-essential-common-section-container-inner .common-pc--hide .image-box-inner{
  position:relative;
}

.v30-essential-common-section-container-inner .common-pc--hide .selling-subtitle{
position:absolute;
left:calc(10 * var(--px));
top:calc(25 * 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);

}

.v30-essential-common-section-container-inner .common-pc--hide .mob-image-medium-box .selling-title{
  width:100%;
  text-align:center;
  left:calc(0 * var(--px));
  top:calc(10 * var(--px));

}

.v30-essential-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);

}

.v30-essential-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);

}
.v30-essential-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,.v30-essential-media-1 .common-small--hide{
  display:none !important;
  }
}



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


}

@media (max-width: 850px){
  .v30-essential-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;

}

.v30-essential-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;
}

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

.v30-essential-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));

}

.v30-essential-media-five .five-layer-item .right-box span:first-child{

font-size:calc(10 * var(--ymvw));
line-height: 1.4;
color: rgba(221, 194, 162, 1);

}
.v30-essential-media-five .five-layer-item .right-box span:last-child{

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


}
.v30-essential-media .addition-12{
 width:100% !important;



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

    line-height: 1.3;

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


}


.v30-essential-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%;
}

.v30-essential-media-2 .hero__text-content .cleandeeper-text2{

left:0px;

}

.v30-essential-media-2 .hero__text-content .cleandeeper-text1{
left:0px;
}

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

}

.v30-essential-media .addition-13{
  width:100% !important;
}

.v30-essential-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));
}

.v30-essential-media-1 .hero__text-content .contrast-container-little-pic .little-pic-contrast-text{
position:absolute;
display:flex;
flex-direction:column;
right:calc(35 * var(--ymvw));
bottom:calc(0 * var(--ymvw));
top:calc(237 * var(--ymvw));
}

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

.v30-essential-media-1 .hero__text-content .contrast-container-little-pic  .little-pic-contrast-text span:nth-child(2){
font-size:calc(6 * var(--ymvw));
}

.v30-essential-media .hero__text-content{

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

  position:relative;
}

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

.v30-essential-media-1 .subtitle.common-subtitle .addition-11{
  font-size:calc(12 * var(--ymvw)) !important;
}
.v30-essential-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;


}

.v30-essential-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;



}

.v30-essential-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;
}

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

}
.v30-essential-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;

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

.v30-essential-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;


}
.v30-essential-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));
}

.v30-essential-media-1 .mb-prolonged-container {
width:100%;

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


}

.v30-essential-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;

}

.v30-essential-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;
}

.v30-essential-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;
}

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

}

.v30-essential-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;
}

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

}

.v30-essential-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;
}

.v30-essential-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);

}

.v30-essential-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;
}

.v30-essential-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=v30-essential] .multi-scene .mobile-prefix-container{
display:none;
}
body[data-name=v30-essential] .multi-scene .current-text-container{
background:none !important;
color: rgba(26, 26, 26, 1);

}

body[data-name=v30-essential] .multi-scene {

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


}
}


}



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



.v30-essential-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;


}