/* Quick Squeezer product page — ported from globalhurom.com/css/common.css */
.qs-page .subPageContainer { margin-top: 60px; }
.qs-page .sub_content { max-width: 100%; padding: 0; }

.qs_page_tt {
  background: #1c1f20;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  padding: 16px 24px;
  margin: 0;
}

.qs-page .container-fluid.wrap.product {
  width: 100%;
  padding: 0;
  overflow: hidden;
}

.qs-page .wrap-product-list .section {
  position: relative;
  text-align: center;
  padding: 40px 0;
}

.qs-page .wrap-product-list .section .title {
  margin-bottom: 40px;
  color: #2b2f33;
}

.qs-page .wrap-product-list .section .title h3 {
  margin-bottom: 15px;
  color: inherit;
  font-size: 32px;
  font-weight: 400;
  line-height: 36px;
}

.qs-page .wrap-product-list .section .title p {
  color: inherit;
  font-size: 14px;
  line-height: 26px;
}

.qs-page .wrap-product-list .section.a01 h3 { font-weight: 500; }
.qs-page .wrap-product-list .section.a01 .title p { margin-bottom: 20px; font-size: 19px; line-height: 26px; }
.qs-page .wrap-product-list .section.a01 .desc { margin-bottom: 5%; font-size: 14px; line-height: 24px; color: #5c5e61; }

.qs-page .container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
  box-sizing: border-box;
}

.qs-page .full-container { width: 100%; }

.qs-page .clearfix::after { content: ''; display: table; clear: both; }

.qs-page .text-center { text-align: center; }

.qs-page .visible-xs-block,
.qs-page .visible-sm-block { display: block; }

/* Hero */
.qs-page .wrap-product-list .squeezer01 {
  background: url('https://globalhurom.com/images/product/quick_squeezer/intro_squeezer_m.png') 50% 100% no-repeat;
  height: 845px;
  margin: 0 10px;
  padding-bottom: 0;
}

.qs-page .s-txt .popup-vod { position: relative; }
.qs-page .s-txt .popup-vod p {
  margin-bottom: 23px !important;
  color: #7cb30a !important;
  font-size: 16px !important;
  text-decoration: underline;
}
.qs-page .s-txt .popup-vod .play {
  display: inline-block;
  margin-bottom: 5%;
  color: inherit;
}
.qs-page .s-txt .popup-vod .play span {
  display: inline-block;
  width: 27px;
  height: 27px;
  background: url('https://globalhurom.com/images/product/btn_play_m.png') center no-repeat;
  background-size: 27px;
  text-indent: -9999px;
  overflow: hidden;
}

/* Fruits */
.qs-page .wrap-product-list .squeezer02 { background: #f5f3f4; }
.qs-page .wrap-product-list .squeezer02 .title {
  margin-bottom: 15px;
  color: #2b2f33;
  line-height: 40px;
  letter-spacing: -1px;
  font-size: 30px;
}
.qs-page .wrap-product-list .squeezer02 .title .bold { font-weight: 500; }
.qs-page .wrap-product-list .squeezer02 ul { list-style: none; padding: 0; margin: 0; }
.qs-page .wrap-product-list .squeezer02 ul li {
  width: 100%;
  margin-bottom: 40px;
  text-align: center;
}
.qs-page .wrap-product-list .squeezer02 ul li img { width: auto; max-width: 100%; margin: 0 auto; }
.qs-page .wrap-product-list .squeezer02 ul li .box-title {
  margin-bottom: 15px;
  color: #5c5e61;
  line-height: 28px;
  font-size: 18px;
  font-weight: 500;
}
.qs-page .wrap-product-list .squeezer02 ul li .box-txt {
  color: #5c5e61;
  line-height: 24px;
  font-size: 14px;
}

/* Banner + features */
.qs-page .wrap-product-list .squeezer03 { background: none; padding: 0; }
.qs-page .wrap-product-list .squeezer03 .title {
  padding-top: 60px;
  margin-bottom: 0;
  color: #2b2f33;
  line-height: 40px;
  letter-spacing: -1px;
  font-size: 30px;
  background: #e2e2e2;
}
.qs-page .wrap-product-list .squeezer03 .imgSet img { width: 100%; display: block; }

.qs-page .wrap-product-list .squeezer04,
.qs-page .wrap-product-list .squeezer05,
.qs-page .wrap-product-list .squeezer06,
.qs-page .wrap-product-list .squeezer07 {
  background: none;
  padding: 0;
  position: relative;
}

.qs-page .wrap-product-list .squeezer04 .abs { position: absolute; top: 16.666%; right: 5.125%; text-align: right; z-index: 1; }
.qs-page .wrap-product-list .squeezer05 .abs { position: absolute; top: 16.666%; left: 5.125%; text-align: left; color: #fff; z-index: 1; }
.qs-page .wrap-product-list .squeezer06 .abs { position: absolute; top: 16.666%; right: 5.125%; text-align: right; z-index: 1; }
.qs-page .wrap-product-list .squeezer07 .abs { position: absolute; top: 16.666%; left: 5.125%; text-align: left; color: #fff; z-index: 1; }

.qs-page .wrap-product-list .squeezer04 .abs h4,
.qs-page .wrap-product-list .squeezer05 .abs h4,
.qs-page .wrap-product-list .squeezer06 .abs h4,
.qs-page .wrap-product-list .squeezer07 .abs h4 {
  font-size: 1.8rem;
  line-height: 2.1rem;
  margin-bottom: 1.5rem;
  font-weight: 400;
}
.qs-page .wrap-product-list .squeezer04 .abs .desc { font-size: 0.9rem; line-height: 1.5rem; margin-bottom: 20px; color: #5c5e61; }
.qs-page .wrap-product-list .squeezer05 .abs .desc,
.qs-page .wrap-product-list .squeezer07 .abs .desc { font-size: 0.9rem; line-height: 1.5rem; margin-bottom: 20px; color: #ccc; }
.qs-page .wrap-product-list .squeezer06 .abs .desc { font-size: 0.9rem; line-height: 1.5rem; margin-bottom: 20px; color: #5c5e61; width: 50%; float: right; }

.qs-page .wrap-product-list .squeezer04 .imgSet img,
.qs-page .wrap-product-list .squeezer05 .imgSet img,
.qs-page .wrap-product-list .squeezer06 .imgSet img,
.qs-page .wrap-product-list .squeezer07 .imgSet img {
  width: 100%;
  display: block;
}

/* Steps */
.qs-page .wrap-product-list .squeezer08 { background: #fff; }
.qs-page .wrap-product-list .squeezer09 { background: #f5f3f4; }
.qs-page .wrap-product-list .squeezer10 { background: #fff; margin: 0 15px; }

.qs-page .wrap-product-list .squeezer08 .title,
.qs-page .wrap-product-list .squeezer09 .title,
.qs-page .wrap-product-list .squeezer10 .title {
  margin-bottom: 15px;
  color: #2b2f33;
  line-height: 40px;
  letter-spacing: -1px;
  font-size: 30px;
}
.qs-page .wrap-product-list .squeezer08 .txt,
.qs-page .wrap-product-list .squeezer09 .txt,
.qs-page .wrap-product-list .squeezer10 .txt {
  margin-bottom: 20px;
  color: #5c5e61;
  line-height: 24px;
  font-size: 14px;
}

.qs-page .wrap-product-list .squeezer08 ul,
.qs-page .wrap-product-list .squeezer09 ul,
.qs-page .wrap-product-list .squeezer10 ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.qs-page .wrap-product-list .squeezer08 ul li,
.qs-page .wrap-product-list .squeezer09 ul li,
.qs-page .wrap-product-list .squeezer10 ul li {
  width: 100%;
  margin-bottom: 40px;
  text-align: center;
}
.qs-page .wrap-product-list .squeezer08 ul li img,
.qs-page .wrap-product-list .squeezer09 ul li img,
.qs-page .wrap-product-list .squeezer10 ul li img {
  width: auto;
  max-width: 100%;
  margin: 0 auto;
}
.qs-page .wrap-product-list .squeezer08 ul li .box-title,
.qs-page .wrap-product-list .squeezer09 ul li .box-title {
  margin-bottom: 15px;
  color: #5c5e61;
  line-height: 28px;
  font-size: 18px;
  font-weight: 500;
}
.qs-page .wrap-product-list .squeezer08 ul li .box-txt,
.qs-page .wrap-product-list .squeezer09 ul li .box-txt,
.qs-page .wrap-product-list .squeezer10 ul li .box-txt {
  color: #5c5e61;
  line-height: 24px;
  font-size: 14px;
}
.qs-page .wrap-product-list .squeezer10 ul li .box-txt { margin-top: 10px; }

/* Components */
.qs-page .wrap-product-list .section.c13 { background: #f3f3f4; }
.qs-page .wrap-product-list .section.c13 .title { margin-bottom: 0; }
.qs-page .wrap-product-list .section.c13 .title p { margin-bottom: 25px; font-size: 18px; }
.qs-page .wrap-product-list .section.c13 .components-list {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
}
.qs-page .wrap-product-list .section.c13 .components-list > div { width: calc(50% - 10px); max-width: 280px; }
.qs-page .wrap-product-list .section.c13 .components-list .list {
  position: relative;
  min-height: 210px;
  margin: 0 5px 10px;
  padding: 10% 0;
  background: #fff;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.qs-page .wrap-product-list .section.c13 .components-list p { margin-bottom: 20px; font-size: 14px; color: #000; }
.qs-page .wrap-product-list .section.c13 .components-list .imgbox { width: 50%; margin: 0 auto; }
.qs-page .wrap-product-list .section.c13 .components-list .imgbox img { margin: 0 auto; }
.qs-page .wrap-product-list .section.c13 .components-list .flip {
  display: none;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0 25px;
  background: #2b2f33;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
}
.qs-page .wrap-product-list .section.c13 .components-list .list:hover .flip { display: flex; }
.qs-page .wrap-product-list .section.c13 .components-list .flip .title {
  display: block;
  margin-bottom: 10px;
  color: #fff;
  font-size: 14px;
}
.qs-page .wrap-product-list .section.a15 .components-list .matter {
  font-size: 15px;
  display: block;
  color: #c0c1c2;
}
.qs-page .wrap-product-list .section.c13 .components-list .flip .desc { color: #ccc; font-size: 10px; line-height: 1.5; }
.qs-page .wrap-product-list .section.c13 .components-list > p:last-child {
  width: 100%;
  text-align: center;
  font-size: 13px;
  color: #888;
}

/* Spec */
.qs-page .wrap-product-list .section.c14 { background: #fff; }
.qs-page .wrap-product-list .section.c14 .title { margin-bottom: 0; }
.qs-page .wrap-product-list .section.c14 .title h3 { font-size: 18px; line-height: inherit; }
.qs-page .wrap-product-list .section.c14 .wrap-imgBox { margin-top: 30px; }
.qs-page .wrap-product-list .section.c14 .wrap-imgBox img { padding: 0 20px; margin: 0 auto; max-width: 600px; }
.qs-page .wrap-product-list .section.c14 .wrap-imgBox .product-title {
  display: block;
  width: auto;
  min-width: 240px;
  height: 24px;
  margin: 20px auto;
  padding: 0 10px;
  border-radius: 12px;
  background: #e6e6e6;
  color: #818384;
  font-size: 12px;
  line-height: 24px;
}
.qs-page .wrap-product-list .section.c14 .wrap-imgBox .spec-txt {
  color: #b2b2b2;
  font-size: 11px;
  line-height: 21px;
  margin-bottom: 30px;
}
.qs-page .wrap-product-list .section.c14 .table-spec { margin-top: 30px; }
.qs-page .wrap-product-list .section.c14 .table-spec > .title {
  padding: 15px 0;
  background: #2b2f33;
  color: #fff;
  font-weight: 500;
  margin-bottom: 0;
}
.qs-page .wrap-product-list .section.c14 .table-spec table { width: 100%; border-collapse: collapse; }
.qs-page .wrap-product-list .section.c14 .table-spec table th {
  padding: 10px;
  border-bottom: 1px solid #e5e6e6;
  color: #000;
  font-size: 14px;
  font-weight: 500;
  text-align: left;
  width: 35%;
  vertical-align: top;
}
.qs-page .wrap-product-list .section.c14 .table-spec table td {
  padding: 10px;
  border-bottom: 1px solid #e5e6e6;
  font-size: 14px;
  text-align: left;
  color: #555;
  word-break: keep-all;
}
.qs-page .wrap-product-list .section.c14 .table-spec > p {
  margin-top: 10px;
  color: #b2b2b2;
  font-size: 12px;
  text-align: right;
}

/* Shop strip */
.qs-shop-strip {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: 30px 20px 50px;
  background: #fff;
  border-top: 1px solid #e5e5e5;
}
.qs-shop-strip .qs_color_list { display: flex; gap: 8px; list-style: none; padding: 0; margin: 0; }
.qs-shop-strip .qs_color_list button {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 2px solid transparent;
  cursor: pointer;
}
.qs-shop-strip .qs_color_list li.on button { border-color: #212121; }

@media (min-width: 768px) {
  .qs-page .subPageContainer { margin-top: 80px; }
  .qs_page_tt { font-size: 18px; padding: 20px 40px; }

  .qs-page .wrap-product-list .squeezer01 {
    background-image: url('https://globalhurom.com/images/product/quick_squeezer/intro_squeezer.png');
    height: 1080px;
  }

  .qs-page .s-txt .popup-vod .play span {
    width: 42px;
    height: 42px;
    background-image: url('https://globalhurom.com/images/product/btn_play.png');
    background-size: auto;
  }

  .qs-page .wrap-product-list .squeezer02 .title { line-height: 60px; font-size: 46px; margin-bottom: 40px; }
  .qs-page .wrap-product-list .squeezer02 ul li { width: 33.33%; float: left; margin-bottom: 0; }
  .qs-page .wrap-product-list .squeezer02 ul li .box-title { line-height: 34px; font-size: 24px; }
  .qs-page .wrap-product-list .squeezer02 ul li img { margin-bottom: 20px; }

  .qs-page .wrap-product-list .squeezer03 {
    min-height: 1100px;
    background: #e2e2e2 url('https://globalhurom.com/images/product/quick_squeezer/squeezer_img_04.jpg') 50% 0 no-repeat;
    background-size: auto;
    padding: 90px 0;
  }
  .qs-page .wrap-product-list .squeezer03 .imgSet { display: none; }
  .qs-page .wrap-product-list .squeezer03 .title { line-height: 62px; font-size: 48px; margin-bottom: 20px; padding: 0; background: transparent; }

  .qs-page .wrap-product-list .squeezer04 {
    min-height: 800px;
    background: url('https://globalhurom.com/images/product/quick_squeezer/squeezer_img_05.jpg') 50% 0 no-repeat;
    background-size: auto;
  }
  .qs-page .wrap-product-list .squeezer04 .full-container { max-width: 1920px; margin: 0 auto; }
  .qs-page .wrap-product-list .squeezer04 .full-container .clearfix { max-width: 1200px; margin: 0 auto; position: relative; }
  .qs-page .wrap-product-list .squeezer04 .abs { right: 20px; padding-top: 20%; text-align: left; }
  .qs-page .wrap-product-list .squeezer04 .abs h4 { font-size: 48px; line-height: 62px; }
  .qs-page .wrap-product-list .squeezer04 .abs .desc { font-size: 18px; line-height: 30px; }
  .qs-page .wrap-product-list .squeezer04 .imgSet { display: none; }

  .qs-page .wrap-product-list .squeezer05 {
    min-height: 800px;
    background: #131315 url('https://globalhurom.com/images/product/quick_squeezer/squeezer_img_06.jpg') 50% 0 no-repeat;
    background-size: auto;
  }
  .qs-page .wrap-product-list .squeezer05 .full-container { max-width: 1920px; margin: 0 auto; }
  .qs-page .wrap-product-list .squeezer05 .full-container .clearfix { max-width: 1200px; margin: 0 auto; position: relative; }
  .qs-page .wrap-product-list .squeezer05 .abs { position: static; padding-top: 20%; padding-left: 20px; }
  .qs-page .wrap-product-list .squeezer05 .abs h4 { font-size: 48px; line-height: 62px; }
  .qs-page .wrap-product-list .squeezer05 .abs .desc { font-size: 18px; line-height: 30px; }
  .qs-page .wrap-product-list .squeezer05 .imgSet { display: none; }

  .qs-page .wrap-product-list .squeezer06 {
    min-height: 800px;
    background: url('https://globalhurom.com/images/product/quick_squeezer/squeezer_img_07.jpg') 50% 0 no-repeat;
    background-size: auto;
  }
  .qs-page .wrap-product-list .squeezer06 .full-container { max-width: 1920px; margin: 0 auto; }
  .qs-page .wrap-product-list .squeezer06 .full-container .clearfix { max-width: 1200px; margin: 0 auto; position: relative; }
  .qs-page .wrap-product-list .squeezer06 .abs { right: 20px; padding-top: 20%; text-align: left; }
  .qs-page .wrap-product-list .squeezer06 .abs h4 { font-size: 48px; line-height: 62px; }
  .qs-page .wrap-product-list .squeezer06 .abs .desc { font-size: 18px; line-height: 30px; width: auto; float: none; }
  .qs-page .wrap-product-list .squeezer06 .imgSet { display: none; }

  .qs-page .wrap-product-list .squeezer07 {
    min-height: 800px;
    background: #131315 url('https://globalhurom.com/images/product/quick_squeezer/squeezer_img_08.jpg') 50% 0 no-repeat;
    background-size: auto;
  }
  .qs-page .wrap-product-list .squeezer07 .full-container { max-width: 1920px; margin: 0 auto; }
  .qs-page .wrap-product-list .squeezer07 .full-container .clearfix { max-width: 1200px; margin: 0 auto; position: relative; }
  .qs-page .wrap-product-list .squeezer07 .abs { position: static; padding-top: 20%; padding-left: 20px; }
  .qs-page .wrap-product-list .squeezer07 .abs h4 { font-size: 48px; line-height: 62px; }
  .qs-page .wrap-product-list .squeezer07 .abs .desc { font-size: 18px; line-height: 30px; width: auto; }
  .qs-page .wrap-product-list .squeezer07 .imgSet { display: none; }

  .qs-page .wrap-product-list .squeezer08 .title,
  .qs-page .wrap-product-list .squeezer09 .title,
  .qs-page .wrap-product-list .squeezer10 .title { line-height: 62px; font-size: 48px; margin-bottom: 20px; }
  .qs-page .wrap-product-list .squeezer08 .txt,
  .qs-page .wrap-product-list .squeezer09 .txt,
  .qs-page .wrap-product-list .squeezer10 .txt { line-height: 28px; font-size: 18px; }

  .qs-page .wrap-product-list .squeezer08 ul li { width: 33.33%; float: left; margin-bottom: 0; }
  .qs-page .wrap-product-list .squeezer09 ul li { width: 50%; float: left; margin-bottom: 0; }
  .qs-page .wrap-product-list .squeezer10 ul li { width: 50%; float: left; margin-bottom: 20px; }
  .qs-page .wrap-product-list .squeezer10 .list1,
  .qs-page .wrap-product-list .squeezer10 .list3 { padding-right: 15px; margin-top: 20px; }
  .qs-page .wrap-product-list .squeezer10 .list2,
  .qs-page .wrap-product-list .squeezer10 .list4 { padding-left: 15px; margin-top: 20px; }

  .qs-page .wrap-product-list .section.a01 .title p { font-size: 24px; }
  .qs-page .wrap-product-list .section.a01 .desc { margin: 15px 0 20px; }

  .qs-page .wrap-product-list .section.c13 .title p { font-size: 24px; margin-bottom: 50px; }
  .qs-page .wrap-product-list .section.c13 .components-list > div { width: calc(25% - 10px); }
  .qs-page .wrap-product-list .section.c13 .components-list .list { height: 225px; }
  .qs-page .wrap-product-list .section.c13 .components-list .flip .title { font-size: 18px; }
  .qs-page .wrap-product-list .section.c13 .components-list .flip .desc { font-size: 15px; }

  .qs-page .wrap-product-list .section.c14 .title h3 { font-size: 24px; }
  .qs-page .wrap-product-list .section.c14 .wrap-imgBox { margin-top: 60px; }
  .qs-page .wrap-product-list .section.c14 .wrap-imgBox .product-title {
    width: 280px;
    height: 34px;
    line-height: 34px;
    border-radius: 17px;
    font-size: 14px;
    margin-top: 30px;
  }
  .qs-page .wrap-product-list .section.c14 .wrap-imgBox .spec-txt { font-size: 13px; line-height: 23px; margin-top: 50px; margin-bottom: 50px; }
  .qs-page .wrap-product-list .section.c14 .table-spec > .title { padding: 18px 0; font-size: 16px; }
  .qs-page .wrap-product-list .section.c14 .table-spec table th,
  .qs-page .wrap-product-list .section.c14 .table-spec table td { padding: 16px; font-size: 15px; }

  .qs-page .visible-xs-block,
  .qs-page .visible-sm-block { display: none; }
}

@media (min-width: 1024px) {
  .qs-page .wrap-product-list .section .title h3 { font-size: 36px; line-height: 42px; }
}