/* ===== STYLE CSS ===== */
/* ===== VARIABLES ===== */
/* ===== RESET CSS ===== */
html {
  line-height: 1.4;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimSun, sans-serif;
  font-size: 62.5%; }

body {
  margin: 0;
  font-size: 1.4rem;
  color: #262626;
  font-weight: 400;
  position: relative;
  background: white; }

article,
aside,
footer,
header,
nav,
section {
  display: block; }

figcaption,
figure,
main {
  display: block; }

figure {
  margin: 1em 40px; }

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible; }

pre {
  font-family: monospace, monospace;
  font-size: 1.4rem; }

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
  text-decoration: none; }

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted; }

b,
strong {
  font-weight: inherit;
  font-weight: bolder; }

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1.4rem; }

dfn {
  font-style: italic; }

mark {
  background-color: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

audio,
video {
  display: inline-block; }

audio:not([controls]) {
  display: none;
  height: 0; }

img {
  border-style: none; }

svg:not(:root) {
  overflow: hidden; }

button,
input,
optgroup,
select,
textarea {
  font-size: 1.6rem;
  line-height: 1.4;
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimSun, sans-serif; }

button,
input {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

fieldset {
  padding: 0.35em 0.75em 0.625em; }

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal; }

progress {
  display: inline-block;
  vertical-align: baseline; }

textarea {
  overflow: auto; }

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px; }

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit; }

details,
menu {
  display: block; }

summary {
  display: list-item; }

canvas {
  display: inline-block; }

template {
  display: none; }

[hidden] {
  display: none; }

ul {
  margin: 0;
  padding: 0;
  list-style: none; }

/* ===== BASE CSS ===== */
.root {
  background: #fafafa;
  transition: all 0.3s cubic-bezier(0.65, 0.05, 0.09, 0.99); }
  .root.is-slide-left {
    transform: -webkit-translateX(-96px);
    transform: translateX(-96px); }

.mw-header-global {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 56px;
  background: #458500;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  z-index: 9; }
  .mw-header-global .branding a {
    display: block;
    padding: 8px 16px; }
  .mw-header-global .branding svg {
    display: block; }
    .mw-header-global .branding svg path {
      fill: white; }
  .mw-header-global .icons ul {
    display: flex;
    align-items: center; }
  .mw-header-global .icons a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 44px;
    height: 56px; }
  .mw-header-global .icons .icon-cart {
    position: relative; }
    .mw-header-global .icons .icon-cart .number {
      width: 18px;
      height: 18px;
      line-height: 18px;
      text-align: center;
      font-weight: 500;
      background: #f38a00;
      border-radius: 50%;
      color: white;
      font-size: 1rem;
      position: absolute;
      top: 6px;
      right: 4px; }

.bs-header-page {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 8px 0;
  padding: 6px 0 6px 16px;
  background: white;
  border-bottom: 1px solid whitesmoke; }
  .bs-header-page .title h1 {
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 26px;
    margin: 0;
    color: black; }
  .bs-header-page .title .result {
    line-height: 16px;
    font-size: 1.2rem;
    font-weight: 500;
    color: #595959; }

.mw-footer-global {
  margin: 16px 0 0 0;
  padding: 12px 16px 16px 16px;
  background: whitesmoke;
  border-top: 1px solid rgba(232, 232, 232, 0.5); }
  .mw-footer-global .footer-dropdown {
    margin: 0 0 16px 0;
    padding: 0 0 12px 0;
    border-bottom: 1px solid #e8e8e8; }
    .mw-footer-global .footer-dropdown ul {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      .mw-footer-global .footer-dropdown ul li {
        width: calc(100% / 3);
        box-sizing: border-box;
        margin: 0 2px;
        padding: 0 0 0 2px;
        border: 1px solid rgba(232, 232, 232, 0.5);
        border-radius: 4px; }
        .mw-footer-global .footer-dropdown ul li:nth-child(2) {
          width: 40%; }
        .mw-footer-global .footer-dropdown ul li:first-child {
          margin: 0 2px 0 0; }
        .mw-footer-global .footer-dropdown ul li:last-child {
          margin: 0 0 0 2px; }
  .mw-footer-global .footer-download {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0 16px 0;
    padding: 0 0 16px 0;
    border-bottom: 1px solid #e8e8e8; }
    .mw-footer-global .footer-download .title {
      color: black;
      line-height: 1.2;
      font-size: 1.2rem;
      margin: 0 12px; }
      .mw-footer-global .footer-download .title .slogan {
        font-size: 1.4rem;
        font-weight: 600;
        margin: 0 0 4px 0;
        color: #458500; }
    .mw-footer-global .footer-download .graphics {
      text-align: left;
      margin: 0 12px; }
      .mw-footer-global .footer-download .graphics a, .mw-footer-global .footer-download .graphics svg {
        display: block;
        width: 60px;
        height: 60px;
        padding: 2px;
        border-radius: 12px; }
      .mw-footer-global .footer-download .graphics svg {
        background: #458500; }
@keyframes Bounce {
  0%, 4%, 10%, 16%, 20%, 100% {
    transform: translateY(0); }
  8% {
    transform: translateY(-8px); }
  12% {
    transform: translateY(-4px); } }
  .mw-footer-global .footer-social {
    margin: 0 0 16px 0;
    padding: 0 0 16px 0;
    border-bottom: 1px solid #e8e8e8; }
    .mw-footer-global .footer-social ul {
      display: flex;
      justify-content: center;
      align-items: center; }
    .mw-footer-global .footer-social a {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 44px;
      height: 44px;
      margin: 0 2px;
      background: #60aa00;
      border-radius: 50%; }
      .mw-footer-global .footer-social a.facebook {
        background: #4267b2; }
      .mw-footer-global .footer-social a.twitter {
        background: #1da1f2; }
      .mw-footer-global .footer-social a.googleplus {
        background: #dd4b39; }
      .mw-footer-global .footer-social a.youtube {
        background: #d9252a; }
      .mw-footer-global .footer-social a.pinterest {
        background: #bd081c; }
      .mw-footer-global .footer-social a.instagram {
        background: radial-gradient(circle at 33% 100%, #FED373 4%, #F15245 30%, #D92E7F 62%, #9B36B7 85%, #515ECF); }
    .mw-footer-global .footer-social svg {
      display: block;
      width: 24px;
      height: 24px; }
  .mw-footer-global .footer-copyright {
    font-size: 1rem;
    text-align: center;
    color: #595959;
    margin: 0 0 12px 0; }
    .mw-footer-global .footer-copyright a {
      color: #458500; }
  .mw-footer-global .footer-privacy-links {
    margin: 0 0 12px 0;
    padding: 0 0 12px 0;
    border-bottom: 1px solid #e8e8e8; }
    .mw-footer-global .footer-privacy-links ul {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-wrap: wrap; }
    .mw-footer-global .footer-privacy-links li {
      margin: 4px;
      font-size: 1.2rem; }
    .mw-footer-global .footer-privacy-links a {
      color: #595959;
      padding: 8px 2px; }
  .mw-footer-global .footer-setting {
    padding: 0 0 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 500;
    line-height: 20px; }
    .mw-footer-global .footer-setting .title {
      font-weight: 600;
      margin: 0 8px 0 0; }
    .mw-footer-global .footer-setting .content {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      padding: 11px 24px 11px 0;
      background: white;
      border: 1px solid #e8e8e8;
      border-radius: 4px;
      box-sizing: border-box;
      position: relative; }
      .mw-footer-global .footer-setting .content span {
        display: block;
        padding: 0 8px;
        border-right: 1px solid #e8e8e8; }
      .mw-footer-global .footer-setting .content .flag {
        height: 16px; }
        .mw-footer-global .footer-setting .content .flag img {
          display: block;
          height: 16px; }
      .mw-footer-global .footer-setting .content:after {
        content: "";
        width: 6px;
        height: 6px;
        box-sizing: border-box;
        border-top: 2px solid #262626;
        border-right: 2px solid #262626;
        display: block;
        position: absolute;
        top: 18px;
        right: 12px;
        transform: rotate(45deg); }
    .mw-footer-global .footer-setting .desktop a {
      display: flex;
      align-items: center;
      line-height: 20px;
      border: 1px solid #e8e8e8;
      background: white;
      border-radius: 4px;
      box-sizing: border-box;
      padding: 9px 8px;
      color: #262626; }
    .mw-footer-global .footer-setting .desktop svg {
      display: block;
      width: 24px;
      height: 24px;
      margin: 0 4px 0 0; }

/* ===== UI CSS ===== */
.ui-icon-plus-rotate {
  width: 24px;
  height: 24px;
  position: relative;
  cursor: pointer;
  transform: rotate(0);
  transition: transform 0.25s ease;
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent; }
  .ui-icon-plus-rotate:before {
    content: "";
    display: block;
    width: 12px;
    height: 2px;
    background: #262626;
    border-radius: 32px;
    position: absolute;
    top: 11px;
    left: 6px; }
  .ui-icon-plus-rotate:after {
    content: "";
    display: block;
    width: 2px;
    height: 12px;
    background: #262626;
    border-radius: 32px;
    position: absolute;
    top: 6px;
    left: 11px;
    opacity: 1;
    transition: opacity 0.25s ease; }
  .ui-icon-plus-rotate.is-rotate {
    transform: rotate(180deg); }
    .ui-icon-plus-rotate.is-rotate:after {
      opacity: 0; }

.ui-icon-shipping-saver {
  height: 24px;
  display: flex;
  align-items: center; }
  .ui-icon-shipping-saver svg {
    display: block;
    height: 28px;
    width: 28px;
    margin: 0 4px 0 0; }
  .ui-icon-shipping-saver .icon-txt {
    font-weight: 600;
    font-style: italic;
    font-size: 1.4rem;
    color: #60aa00;
    line-height: 16px;
    letter-spacing: -0.3px; }

.ui-product-rating {
  display: flex;
  align-items: center;
  margin: 0 0 2px 0; }
  .ui-product-rating svg {
    display: block; }
  .ui-product-rating .product-rating-star {
    position: relative;
    margin: 0 4px 0 0;
    height: 16px; }
  .ui-product-rating .product-rating-top {
    display: inline-block;
    position: absolute;
    top: 0;
    overflow: hidden;
    height: 16px; }
  .ui-product-rating .product-rating-bottom {
    display: inline-block;
    height: 16px; }
  .ui-product-rating .product-rating-number {
    box-sizing: border-box;
    margin: 2px 0 0 0;
    font-size: 1.4rem;
    line-height: 1;
    height: 1;
    color: #8c8c8c; }

.ui-product-special-banner-blue, .ui-product-special-banner-yellow, .ui-product-special-banner-green, .ui-product-special-banner-red, .ui-product-special-banner-orange, .ui-product-special-banner-purple, .ui-product-special-banner-flash-deal {
  display: inline-block;
  margin: 0 0 4px 0;
  padding: 0 0 0 8px;
  height: 18px;
  line-height: 18px;
  font-size: 1.2rem;
  font-weight: 500;
  color: white;
  border-radius: 2px 0 0 2px;
  position: relative; }
  .ui-product-special-banner-blue:after, .ui-product-special-banner-yellow:after, .ui-product-special-banner-green:after, .ui-product-special-banner-red:after, .ui-product-special-banner-orange:after, .ui-product-special-banner-purple:after, .ui-product-special-banner-flash-deal:after {
    content: "";
    display: block;
    box-sizing: border-box;
    width: 18px;
    height: 18px;
    border-top: 9px solid rgba(255, 255, 255, 0);
    border-right: 9px solid white;
    border-bottom: 9px solid rgba(255, 255, 255, 0);
    border-left: 9px solid rgba(255, 255, 255, 0);
    background: #0097cd;
    position: absolute;
    top: 0;
    right: -18px; }

.ui-product-special-banner-blue {
  background: #0097cd; }
  .ui-product-special-banner-blue:after {
    background: #0097cd; }

.ui-product-special-banner-yellow {
  background: #ffc62c; }
  .ui-product-special-banner-yellow:after {
    background: #ffc62c; }

.ui-product-special-banner-green {
  background: #8cc324; }
  .ui-product-special-banner-green:after {
    background: #8cc324; }

.ui-product-special-banner-red {
  background: #ff4d4f; }
  .ui-product-special-banner-red:after {
    background: #ff4d4f; }

.ui-product-special-banner-orange {
  background: #ff9d4a; }
  .ui-product-special-banner-orange:after {
    background: #ff9d4a; }

.ui-product-special-banner-purple {
  background: #b5008c; }
  .ui-product-special-banner-purple:after {
    background: #b5008c; }

.ui-product-special-banner-flash-deal {
  background: #f38a00;
  position: relative;
  padding: 0 0 0 20px; }
  .ui-product-special-banner-flash-deal:after {
    background: #f38a00; }
  .ui-product-special-banner-flash-deal .icon-flash {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 1px;
    left: 4px; }
    .ui-product-special-banner-flash-deal .icon-flash svg {
      display: block;
      width: 16px;
      height: 16px; }

.ui-btn-44 a, .ui-btn-44 span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px; }
.ui-btn-44 svg {
  display: block;
  width: 24px;
  height: 24px; }

.ui-modal .ui-modal-overlay {
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.65);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  display: none;
  cursor: pointer; }
.ui-modal .ui-modal-content {
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 10;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  background: white;
  padding: 0;
  border-radius: 4px 4px 0 0;
  transition: transform 0.25s cubic-bezier(0.65, 0.05, 0.09, 0.99);
  display: none; }
  .ui-modal .ui-modal-content.menu-2-item {
    transform: translateY(166px); }
  .ui-modal .ui-modal-content.menu-3-item {
    transform: translateY(215px); }
  .ui-modal .ui-modal-content.menu-4-item {
    transform: translateY(264px); }
  .ui-modal .ui-modal-content.menu-5-item {
    transform: translateY(313px); }
  .ui-modal .ui-modal-content.menu-325-height {
    transform: translateY(325px); }
  .ui-modal .ui-modal-content.menu-465-height {
    transform: translateY(465px); }
  .ui-modal .ui-modal-content.full-height {
    height: calc(100% - 16px);
    box-sizing: border-box;
    transform: translateY(100%); }
  .ui-modal .ui-modal-content.full-screen {
    height: 100%; }
  .ui-modal .ui-modal-content.is-slide-up {
    transform: translateY(0); }
.ui-modal .modal-close-top {
  padding: 6px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid whitesmoke;
  background: #fafafa;
  border-radius: 4px 4px 0 0;
  cursor: pointer;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  z-index: 2; }
  .ui-modal .modal-close-top svg {
    display: block;
    width: 32px;
    height: 32px; }
  .ui-modal .modal-close-top .done {
    position: absolute;
    top: 4px;
    right: 16px; }
    .ui-modal .modal-close-top .done a {
      display: block;
      line-height: 20px;
      padding: 7px 8px;
      color: #262626;
      font-weight: 500;
      border: 1px solid whitesmoke;
      background: white; }
.ui-modal .modal-action {
  width: 100%;
  margin: 32px 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  border-radius: 4px; }
  .ui-modal .modal-action div {
    min-width: 100px;
    max-width: 140px;
    display: flex;
    align-items: center;
    justify-content: center; }
  .ui-modal .modal-action .btn-reset {
    margin: 0 16px 0 0; }
    .ui-modal .modal-action .btn-reset a {
      background: none;
      color: #262626;
      border: 1px solid #d9d9d9; }
  .ui-modal .modal-action a {
    width: 100%;
    display: block;
    box-sizing: border-box;
    line-height: 20px;
    padding: 11px 24px;
    border-radius: 4px;
    text-align: center;
    color: white;
    font-size: 1.4rem;
    font-weight: 500;
    background: #f38a00;
    border: 1px solid #f38a00; }

.more-menu-list {
  padding: 12px 16px; }
  .more-menu-list li {
    border-bottom: 1px solid whitesmoke; }
    .more-menu-list li:last-child {
      border: none; }
    .more-menu-list li a {
      display: flex;
      align-items: center;
      padding: 12px 0;
      color: #262626;
      font-size: 1.6rem;
      font-weight: 400; }
    .more-menu-list li svg {
      display: block;
      width: 24px;
      height: 24px;
      margin: 0 16px 0 0; }

.ui-modal-overlay-white {
  width: 100%;
  height: 100vh;
  background: white;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  display: none;
  cursor: pointer; }

.ui-modal-search-content {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  background: #fafafa;
  padding: 0;
  border-radius: 4px 4px 0 0;
  transition: transform 0.25s cubic-bezier(0.65, 0.05, 0.09, 0.99);
  display: none; }

.ui-modal-image-inspector .image-carousel {
  width: 100%;
  margin: 44px 0 24px 0; }
  .ui-modal-image-inspector .image-carousel img {
    display: block;
    margin: 0 auto;
    width: 88%; }
.ui-modal-image-inspector .progress-bar {
  width: 65%;
  min-width: 240px;
  height: 4px;
  border-radius: 32px;
  background: #e8e8e8;
  margin: 0 auto 24px auto;
  position: relative; }
  .ui-modal-image-inspector .progress-bar:after {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #458500;
    position: absolute;
    top: -10px;
    left: 0; }
.ui-modal-image-inspector .image-thumb ul {
  display: flex;
  justify-content: center;
  align-content: center; }
.ui-modal-image-inspector .image-thumb li {
  margin: 0 4px;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  overflow: hidden;
  padding: 4px;
  position: relative; }
  .ui-modal-image-inspector .image-thumb li.active {
    border: 1px solid #60aa00; }
  .ui-modal-image-inspector .image-thumb li .icon {
    width: 72px;
    height: 72px;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(255, 255, 255, 0.6); }
    .ui-modal-image-inspector .image-thumb li .icon svg {
      display: block;
      width: 48px;
      height: 48px; }
.ui-modal-image-inspector .image-thumb img {
  display: block;
  width: 62px;
  height: 62px; }
.ui-modal-image-inspector .close {
  width: 44px;
  height: 44px;
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center; }
  .ui-modal-image-inspector .close svg {
    width: 24px;
    height: 24px;
    display: block; }

.ui-pop-up.is-on {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10; }
.ui-pop-up .ui-pop-up-overlay {
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.65);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  display: none;
  cursor: pointer; }
.ui-pop-up .ui-pop-up-content {
  padding: 24px 0 0 0;
  background: white;
  border-radius: 4px;
  width: 272px;
  position: relative;
  z-index: 10;
  display: none;
  transform: scale(1.1);
  opacity: 0;
  transition: all 0.25s cubic-bezier(0.65, 0.05, 0.09, 0.99); }
  .ui-pop-up .ui-pop-up-content.is-show {
    opacity: 1;
    transform: scale(1); }
  .ui-pop-up .ui-pop-up-content .title {
    padding: 0 24px;
    text-align: center;
    font-size: 1.6rem;
    font-weight: 600;
    margin: 0 0 8px 0; }
  .ui-pop-up .ui-pop-up-content .content {
    margin: 0 0 16px 0;
    padding: 0 24px;
    text-align: center; }
  .ui-pop-up .ui-pop-up-content .action {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid whitesmoke;
    background: whitesmoke;
    border-radius: 0 0 4px 4px;
    overflow: hidden; }
    .ui-pop-up .ui-pop-up-content .action a {
      line-height: 20px;
      padding: 14px 0;
      width: 50%;
      box-sizing: border-box;
      text-align: center;
      color: #262626;
      font-weight: 600;
      background: white; }
    .ui-pop-up .ui-pop-up-content .action .main {
      width: calc(50% - 1px);
      color: #f38a00; }

@keyframes scaleBounce2 {
  0% {
    transform: scale(0); }
  25% {
    transform: scale(1.1); }
  50% {
    transform: scale(0.9); }
  75% {
    transform: scale(1); } }
.ui-page {
  width: 100%;
  height: 100%;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  background: #fafafa; }
  .ui-page header {
    background: #458500;
    height: 56px;
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10; }
    .ui-page header .icon {
      position: absolute;
      top: 6px;
      left: 0; }
    .ui-page header h1 {
      margin: 0;
      color: white;
      font-size: 1.6rem;
      font-weight: 600;
      line-height: 22px; }
  .ui-page .page-tool-bar {
    margin: 0 0 8px 0;
    padding: 10px 16px;
    background: white;
    border-bottom: 1px solid whitesmoke;
    position: sticky;
    position: -webkit-sticky;
    top: 56px; }

.page-desc .page-desc-content {
  background: white;
  padding: 16px;
  font-size: 1.6rem; }

.ui-compare-table-page {
  background: white;
  transform: translateX(100%);
  transition: transform 0.3s cubic-bezier(0.65, 0.05, 0.09, 0.99); }
  .ui-compare-table-page.is-slide-in {
    transform: translateX(0); }
  .ui-compare-table-page .page-content {
    white-space: nowrap;
    width: 100%;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch; }
  .ui-compare-table-page .ui-compare-table {
    border-collapse: collapse;
    border: none; }
    .ui-compare-table-page .ui-compare-table td {
      border: 1px solid #e8e8e8; }
  .ui-compare-table-page .ui-product-grid {
    width: 160px;
    box-sizing: border-box;
    margin: 0;
    padding: 8px; }
  .ui-compare-table-page .ui-product-grid .product-img {
    margin: 0 0 8px 0; }
  .ui-compare-table-page .ui-product-grid .product-img img {
    width: 80px; }
  .ui-compare-table-page .ui-product-grid .product-info .product-name {
    font-size: 1.2rem;
    line-height: 16px;
    height: auto;
    margin: 0 0 4px 0; }
  .ui-compare-table-page .ui-product-rating .product-rating-top, .ui-compare-table-page .ui-product-rating .product-rating-bottom {
    height: 14px; }
  .ui-compare-table-page .ui-product-rating .product-rating-number {
    font-size: 1.2rem;
    line-height: 14px; }
  .ui-compare-table-page .ui-product-grid .product-info .product-price .discount {
    font-size: 1.4rem;
    line-height: 18px; }
  .ui-compare-table-page .ui-product-grid .product-info .product-price .msrp {
    line-height: 18px; }
  .ui-compare-table-page .compare-products {
    background: white; }
    .ui-compare-table-page .compare-products td {
      padding: 0; }
  .ui-compare-table-page .compare-values td {
    white-space: normal;
    padding: 12px 8px; }
  .ui-compare-table-page .compare-values .label {
    font-size: 1.1rem;
    margin: 0 0 2px 0;
    font-weight: 500; }
  .ui-compare-table-page .compare-values .value {
    color: black; }
  .ui-compare-table-page .compare-values:nth-child(odd) {
    background: #fafafa; }

.ui-input-search-search-page {
  margin: 0;
  display: flex;
  flex-direction: column;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  border-radius: 4px; }
  .ui-input-search-search-page > span {
    display: block; }
  .ui-input-search-search-page .input-title {
    line-height: 20px;
    font-size: 1.3rem;
    margin: 0 0 0 0;
    color: #595959;
    cursor: pointer;
    order: 1;
    transition: color 0.3s ease; }
  .ui-input-search-search-page input {
    display: block;
    width: 100%;
    box-sizing: border-box;
    height: 44px;
    margin: 0;
    padding: 0 8px 0 44px;
    border: none;
    border-radius: 4px;
    outline: none;
    background: whitesmoke;
    font-size: 1.6rem;
    font-weight: 400;
    order: 2; }
    .ui-input-search-search-page input::-webkit-input-placeholder {
      color: #8c8c8c;
      font-size: 1.6rem;
      line-height: 20px; }
  .ui-input-search-search-page > input:focus ~ .input-title {
    color: #33691e; }
  .ui-input-search-search-page .input-icon {
    width: 44px;
    height: 44px;
    order: 6;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center; }
    .ui-input-search-search-page .input-icon a, .ui-input-search-search-page .input-icon svg {
      display: block;
      width: 24px;
      height: 24px; }
  .ui-input-search-search-page .input-clear {
    order: 7;
    position: absolute;
    top: 0;
    right: 0;
    box-sizing: border-box;
    background: white;
    width: 44px;
    height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: opacity 0.25s ease; }
    .ui-input-search-search-page .input-clear.is-fade-in {
      opacity: 1; }
    .ui-input-search-search-page .input-clear svg {
      display: block;
      width: 24px;
      height: 24px; }
  .ui-input-search-search-page .input-highlight {
    width: 100%;
    height: 1px;
    line-height: 1px;
    background: #8cc324;
    order: 4;
    position: absolute;
    top: 43px;
    left: 0;
    transform: scale(0);
    transition: transform 0.3s ease; }
  .ui-input-search-search-page > input:focus ~ .input-highlight {
    transform: scale(1); }
  .ui-input-search-search-page .input-text-error-msg {
    margin: 6px 0 0 0;
    font-size: 1.2rem;
    color: red;
    order: 3; }

.ui-input-search-search-page input {
  background: none; }
.ui-input-search-search-page .input-highlight {
  top: 49px;
  height: 2px;
  line-height: 2px; }

.ui-input-text-search {
  margin: 0;
  display: flex;
  flex-direction: column;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  border-radius: 4px;
  overflow: hidden; }
  .ui-input-text-search > span {
    display: block; }
  .ui-input-text-search .input-title {
    line-height: 20px;
    font-size: 1.3rem;
    margin: 0 0 0 0;
    color: #595959;
    cursor: pointer;
    order: 1;
    transition: color 0.3s ease; }
  .ui-input-text-search input {
    display: block;
    width: 100%;
    box-sizing: border-box;
    height: 44px;
    margin: 0;
    padding: 0 8px 0 40px;
    border: none;
    border-radius: 4px;
    outline: none;
    background: whitesmoke;
    font-size: 1.6rem;
    font-weight: 400;
    order: 2; }
    .ui-input-text-search input::-webkit-input-placeholder {
      color: #8c8c8c;
      font-size: 1.4rem;
      line-height: 20px; }
  .ui-input-text-search > input:focus ~ .input-title {
    color: #33691e; }
  .ui-input-text-search .input-placeholder {
    color: #595959;
    font-size: 1.4rem;
    line-height: 20px;
    order: 5;
    position: absolute;
    top: 12px;
    left: 40px;
    opacity: 1;
    transition: opacity .25s ease; }
  .ui-input-text-search > input:focus ~ .input-placeholder {
    opacity: 0; }
  .ui-input-text-search .input-icon {
    width: 24px;
    height: 24px;
    order: 6;
    position: absolute;
    top: 10px;
    left: 8px; }
    .ui-input-text-search .input-icon a, .ui-input-text-search .input-icon svg {
      display: block;
      width: 24px;
      height: 24px; }
  .ui-input-text-search .input-clear {
    order: 7;
    position: absolute;
    top: 0;
    right: 0;
    box-sizing: border-box;
    background: whitesmoke;
    width: 44px;
    height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: opacity 0.25s ease; }
    .ui-input-text-search .input-clear.is-fade-in {
      opacity: 1; }
    .ui-input-text-search .input-clear svg {
      display: block;
      width: 20px;
      height: 20px; }
  .ui-input-text-search .input-highlight {
    width: 100%;
    height: 1px;
    line-height: 1px;
    background: #8cc324;
    order: 4;
    position: absolute;
    top: 43px;
    left: 0;
    transform: scale(0);
    transition: transform 0.3s ease; }
  .ui-input-text-search > input:focus ~ .input-highlight {
    transform: scale(1); }
  .ui-input-text-search .input-text-error-msg {
    margin: 6px 0 0 0;
    font-size: 1.2rem;
    color: red;
    order: 3; }

.ui-input-text-normal {
  margin: 0;
  display: flex;
  flex-direction: column;
  position: relative;
  -webkit-tap-highlight-color: transparent; }
  .ui-input-text-normal > span {
    display: block; }
  .ui-input-text-normal .input-title {
    line-height: 20px;
    font-size: 1.6rem;
    font-weight: 400;
    margin: 0 0 0 0;
    color: #262626;
    cursor: pointer;
    order: 1;
    transition: color 0.25s ease; }
  .ui-input-text-normal > input:focus ~ .input-title {
    color: #458500; }
  .ui-input-text-normal input {
    display: block;
    width: 100%;
    box-sizing: border-box;
    height: 44px;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #bfbfbf;
    outline: none;
    background: rgba(255, 255, 255, 0);
    font-size: 1.6rem;
    font-weight: 400;
    order: 2; }
  .ui-input-text-normal .input-highlight {
    width: 100%;
    height: 2px;
    line-height: 2px;
    background: #60aa00;
    order: 4;
    position: absolute;
    z-index: 2;
    top: 43px;
    left: 0;
    transform: scale(0);
    transition: transform 0.4s ease; }
  .ui-input-text-normal > input:focus ~ .input-highlight {
    transform: scale(1); }
  .ui-input-text-normal .input-text-error-msg {
    margin: 6px 0 0 0;
    font-size: 1.2rem;
    color: red;
    order: 3; }

.ui-input-text-with-title {
  margin: 0;
  display: flex;
  flex-direction: column;
  position: relative;
  -webkit-tap-highlight-color: transparent; }
  .ui-input-text-with-title > span {
    display: block; }
  .ui-input-text-with-title .input-title {
    line-height: 20px;
    font-size: 1.3rem;
    font-weight: 400;
    margin: 0 0 0 0;
    color: #595959;
    cursor: pointer;
    order: 1;
    transition: color 0.25s ease; }
  .ui-input-text-with-title > input:focus ~ .input-title {
    color: #458500; }
  .ui-input-text-with-title input {
    display: block;
    width: 100%;
    box-sizing: border-box;
    height: 36px;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #bfbfbf;
    outline: none;
    background: rgba(255, 255, 255, 0);
    font-size: 1.6rem;
    font-weight: 400;
    order: 2; }
    .ui-input-text-with-title input.disable {
      color: #8c8c8c; }
  .ui-input-text-with-title .input-highlight {
    width: 100%;
    height: 1px;
    line-height: 1px;
    background: #60aa00;
    order: 4;
    position: absolute;
    z-index: 2;
    top: 55px;
    left: 0;
    transform: scale(0);
    transition: transform 0.3s ease-in-out; }
  .ui-input-text-with-title .input-icon-show {
    opacity: 0;
    transition: opacity 0.3s ease-in-out; }
  .ui-input-text-with-title > input:focus ~ .input-highlight {
    transform: scale(1); }
  .ui-input-text-with-title > input:focus ~ .input-icon-show {
    opacity: 1; }
  .ui-input-text-with-title .input-text-error-msg {
    margin: 6px 0 0 0;
    font-size: 1.2rem;
    color: red;
    order: 3; }
  .ui-input-text-with-title .input-icon {
    position: absolute;
    right: 0;
    top: 26px; }
    .ui-input-text-with-title .input-icon svg {
      width: 24px;
      height: 24px;
      display: block; }

.ui-input-number {
  margin: 0;
  display: flex;
  flex-direction: column;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  border-radius: 4px;
  overflow: hidden; }
  .ui-input-number > span {
    display: block; }
  .ui-input-number input {
    display: block;
    width: 100%;
    box-sizing: border-box;
    height: 44px;
    margin: 0;
    padding: 0 8px 0 40px;
    border: none;
    border-radius: 4px;
    outline: none;
    background: whitesmoke;
    font-size: 1.6rem;
    font-weight: 400;
    order: 2; }
  .ui-input-number .input-highlight {
    width: 100%;
    height: 1px;
    line-height: 1px;
    background: #8cc324;
    order: 4;
    position: absolute;
    top: 43px;
    left: 0;
    transform: scale(0);
    transition: transform 0.3s ease; }
  .ui-input-number > input:focus ~ .input-highlight {
    transform: scale(1); }
  .ui-input-number .input-text-error-msg {
    margin: 6px 0 0 0;
    font-size: 1.2rem;
    color: red;
    order: 3; }

.ui-textarea-gb {
  border: 0;
  display: flex;
  flex-direction: column; }
  .ui-textarea-gb span {
    display: block; }
  .ui-textarea-gb textarea {
    width: 100%;
    min-height: 128px;
    padding: 0;
    display: block;
    box-sizing: border-box;
    border: none;
    border-bottom: 1px solid #d9d9d9;
    border-radius: 0;
    outline: none;
    resize: vertical;
    font-size: 1.6rem;
    order: 2;
    -webkit-appearance: none;
    transition: all 0.3s ease; }
    .ui-textarea-gb textarea:focus {
      border-mottom: 1px solid #60aa00;
      background: #f1f8e9; }
    .ui-textarea-gb textarea:focus ~ .input-title {
      color: #60aa00; }
  .ui-textarea-gb .input-title {
    line-height: 20px;
    font-size: 1.6rem;
    margin: 0 0 8px 0;
    font-weight: 600;
    color: #262626;
    cursor: pointer;
    order: 1;
    transition: all 0.3s ease; }

.ui-textarea-with-title {
  border: 0;
  display: flex;
  flex-direction: column;
  position: relative; }
  .ui-textarea-with-title span {
    display: block; }
  .ui-textarea-with-title textarea {
    width: 100%;
    min-height: 128px;
    padding: 0;
    display: block;
    box-sizing: border-box;
    border: none;
    border-bottom: 1px solid #d9d9d9;
    background: none;
    border-radius: 0;
    outline: none;
    resize: vertical;
    font-size: 1.6rem;
    order: 2;
    -webkit-appearance: none;
    transition: all 0.3s ease; }
    .ui-textarea-with-title textarea:focus ~ .input-highlight {
      transform: scale(1); }
    .ui-textarea-with-title textarea:focus ~ .input-title {
      color: #60aa00; }
  .ui-textarea-with-title .input-highlight {
    width: 100%;
    height: 1px;
    line-height: 1px;
    position: absolute;
    top: 155px;
    left: 0;
    background: #60aa00;
    transform: scale(0);
    transition: all 0.3s ease; }
  .ui-textarea-with-title .input-title {
    line-height: 20px;
    font-size: 1.3rem;
    margin: 0 0 8px 0;
    font-weight: 400;
    color: #262626;
    cursor: pointer;
    order: 1;
    transition: all 0.3s ease; }

.ui-radio {
  min-height: 44px;
  margin: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  tap-highlight-color: rgba(255, 255, 255, 0); }
  .ui-radio > input[type="radio"] {
    display: none;
    order: 1; }
  .ui-radio .input-title {
    color: #262626;
    line-height: 20px;
    transition: color 0.25s ease;
    font-size: 1.4rem;
    font-weight: 500;
    order: 2; }
    .ui-radio .input-title .category-count {
      font-size: 1.4rem;
      color: #8c8c8c; }
  .ui-radio .input-highlight {
    width: 22px;
    height: 22px;
    margin: 0 18px 0 0;
    box-sizing: border-box;
    border: 1px solid #bfbfbf;
    border-radius: 50%;
    background: white;
    display: block;
    position: relative;
    transition: all 0.25s ease;
    order: 3; }
  .ui-radio > input[type="radio"]:checked ~ .input-title {
    color: #60aa00; }
  .ui-radio > input[type="radio"]:checked ~ .input-highlight {
    border: 6px solid #60aa00; }

.ui-radio-normal {
  min-height: 44px;
  margin: 0;
  display: flex;
  align-items: center;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  tap-highlight-color: rgba(255, 255, 255, 0); }
  .ui-radio-normal > input[type="radio"] {
    display: none; }
  .ui-radio-normal .input-title {
    color: #262626;
    line-height: 20px;
    transition: color 0.25s ease;
    font-size: 1.6rem; }
    .ui-radio-normal .input-title .category-count {
      font-size: 1.4rem;
      color: #8c8c8c; }
  .ui-radio-normal .input-highlight {
    width: 20px;
    height: 20px;
    margin: 0 8px 0 0;
    box-sizing: border-box;
    border: 2px solid #bfbfbf;
    border-radius: 50%;
    background: white;
    display: block;
    position: relative;
    transition: all 0.25s ease; }
  .ui-radio-normal > input[type="radio"]:checked ~ .input-title {
    color: #60aa00; }
  .ui-radio-normal > input[type="radio"]:checked ~ .input-highlight {
    border: 6px solid #60aa00; }

.ui-radio-outline {
  width: 100%;
  padding: 12px 16px;
  box-sizing: border-box;
  border: 1px solid whitesmoke;
  background: white;
  border-radius: 4px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  cursor: pointer;
  position: relative;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }
  .ui-radio-outline span {
    display: block; }
  .ui-radio-outline > input[type="radio"] {
    display: none; }
  .ui-radio-outline .input-highlight {
    width: 22px;
    height: 22px;
    margin: 0 16px 0 0;
    box-sizing: border-box;
    border: 1px solid #d9d9d9;
    border-radius: 50%;
    background: white;
    display: block;
    position: relative;
    z-index: 2;
    transition: all 0.25s ease; }
  .ui-radio-outline .input-title {
    color: #262626;
    position: relative;
    z-index: 2;
    transition: color 0.25s ease;
    width: calc(100% - 38px); }
    .ui-radio-outline .input-title .title {
      line-height: 20px;
      font-weight: 500;
      font-size: 1.3rem; }
    .ui-radio-outline .input-title .desc {
      line-height: 18px;
      font-size: 1.2rem; }
    .ui-radio-outline .input-title .add-name {
      font-weight: 600; }
    .ui-radio-outline .input-title .add-tel a {
      color: #262626; }
  .ui-radio-outline .input-title-cn .default-payment-badge {
    font-size: 1rem;
    line-height: 12px;
    padding: 2px 4px;
    border-radius: 4px;
    background: #458500;
    color: white;
    display: inline-block; }
  .ui-radio-outline .input-title-cn .add-name {
    font-size: 1.6rem;
    line-height: 24px; }
  .ui-radio-outline .input-title-cn .add-ship-name {
    font-size: 1.6rem;
    line-height: 20px;
    font-weight: 600;
    display: flex;
    align-items: center; }
    .ui-radio-outline .input-title-cn .add-ship-name .logo {
      margin: 0 4px 0 0; }
      .ui-radio-outline .input-title-cn .add-ship-name .logo svg {
        display: block;
        width: 40px;
        height: 40px; }
  .ui-radio-outline .input-title-cn .pay-info {
    display: flex;
    align-items: center; }
    .ui-radio-outline .input-title-cn .pay-info .pay-logo {
      margin: 0 12px 0 0; }
      .ui-radio-outline .input-title-cn .pay-info .pay-logo svg {
        display: block;
        width: 36px;
        height: 36px; }
    .ui-radio-outline .input-title-cn .pay-info .exp-date {
      line-height: 20px; }
  .ui-radio-outline .input-title-cn .add-address {
    margin: 4px 0 0 0; }
  .ui-radio-outline .input-logo {
    width: 44px;
    height: 44px; }
    .ui-radio-outline .input-logo svg {
      display: block;
      width: 44px;
      height: 44px; }
  .ui-radio-outline .input-button-group {
    width: 100%;
    margin: 16px 0 0 0;
    display: none;
    opacity: 0;
    transition: all 0.25s ease; }
    .ui-radio-outline .input-button-group .confirm {
      font-weight: 600;
      line-height: 20px;
      padding: 12px 0;
      text-align: center;
      border-radius: 4px;
      background: #f38a00;
      color: white;
      margin: 0 0 8px 0; }
    .ui-radio-outline .input-button-group .utility {
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .ui-radio-outline .input-button-group .utility .edit, .ui-radio-outline .input-button-group .utility .delete {
        font-weight: 500;
        font-size: 14px;
        line-height: 20px;
        border-radius: 4px;
        text-align: center;
        padding: 12px 0;
        width: 48%;
        background: #e8e8e8;
        color: #262626; }
    .ui-radio-outline .input-button-group .method-confirm {
      display: flex;
      justify-content: space-between; }
      .ui-radio-outline .input-button-group .method-confirm .confirm {
        flex-grow: 2; }
      .ui-radio-outline .input-button-group .method-confirm .info {
        background: #458500;
        border-radius: 4px;
        width: 44px;
        height: 44px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 0 0 8px; }
        .ui-radio-outline .input-button-group .method-confirm .info svg {
          display: block;
          width: 24px;
          height: 24px; }
  .ui-radio-outline .input-outline {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border-radius: 4px;
    border: 1px solid whitesmoke;
    background: rgba(241, 248, 233, 0);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    transition: all 0.25s ease; }
  .ui-radio-outline > input[type="radio"]:checked ~ .input-title {
    color: #262626; }
  .ui-radio-outline > input[type="radio"]:checked ~ .input-highlight {
    border: 6px solid #60aa00; }
  .ui-radio-outline > input[type="radio"]:checked ~ .input-outline {
    border: 1px solid whitesmoke;
    background: rgba(69, 133, 0, 0); }
  .ui-radio-outline > input[type="radio"]:checked ~ .input-button-group {
    display: flex;
    flex-direction: column;
    opacity: 1; }

.ui-radio-outline-cn {
  padding: 12px 0 12px 16px;
  border: none;
  box-sizing: border-box; }

.ui-checkbox {
  margin: 0;
  min-height: 44px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  tap-highlight-color: rgba(255, 255, 255, 0);
  position: relative; }
  .ui-checkbox:after {
    content: "";
    display: block;
    width: 40px;
    height: 44px;
    position: absolute;
    top: 0;
    right: 44px;
    background: linear-gradient(to right, rgba(191, 191, 191, 0), rgba(191, 191, 191, 0)); }
  .ui-checkbox > input[type="checkbox"] {
    display: none; }
  .ui-checkbox .input-title {
    color: #262626;
    line-height: 44px;
    transition: all 0.2s ease;
    font-size: 1.4rem;
    font-weight: 500;
    order: 1;
    width: 78%;
    overflow: scroll;
    white-space: nowrap; }
    .ui-checkbox .input-title .category-count {
      font-size: 1.4rem;
      color: #8c8c8c; }
  .ui-checkbox .input-highlight {
    width: 22px;
    height: 22px;
    margin: 0 18px 0 0;
    box-sizing: border-box;
    border: 1px solid #bfbfbf;
    border-radius: 2px;
    background: white;
    display: block;
    position: relative;
    order: 2;
    transition: all 0.25s ease; }
    .ui-checkbox .input-highlight svg {
      display: block;
      width: 22px;
      height: 22px; }
  .ui-checkbox > input[type="checkbox"]:checked ~ .input-title {
    color: #60aa00; }
    .ui-checkbox > input[type="checkbox"]:checked ~ .input-title .category-count {
      color: #60aa00; }
  .ui-checkbox > input[type="checkbox"]:checked ~ .input-highlight {
    background: #60aa00;
    border: none; }

.ui-checkbox-label-left {
  margin: 0;
  min-height: 44px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  tap-highlight-color: rgba(255, 255, 255, 0);
  position: relative; }
  .ui-checkbox-label-left:after {
    content: "";
    display: block;
    width: 40px;
    height: 44px;
    position: absolute;
    top: 0;
    right: 44px;
    background: linear-gradient(to right, rgba(191, 191, 191, 0), rgba(191, 191, 191, 0)); }
  .ui-checkbox-label-left > input[type="checkbox"] {
    display: none; }
  .ui-checkbox-label-left .input-title {
    color: #595959;
    line-height: 44px;
    transition: all 0.2s ease;
    font-size: 1.4rem;
    font-weight: 400;
    order: 1; }
    .ui-checkbox-label-left .input-title .category-count {
      font-size: 1.4rem;
      color: #8c8c8c; }
  .ui-checkbox-label-left .input-highlight {
    width: 22px;
    height: 22px;
    margin: 0 0 0 0;
    box-sizing: border-box;
    border: 1px solid #bfbfbf;
    border-radius: 2px;
    background: white;
    display: block;
    position: relative;
    order: 2;
    transition: all 0.25s ease; }
    .ui-checkbox-label-left .input-highlight svg {
      display: block;
      width: 22px;
      height: 22px; }
  .ui-checkbox-label-left > input[type="checkbox"]:checked ~ .input-title {
    color: #60aa00; }
    .ui-checkbox-label-left > input[type="checkbox"]:checked ~ .input-title .category-count {
      color: #60aa00; }
  .ui-checkbox-label-left > input[type="checkbox"]:checked ~ .input-highlight {
    background: #60aa00;
    border: none; }

.ui-switch {
  display: block;
  width: 56px;
  height: 32px;
  border-radius: 50px;
  background: white;
  position: relative;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent; }
  .ui-switch > input[type="checkbox"] {
    display: none; }
  .ui-switch .input-highlight {
    width: 30px;
    height: 30px;
    box-sizing: border-box;
    border: 1px solid #d9d9d9;
    border-radius: 50%;
    background: white;
    display: block;
    position: absolute;
    top: 1px;
    left: 0;
    transition: all 0.2s ease; }
  .ui-switch .input-bg {
    display: block;
    width: 56px;
    height: 32px;
    box-sizing: border-box;
    border-radius: 50px;
    border: 2px solid #d9d9d9;
    background: #fafafa;
    transition: all 0.25s ease; }
  .ui-switch .input-icon {
    display: block;
    width: 30px;
    height: 30px;
    position: relative;
    transform: rotate(45deg); }
    .ui-switch .input-icon:before {
      content: "";
      display: block;
      width: 12px;
      height: 2px;
      background: #8c8c8c;
      position: absolute;
      top: 14px;
      left: 8px;
      border-radius: 32px;
      transition: all 0.25s ease; }
    .ui-switch .input-icon:after {
      content: "";
      display: block;
      width: 2px;
      height: 12px;
      background: #8c8c8c;
      position: absolute;
      top: 9px;
      left: 13px;
      border-radius: 32px;
      transition: all 0.25s ease; }
  .ui-switch > input[type="checkbox"]:checked ~ .input-highlight {
    left: 25px;
    border: none; }
  .ui-switch > input[type="checkbox"]:checked ~ .input-bg {
    border: 16px solid #60aa00;
    background: #60aa00; }
  .ui-switch > input[type="checkbox"]:checked ~ .input-highlight .input-icon:before {
    width: 6px;
    height: 2px;
    background: #60aa00;
    position: absolute;
    top: 17px;
    left: 12px; }
  .ui-switch > input[type="checkbox"]:checked ~ .input-highlight .input-icon:after {
    width: 2px;
    height: 12px;
    background: #60aa00;
    position: absolute;
    top: 7px;
    left: 17px; }

.ui-input-select-bb {
  margin: 0;
  display: flex;
  flex-direction: column;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  background: #fafafa;
  border-radius: 4px;
  padding: 0 0 0 2px; }
  .ui-input-select-bb > span {
    display: block; }
  .ui-input-select-bb .input-title {
    line-height: 20px;
    font-size: 1.3rem;
    margin: 0 0 0 0;
    color: #595959;
    cursor: pointer;
    order: 1;
    transition: color 0.3s ease; }
  .ui-input-select-bb:before {
    content: "";
    width: 6px;
    height: 6px;
    box-sizing: border-box;
    border-top: 2px solid #262626;
    border-right: 2px solid #262626;
    display: block;
    position: absolute;
    top: 17px;
    right: 10px;
    transform: rotate(135deg); }
  .ui-input-select-bb select {
    width: 100%;
    height: 42px;
    border: none;
    border-radius: 0;
    box-sizing: border-box;
    background: none;
    font-size: 1.4rem;
    outline: none;
    -webkit-appearance: none;
    cursor: pointer;
    display: block;
    order: 2; }
    .ui-input-select-bb select:focus ~ .input-title {
      color: #33691e; }
    .ui-input-select-bb select:focus ~ .input-highlight {
      transform: scale(1); }

.ui-input-select-with-title {
  margin: 0;
  display: flex;
  flex-direction: column;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  padding: 0 0 0 0; }
  .ui-input-select-with-title > span {
    display: block; }
  .ui-input-select-with-title .input-title {
    line-height: 20px;
    font-size: 1.3rem;
    margin: 0 0 0 0;
    color: #262626;
    cursor: pointer;
    order: 1;
    transition: color 0.3s ease; }
  .ui-input-select-with-title:before {
    content: "";
    width: 6px;
    height: 6px;
    box-sizing: border-box;
    border-top: 2px solid #262626;
    border-right: 2px solid #262626;
    display: block;
    position: absolute;
    top: 36px;
    right: 10px;
    transform: rotate(135deg); }
  .ui-input-select-with-title select {
    width: 100%;
    height: 36px;
    border: none;
    border-bottom: 1px solid #bfbfbf;
    border-radius: 0;
    box-sizing: border-box;
    background: none;
    font-size: 1.6rem;
    outline: none;
    -webkit-appearance: none;
    cursor: pointer;
    display: block;
    order: 2;
    padding: 0; }
    .ui-input-select-with-title select:focus ~ .input-title {
      color: #458500; }
    .ui-input-select-with-title select:focus ~ .input-highlight {
      transform: scale(1); }
  .ui-input-select-with-title .input-highlight {
    width: 100%;
    height: 1px;
    line-height: 1px;
    background: #60aa00;
    order: 4;
    position: absolute;
    z-index: 2;
    top: 55px;
    left: 0;
    transform: scale(0);
    transition: transform 0.3s ease; }

.ui-msg-green, .ui-msg-green-list-saved, .ui-msg-green-product-saved, .ui-msg-green-product-removed, .ui-msg-green-qna-report {
  width: 100%;
  min-height: 56px;
  box-sizing: border-box;
  padding: 16px 10px 16px 16px;
  background: #e3edd9;
  text-align: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transform: translateY(-8px);
  transition: all 0.4s ease-in-out;
  opacity: 0; }
  .is-slide-in.ui-msg-green, .is-slide-in.ui-msg-green-list-saved, .is-slide-in.ui-msg-green-product-saved, .is-slide-in.ui-msg-green-product-removed, .is-slide-in.ui-msg-green-qna-report {
    transform: translateY(56px);
    opacity: 1; }
  .ui-msg-green .message, .ui-msg-green-list-saved .message, .ui-msg-green-product-saved .message, .ui-msg-green-product-removed .message, .ui-msg-green-qna-report .message {
    line-height: 20px;
    color: #458500;
    text-align: left;
    font-size: 1.6rem;
    font-weight: 400; }
  .ui-msg-green .action, .ui-msg-green-list-saved .action, .ui-msg-green-product-saved .action, .ui-msg-green-product-removed .action, .ui-msg-green-qna-report .action {
    margin: 0 0 0 4px; }
    .ui-msg-green .action a, .ui-msg-green-list-saved .action a, .ui-msg-green-product-saved .action a, .ui-msg-green-product-removed .action a, .ui-msg-green-qna-report .action a {
      display: block;
      font-size: 1.2rem;
      font-weight: 600;
      background: #f38a00;
      color: white;
      border-radius: 4px;
      padding: 8px 12px; }

.ui-tab .ui-tab-title {
  padding: 0 16px;
  background: white;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid #e8e8e8; }
  .ui-tab .ui-tab-title li {
    width: 50%; }
  .ui-tab .ui-tab-title a {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 14px 0;
    color: #8c8c8c;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 20px;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
    transition: color 0.3s cubic-bezier(0.65, 0.05, 0.09, 0.99); }
    .ui-tab .ui-tab-title a:before {
      content: "";
      display: block;
      width: 100%;
      height: 1px;
      line-height: 1px;
      background: black;
      position: absolute;
      top: 48px;
      left: 0;
      transform: scale(0);
      transition: transform 0.3s cubic-bezier(0.65, 0.05, 0.09, 0.99); }
  .ui-tab .ui-tab-title a.active {
    color: black; }
    .ui-tab .ui-tab-title a.active:before {
      transform: scale(1); }

.ui-product-grid {
  width: 136px;
  padding: 8px 0 0 0;
  margin: 0 8px;
  position: relative; }
  .ui-product-grid .product-img {
    margin: 0 0 12px 0; }
    .ui-product-grid .product-img a {
      display: block;
      width: 100%; }
    .ui-product-grid .product-img img {
      display: block;
      width: 104px;
      margin: 0 auto; }
  .ui-product-grid .product-info {
    text-align: center; }
    .ui-product-grid .product-info .product-name {
      font-size: 1.4rem;
      line-height: 18px;
      font-weight: 500;
      margin: 0 0 8px 0;
      white-space: normal;
      height: 54px;
      overflow: hidden; }
    .ui-product-grid .product-info .ui-product-rating {
      justify-content: center; }
    .ui-product-grid .product-info .product-price .sale {
      line-height: 30px;
      color: black;
      margin: 0 4px 0 0;
      font-size: 1.8rem;
      font-weight: 600; }
    .ui-product-grid .product-info .product-price .discount {
      line-height: 30px;
      color: #458500;
      margin: 0 4px 0 0;
      font-size: 1.8rem;
      font-weight: 600; }
    .ui-product-grid .product-info .product-price .msrp {
      color: #8c8c8c;
      font-size: 1.4rem;
      text-decoration: line-through;
      line-height: 30px;
      font-weight: 400; }
  .ui-product-grid .product-ranking {
    width: 32px;
    height: 32px;
    box-sizing: border-box;
    border: 2px solid #e8e8e8;
    background: #fafafa;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -4px;
    left: 0;
    border-radius: 50%;
    font-size: 1.4rem;
    font-weight: 500; }

.ui-bread-crumb {
  padding: 16px 16px 12px 16px;
  background: white; }
  .ui-bread-crumb ul {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap; }
  .ui-bread-crumb a {
    display: flex;
    align-items: center;
    color: #8c8c8c;
    line-height: 20px;
    font-size: 1.2rem;
    font-weight: 500; }
    .ui-bread-crumb a:after {
      content: "/";
      display: block;
      margin: 0 4px; }
  .ui-bread-crumb > ul li:last-child a:after {
    content: "";
    display: none; }

.ui-bread-crumb-scroll {
  padding: 16px 16px 12px 16px;
  background: white;
  white-space: nowrap; }
  .ui-bread-crumb-scroll ul {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    overflow: scroll;
    overflow: scroll;
    -webkit-overflow-scrolling: touch; }
  .ui-bread-crumb-scroll a {
    display: flex;
    align-items: center;
    color: #8c8c8c;
    line-height: 20px;
    font-size: 1.2rem;
    font-weight: 500; }
    .ui-bread-crumb-scroll a:after {
      content: "/";
      display: block;
      margin: 0 4px; }
  .ui-bread-crumb-scroll > ul li:last-child a:after {
    content: "";
    display: none; }

.ui-qna .qna-profile {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0 0 12px 0; }
  .ui-qna .qna-profile .profile-pic {
    width: 44px;
    height: 44px;
    margin: 0 8px 0 0;
    border-radius: 50%;
    position: relative; }
    .ui-qna .qna-profile .profile-pic a, .ui-qna .qna-profile .profile-pic img {
      display: block;
      width: 44px;
      border-radius: 50%;
      overflow: hidden; }
    .ui-qna .qna-profile .profile-pic .best-answer {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 16px;
      height: 16px;
      background: white;
      border: 2px solid #458500;
      border-radius: 50%;
      position: absolute;
      top: 44px;
      left: 0;
      display: none; }
      .ui-qna .qna-profile .profile-pic .best-answer svg {
        display: block;
        width: 12px;
        height: 12px; }
  .ui-qna .qna-profile .profile-label .best-answer {
    font-weight: 600;
    font-size: 1.2rem;
    color: #458500;
    line-height: 14px;
    display: flex;
    justify-content: flex-start;
    align-items: center; }
    .ui-qna .qna-profile .profile-label .best-answer .icon {
      display: block;
      width: 14px;
      height: 14px;
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 0 4px 0 0;
      background: #458500; }
    .ui-qna .qna-profile .profile-label .best-answer svg {
      display: block;
      width: 10px;
      height: 10px;
      border-radius: 50%; }
  .ui-qna .qna-profile .profile-label .profile-name {
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 20px; }
  .ui-qna .qna-profile .profile-label .post-date {
    font-size: 1.2rem;
    color: #8c8c8c;
    line-height: 14px;
    font-weight: 500; }
.ui-qna .qna-question {
  line-height: 22px;
  font-size: 1.6rem;
  font-weight: 600;
  margin: 0 0 8px 0;
  color: black; }
.ui-qna .qna-question-action {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 4px;
  border: 1px solid whitesmoke;
  margin: 0 0 12px 0; }
  .ui-qna .qna-question-action a {
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    width: 50%;
    line-height: 20px;
    padding: 11px 0;
    color: #262626;
    font-weight: 500;
    font-size: 1.4rem; }
    .ui-qna .qna-question-action a:first-child {
      border-right: 1px solid whitesmoke; }
.ui-qna .qna-answer-wrap-sm {
  padding: 16px;
  border-radius: 4px;
  background: whitesmoke; }
.ui-qna .qna-answer {
  font-size: 1.4rem;
  line-height: 20px;
  color: black;
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
  margin: 0 0 0 0; }
.ui-qna .qna-hide {
  display: none; }
.ui-qna .qna-show-more {
  color: #8c8c8c; }
.ui-qna .qna-answer-action {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  line-height: 20px; }
  .ui-qna .qna-answer-action a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #8c8c8c; }
    .ui-qna .qna-answer-action a.is-active {
      color: #458500; }
      .ui-qna .qna-answer-action a.is-active svg {
        animation: scaleBounce 0.3s ease-in-out; }
      .ui-qna .qna-answer-action a.is-active path {
        fill: #458500; }
  .ui-qna .qna-answer-action svg {
    display: block;
    width: 20px;
    height: 20px;
    margin: 0 4px 0 0; }

.ui-review .review-profile {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0 0 12px 0; }
  .ui-review .review-profile .profile-pic {
    width: 44px;
    height: 44px;
    margin: 0 8px 0 0;
    border-radius: 50%;
    position: relative; }
    .ui-review .review-profile .profile-pic a, .ui-review .review-profile .profile-pic img {
      display: block;
      width: 44px;
      border-radius: 50%;
      overflow: hidden; }
  .ui-review .review-profile .profile-label .verified-review {
    font-weight: 600;
    font-size: 1.2rem;
    color: #f38a00;
    line-height: 14px;
    display: flex;
    justify-content: flex-start;
    align-items: center; }
    .ui-review .review-profile .profile-label .verified-review .icon {
      display: block;
      width: 14px;
      height: 14px;
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 0 4px 0 0;
      background: #f38a00; }
    .ui-review .review-profile .profile-label .verified-review svg {
      display: block;
      width: 10px;
      height: 10px;
      border-radius: 50%; }
  .ui-review .review-profile .profile-label .profile-name {
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 20px; }
  .ui-review .review-profile .profile-label .post-date {
    font-size: 1.2rem;
    color: #8c8c8c;
    line-height: 14px;
    font-weight: 500; }
.ui-review .review-stars .verified-review {
  font-weight: 600;
  font-size: 1.2rem;
  color: #f38a00;
  line-height: 14px;
  display: flex;
  justify-content: flex-start;
  align-items: center; }
  .ui-review .review-stars .verified-review .icon {
    display: block;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 4px 0 0;
    background: #f38a00; }
  .ui-review .review-stars .verified-review svg {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%; }
.ui-review .review-title {
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 22px;
  margin: 0 0 8px 0; }
.ui-review .review-content {
  font-size: 1.4rem;
  line-height: 20px; }
  .ui-review .review-content .show {
    color: #8c8c8c; }
  .ui-review .review-content .hide {
    display: none; }
.ui-review .review-image {
  white-space: nowrap;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  padding: 16px 0 0 0; }
  .ui-review .review-image ul {
    display: flex;
    justify-content: flex-start;
    align-items: center; }
  .ui-review .review-image a {
    display: block;
    width: 80px;
    height: 80px;
    margin: 0 4px 0 0;
    border-radius: 4px;
    overflow: hidden; }
  .ui-review .review-image img {
    display: block;
    width: 100%; }
.ui-review .review-vendor-response {
  margin: 12px 0 0 0;
  padding: 16px;
  background: whitesmoke;
  border-radius: 4px;
  color: black;
  font-size: 1.4rem; }
  .ui-review .review-vendor-response .title {
    font-weight: 600;
    line-height: 20px; }
  .ui-review .review-vendor-response .date {
    font-weight: 500;
    font-size: 1.2rem;
    line-height: 14px;
    color: #8c8c8c;
    margin: 0 0 12px 0; }
  .ui-review .review-vendor-response .response {
    margin: 0 0 12px 0;
    line-height: 20px; }
  .ui-review .review-vendor-response .disclaimer {
    font-size: 1.2rem;
    line-height: 14px;
    color: #8c8c8c;
    font-style: italic; }
.ui-review .review-action {
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 20px;
  font-size: 1.4rem;
  border-top: 1px solid whitesmoke;
  padding: 12px 0 0 0;
  margin: 16px 0 0 0; }
  .ui-review .review-action a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #8c8c8c; }
    .ui-review .review-action a.is-active {
      color: #458500; }
      .ui-review .review-action a.is-active svg {
        animation: scaleBounce 0.3s ease-in-out; }
      .ui-review .review-action a.is-active path {
        fill: #458500; }
  .ui-review .review-action svg {
    display: block;
    width: 20px;
    height: 20px;
    margin: 0 4px 0 0; }

.ui-compare {
  width: 100%;
  padding: 0 0 16px 0;
  position: fixed;
  bottom: 0;
  left: 0;
  background: white;
  border-top: 1px solid #e8e8e8;
  z-index: 10;
  transform: translate(0, 202px);
  transition: transform 0.3s cubic-bezier(0.65, 0.05, 0.09, 0.99); }
  .ui-compare.is-slide-left {
    transform: translate(-96px, 60px); }
  .ui-compare.is-add-to-compare {
    transform: translate(0, 60px); }
  .ui-compare.is-minimize {
    transform: translate(0, 156px); }
  .ui-compare.is-edit {
    transform: translate(0, 0); }
  .ui-compare .title {
    font-size: 1.6rem;
    font-weight: 600;
    padding: 0 0 0 16px;
    border-bottom: 1px solid whitesmoke;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .ui-compare .title .label {
      flex-grow: 1;
      line-height: 44px; }
  .ui-compare .compare-products {
    width: 100%;
    height: 64px;
    padding: 16px 8px;
    display: flex;
    align-items: center;
    white-space: nowrap;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch; }
  .ui-compare .compare-product-indv {
    padding: 0 2px;
    position: relative;
    animation-iteration-count: infinite;
    transform-origin: 50% 10%;
    animation-duration: .2s; }
    .ui-compare .compare-product-indv.is-animating {
      animation-name: shake; }
    .ui-compare .compare-product-indv .compare-image {
      width: 64px; }
      .ui-compare .compare-product-indv .compare-image a, .ui-compare .compare-product-indv .compare-image img {
        display: block;
        width: 100%; }
    .ui-compare .compare-product-indv .delete-icon {
      width: 20px;
      height: 20px;
      position: absolute;
      top: -4px;
      left: -4px;
      border-radius: 50%;
      transform: scale(0);
      transition: transform 0.3s cubic-bezier(0.65, 0.05, 0.09, 0.99); }
      .ui-compare .compare-product-indv .delete-icon a {
        width: 20px;
        height: 20px;
        display: block; }
      .ui-compare .compare-product-indv .delete-icon svg {
        display: block;
        width: 20px;
        height: 20px; }
      .ui-compare .compare-product-indv .delete-icon.is-animating {
        transform: scale(1);
        transition-delay: 0.2s; }
  .ui-compare .compare-product-indv:nth-child(2n) {
    animation-iteration-count: infinite;
    transform-origin: 30% 5%;
    animation-duration: .2s; }
  .ui-compare .compare-product-indv:nth-child(1) {
    animation-delay: -0.75s; }
  .ui-compare .compare-product-indv:nth-child(2) {
    animation-delay: -0.5s; }
  .ui-compare .compare-product-indv:nth-child(3) {
    animation-delay: -0.2s; }
  .ui-compare .compare-product-indv:nth-child(4) {
    animation-delay: -0.8s; }
  .ui-compare .compare-product-indv:nth-child(5) {
    animation-delay: -0.15s; }
  .ui-compare .compare-finish {
    text-align: center; }
    .ui-compare .compare-finish a {
      display: inline-block;
      line-height: 20px;
      color: white;
      background: #458500;
      border-radius: 4px;
      font-weight: 600;
      padding: 12px;
      min-width: 100px;
      text-align: center; }

@keyframes shake {
  0% {
    transform: rotate(-2deg);
    animation-timing-function: ease-in; }
  50% {
    transform: rotate(2deg);
    animation-timing-function: ease-out; } }
@keyframes shake2 {
  0% {
    transform: rotate(2deg);
    animation-timing-function: ease-in; }
  50% {
    transform: rotate(-2deg);
    animation-timing-function: ease-out; } }
.int-compare-maxmize {
  display: none; }

.ui-loading-circle {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column; }

.overlay-test {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 9; }

.ui-marketing-banner {
  width: 100%;
  box-sizing: border-box;
  padding: 12px 16px;
  background: #458500;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  position: fixed;
  bottom: 0;
  left: 0; }
  .ui-marketing-banner .content {
    position: relative; }
  .ui-marketing-banner .slogan {
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 20px;
    color: white;
    width: calc(100% - 32px);
    margin: 0 0 4px 0; }
  .ui-marketing-banner .action {
    color: #458500;
    background: white;
    padding: 8px 8px;
    font-size: 1.2rem;
    font-weight: 500;
    border-radius: 4px;
    line-height: 12px;
    display: inline-block; }
  .ui-marketing-banner .close {
    width: 24px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 12px;
    right: 8px; }
    .ui-marketing-banner .close svg {
      width: 20px;
      height: 20px;
      display: block; }
  .ui-marketing-banner .dots {
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px 0 0 0; }
    .ui-marketing-banner .dots li {
      width: 6px;
      height: 6px;
      border-radius: 50%;
      margin: 0 2px;
      background: white; }
      .ui-marketing-banner .dots li.active {
        background: #f38a00; }

.ui-marketing-banner-2 {
  width: 100%;
  box-sizing: border-box;
  padding: 0;
  background: #458500;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  position: fixed;
  bottom: 0;
  left: 0; }
  .ui-marketing-banner-2 .control {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 4px 4px 0 16px; }
  .ui-marketing-banner-2 .content {
    padding: 0 16px 16px 16px; }
  .ui-marketing-banner-2 .slogan {
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 20px;
    color: white;
    margin: 0 0 0 0; }
    .ui-marketing-banner-2 .slogan a {
      font-weight: 400;
      text-decoration: underline;
      color: white; }
  .ui-marketing-banner-2 .action {
    width: 80px;
    margin: 0 auto; }
    .ui-marketing-banner-2 .action a {
      color: #458500;
      background: white;
      padding: 8px 8px;
      font-size: 1.2rem;
      font-weight: 500;
      border-radius: 4px;
      line-height: 12px;
      display: block;
      text-align: center;
      width: auto; }
  .ui-marketing-banner-2 .close {
    width: 24px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center; }
    .ui-marketing-banner-2 .close svg {
      width: 16px;
      height: 16px;
      display: block; }
  .ui-marketing-banner-2 .dots {
    display: flex;
    justify-content: center;
    align-items: center; }
    .ui-marketing-banner-2 .dots li {
      width: 6px;
      height: 6px;
      border-radius: 50%;
      margin: 0 2px;
      background: white; }
      .ui-marketing-banner-2 .dots li.active {
        background: #f38a00; }

/* ===== ANIMATION CSS ===== */
.loader {
  position: relative;
  width: 80px; }
  .loader:before {
    content: '';
    display: block;
    padding-top: 100%; }

.circular {
  animation: rotate 2s linear infinite;
  height: 100%;
  transform-origin: center center;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto; }

.path {
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  animation: dash 1.5s ease-in-out infinite, color 3s ease-in-out infinite;
  stroke-linecap: round; }

.leaf {
  width: 48px;
  height: 48px;
  display: block;
  position: absolute;
  top: 16px;
  left: 16px; }
  .leaf path {
    fill: #60aa00;
    fill-opacity: 1; }

@keyframes rotate {
  100% {
    transform: rotate(360deg); } }
@keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0; }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px; }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px; } }
@keyframes color {
  100%,
  0% {
    stroke: #60AA00; }
  40% {
    stroke: #60AA00; }
  66% {
    stroke: #60AA00; }
  80%,
  90% {
    stroke: #60AA00; } }
@keyframes fillColor {
  100%,
  0% {
    fill: #8CC324; }
  40% {
    fill: #60AA00; }
  66% {
    fill: #458500; }
  80%,
  90% {
    fill: #60AA00; } }
.spinner {
  width: 56px;
  height: 44px;
  text-align: center; }

.spinner > div {
  background-color: #458500;
  height: 100%;
  width: 4px;
  display: inline-block;
  border-radius: 100px;
  animation: sk-stretchdelay 1.2s infinite ease-in-out, bgcolor 1.2s ease-in-out infinite; }

.spinner .rect2 {
  animation-delay: -1.1s; }

.spinner .rect3 {
  animation-delay: -1.0s; }

.spinner .rect4 {
  animation-delay: -0.9s; }

.spinner .rect5 {
  animation-delay: -0.8s; }

@keyframes sk-stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.4);
    background-color: #458500; }
  20% {
    transform: scaleY(1);
    background-color: #60AA00; } }
/*
@keyframes bgcolor {
  100%,
  0% {
    background-color: $col-p-4;
  }
  40% {
    background-color: $col-s-4;
  }
  66% {
    background-color: $col-p-5;
  }
  80%,
  90% {
    background-color: $col-s-5;
  }
}

*/
/* ===== BASE CSS ===== */
.mw-product-list .pl-header-global {
  display: flex;
  justify-content: space-between;
  margin: 0 0 8px 0;
  padding: 8px 0 8px 16px;
  background: white;
  border-bottom: 1px solid whitesmoke; }
  .mw-product-list .pl-header-global h1 {
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 26px;
    margin: 0;
    color: black; }
  .mw-product-list .pl-header-global .result {
    line-height: 16px;
    font-size: 1.2rem;
    font-weight: 500;
    color: #595959; }
.mw-product-list .pl-top-category {
  background: white;
  margin: 0 0 8px 0;
  border-bottom: 1px solid whitesmoke;
  width: 100%;
  position: relative; }
  .mw-product-list .pl-top-category .title {
    padding: 12px 16px 16px 16px;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 22px;
    color: black; }
  .mw-product-list .pl-top-category .category-list {
    display: flex;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    width: 100%;
    position: relative;
    list-style: none;
    transform: translateX(256px);
    opacity: 0;
    transition: all 0.4s ease; }
    .mw-product-list .pl-top-category .category-list.is-slide-in {
      opacity: 1;
      transform: translateX(0); }
    .mw-product-list .pl-top-category .category-list > li:first-child {
      padding: 0 8px 0 16px; }
    .mw-product-list .pl-top-category .category-list > li:last-child {
      padding: 0 16px 0 8px; }
    .mw-product-list .pl-top-category .category-list li {
      width: calc(256px / 3);
      flex-shrink: 0;
      padding: 0 8px; }
    .mw-product-list .pl-top-category .category-list a {
      display: block;
      text-align: center;
      font-size: 1.2rem;
      color: #262626; }
    .mw-product-list .pl-top-category .category-list img {
      display: block;
      width: 100%; }
    .mw-product-list .pl-top-category .category-list .category-tag {
      padding: 8px 0 12px 0;
      font-weight: 500;
      color: #262626;
      white-space: normal; }
  .mw-product-list .pl-top-category .action {
    padding: 0;
    border-top: 1px solid whitesmoke; }
    .mw-product-list .pl-top-category .action > a {
      padding: 0 0 0 16px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-weight: 500;
      color: #262626; }
.mw-product-list .pl-sticky-function-bar {
  padding: 0;
  background: white;
  margin: 0 0 2px 0;
  display: flex;
  align-items: center;
  border-bottom: 1px solid whitesmoke;
  border-top: 1px solid whitesmoke;
  position: sticky;
  position: -webkit-sticky;
  top: 56px;
  z-index: 2; }
  .mw-product-list .pl-sticky-function-bar.is-scale {
    position: static; }
  .mw-product-list .pl-sticky-function-bar .search-in {
    box-sizing: border-box;
    padding: 0 16px;
    flex-grow: 1; }
  .mw-product-list .pl-sticky-function-bar .refine {
    box-sizing: border-box;
    height: 64px;
    padding: 8px 16px;
    border-left: 1px solid whitesmoke;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer; }
    .mw-product-list .pl-sticky-function-bar .refine .icon {
      width: 24px;
      height: 24px;
      margin: 0 8px 0 0; }
    .mw-product-list .pl-sticky-function-bar .refine .txt {
      line-height: 24px;
      white-space: nowrap; }

.pl-save-list-content {
  padding: 16px; }
  .pl-save-list-content .title {
    font-size: 1.8rem;
    line-height: 26px;
    font-weight: 600;
    margin: 0 0 4px 0; }
  .pl-save-list-content .desc {
    font-size: 1.4rem;
    font-weight: 400;
    margin: 0 0 24px 0; }

.pl-share-list-content {
  padding: 16px 0; }

.pl-share-list {
  width: 288px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin: 0 auto; }
  .pl-share-list li {
    width: calc(100% / 3);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 16px 0; }
  .pl-share-list a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background: #60aa00;
    margin: 0 0 4px 0; }
    .pl-share-list a.facebook {
      background: #4267B2; }
    .pl-share-list a.googleplus {
      background: #DD4B39; }
    .pl-share-list a.twitter {
      background: #1DA1F2; }
    .pl-share-list a.messenger {
      background: #0483FF; }
    .pl-share-list a.sms {
      background: #ffc107; }
  .pl-share-list span {
    display: block;
    font-size: 1.2rem;
    font-weight: 500; }
  .pl-share-list svg {
    display: block;
    width: 40px;
    height: 40px; }

.pl-all-category {
  transform: translateX(100%);
  transition: transform 0.3s cubic-bezier(0.65, 0.05, 0.09, 0.99); }
  .pl-all-category.is-slide-in {
    transform: translateX(0); }
  .pl-all-category .pl-category-list {
    padding: 0 16px 0 16px;
    background: white; }
    .pl-all-category .pl-category-list > li:last-child a {
      border-bottom: none; }
    .pl-all-category .pl-category-list a {
      display: block;
      line-height: 20px;
      padding: 14px 0;
      color: #262626;
      font-size: 1.6rem;
      border-bottom: 1px solid whitesmoke;
      font-weight: 400; }
      .pl-all-category .pl-category-list a .category-count {
        color: #8c8c8c;
        font-weight: 400;
        font-size: 1.4rem; }

.pl-filter-content .filter-section-title {
  padding: 0 6px 0 16px;
  border-bottom: 1px solid whitesmoke;
  display: flex;
  justify-content: space-between;
  align-items: center;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  tap-highlight-color: rgba(255, 255, 255, 0);
  cursor: pointer; }
  .pl-filter-content .filter-section-title .title-txt {
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 24px; }
  .pl-filter-content .filter-section-title .selected {
    font-size: 1.2rem;
    line-height: 14px;
    color: #8c8c8c; }
  .pl-filter-content .filter-section-title .icon {
    width: 44px;
    height: 56px;
    display: flex;
    justify-content: center;
    align-items: center; }
.pl-filter-content .filter-accordion-list {
  background: white;
  transition: background .3s ease;
  transition-delay: .35s;
  display: none; }
  .pl-filter-content .filter-accordion-list li {
    border-bottom: 1px solid whitesmoke; }
  .pl-filter-content .filter-accordion-list label {
    padding: 0;
    opacity: 0;
    transition: all .3s ease;
    transition-delay: .2s; }
  .pl-filter-content .filter-accordion-list.is-colored {
    background: #fafafa; }
    .pl-filter-content .filter-accordion-list.is-colored label {
      opacity: 1;
      padding: 0 0 0 24px; }
.pl-filter-content .pl-filter-action {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  box-sizing: border-box;
  padding: 0;
  background: white;
  border-top: 1px solid whitesmoke;
  position: sticky;
  position: -webkit-sticky;
  z-index: 2;
  bottom: 0;
  left: 0;
  border-radius: 4px; }
  .pl-filter-content .pl-filter-action div {
    width: calc(50%);
    box-sizing: border-box; }
  .pl-filter-content .pl-filter-action .btn-reset {
    border-right: 1px solid whitesmoke; }
  .pl-filter-content .pl-filter-action .btn-apply a {
    color: #f38a00; }
  .pl-filter-content .pl-filter-action .btn-apply .count {
    font-size: 1.2rem;
    font-weight: 500;
    margin: 0 0 0 4px; }
  .pl-filter-content .pl-filter-action a {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #262626;
    width: 100%;
    line-height: 20px;
    padding: 18px 0;
    font-weight: 500;
    font-size: 1.4rem;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    tap-highlight-color: rgba(255, 255, 255, 0);
    background: white; }

.pl-product-cell {
  padding: 16px 0;
  margin: 0 0 2px 0;
  display: flex;
  justify-content: space-between;
  background: white;
  border-bottom: 1px solid whitesmoke;
  position: relative;
  transform: translateY(72px);
  opacity: 0;
  transition: all 0.3s ease; }
  .pl-product-cell.is-slide-up {
    transform: translateY(0);
    opacity: 1; }
  .pl-product-cell .product-image {
    width: calc(26% - 8px);
    width: 26%;
    margin: 0 12px 0 4px;
    max-width: 120px;
    position: relative; }
    .pl-product-cell .product-image img, .pl-product-cell .product-image a {
      display: block;
      width: 100%; }
  .pl-product-cell.viewed .product-image {
    /*content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 100%;
    background: rgba($col-g-1, .6);*/ }
    .pl-product-cell.viewed .product-image img {
      opacity: .6; }
  .pl-product-cell .product-txt {
    width: calc(74% - 12px);
    flex-grow: 2; }
  .pl-product-cell .product-title {
    position: relative;
    margin: 0 0 16px 0; }
    .pl-product-cell .product-title h2 {
      font-size: 1.4rem;
      font-weight: 500;
      line-height: 18px;
      margin: 0;
      width: calc(100% - 44px); }
    .pl-product-cell .product-title .action {
      position: absolute;
      top: -10px;
      right: 0; }
  .pl-product-cell .product-info {
    position: relative; }
    .pl-product-cell .product-info .product-price {
      font-size: 1.8rem;
      line-height: 30px;
      color: black;
      font-weight: 600;
      display: flex;
      letter-spacing: -0.3px; }
      .pl-product-cell .product-info .product-price span {
        display: block; }
      .pl-product-cell .product-info .product-price .discount {
        color: #458500;
        margin: 0 4px 0 0;
        line-height: 30px; }
      .pl-product-cell .product-info .product-price .msrp {
        font-size: 1.4rem;
        text-decoration: line-through;
        color: #8c8c8c;
        line-height: 30px;
        font-weight: 400; }
    .pl-product-cell .product-info .action {
      position: absolute;
      bottom: 2px;
      right: 14px;
      padding: 2px; }
    .pl-product-cell .product-info .btn-add {
      width: 40px;
      height: 40px;
      display: flex;
      justify-content: center;
      align-items: center;
      box-sizing: border-box;
      border-radius: 4px;
      border: 2px solid #f38a00; }
      .pl-product-cell .product-info .btn-add svg {
        display: block;
        width: 24px;
        height: 24px; }
  .pl-product-cell .msg-green {
    font-size: 1.4rem;
    color: #458500;
    font-weight: 500;
    line-height: 18px; }
  .pl-product-cell .msg-red {
    font-size: 1.4rem;
    color: #f10200;
    font-weight: 500;
    line-height: 18px; }
  .pl-product-cell .msg-blk {
    font-size: 1.4rem;
    color: #262626;
    font-weight: 500;
    line-height: 18px; }
  .pl-product-cell .product-viewed {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    position: absolute;
    top: 0;
    left: 0; }
    .pl-product-cell .product-viewed svg, .pl-product-cell .product-viewed span {
      display: block;
      width: 16px;
      height: 16px; }
  .pl-product-cell .product-viewed-circle {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #60aa00;
    position: absolute;
    top: 8px;
    left: 8px; }
    .pl-product-cell .product-viewed-circle svg, .pl-product-cell .product-viewed-circle span {
      display: block;
      width: 16px;
      height: 16px; }
  .pl-product-cell.viewed-grey-bg {
    background: rgba(232, 232, 232, 0.5); }

.pl-product-cell-simple {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background: white;
  position: relative; }
  .pl-product-cell-simple .product-image {
    width: 80px;
    height: 80px;
    margin: 0 8px 0 0;
    position: relative; }
    .pl-product-cell-simple .product-image img, .pl-product-cell-simple .product-image a {
      display: block;
      width: 80px;
      height: 80px; }
  .pl-product-cell-simple .product-txt {
    flex-grow: 2; }
  .pl-product-cell-simple .product-title h2 {
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 18px;
    margin: 0;
    width: 100%; }
    .pl-product-cell-simple .product-title h2 a {
      color: #262626; }

.pl-product-cell-simple-sm {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background: white;
  position: relative; }
  .pl-product-cell-simple-sm .product-image {
    width: 64px;
    height: 64px;
    margin: 0 8px 0 0;
    position: relative; }
    .pl-product-cell-simple-sm .product-image img, .pl-product-cell-simple-sm .product-image a {
      display: block;
      width: 64px;
      height: 64px; }
  .pl-product-cell-simple-sm .product-txt {
    flex-grow: 2; }
  .pl-product-cell-simple-sm .product-title h2 {
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 18px;
    margin: 0;
    width: 100%; }
    .pl-product-cell-simple-sm .product-title h2 a {
      color: #262626; }

.pl-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px 0;
  background: white;
  border-bottom: 1px solid whitesmoke;
  border-top: 1px solid whitesmoke; }
  .pl-pagination .pagination-count {
    display: flex;
    justify-content: center;
    align-items: center; }
    .pl-pagination .pagination-count span {
      display: block;
      margin: 0 4px; }
    .pl-pagination .pagination-count .ui-input-number {
      width: 56px; }
      .pl-pagination .pagination-count .ui-input-number input {
        height: 36px;
        padding: 0 12px;
        text-align: center;
        font-size: 1.6rem; }
      .pl-pagination .pagination-count .ui-input-number .input-highlight {
        top: 35px;
        left: 0; }

/* ===== SEARCH CSS ===== */
.se-header {
  display: flex;
  align-items: center;
  box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2);
  margin: 0 0 8px 0;
  position: sticky;
  position: -webkit-sticky;
  z-index: 5;
  top: 0;
  border-bottom: 1px solid whitesmoke;
  background: white;
  transform: translateY(-56px);
  opacity: 0;
  transition: all 0.2s cubic-bezier(0.65, 0.05, 0.09, 0.99); }
  .se-header.is-slide-down {
    opacity: 1;
    transform: translateY(0); }

.se-search-box {
  flex-grow: 2; }

.se-close {
  width: 56px;
  height: 56px;
  border-left: 1px solid whitesmoke; }
  .se-close a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 56px;
    height: 56px; }
  .se-close svg {
    display: block;
    width: 24px;
    height: 24px; }

.se-content {
  position: relative;
  transform: translateY(8px);
  opacity: 0;
  transition: all 0.4s cubic-bezier(0.65, 0.05, 0.09, 0.99); }
  .se-content.is-slide-up {
    opacity: 1;
    transform: translateY(0); }
  .se-content .search-result-section:last-child {
    border-bottom: none;
    margin: 0; }

.se-content-animate {
  transition: all 0.5s cubic-bezier(0.65, 0.05, 0.09, 0.99); }
  .se-content-animate.is-slide-down {
    transform: translateY(0); }

.se-default-content {
  min-height: calc(100vh - 64px); }

.search-result-section {
  border-bottom: 1px solid whitesmoke;
  background: white;
  margin: 0 0 8px 0; }
  .search-result-section header {
    font-size: 1.4rem;
    font-weight: 600;
    padding: 0 16px;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .search-result-section header .title {
      line-height: 24px;
      padding: 10px 0;
      flex-grow: 2;
      color: #458500; }
    .search-result-section header .icon-clear {
      transform: translateX(10px); }
      .search-result-section header .icon-clear a {
        width: 44px;
        height: 44px;
        display: flex;
        justify-content: center;
        align-items: center; }
      .search-result-section header .icon-clear svg {
        display: block;
        width: 24px;
        height: 24px; }
  .search-result-section .search-result-list {
    padding: 0 16px; }
    .search-result-section .search-result-list li {
      display: flex;
      justify-content: space-between;
      align-items: center;
      border-top: 1px solid whitesmoke;
      position: relative; }
      .search-result-section .search-result-list li:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: 34px;
        width: 44px;
        height: 44px;
        background: linear-gradient(to right, rgba(255, 255, 255, 0), white); }
    .search-result-section .search-result-list .link {
      display: block;
      flex-grow: 2;
      width: calc(100% - 44px);
      line-height: 20px;
      font-size: 1.6rem;
      color: #262626;
      padding: 12px 0;
      overflow: scroll;
      -webkit-overflow-scrolling: touch;
      white-space: nowrap; }
      .search-result-section .search-result-list .link .breadcrumb {
        line-height: 1;
        font-size: 1.2rem;
        color: #8c8c8c; }
      .search-result-section .search-result-list .link .suggest {
        font-weight: 600;
        color: black; }
    .search-result-section .search-result-list .icon-apply {
      width: 44px;
      height: 44px;
      display: flex;
      justify-content: center;
      align-items: center;
      transform: translateX(10px); }
      .search-result-section .search-result-list .icon-apply svg {
        display: block;
        width: 24px;
        height: 24px; }
    .search-result-section .search-result-list.list-only li:after {
      right: 0; }
    .search-result-section .search-result-list.list-only li .link {
      width: 100%; }
  .search-result-section .search-result-suggest-product li {
    padding: 12px 16px 12px 8px;
    border-top: 1px solid whitesmoke; }

.se-more-indicator {
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 20px;
  font-size: 1.2rem;
  font-weight: 600;
  background: #458500;
  border-radius: 32px;
  padding: 4px 0 4px 4px;
  box-sizing: border-box;
  width: 120px;
  color: white;
  position: absolute;
  z-index: 2;
  top: 192px;
  left: calc(50% - 60px);
  transform: translateY(64px);
  transition: transform 0.25s cubic-bezier(0.65, 0.05, 0.09, 0.99); }
  .se-more-indicator.is-lide-up {
    transform: translateY(0); }
  .se-more-indicator svg {
    display: block;
    width: 20px;
    height: 20px;
    margin: 0 0 0 4px; }

/* ===== WISH LIST CSS ===== */
.header-page-title {
  display: flex;
  margin: 0 0 8px 0;
  padding: 8px 0 8px 16px;
  background: white;
  border-bottom: 1px solid whitesmoke; }
  .header-page-title h1 {
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 26px;
    margin: 0;
    color: black; }
  .header-page-title .result {
    line-height: 16px;
    font-size: 1.2rem;
    font-weight: 500;
    color: #595959; }
  .header-page-title .action-back {
    margin: 0 4px 0 0; }
  .header-page-title .title {
    flex-grow: 2; }

.header-page-title-back {
  display: flex;
  margin: 0 0 8px 0;
  padding: 8px 0 8px 0;
  background: white;
  border-bottom: 1px solid whitesmoke; }
  .header-page-title-back h1 {
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 26px;
    margin: 0;
    color: black; }
  .header-page-title-back .result {
    line-height: 16px;
    font-size: 1.2rem;
    font-weight: 500;
    color: #595959; }
  .header-page-title-back .action-back {
    margin: 0 4px 0 0; }
  .header-page-title-back .title {
    flex-grow: 2; }

.sticky-function-bar {
  display: flex;
  align-items: center;
  margin: 0 0 2px 0;
  background: white;
  border-top: 1px solid whitesmoke;
  border-bottom: 1px solid whitesmoke;
  position: sticky;
  position: -webkit-sticky;
  top: 56px;
  z-index: 2; }
  .sticky-function-bar .function-bar-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    height: 56px;
    padding: 8px 16px;
    width: 50%; }
    .sticky-function-bar .function-bar-btn .icon {
      margin: 0 8px 0 0; }
    .sticky-function-bar .function-bar-btn svg {
      display: block;
      width: 24px;
      height: 24px; }
    .sticky-function-bar .function-bar-btn .desc {
      line-height: 24px; }
  .sticky-function-bar .new-list {
    border-right: 1px solid whitesmoke; }
  .sticky-function-bar .function-bart-sort {
    padding: 0 16px;
    box-sizing: border-box;
    width: 50%;
    border-right: 1px solid whitesmoke; }

.wish-list-all-lists {
  background: white;
  height: 100vh; }
  .wish-list-all-lists li {
    padding: 0 16px; }
    .wish-list-all-lists li a {
      display: block;
      line-height: 20px;
      padding: 14px 0;
      color: #262626;
      font-size: 1.6rem;
      border-bottom: 1px solid whitesmoke; }

/* ===== ME CSS ===== */
.me-profile {
  background: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 16px 0;
  border-bottom: 1px solid whitesmoke;
  margin: 0 0 8px 0; }
  .me-profile .profile-pic {
    margin: 0 0 8px 0; }
    .me-profile .profile-pic a, .me-profile .profile-pic img {
      display: block;
      width: 120px;
      height: 120px;
      border-radius: 50%;
      overflow: hidden;
      background: #ffd653; }
  .me-profile .user-name {
    font-weight: 500;
    margin: 0 0 8px 0; }
  .me-profile .rewards-code a {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #f38a00;
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 16px;
    border: 1px solid #ff9d4a;
    padding: 12px 8px;
    border-radius: 4px; }
  .me-profile .rewards-code svg {
    display: block;
    width: 16px;
    height: 16px;
    margin: 0 0 0 4px; }

.me-short-cut {
  background: white;
  border-bottom: 1px solid whitesmoke;
  margin: 0 0 8px 0;
  padding: 16px; }
  .me-short-cut .short-cut-list {
    display: flex;
    justify-content: center;
    align-content: flex-start; }
    .me-short-cut .short-cut-list li {
      width: calc(100% / 3);
      text-align: center; }
    .me-short-cut .short-cut-list a {
      display: flex;
      flex-direction: column;
      justify-content: center;
      color: #262626; }
    .me-short-cut .short-cut-list .message {
      position: relative; }
      .me-short-cut .short-cut-list .message:after {
        content: "";
        display: block;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background: #f38a00;
        position: absolute;
        top: 4px;
        right: 4px; }
    .me-short-cut .short-cut-list span {
      display: block; }
    .me-short-cut .short-cut-list .icon {
      width: 72px;
      height: 72px;
      border: 2px solid #e8e8e8;
      border-radius: 50%;
      box-sizing: border-box;
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 0 auto; }
    .me-short-cut .short-cut-list .link {
      font-size: 1.2rem;
      line-height: 1;
      letter-spacing: -0.2px;
      font-weight: 500;
      margin: 8px 0 0 0; }
    .me-short-cut .short-cut-list svg {
      width: 36px;
      height: 36px;
      display: block; }

.me-recently-shipped {
  background: white;
  border-bottom: 1px solid whitesmoke;
  margin: 0 0 8px 0; }
  .me-recently-shipped header {
    font-weight: 600;
    color: #458500;
    line-height: 20px;
    padding: 12px 16px;
    border-bottom: 1px solid #fafafa;
    font-size: 1.4rem; }
  .me-recently-shipped .all-shipped-item {
    padding: 16px;
    display: flex;
    justify-content: flex-start;
    align-content: flex-start;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap; }
  .me-recently-shipped .shipped-item {
    border: 1px solid #e8e8e8;
    display: flex;
    flex-direction: column;
    align-content: space-between;
    border-radius: 4px;
    padding: 12px;
    width: 100%; }
    .me-recently-shipped .shipped-item .order-number {
      font-weight: 600;
      letter-spacing: -0.2;
      white-space: normal;
      margin: 0 0 8px 0; }
    .me-recently-shipped .shipped-item .track {
      margin: 16px auto 0 auto;
      width: 100%;
      max-width: 256px; }
      .me-recently-shipped .shipped-item .track a {
        display: block;
        font-weight: 500;
        background: white;
        line-height: 20px;
        border-radius: 4px;
        padding: 9px 0;
        color: #f38a00;
        border: 1px solid #f38a00;
        text-align: center; }

.me-answered-questions {
  background: white;
  border-bottom: 1px solid whitesmoke;
  margin: 0 0 8px 0; }
  .me-answered-questions header {
    font-weight: 600;
    color: #458500;
    line-height: 20px;
    padding: 12px 16px;
    border-bottom: 1px solid #fafafa;
    font-size: 1.4rem; }
  .me-answered-questions .all-questions {
    padding: 16px;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    margin: 0; }
  .me-answered-questions .question-wrap {
    background: white;
    border-radius: 4px;
    padding: 12px;
    margin: 0;
    width: 100%;
    border: 1px solid #e8e8e8;
    box-sizing: border-box; }
    .me-answered-questions .question-wrap .date {
      font-weight: 600;
      font-size: 1.2rem; }
    .me-answered-questions .question-wrap .question {
      font-weight: 600;
      white-space: normal;
      margin: 0; }
    .me-answered-questions .question-wrap .product-info {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      border-bottom: 1px solid whitesmoke;
      padding: 0 0 12px 0;
      margin: 0 0 12px 0; }
    .me-answered-questions .question-wrap .product-image {
      width: 54px;
      height: 54px;
      margin: 0 8px 0 0; }
      .me-answered-questions .question-wrap .product-image a, .me-answered-questions .question-wrap .product-image img {
        display: block;
        width: 100%; }
    .me-answered-questions .question-wrap .product-name {
      width: calc(100% - 62px);
      white-space: normal;
      margin: 0;
      line-height: 18px;
      font-weight: 500; }
      .me-answered-questions .question-wrap .product-name a {
        color: #262626; }
    .me-answered-questions .question-wrap .track {
      margin: 16px auto 0 auto;
      width: 100%;
      max-width: 256px; }
      .me-answered-questions .question-wrap .track a {
        display: block;
        font-weight: 500;
        background: white;
        line-height: 20px;
        border-radius: 4px;
        padding: 9px 0;
        color: #f38a00;
        border: 1px solid #f38a00;
        text-align: center; }

.me-account-links {
  background: white;
  border-bottom: 1px solid whitesmoke;
  margin: 0 0 8px 0; }
  .me-account-links header {
    font-weight: 600;
    color: #458500;
    line-height: 20px;
    padding: 12px 16px;
    border-bottom: 1px solid #fafafa;
    font-size: 1.4rem; }
  .me-account-links .section-link-list {
    padding: 0 16px; }
    .me-account-links .section-link-list li {
      border-bottom: 1px solid #fafafa; }
    .me-account-links .section-link-list > li:last-child {
      border-bottom: none; }
    .me-account-links .section-link-list a {
      display: flex;
      justify-content: space-between;
      align-items: center;
      color: #262626;
      line-height: 24px;
      padding: 12px 0;
      font-size: 1.6rem; }
    .me-account-links .section-link-list .link {
      line-height: 24px;
      flex-grow: 2;
      display: block; }
    .me-account-links .section-link-list .icon {
      display: block;
      width: 24px;
      height: 24px; }
    .me-account-links .section-link-list svg {
      display: block;
      width: 24px;
      height: 24px; }

/* ===== PRODUCT LIST DEAL & CATEGORY LANDING PAGES CSS ===== */
.pld-sticky-function-bar {
  padding: 0;
  background: white;
  margin: 0 0 2px 0;
  display: flex;
  align-items: center;
  border-bottom: 1px solid whitesmoke;
  border-top: 1px solid whitesmoke;
  position: sticky;
  position: -webkit-sticky;
  top: 56px;
  z-index: 2; }
  .pld-sticky-function-bar.is-scale {
    position: static; }
  .pld-sticky-function-bar .refine {
    box-sizing: border-box;
    padding: 16px;
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer; }
    .pld-sticky-function-bar .refine:first-child {
      border-right: 1px solid whitesmoke; }
    .pld-sticky-function-bar .refine .icon {
      width: 24px;
      height: 24px;
      margin: 0 8px 0 0; }
    .pld-sticky-function-bar .refine .txt {
      line-height: 24px;
      white-space: nowrap; }

.pld-brands-list {
  width: 100%;
  padding: 16px 8px;
  margin: 0 0 8px 0;
  border-bottom: 1px solid whitesmoke;
  background: white;
  box-sizing: border-box; }
  .pld-brands-list .header {
    padding: 0 8px 8px 8px;
    text-align: center; }
  .pld-brands-list .promo {
    font-weight: 600;
    font-size: 1.8rem;
    color: #254000; }
  .pld-brands-list .desc {
    font-size: 1.2rem;
    color: #8c8c8c;
    text-align: center;
    padding: 8px 8px 0 8px; }
  .pld-brands-list .timer {
    font-weight: 600;
    font-size: 1.4rem; }
  .pld-brands-list .brand-list {
    display: flex;
    justify-content: center;
    flex-wrap: wrap; }
    .pld-brands-list .brand-list li {
      width: 33.333%;
      flex-shrink: 0;
      padding: 8px;
      box-sizing: border-box; }
    .pld-brands-list .brand-list img, .pld-brands-list .brand-list a {
      display: block;
      width: 100%;
      border-radius: 4px;
      box-sizing: border-box; }
    .pld-brands-list .brand-list a {
      border: 1px solid whitesmoke;
      padding: 1px; }
    .pld-brands-list .brand-list svg {
      display: block; }

.pld-best-sellers {
  margin: 0 0 8px 0;
  background: white;
  border-bottom: 1px solid whitesmoke; }
  .pld-best-sellers .best-sellers-category-menu ul {
    display: flex;
    align-items: center;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    padding: 0 8px;
    border-bottom: 1px solid #e8e8e8; }
    .pld-best-sellers .best-sellers-category-menu ul > li:last-child a {
      margin-right: 8px; }
  .pld-best-sellers .best-sellers-category-menu a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 14px 0;
    margin: 0 8px;
    color: #8c8c8c;
    font-weight: 600;
    font-size: 1.4rem;
    line-height: 20px;
    position: relative; }
    .pld-best-sellers .best-sellers-category-menu a.active {
      font-weight: 600;
      color: black; }
      .pld-best-sellers .best-sellers-category-menu a.active:after {
        content: "";
        display: block;
        position: absolute;
        top: 47px;
        left: 0;
        width: 100%;
        height: 1px;
        line-height: 1px;
        background: black; }
  .pld-best-sellers .best-sellers-products ul {
    display: flex;
    align-items: flex-start;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    padding: 28px 8px 24px 8px; }
    .pld-best-sellers .best-sellers-products ul > li:last-child {
      padding-right: 8px; }

.pld-category-landing {
  padding: 16px 12px;
  background: white;
  border-bottom: 1px solid whitesmoke; }
  .pld-category-landing ul {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap; }
  .pld-category-landing li {
    padding: 0;
    margin: 0 0 8px 0;
    width: 33.333333%;
    box-sizing: border-box;
    overflow: hidden; }
    .pld-category-landing li a {
      padding: 8px 4px;
      margin: 0 4px;
      display: block;
      color: #262626;
      border-radius: 4px;
      border: 1px solid whitesmoke; }
    .pld-category-landing li img {
      display: block;
      box-sizing: border-box;
      width: 100%;
      padding: 0 4px;
      max-width: 88px;
      margin: 0 auto 8px auto; }
    .pld-category-landing li .category-label {
      font-size: 1.2rem;
      font-weight: 500;
      line-height: 16px;
      height: 32px;
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center; }

.pld-specialty-list {
  width: 100%;
  padding: 16px 16px;
  margin: 0 0 8px 0;
  border-bottom: 1px solid whitesmoke;
  background: white;
  box-sizing: border-box; }
  .pld-specialty-list .header {
    padding: 0 8px 8px 8px;
    text-align: center; }
  .pld-specialty-list .promo {
    font-weight: 600;
    font-size: 1.8rem;
    color: #254000; }
  .pld-specialty-list .desc {
    font-size: 1.2rem;
    color: #8c8c8c;
    text-align: center;
    padding: 8px 8px 0 8px; }
  .pld-specialty-list .timer {
    font-weight: 600;
    font-size: 1.4rem; }
  .pld-specialty-list .sprcialty-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    .pld-specialty-list .sprcialty-list li {
      width: 90px;
      height: 90px;
      display: flex;
      justify-content: center;
      align-items: center;
      border: 1px solid whitesmoke;
      box-sizing: border-box;
      border-radius: 50%;
      background: #60aa00; }
    .pld-specialty-list .sprcialty-list img, .pld-specialty-list .sprcialty-list a {
      display: block; }
    .pld-specialty-list .sprcialty-list svg {
      display: block;
      width: 64px;
      height: 64px; }

.mw-404 {
  background: white;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 16px 16px 32px 16px;
  text-align: center;
  min-height: 320px; }

.error-title {
  font-size: 2.2rem;
  font-weight: 600;
  margin: 0 0 4px 0; }

.error-desc {
  font-size: 1.6rem;
  line-height: 22px;
  text-align: center;
  margin: 0 0 8px 0; }

.error-home a {
  font-size: 1.6rem;
  line-height: 22px;
  text-align: center;
  font-weight: 500;
  color: #458500; }

.error-graphic {
  position: relative;
  width: 192px;
  height: 192px;
  margin: 0 auto; }
  .error-graphic .leaf1 {
    position: absolute;
    top: 48px;
    left: 120px;
    transform: skew(20deg);
    animation: falling 3s 0s infinite; }
  .error-graphic .leaf2 {
    position: absolute;
    top: 88px;
    left: 140px;
    transform: skew(20deg);
    animation: falling2 2.8s 0s infinite;
    animation-delay: 0.8s; }
  .error-graphic .leaf3 {
    position: absolute;
    top: 106px;
    left: 120px;
    transform: skew(20deg);
    animation: falling3 3s 0s infinite;
    animation-delay: 0.3s; }
  .error-graphic .leaf4 {
    position: absolute;
    top: 80px;
    left: 48px;
    transform: skew(20deg);
    animation: falling4 2.4s 0s infinite;
    animation-delay: 0.6s; }
  .error-graphic .leaf5 {
    position: absolute;
    top: 32px;
    left: 76px;
    transform: skew(20deg);
    animation: falling3 2.6s 0s infinite;
    animation-delay: 0.2s; }

@keyframes falling {
  0% {
    transform: translate3d(0, 0, 0) rotate(0deg); }
  100% {
    transform: translate3d(100px, 250px, 0) rotate(180deg);
    opacity: 0; } }
@keyframes falling2 {
  0% {
    transform: translate3d(0, 0, 0) rotate(0deg); }
  100% {
    transform: translate3d(-150px, 200px, 0) rotate(360deg);
    opacity: 0; } }
@keyframes falling3 {
  0% {
    transform: translate3d(0, 0, 0) rotate(0deg); }
  100% {
    transform: translate3d(36px, 200px, 0) rotate(360deg);
    opacity: 0; } }
@keyframes falling4 {
  0% {
    transform: translate3d(0, 0, 0) rotate(0deg); }
  100% {
    transform: translate3d(-36px, 200px, 0) rotate(360deg);
    opacity: 0; } }
/* ===== DETAIL CSS ===== */
.detail-purchased {
  width: 100%;
  padding: 16px 0 16px 16px;
  box-sizing: border-box;
  background: #e3edd9;
  position: relative; }
  .detail-purchased .date {
    font-size: 1.6rem;
    margin: 0 0 16px 0;
    font-weight: 500;
    width: calc(100% - 44px);
    color: #458500; }
  .detail-purchased .action {
    display: flex;
    align-items: flex-start;
    line-height: 20px;
    width: calc(100% - 44px); }
    .detail-purchased .action a {
      width: calc(50% - 8px);
      max-width: 128px;
      display: block;
      font-weight: 600;
      color: #458500;
      box-sizing: border-box;
      border-radius: 4px;
      border: 1px solid #60aa00;
      background: white;
      padding: 11px 8px;
      text-align: center; }
      .detail-purchased .action a:last-child {
        margin: 0 0 0 8px; }
  .detail-purchased .close {
    position: absolute;
    top: 6px;
    right: 0; }
    .detail-purchased .close a {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 44px;
      height: 44px; }
    .detail-purchased .close svg {
      display: block;
      width: 24px;
      height: 24px; }

.detail-title {
  padding: 0 16px 16px 16px;
  background: white; }
  .detail-title .brand > a {
    display: block;
    color: #458500;
    font-size: 1.4rem;
    margin: 0 0 0 0;
    font-weight: 500;
    margin: 0 0 0 0;
    line-height: 20px; }
    .detail-title .brand > a .by {
      color: #262626; }
  .detail-title h1 {
    font-size: 1.6rem;
    font-weight: 600;
    margin: 0 0 4px 0;
    line-height: 20px;
    letter-spacing: -0.2px;
    color: black; }
  .detail-title .review {
    display: flex;
    margin: 0 0 8px 0;
    line-height: 16px; }
    .detail-title .review .devider {
      margin: 0 8px;
      height: 16px;
      line-height: 16px; }
    .detail-title .review .questions {
      color: #262626;
      line-height: 16px;
      height: 16px;
      display: flex; }
      .detail-title .review .questions .label {
        margin: 0 4px 0 0;
        color: #458500; }
      .detail-title .review .questions .number {
        color: #8c8c8c; }
  .detail-title .ui-product-special-banner-blue {
    margin: 0; }

.detail-image {
  padding: 8px 16px 24px 16px;
  position: relative;
  background: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center; }
  .detail-image .image {
    margin: 0 0 24px 0; }
    .detail-image .image a {
      display: block;
      width: 100%;
      margin: 0 auto;
      max-width: 240px; }
    .detail-image .image img {
      display: block;
      width: 100%; }
  .detail-image .indicvator ul {
    display: flex;
    justify-content: center;
    align-items: center; }
  .detail-image .indicvator li {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #d9d9d9;
    margin: 0 4px; }
    .detail-image .indicvator li.active {
      background: #8c8c8c; }
  .detail-image .add-to-list {
    width: 44px;
    height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    right: 6px;
    background: #458500;
    border-radius: 50%;
    background: white;
    border-radius: 50%;
    border: 2px solid #458500;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    tap-highlight-color: transparent; }
    .detail-image .add-to-list svg {
      display: block;
      width: 24px;
      height: 24px; }
      .detail-image .add-to-list svg #heart-outside {
        fill: #458500; }
      .detail-image .add-to-list svg #heart-inside {
        fill: white;
        transition: fill 0.25s cubic-bezier(0.65, 0.05, 0.09, 0.99); }
    .detail-image .add-to-list.is-clicked {
      animation: scaleBounce 0.3s ease-in-out; }
      .detail-image .add-to-list.is-clicked svg #heart-inside {
        fill: #458500; }
    .detail-image .add-to-list.is-unclicked {
      animation: scaleBounce 0.3s ease-in-out; }
@keyframes scaleBounce {
  0% {
    transform: scale(1); }
  25% {
    transform: scale(1.2); }
  50% {
    transform: scale(0.8); }
  75% {
    transform: scale(1); } }
  .detail-image .has-note {
    width: 44px;
    height: 44px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 60px;
    right: 6px;
    background: white;
    border-radius: 50%;
    border: 1px solid #458500; }
    .detail-image .has-note svg {
      display: block;
      width: 24px;
      height: 24px; }

.detail-price-info-bg {
  background: white;
  margin: 0 0 0 0;
  position: relative; }

.detail-price-info {
  margin: 0 16px 0 16px;
  padding: 0 0 12px 0;
  border-bottom: 1px solid whitesmoke;
  display: flex;
  justify-content: center;
  flex-direction: column;
  position: relative; }
  .detail-price-info .flash-deal-banner {
    display: flex;
    align-items: center; }
    .detail-price-info .flash-deal-banner .icon {
      display: flex;
      justify-content: center;
      align-items: center; }
      .detail-price-info .flash-deal-banner .icon svg {
        display: block;
        width: 20px;
        height: 20px; }
    .detail-price-info .flash-deal-banner .label {
      font-size: 1.6rem;
      line-height: 20px;
      font-weight: 600;
      color: #f38a00; }
  .detail-price-info .price {
    display: flex;
    align-items: baseline; }
  .detail-price-info .stock {
    color: #458500; }
  .detail-price-info .price-discount {
    font-size: 2.2rem;
    color: #458500;
    font-weight: 600;
    letter-spacing: -0.5px;
    line-height: 30px; }
  .detail-price-info .unit-price {
    margin: 0 0 8px 0;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 18px; }
  .detail-price-info .flash-progress-desc {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 8px 0; }
  .detail-price-info .flash-timer {
    font-size: 1.2rem;
    color: #f10200;
    font-weight: 500;
    line-height: 16px; }
  .detail-price-info .flash-claimed {
    font-size: 1.2rem;
    color: #262626;
    font-weight: 500;
    line-height: 16px; }
  .detail-price-info .flash-progress-bar {
    wodth: 100%;
    height: 8px;
    border-radius: 32px;
    background: #d9d9d9;
    margin: 0 0 4px 0; }
    .detail-price-info .flash-progress-bar .cliamed {
      width: 85%;
      height: 8px;
      box-sizing: border-box;
      border-radius: 32px;
      background: #60aa00; }
  .detail-price-info .msrp {
    display: block;
    color: #8c8c8c;
    text-decoration: line-through;
    line-height: 18px;
    margin: 0 0 0 4px; }
  .detail-price-info .info {
    list-style: disc;
    margin: 0;
    padding: 0 0 0 16px; }

.add-to-list {
  width: 44px;
  height: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  right: 16px;
  background: #458500;
  border-radius: 50%;
  background: white;
  border-radius: 50%;
  border: 2px solid #458500;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent; }
  .add-to-list svg {
    display: block;
    width: 24px;
    height: 24px; }
    .add-to-list svg #heart-outside {
      fill: #458500; }
    .add-to-list svg #heart-inside {
      fill: white;
      transition: fill 0.25s cubic-bezier(0.65, 0.05, 0.09, 0.99); }
  .add-to-list.is-clicked {
    animation: scaleBounce 0.3s ease-in-out; }
    .add-to-list.is-clicked svg #heart-inside {
      fill: #458500; }
  .add-to-list.is-unclicked {
    animation: scaleBounce 0.3s ease-in-out; }

.quantity {
  width: 88px; }
  .quantity .ui-input-select-bb:before {
    top: 40px;
    right: 12px;
    border-color: #8c8c8c; }
  .quantity .ui-input-select-bb {
    background: white;
    padding: 0; }
    .quantity .ui-input-select-bb .input-title {
      font-weight: 600;
      line-height: 20px;
      color: #262626; }
    .quantity .ui-input-select-bb select {
      margin: 0 auto;
      padding: 0 16px;
      box-sizing: border-box;
      width: 88px;
      background: #f1f8e9;
      border: 1px solid #d9d9d9;
      font-size: 1.6rem;
      border-radius: 4px;
      height: 44px; }

.detail-buy-factor {
  margin: 0 0 8px 0;
  padding: 0 16px 16px 16px;
  background: white;
  border-bottom: 1px solid whitesmoke; }
  .detail-buy-factor .info {
    list-style: none;
    margin: 0;
    padding: 0; }

.detail-options {
  padding: 12px 16px 0 16px;
  background: white; }
  .detail-options .option-title {
    font-weight: 600;
    line-height: 22px;
    margin: 0 0 8px 0;
    font-size: 1.4rem; }
  .detail-options .option {
    margin: 0 0 8px 0; }
  .detail-options > .option:last-child {
    margin: 0; }
  .detail-options .option > a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    color: #262626;
    padding: 9px 8px 9px 12px;
    border: 1px solid #d9d9d9;
    border-radius: 4px; }
  .detail-options .option-label .title {
    font-weight: 600;
    line-height: 18px; }
  .detail-options .option-label .value {
    line-height: 18px; }
  .detail-options .option-indcator {
    display: flex;
    align-items: center; }
    .detail-options .option-indcator .pic {
      width: 44px;
      height: 44px;
      padding: 0;
      box-sizing: border-box;
      background: white;
      border-radius: 4px;
      margin: 0 4px 0 0; }
      .detail-options .option-indcator .pic img {
        display: block;
        width: 100%; }

.detail-quantity {
  padding: 12px 16px 12px 16px;
  background: white; }
  .detail-quantity .detail-quantity-bg {
    border-bottom: 1px solid whitesmoke;
    padding: 0 0 16px 0; }
  .detail-quantity .title {
    font-weight: 600;
    line-height: 22px;
    margin: 0 0 8px 0;
    font-size: 1.4rem; }
  .detail-quantity .detail-qty {
    padding: 0;
    display: flex;
    align-items: center;
    width: 100%; }
    .detail-quantity .detail-qty .select {
      margin: 0 8px; }
      .detail-quantity .detail-qty .select .ui-input-select-bb {
        border-radius: 0;
        background: white; }
        .detail-quantity .detail-qty .select .ui-input-select-bb:before {
          display: none; }
        .detail-quantity .detail-qty .select .ui-input-select-bb select {
          height: 44px;
          padding: 0 16px;
          width: 68px;
          border: 1px solid #d9d9d9;
          border-radius: 4px;
          font-size: 1.6rem;
          font-weight: 500;
          text-align: center; }
    .detail-quantity .detail-qty .plus, .detail-quantity .detail-qty .minus {
      width: 44px;
      height: 44px;
      border-radius: 4px;
      box-sizing: border-box;
      border: 1px solid #d9d9d9;
      background: white;
      display: flex;
      justify-content: center;
      align-items: center; }
      .detail-quantity .detail-qty .plus svg, .detail-quantity .detail-qty .minus svg {
        display: block;
        width: 24px;
        height: 24px; }

.detail-buy {
  width: 100%;
  border-top: 1px solid whitesmoke;
  position: sticky;
  position: -webkit-sticky;
  bottom: 0;
  background: rgba(255, 255, 255, 0.85);
  -webkit-backdrop-filter: blur(10px);
  z-index: 10;
  display: flex;
  justify-content: flex-end;
  box-sizing: border-box;
  padding: 10px 16px;
  z-index: 1; }
  .detail-buy .add-to-cart {
    display: block;
    border-radius: 4px;
    background: #f38a00;
    width: calc(100% - 52px);
    height: 44px;
    color: white;
    text-align: center;
    line-height: 44px;
    font-weight: 600;
    font-size: 1.6rem;
    order: 1; }
  .detail-buy .icon-more {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 44px;
    height: 44px;
    order: 2;
    margin: 0 0 0 8px;
    background: #458500;
    border-radius: 4px; }
    .detail-buy .icon-more svg {
      display: block;
      width: 24px;
      height: 24px; }

.detail-product-highlight {
  background: white;
  padding: 0 16px;
  margin: 0 0 8px 0;
  border-bottom: 1px solid whitesmoke; }
  .detail-product-highlight .title {
    font-weight: 600;
    line-height: 22px;
    margin: 0 0 8px 0; }
  .detail-product-highlight ul {
    list-style: disc;
    margin: 0 0 16px 20px; }
  .detail-product-highlight li {
    line-height: 22px; }
    .detail-product-highlight li a {
      color: #458500; }

.detail-deals {
  padding: 0 16px 4px 16px;
  margin: 0 0 0 0;
  background: white; }
  .detail-deals .title {
    font-weight: 600;
    margin: 0 0 8px 0; }
  .detail-deals .deals a {
    color: #458500; }

.detail-rank {
  padding: 12px 16px;
  margin: 0 0 8px 0;
  background: white;
  border-bottom: 1px solid whitesmoke; }
  .detail-rank .title {
    font-weight: 600;
    margin: 0 0 8px 0;
    line-height: 22px; }
  .detail-rank .rank li {
    line-height: 22px; }
  .detail-rank .rank a {
    color: #458500; }

.detail-share {
  padding: 16px;
  margin: 0 0 8px 0;
  background: white;
  border-bottom: 1px solid whitesmoke; }
  .detail-share ul {
    display: flex;
    justify-content: center;
    align-items: center; }
  .detail-share a {
    display: block;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 2px; }
    .detail-share a.email {
      background: #60aa00; }
    .detail-share a.facebook {
      background: #4267b2; }
    .detail-share a.googleplus {
      background: #dd4b39; }
    .detail-share a.twitter {
      background: #1da1f2; }
    .detail-share a.sms {
      background: #fecc2e; }
    .detail-share a.messanger {
      background: #0483ff; }
  .detail-share svg {
    display: block;
    width: 24px;
    height: 24px; }

.detail-product-details {
  background: white;
  margin: 0 0 8px 0;
  border-bottom: 1px solid whitesmoke; }
  .detail-product-details .detail-tab-nav ul {
    display: flex;
    align-items: center;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    padding: 0 8px;
    border-bottom: 1px solid #e8e8e8; }
  .detail-product-details .detail-tab-nav a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 14px 12px;
    margin: 0;
    color: #8c8c8c;
    font-weight: 600;
    font-size: 1.4rem;
    line-height: 20px;
    position: relative;
    transition: color 0.3s cubic-bezier(0.65, 0.05, 0.09, 0.99); }
    .detail-product-details .detail-tab-nav a.active {
      font-weight: 600;
      color: black; }
      .detail-product-details .detail-tab-nav a.active:after {
        transform: scale(1); }
    .detail-product-details .detail-tab-nav a:after {
      content: "";
      display: block;
      position: absolute;
      top: 47px;
      left: 0;
      width: 100%;
      height: 1px;
      line-height: 1px;
      background: black;
      transform: scale(0);
      transition: transform 0.25s cubic-bezier(0.65, 0.05, 0.09, 0.99); }
  .detail-product-details .detail-content {
    padding: 16px; }
    .detail-product-details .detail-content h3 {
      margin: 24px 0 8px 0;
      padding: 0;
      font-size: 1.6rem;
      font-weight: 600; }
      .detail-product-details .detail-content h3:first-child {
        margin-top: 0; }
    .detail-product-details .detail-content ul {
      list-style: disc;
      margin: 0 0 16px 20px; }
      .detail-product-details .detail-content ul li {
        line-height: 22px; }
    .detail-product-details .detail-content p {
      margin: 0 0 16px 0;
      line-height: 20px; }
      .detail-product-details .detail-content p:last-child {
        margin-bottom: 0; }
      .detail-product-details .detail-content p .emphasize {
        font-weight: 600; }
      .detail-product-details .detail-content p a {
        color: #458500; }
    .detail-product-details .detail-content cite {
      color: #8c8c8c; }
    .detail-product-details .detail-content table {
      border-collapse: collapse; }
      .detail-product-details .detail-content table td {
        border: 1px solid #262626;
        padding: 8px;
        font-size: 1.4rem; }
      .detail-product-details .detail-content table strong {
        font-weight: 600; }
  .detail-product-details .detail-content-qna {
    padding: 0; }

.detail-qna {
  margin: 0 0 8px 0;
  padding: 16px 0 0 0;
  background: white;
  border-bottom: 1px solid whitesmoke; }
  .detail-qna .detail-qna-profile {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0 0 8px 0;
    padding: 0 16px;
    position: relative;
    z-index: 1; }
    .detail-qna .detail-qna-profile .avatar {
      width: 44px;
      height: 44px;
      border-radius: 50%;
      background: #ffd653;
      overflow: hidden;
      margin: 0 9px 0 0; }
      .detail-qna .detail-qna-profile .avatar a {
        display: block;
        width: 44px;
        height: 44px; }
      .detail-qna .detail-qna-profile .avatar img {
        display: block;
        width: 100%; }
    .detail-qna .detail-qna-profile .name-date .verify {
      display: flex;
      flex-direction: column;
      align-content: center;
      justify-content: flex-start; }
    .detail-qna .detail-qna-profile .name-date .name {
      font-size: 1.4rem;
      font-weight: 600;
      line-height: 20px; }
    .detail-qna .detail-qna-profile .name-date .date {
      font-size: 1.2rem;
      color: #8c8c8c;
      line-height: 16px; }
    .detail-qna .detail-qna-profile .action {
      position: absolute;
      top: -6px;
      right: 0; }
      .detail-qna .detail-qna-profile .action a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 44px;
        height: 44px; }
      .detail-qna .detail-qna-profile .action svg {
        display: block;
        width: 24px;
        height: 24px; }
  .detail-qna .detail-qna-question {
    font-weight: 600;
    color: black;
    line-height: 22px;
    margin: 0 0 12px 0;
    padding: 0 16px;
    letter-spacing: -0.3px;
    font-size: 1.6rem; }
    .detail-qna .detail-qna-question .question {
      margin: 0 0 8px 0; }
    .detail-qna .detail-qna-question .action {
      display: flex;
      justify-content: flex-end;
      align-items: center;
      padding: 12px 0;
      border-top: 1px solid whitesmoke;
      border-bottom: 1px solid whitesmoke; }
      .detail-qna .detail-qna-question .action a {
        display: flex;
        align-items: center;
        font-size: 1.4rem;
        line-height: 16px;
        color: #262626;
        font-weight: 500;
        margin: 0 0 0 16px; }
      .detail-qna .detail-qna-question .action svg {
        display: block;
        width: 16px;
        height: 16px; }
  .detail-qna .detail-qna-answer {
    margin: 0 12px 12px 12px;
    padding: 12px 16px;
    background: whitesmoke;
    color: black;
    border-radius: 4px;
    font-size: 1.4rem; }
    .detail-qna .detail-qna-answer .detail-qna-profile {
      padding: 0; }
    .detail-qna .detail-qna-answer .best-answer {
      font-weight: 600;
      font-size: 1.4rem;
      line-height: 16px;
      margin: 0 0 0 0;
      color: #458500;
      display: flex;
      justify-content: flex-start;
      align-items: center; }
      .detail-qna .detail-qna-answer .best-answer .icon {
        width: 12px;
        height: 12px;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #458500;
        border-radius: 50%;
        margin: 0 2px 0 0; }
      .detail-qna .detail-qna-answer .best-answer svg {
        display: block;
        width: 8px;
        height: 8px; }
    .detail-qna .detail-qna-answer .verified-purchase {
      color: #f38a00; }
      .detail-qna .detail-qna-answer .verified-purchase .icon {
        background: #f38a00; }
    .detail-qna .detail-qna-answer .answer {
      margin: 0 0 12px 0;
      padding: 0 0 0 0;
      font-size: 1.6rem; }
    .detail-qna .detail-qna-answer .action {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      .detail-qna .detail-qna-answer .action a {
        display: flex;
        align-items: center;
        color: #595959;
        font-size: 1.4rem;
        line-height: 16px;
        font-weight: 400; }
      .detail-qna .detail-qna-answer .action svg {
        display: block;
        width: 20px;
        height: 20px;
        margin: 0 4px 0 0; }
      .detail-qna .detail-qna-answer .action .detail-thumbs, .detail-qna .detail-qna-answer .action .detail-qna-report {
        display: flex;
        align-items: center; }
        .detail-qna .detail-qna-answer .action .detail-thumbs a.is-active, .detail-qna .detail-qna-answer .action .detail-qna-report a.is-active {
          color: #458500; }
          .detail-qna .detail-qna-answer .action .detail-thumbs a.is-active svg, .detail-qna .detail-qna-answer .action .detail-qna-report a.is-active svg {
            animation: scaleBounce 0.3s ease-in-out; }
          .detail-qna .detail-qna-answer .action .detail-thumbs a.is-active path, .detail-qna .detail-qna-answer .action .detail-qna-report a.is-active path {
            fill: #458500; }
  .detail-qna .detail-qna-action {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin: 0 0 0 0;
    border-top: 1px solid whitesmoke; }
    .detail-qna .detail-qna-action a {
      width: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.4rem;
      line-height: 16px;
      color: #262626;
      font-weight: 500;
      padding: 14px 0; }
      .detail-qna .detail-qna-action a svg {
        margin: 0 4px;
        width: 24px;
        height: 24px; }
      .detail-qna .detail-qna-action a:first-child {
        border-right: 1px solid whitesmoke; }
    .detail-qna .detail-qna-action svg {
      display: block;
      width: 24px;
      height: 24px; }

.detail-page-qna-indv .all-answers .detail-qna, .detail-page-qna-indv2 .all-answers .detail-qna {
  margin: 0 0 8px 0; }
.detail-page-qna-indv .detail-qna, .detail-page-qna-indv2 .detail-qna {
  margin: 0;
  border-bottom: none; }
  .detail-page-qna-indv .detail-qna .detail-qna-question, .detail-page-qna-indv2 .detail-qna .detail-qna-question {
    margin: 0; }
    .detail-page-qna-indv .detail-qna .detail-qna-question .question, .detail-page-qna-indv2 .detail-qna .detail-qna-question .question {
      margin: 0; }
  .detail-page-qna-indv .detail-qna .detail-qna-answer, .detail-page-qna-indv2 .detail-qna .detail-qna-answer {
    padding: 0 16px 16px 16px;
    margin: 0;
    background: none;
    border-bottom: 1px solid whitesmoke; }

.detail-related-products .title {
  font-weight: 600;
  color: black;
  font-size: 1.6rem;
  line-height: 22px;
  padding: 12px 16px 4px 16px; }
.detail-related-products .best-sellers-products ul {
  padding: 12px 8px; }

.detail-combo-offer {
  position: relative; }
  .detail-combo-offer .title {
    font-weight: 600;
    color: black;
    font-size: 1.6rem;
    line-height: 22px;
    padding: 16px 16px 4px 16px; }
  .detail-combo-offer .best-sellers-products ul {
    padding: 12px 8px 16px 8px;
    justify-content: space-around; }
  .detail-combo-offer .offer-detail {
    padding: 16px 0;
    margin: 0 16px;
    border-top: 1px dashed #d9d9d9; }
    .detail-combo-offer .offer-detail .message-save {
      font-size: 1.4rem;
      color: #262626;
      font-weight: 400;
      line-height: 16px;
      margin: 0 0 4px 0;
      text-align: center; }
      .detail-combo-offer .offer-detail .message-save .save {
        font-size: 1.8rem;
        color: #f38a00;
        font-weight: 600;
        line-height: 20px;
        text-align: center; }
    .detail-combo-offer .offer-detail .combo-price {
      font-size: 1.8rem;
      color: #458500;
      font-weight: 600;
      text-align: center;
      letter-spacing: -0.5px;
      line-height: 20px; }
  .detail-combo-offer .offer-action {
    padding: 0 16px 24px 16px; }
    .detail-combo-offer .offer-action a {
      display: block;
      line-height: 20px;
      font-weight: 600;
      color: white;
      background: #f38a00;
      text-align: center;
      border-radius: 4px;
      padding: 12px 0;
      font-size: 1.6rem;
      box-sizing: border-box; }
  .detail-combo-offer .plus-sign {
    position: absolute;
    top: 96px;
    left: calc(50% - 8px); }
    .detail-combo-offer .plus-sign:before {
      content: "";
      display: block;
      width: 16px;
      height: 2px;
      background: #458500;
      transform: translateY(9px); }
    .detail-combo-offer .plus-sign:after {
      content: "";
      display: block;
      width: 2px;
      height: 16px;
      background: #458500;
      transform: translateX(7px); }

.detail-multiple-option {
  padding: 0 0 0 0; }
  .detail-multiple-option .option-title {
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 20px;
    padding: 12px 16px 0 16px;
    color: black; }
  .detail-multiple-option .option {
    padding: 8px 0 12px 0;
    margin: 0 12px;
    border-bottom: 1px solid whitesmoke; }
    .detail-multiple-option .option .label {
      font-weight: 600;
      line-height: 20px;
      margin: 0 4px 8px 4px; }
    .detail-multiple-option .option .choice {
      font-weight: 400; }
  .detail-multiple-option > .option:last-child {
    border-bottom: none; }
  .detail-multiple-option .option-flavor {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    overflow: scroll;
    -webkit-overflow-scrolling: touch; }
    .detail-multiple-option .option-flavor li {
      width: 120px;
      border: 1px solid #d9d9d9;
      border-radius: 4px;
      padding: 8px;
      box-sizing: border-box;
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-direction: column;
      flex-shrink: 0;
      margin: 0 4px; }
      .detail-multiple-option .option-flavor li.active {
        border: 1px solid #60aa00; }
        .detail-multiple-option .option-flavor li.active .product-label {
          color: #458500;
          font-weight: 500; }
        .detail-multiple-option .option-flavor li.active .product-price {
          color: #458500;
          font-weight: 500; }
      .detail-multiple-option .option-flavor li.na {
        border: 1px dashed #d9d9d9; }
    .detail-multiple-option .option-flavor .product-img {
      width: 64px;
      height: 64px;
      margin: 0 0 4px 0; }
      .detail-multiple-option .option-flavor .product-img img {
        display: block;
        width: 100%; }
    .detail-multiple-option .option-flavor .product-label {
      line-height: 16px;
      max-height: 32px;
      overflow: hidden;
      text-align: center; }
    .detail-multiple-option .option-flavor .product-unavailable {
      line-height: 16px;
      overflow: hidden;
      text-align: center;
      color: #f10200; }
    .detail-multiple-option .option-flavor .product-price {
      line-height: 16px;
      max-height: 32px;
      overflow: hidden;
      text-align: center;
      margin: 4px 0 0 0; }

.detail-frequently-purchased {
  position: relative; }
  .detail-frequently-purchased .title {
    font-weight: 600;
    color: black;
    font-size: 1.6rem;
    line-height: 22px;
    padding: 16px 16px 12px 16px; }
  .detail-frequently-purchased .pl-top-category {
    background: white;
    padding: 12px 0 12px 0;
    width: 100%; }
    .detail-frequently-purchased .pl-top-category .category-list {
      display: flex;
      justify-content: center;
      overflow: scroll;
      -webkit-overflow-scrolling: touch;
      white-space: nowrap;
      width: 100%;
      position: relative;
      list-style: none;
      transition: all 0.4s ease; }
      .detail-frequently-purchased .pl-top-category .category-list.is-slide-in {
        opacity: 1;
        transform: translateX(0); }
      .detail-frequently-purchased .pl-top-category .category-list > li:first-child {
        padding: 0 8px 0 16px; }
      .detail-frequently-purchased .pl-top-category .category-list > li:last-child {
        padding: 0 16px 0 8px; }
      .detail-frequently-purchased .pl-top-category .category-list li {
        width: calc(256px / 3);
        flex-shrink: 0;
        padding: 0 8px; }
      .detail-frequently-purchased .pl-top-category .category-list a {
        display: block;
        text-align: center;
        font-size: 1.2rem;
        color: #262626; }
      .detail-frequently-purchased .pl-top-category .category-list img {
        display: block;
        width: 100%; }
      .detail-frequently-purchased .pl-top-category .category-list .category-tag {
        padding: 8px 0 12px 0;
        font-weight: 500;
        color: #262626;
        white-space: normal; }
    .detail-frequently-purchased .pl-top-category .action {
      padding: 0;
      border-top: 1px solid whitesmoke; }
      .detail-frequently-purchased .pl-top-category .action > a {
        padding: 0 0 0 16px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-weight: 500;
        color: #262626; }
  .detail-frequently-purchased .plus-sign {
    position: absolute;
    top: 88px;
    left: calc(50% - 59px); }
    .detail-frequently-purchased .plus-sign:before {
      content: "";
      display: block;
      width: 16px;
      height: 2px;
      background: #60aa00;
      transform: translateY(9px); }
    .detail-frequently-purchased .plus-sign:after {
      content: "";
      display: block;
      width: 2px;
      height: 16px;
      background: #60aa00;
      transform: translateX(7px); }
  .detail-frequently-purchased .plus-sign2 {
    position: absolute;
    top: 88px;
    left: calc(50% + 43px); }
    .detail-frequently-purchased .plus-sign2:before {
      content: "";
      display: block;
      width: 16px;
      height: 2px;
      background: #60aa00;
      transform: translateY(9px); }
    .detail-frequently-purchased .plus-sign2:after {
      content: "";
      display: block;
      width: 2px;
      height: 16px;
      background: #60aa00;
      transform: translateX(7px); }
  .detail-frequently-purchased .frequently-purchased-select {
    margin: 0 16px; }
    .detail-frequently-purchased .frequently-purchased-select > ul li:last-child .ui-checkbox {
      border-bottom: none; }
    .detail-frequently-purchased .frequently-purchased-select > ul li:first-child .ui-checkbox {
      border-top: 1px solid whitesmoke; }
    .detail-frequently-purchased .frequently-purchased-select .ui-checkbox {
      padding: 8px 0;
      border-bottom: 1px solid whitesmoke; }
      .detail-frequently-purchased .frequently-purchased-select .ui-checkbox .input-highlight {
        margin: 0 24px 0 0;
        order: 1; }
      .detail-frequently-purchased .frequently-purchased-select .ui-checkbox .input-title {
        order: 2;
        width: 100%;
        white-space: normal;
        line-height: 18px; }
        .detail-frequently-purchased .frequently-purchased-select .ui-checkbox .input-title .current-item {
          color: #262626;
          font-weight: 600; }
        .detail-frequently-purchased .frequently-purchased-select .ui-checkbox .input-title .ui-product-rating {
          margin: 4px 0 2px 0; }
        .detail-frequently-purchased .frequently-purchased-select .ui-checkbox .input-title .product-price {
          font-size: 1.8rem;
          line-height: 30px;
          color: black;
          font-weight: 600;
          display: flex;
          letter-spacing: -0.3px; }
          .detail-frequently-purchased .frequently-purchased-select .ui-checkbox .input-title .product-price .discount {
            color: #458500;
            margin: 0 4px 0 0;
            line-height: 30px; }
          .detail-frequently-purchased .frequently-purchased-select .ui-checkbox .input-title .product-price .msrp {
            font-size: 1.4rem;
            text-decoration: line-through;
            color: #8c8c8c;
            line-height: 30px;
            font-weight: 400; }
      .detail-frequently-purchased .frequently-purchased-select .ui-checkbox:after {
        display: none; }
  .detail-frequently-purchased .offer-detail {
    padding: 16px 0 16px 0; }
    .detail-frequently-purchased .offer-detail .combo-price {
      font-size: 1.8rem;
      color: #458500;
      font-weight: 600;
      text-align: center;
      letter-spacing: -0.5px;
      line-height: 20px; }
  .detail-frequently-purchased .frequently-purchased-list {
    display: none; }
  .detail-frequently-purchased .offer-action {
    padding: 0 0 24px 0; }
    .detail-frequently-purchased .offer-action a {
      display: block;
      line-height: 20px;
      font-weight: 600;
      color: white;
      background: #f38a00;
      text-align: center;
      border-radius: 4px;
      padding: 12px 0;
      font-size: 1.6rem;
      box-sizing: border-box; }
  .detail-frequently-purchased .purchased-select-toggle {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 6px 0;
    border-bottom: 1px dashed #d9d9d9; }
    .detail-frequently-purchased .purchased-select-toggle.is-flip svg {
      transform: scaleY(-1); }
    .detail-frequently-purchased .purchased-select-toggle svg {
      display: block;
      width: 32px;
      height: 32px; }

.detail-add-notes-content {
  padding: 16px; }
  .detail-add-notes-content .title {
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 26px; }
  .detail-add-notes-content .notes-product {
    padding: 0 0 12px 0;
    margin: 0 0 12px 0;
    border-bottom: 1px solid whitesmoke; }
  .detail-add-notes-content .ui-textarea-gb textarea {
    height: 168px; }

.detail-page-volume-discount {
  background: white;
  transform: translateX(100%);
  transition: transform 0.3s cubic-bezier(0.65, 0.05, 0.09, 0.99); }
  .detail-page-volume-discount.is-slide-in {
    transform: translateX(0); }

.detail-volume-descount-table {
  width: 100%;
  text-align: center;
  vertical-align: middle;
  border-collapse: collapse;
  border-radius: 10px;
  overflow: hidden;
  box-sizing: border-box;
  border: none; }
  .detail-volume-descount-table thead td {
    padding: 11px 4px;
    color: #458500;
    font-weight: 600;
    line-height: 22px;
    background: whitesmoke; }
  .detail-volume-descount-table > tbody tr:nth-child(odd) {
    background: #fafafa; }
  .detail-volume-descount-table > tbody tr:nth-child(even) {
    background: whitesmoke; }
  .detail-volume-descount-table td {
    border: 1px solid white;
    line-height: 20px;
    padding: 12px 4px;
    color: black; }

.page-desc-list {
  list-style: disc;
  margin: 0 0 0 20px; }
  .page-desc-list li {
    line-height: 20px;
    margin: 0 0 12px 0; }

.page-desc-content p {
  line-height: 20px;
  margin: 0 0 16px 0; }

.detail-page-loyalty-program, .detail-page-expiration-date {
  background: white;
  transform: translateX(100%);
  transition: transform 0.3s cubic-bezier(0.65, 0.05, 0.09, 0.99); }
  .detail-page-loyalty-program.is-slide-in, .detail-page-expiration-date.is-slide-in {
    transform: translateX(0); }

.detail-page-qna-all, .detail-page-qna-indv, .detail-page-qna-indv2 {
  background: #fafafa;
  transform: translateX(100%);
  transition: transform 0.3s cubic-bezier(0.65, 0.05, 0.09, 0.99); }
  .detail-page-qna-all.is-slide-in, .detail-page-qna-indv.is-slide-in, .detail-page-qna-indv2.is-slide-in {
    transform: translateX(0); }
  .detail-page-qna-all .page-desc-content, .detail-page-qna-indv .page-desc-content, .detail-page-qna-indv2 .page-desc-content {
    background: #fafafa;
    padding: 0; }
  .detail-page-qna-all .notes-product, .detail-page-qna-indv .notes-product, .detail-page-qna-indv2 .notes-product {
    margin: 0 0 16px 0; }
  .detail-page-qna-all .ask-question, .detail-page-qna-indv .ask-question, .detail-page-qna-indv2 .ask-question {
    border-bottom: 1px solid whitesmoke;
    padding: 16px;
    background: white;
    margin: 0 0 8px 0; }
    .detail-page-qna-all .ask-question .btn, .detail-page-qna-indv .ask-question .btn, .detail-page-qna-indv2 .ask-question .btn {
      display: block;
      line-height: 20px;
      font-weight: 600;
      color: white;
      background: #458500;
      text-align: center;
      border-radius: 4px;
      padding: 12px 0;
      font-size: 1.6rem;
      box-sizing: border-box; }
  .detail-page-qna-all .detail-qna-tool-bar, .detail-page-qna-indv .detail-qna-tool-bar, .detail-page-qna-indv2 .detail-qna-tool-bar {
    background: white;
    border-top: 1px solid whitesmoke;
    border-bottom: 1px solid whitesmoke;
    display: flex;
    margin: 2px; }
    .detail-page-qna-all .detail-qna-tool-bar .ui-input-select-bb, .detail-page-qna-indv .detail-qna-tool-bar .ui-input-select-bb, .detail-page-qna-indv2 .detail-qna-tool-bar .ui-input-select-bb {
      padding: 6px 16px;
      width: 50%;
      background: none; }
      .detail-page-qna-all .detail-qna-tool-bar .ui-input-select-bb:first-child, .detail-page-qna-indv .detail-qna-tool-bar .ui-input-select-bb:first-child, .detail-page-qna-indv2 .detail-qna-tool-bar .ui-input-select-bb:first-child {
        border-right: 1px solid whitesmoke; }
      .detail-page-qna-all .detail-qna-tool-bar .ui-input-select-bb:before, .detail-page-qna-indv .detail-qna-tool-bar .ui-input-select-bb:before, .detail-page-qna-indv2 .detail-qna-tool-bar .ui-input-select-bb:before {
        content: "";
        width: 6px;
        height: 6px;
        box-sizing: border-box;
        border-top: 2px solid #262626;
        border-right: 2px solid #262626;
        display: block;
        position: absolute;
        top: 22px;
        right: 16px;
        transform: rotate(135deg); }
  .detail-page-qna-all .ui-qna, .detail-page-qna-indv .ui-qna, .detail-page-qna-indv2 .ui-qna {
    background: white;
    padding: 16px;
    margin: 0 0 8px 0;
    border-bottom: 1px solid whitesmoke; }
    .detail-page-qna-all .ui-qna .qna-answer, .detail-page-qna-indv .ui-qna .qna-answer, .detail-page-qna-indv2 .ui-qna .qna-answer {
      font-size: 1.6rem; }

.detail-tab-content .detail-tab-content-indv {
  display: none; }
  .detail-tab-content .detail-tab-content-indv.is-on {
    display: block; }

.detail-tab-content-qna .qna-ask-question {
  padding: 16px;
  border-bottom: 1px solid whitesmoke; }
  .detail-tab-content-qna .qna-ask-question a {
    display: flex;
    justify-content: center;
    line-height: 20px;
    width: 100%;
    padding: 12px 0;
    border-radius: 4px;
    background: #458500;
    font-weight: 600;
    color: white;
    font-size: 1.6rem; }
.detail-tab-content-qna .ui-qna {
  padding: 16px 0;
  margin: 0 16px;
  border-top: 1px solid whitesmoke; }
.detail-tab-content-qna .qna-view-all {
  padding: 2px 0 2px 16px;
  border-top: 1px solid whitesmoke; }
  .detail-tab-content-qna .qna-view-all a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #262626;
    font-weight: 500; }

.detail-tab-content-reviews .review-score {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 16px 16px 4px 16px; }
  .detail-tab-content-reviews .review-score .review-score-star {
    margin: 0 8px 0 0; }
    .detail-tab-content-reviews .review-score .review-score-star svg {
      display: block;
      height: 24px; }
  .detail-tab-content-reviews .review-score .review-score-number {
    font-weight: 600;
    font-size: 2.4rem;
    line-height: 24px; }
.detail-tab-content-reviews .review-score-total-reviews {
  text-align: center;
  margin: 0 16px;
  border-bottom: 1px solid whitesmoke;
  padding: 0 0 16px 0; }
.detail-tab-content-reviews .review-write-review {
  padding: 16px;
  border-bottom: 1px solid whitesmoke; }
  .detail-tab-content-reviews .review-write-review a {
    display: flex;
    justify-content: center;
    line-height: 20px;
    width: 100%;
    padding: 12px 0;
    border-radius: 4px;
    background: #458500;
    font-weight: 600;
    color: white;
    font-size: 1.6rem; }
.detail-tab-content-reviews .ui-review {
  padding: 16px 0;
  margin: 0 16px;
  border-bottom: 1px solid whitesmoke; }
.detail-tab-content-reviews .review-view-all {
  padding: 2px 0 2px 16px;
  border-top: 1px solid whitesmoke; }
  .detail-tab-content-reviews .review-view-all a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #262626;
    font-weight: 500; }

.detail-page-review-all {
  background: #fafafa;
  transform: translateX(100%);
  transition: transform 0.3s cubic-bezier(0.65, 0.05, 0.09, 0.99); }
  .detail-page-review-all.is-slide-in {
    transform: translateX(0); }
  .detail-page-review-all .page-desc-content {
    background: #fafafa;
    padding: 0; }
  .detail-page-review-all .write-review {
    border-bottom: 1px solid whitesmoke;
    padding: 16px;
    background: white;
    margin: 0 0 8px 0; }
    .detail-page-review-all .write-review .btn {
      display: block;
      line-height: 20px;
      font-weight: 600;
      color: white;
      background: #458500;
      text-align: center;
      border-radius: 4px;
      padding: 12px 0;
      font-size: 1.6rem;
      box-sizing: border-box; }
  .detail-page-review-all .tab-switch-lang {
    background: white; }
    .detail-page-review-all .tab-switch-lang ul {
      display: flex;
      justify-content: center;
      align-items: center;
      border-bottom: 1px solid #e8e8e8;
      padding: 0 16px; }
    .detail-page-review-all .tab-switch-lang li {
      line-height: 20px;
      font-weight: 600;
      font-size: 1.4rem;
      padding: 14px 0;
      width: 50%;
      box-sizing: border-box;
      color: #8c8c8c;
      text-align: center;
      position: relative;
      -webkit-tap-highlight-color: transparent; }
      .detail-page-review-all .tab-switch-lang li:after {
        content: "";
        display: block;
        position: absolute;
        top: 48px;
        left: 0;
        width: 100%;
        height: 1px;
        line-height: 1px;
        background: black;
        transform: scale(0);
        transition: transform 0.25s cubic-bezier(0.65, 0.05, 0.09, 0.99); }
      .detail-page-review-all .tab-switch-lang li.active {
        color: black; }
        .detail-page-review-all .tab-switch-lang li.active:after {
          transform: scale(1); }
  .detail-page-review-all .tab-switch-lang-cont-indv {
    display: none; }
    .detail-page-review-all .tab-switch-lang-cont-indv.is-on {
      display: block; }
  .detail-page-review-all .ui-review {
    background: white;
    padding: 16px;
    margin: 0 0 8px 0;
    border-bottom: 1px solid whitesmoke; }
  .detail-page-review-all .review-score {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 16px 16px 4px 16px;
    background: white; }
    .detail-page-review-all .review-score .review-score-star {
      margin: 0 4px 0 0; }
      .detail-page-review-all .review-score .review-score-star svg {
        display: block;
        height: 24px; }
    .detail-page-review-all .review-score .review-score-number {
      font-weight: 600;
      font-size: 2.4rem;
      line-height: 24px; }
  .detail-page-review-all .review-score-total-reviews {
    text-align: center;
    background: white;
    font-size: 1.4rem; }
  .detail-page-review-all .review-chart {
    font-size: 1.4rem;
    background: white;
    margin: 0 0 8px 0;
    padding: 16px 16px 16px 16px;
    border-bottom: 1px solid whitesmoke; }
  .detail-page-review-all .review-chart-single {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 12px 0; }
    .detail-page-review-all .review-chart-single .label {
      font-weight: 600;
      line-height: 18px; }
    .detail-page-review-all .review-chart-single .number {
      line-height: 18px;
      width: 50px;
      text-align: right; }
    .detail-page-review-all .review-chart-single .chart {
      flex-grow: 2;
      background: #e8e8e8;
      border-radius: 2px;
      margin: 0 4px 0 8px;
      height: 18px;
      overflow: hidden; }
      .detail-page-review-all .review-chart-single .chart .percent {
        background: #458500;
        width: 77%;
        height: 18px;
        border-radius: 2px;
        background: linear-gradient(115deg, #60aa00, #60aa00); }
  .detail-page-review-all .detail-review-tool-bar {
    background: white;
    border-top: 1px solid whitesmoke;
    border-bottom: 1px solid whitesmoke;
    display: flex;
    margin: 0 0 2px 0; }
    .detail-page-review-all .detail-review-tool-bar .ui-input-select-bb {
      padding: 6px 16px;
      width: 50%;
      background: none;
      box-sizing: border-box; }
      .detail-page-review-all .detail-review-tool-bar .ui-input-select-bb:first-child {
        border-right: 1px solid whitesmoke; }
      .detail-page-review-all .detail-review-tool-bar .ui-input-select-bb:before {
        content: "";
        width: 6px;
        height: 6px;
        box-sizing: border-box;
        border-top: 2px solid #262626;
        border-right: 2px solid #262626;
        display: block;
        position: absolute;
        top: 22px;
        right: 16px;
        transform: rotate(135deg); }
    .detail-page-review-all .detail-review-tool-bar .refine {
      box-sizing: border-box;
      padding: 12px;
      width: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer; }
      .detail-page-review-all .detail-review-tool-bar .refine .icon {
        width: 24px;
        height: 24px;
        margin: 0 8px 0 0; }
      .detail-page-review-all .detail-review-tool-bar .refine .txt {
        line-height: 24px; }
  .detail-page-review-all .translate-toggle {
    background: white;
    padding: 12px 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: -8px 0 8px 0;
    border-bottom: 1px solid whitesmoke; }
  .detail-page-review-all .detail-review-customer-images {
    background: white;
    border-bottom: 1px solid whitesmoke;
    padding: 16px 0 0 0;
    margin: 0 0 8px 0; }
    .detail-page-review-all .detail-review-customer-images .title {
      font-size: 1.6rem;
      font-weight: 600;
      line-height: 22px;
      margin: 0 0 8px 0;
      padding: 0 0 0 16px; }
    .detail-page-review-all .detail-review-customer-images .review-image {
      white-space: nowrap;
      overflow: scroll;
      -webkit-overflow-scrolling: touch;
      padding: 0 0 0 16px;
      margin: 0 0 12px 0; }
      .detail-page-review-all .detail-review-customer-images .review-image ul {
        display: flex;
        justify-content: flex-start;
        align-items: center; }
      .detail-page-review-all .detail-review-customer-images .review-image a {
        display: block;
        width: 80px;
        height: 80px;
        margin: 0 4px 0 0;
        border-radius: 4px;
        overflow: hidden; }
      .detail-page-review-all .detail-review-customer-images .review-image img {
        display: block;
        width: 100%; }
    .detail-page-review-all .detail-review-customer-images .action {
      border-top: 1px solid whitesmoke;
      font-size: 1.4rem;
      padding: 0 0 0 16px; }
      .detail-page-review-all .detail-review-customer-images .action a {
        display: flex;
        justify-content: space-between;
        align-items: center;
        color: #262626;
        font-weight: 500; }

.detail-review-filter .pl-filter-action {
  position: fixed;
  bottom: 0;
  left: 0; }
.detail-review-filter .review-rating-star {
  display: flex;
  align-items: center; }
  .detail-review-filter .review-rating-star .product-rating-star {
    position: relative;
    height: 18px;
    margin: 0 0 0 8px; }
    .detail-review-filter .review-rating-star .product-rating-star .product-rating-top {
      display: inline-block;
      position: absolute;
      top: 0;
      overflow: hidden;
      height: 18px; }
    .detail-review-filter .review-rating-star .product-rating-star .product-rating-bottom {
      display: inline-block;
      height: 18px; }

.detail-page-csimage-all {
  background: white;
  transform: translateX(100%);
  transition: transform 0.3s cubic-bezier(0.65, 0.05, 0.09, 0.99); }
  .detail-page-csimage-all.is-slide-in {
    transform: translateX(0); }
  .detail-page-csimage-all .page-desc-content {
    padding: 8px; }
  .detail-page-csimage-all .all-images ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap; }
    .detail-page-csimage-all .all-images ul li {
      display: block;
      width: calc((100% - 16px) / 3);
      margin: 0 0 8px 0;
      border-radius: 4px;
      overflow: hidden; }
    .detail-page-csimage-all .all-images ul a, .detail-page-csimage-all .all-images ul img {
      display: block;
      width: 100%; }

.detail-qanda .action-major {
  padding: 16px;
  border-bottom: 1px solid whitesmoke; }
  .detail-qanda .action-major .btn {
    display: block;
    line-height: 20px;
    font-weight: 600;
    color: #f1f8e9;
    background: #458500;
    text-align: center;
    border-radius: 4px;
    padding: 12px 0;
    font-size: 1.6rem;
    box-sizing: border-box; }
.detail-qanda .detail-qna {
  margin: 0;
  padding: 16px 0; }
  .detail-qanda .detail-qna:last-child {
    border: none; }
.detail-qanda .detail-qna-answer .answer {
  font-size: 1.4rem;
  line-height: 20px; }
.detail-qanda .detail-qna-action {
  margin: 0 16px 12px 16px;
  border: 1px solid whitesmoke;
  border-radius: 4px; }
.detail-qanda .action-view-all-question a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #262626;
  font-weight: 500;
  padding: 0 0 0 16px; }

.detail-reply-question-form .detail-qna, .detail-reply-question-form .detail-qna-profile, .detail-reply-question-form .detail-qna-question {
  padding: 0;
  margin: 0; }
.detail-reply-question-form .detail-qna-profile {
  margin: 0 0 8px 0; }
.detail-reply-question-form .detail-qna {
  margin: 0 0 16px 0; }

/* ===== GDPR CSS ===== */
.gdpr-form {
  padding: 16px;
  background: white; }
  .gdpr-form .page-title {
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 26px;
    margin: 0 0 16px 0; }
  .gdpr-form .gdpr-page-paragraph {
    margin: 0 0 16px 0;
    font-size: 1.4rem;
    line-height: 20px; }
    .gdpr-form .gdpr-page-paragraph a {
      color: #458500; }
  .gdpr-form .gdpr-form-wrap {
    padding: 24px 16px;
    background: whitesmoke;
    border-radius: 4px;
    margin: 0 0 24px 0; }
    .gdpr-form .gdpr-form-wrap .gdpr-form-section-title {
      font-size: 1.6rem;
      font-weight: 600;
      line-height: 22px;
      margin: 0 0 8px 0; }
    .gdpr-form .gdpr-form-wrap .gdpr-form-section-desc {
      font-size: 1.2rem;
      line-height: 16px;
      color: #595959;
      margin: 0 0 16px 0; }
  .gdpr-form .gdpr-form-section-title {
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 22px;
    margin: 0 0 8px 0; }
  .gdpr-form .gdpr-form-section {
    margin: 0 0 16px 0; }
    .gdpr-form .gdpr-form-section:last-child {
      margin: 0; }
  .gdpr-form .gdpr-form-attachment {
    padding: 8px;
    box-sizing: border-box;
    width: 100%;
    border: 1px solid #d9d9d9;
    display: flex;
    align-items: center;
    border-radius: 4px;
    margin: 0 0 16px 0; }
    .gdpr-form .gdpr-form-attachment .gdpr-form-attachment-img {
      width: 64px;
      height: 64px;
      border-radius: 4px;
      margin: 0 8px 0 0;
      overflow: hidden; }
      .gdpr-form .gdpr-form-attachment .gdpr-form-attachment-img img {
        display: block;
        width: 100%; }
    .gdpr-form .gdpr-form-attachment .gdpr-form-attachment-img-desc {
      flex-grow: 2; }
    .gdpr-form .gdpr-form-attachment .gdpr-form-attachment-cancel {
      width: 44px;
      height: 44px;
      display: flex;
      justify-content: center;
      align-items: center; }
      .gdpr-form .gdpr-form-attachment .gdpr-form-attachment-cancel svg {
        display: block;
        width: 24px;
        height: 24px; }
  .gdpr-form .gdpr-form-attachment-add {
    width: 64px;
    height: 64px;
    border: 1px solid #d9d9d9;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px; }
    .gdpr-form .gdpr-form-attachment-add svg {
      display: block;
      width: 24px;
      height: 24px; }
  .gdpr-form .gdpr-form-action {
    width: 100%;
    margin: 32px 0; }
    .gdpr-form .gdpr-form-action a {
      display: block;
      font-size: 1.6rem;
      font-weight: 600;
      color: white;
      line-height: 20px;
      padding: 12px 0;
      text-align: center;
      border-radius: 4px;
      background: #458500; }

.modal-gdpr {
  width: 100%;
  padding: 16px;
  position: fixed;
  bottom: 0;
  left: 0;
  background: white;
  box-sizing: border-box;
  border-top: 1px solid #e8e8e8; }
  .modal-gdpr .gdpr-desc {
    width: 100%;
    white-space: normal;
    text-align: center; }
  .modal-gdpr .gdpr-form-consent {
    width: 100%;
    margin: 16px 0 8px 0; }
    .modal-gdpr .gdpr-form-consent a {
      display: block;
      font-size: 1.6rem;
      font-weight: 600;
      color: white;
      line-height: 20px;
      padding: 12px 0;
      text-align: center;
      border-radius: 4px;
      background: #f38a00; }
  .modal-gdpr .gdpr-form-link {
    display: flex;
    justify-content: center;
    align-items: center; }
    .modal-gdpr .gdpr-form-link a {
      display: block;
      padding: 8px 12px;
      color: #8c8c8c;
      text-decoration: underline; }

/* ===== COMMUNITY CSS ===== */
.community-page-desc {
  background: white;
  border-bottom: 1px solid whitesmoke;
  padding: 16px;
  text-align: center;
  margin: 0 0 8px 0; }

.community-section {
  background: white;
  border-bottom: 1px solid whitesmoke;
  margin: 0 0 8px 0; }
  .community-section .community-section-title {
    font-size: 1.6rem;
    font-weight: 600;
    padding: 12px 16px;
    line-height: 20px;
    border-bottom: 1px solid whitesmoke; }
  .community-section .community-section-view-all {
    padding: 2px 0 2px 16px;
    font-weight: 500;
    border-top: 1px solid whitesmoke;
    color: #262626;
    line-height: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .community-section .community-section-view-all a {
      color: #262626; }
  .community-section .community-happy-customer {
    padding: 16px;
    margin: 0 16px 0 0;
    display: flex;
    white-space: nowrap;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    box-sizing: border-box; }
  .community-section .community-cs-profile {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0 0 12px 0;
    position: relative; }
    .community-section .community-cs-profile .avatar {
      width: 44px;
      height: 44px;
      border-radius: 50%;
      overflow: hidden;
      margin: 0 8px 0 0; }
      .community-section .community-cs-profile .avatar a, .community-section .community-cs-profile .avatar img {
        display: block;
        width: 100%; }
    .community-section .community-cs-profile .name-date .name {
      font-size: 1.4rem;
      font-weight: 600;
      line-height: 20px; }
    .community-section .community-cs-profile .name-date .date {
      font-size: 1.2rem;
      color: #8c8c8c;
      line-height: 16px; }
  .community-section .community-cs-review {
    padding: 16px;
    border-radius: 4px;
    background: #e8e8e8;
    position: relative; }
    .community-section .community-cs-review:before {
      content: "";
      display: block;
      border: 12px solid rgba(217, 217, 217, 0);
      border-bottom: 12px solid #e8e8e8;
      position: absolute;
      top: -20px;
      left: 8px;
      width: 24px;
      height: 24px;
      box-sizing: border-box; }
    .community-section .community-cs-review .product {
      display: flex;
      align-items: center;
      width: 100%;
      margin: 0 0 8px 0; }
      .community-section .community-cs-review .product .product-image {
        padding: 4px;
        border-radius: 4px;
        width: 64px;
        height: 64px;
        background: white;
        margin: 0 8px 0 0; }
        .community-section .community-cs-review .product .product-image img {
          display: block;
          width: 100%; }
      .community-section .community-cs-review .product .product-title {
        width: calc(100% - 80px);
        font-size: 1.4rem;
        line-height: 18px;
        font-weight: 500;
        color: black; }
    .community-section .community-cs-review .review {
      line-height: 20px;
      font-size: 1.4rem;
      color: black; }

.happy-customer-vertical {
  border-radius: 4px;
  border: 1px solid #e8e8e8;
  white-space: normal;
  width: 272px;
  min-width: 272px;
  margin: 0 8px 0 0; }
  .happy-customer-vertical .community-cs-profile {
    display: flex;
    flex-direction: column;
    background: whitesmoke;
    padding: 16px 16px 8px 16px;
    margin: 0 0 0 0;
    position: relative; }
    .happy-customer-vertical .community-cs-profile:before {
      content: "";
      display: block;
      border: 12px solid rgba(217, 217, 217, 0);
      border-top: 12px solid whitesmoke;
      position: absolute;
      bottom: -24px;
      left: 124px;
      width: 24px;
      height: 24px;
      box-sizing: border-box; }
    .happy-customer-vertical .community-cs-profile .avatar {
      width: 64px;
      height: 64px;
      border-radius: 50%;
      overflow: hidden;
      margin: 0 0 8px 0; }
      .happy-customer-vertical .community-cs-profile .avatar a, .happy-customer-vertical .community-cs-profile .avatar img {
        display: block;
        width: 100%; }
    .happy-customer-vertical .community-cs-profile .name-date {
      text-align: center; }
      .happy-customer-vertical .community-cs-profile .name-date .name {
        font-size: 1.4rem;
        font-weight: 600;
        line-height: 20px;
        text-align: center; }
      .happy-customer-vertical .community-cs-profile .name-date .date {
        font-size: 1.2rem;
        color: #8c8c8c;
        line-height: 16px;
        text-align: center; }
  .happy-customer-vertical .community-cs-review {
    padding: 16px 16px 16px 16px;
    background: rgba(255, 255, 255, 0);
    position: relative; }
    .happy-customer-vertical .community-cs-review:before {
      content: "";
      display: none;
      border: 12px solid rgba(217, 217, 217, 0);
      border-bottom: 12px solid #e8e8e8;
      position: absolute;
      top: -20px;
      left: 8px;
      width: 24px;
      height: 24px;
      box-sizing: border-box; }
    .happy-customer-vertical .community-cs-review .product {
      display: flex;
      align-items: center;
      width: 100%;
      padding: 0 0 8px 0;
      margin: 0 0 8px 0;
      border-bottom: 1px solid whitesmoke; }
      .happy-customer-vertical .community-cs-review .product .product-image {
        padding: 4px;
        border-radius: 4px;
        width: 64px;
        height: 64px;
        background: white;
        margin: 0 8px 0 0; }
        .happy-customer-vertical .community-cs-review .product .product-image img {
          display: block;
          width: 100%; }
      .happy-customer-vertical .community-cs-review .product .product-title {
        width: calc(100% - 80px);
        font-size: 1.4rem;
        line-height: 18px;
        font-weight: 500;
        color: black; }
    .happy-customer-vertical .community-cs-review .review {
      line-height: 20px;
      font-size: 1.4rem;
      color: black;
      text-align: center; }
      .happy-customer-vertical .community-cs-review .review .read-more {
        color: #8c8c8c; }
  .happy-customer-vertical .review-date {
    font-size: 1.2rem;
    color: #8c8c8c;
    line-height: 16px;
    text-align: center;
    margin: 0 auto 4px auto; }
  .happy-customer-vertical .review-stars {
    margin: 0 0 4px 0; }
    .happy-customer-vertical .review-stars svg {
      display: block;
      margin: 0 auto; }

.community-featured-profile {
  padding: 16px 8px;
  display: flex;
  overflow-x: scroll;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch; }
  .community-featured-profile .profile {
    width: 136px;
    min-width: 136px;
    padding: 0 0 0 0;
    margin: 0 8px;
    position: relative;
    white-space: normal; }
    .community-featured-profile .profile .profile-image {
      width: 80px;
      height: 80px;
      border-radius: 50%;
      overflow: hidden;
      margin: 0 auto 8px auto; }
      .community-featured-profile .profile .profile-image a, .community-featured-profile .profile .profile-image img {
        display: block;
        width: 100%; }
    .community-featured-profile .profile .profile-name {
      text-align: center;
      font-weight: 600;
      line-height: 20px;
      padding: 0 0 4px 0;
      margin: 0 0 4px 0;
      border-bottom: 1px solid whitesmoke; }
    .community-featured-profile .profile .profile-active {
      text-align: center;
      font-size: 1.2rem;
      line-height: 16px; }
      .community-featured-profile .profile .profile-active .active-date {
        font-weight: 500; }
    .community-featured-profile .profile .profile-status {
      padding: 0 4px; }
      .community-featured-profile .profile .profile-status .review-number, .community-featured-profile .profile .profile-status .answer-number {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 4px 0; }
      .community-featured-profile .profile .profile-status svg {
        display: block;
        width: 16px;
        height: 16px;
        margin: 0 4px 0 0; }
      .community-featured-profile .profile .profile-status .title {
        line-height: 20px; }
      .community-featured-profile .profile .profile-status .label {
        margin: 0 0 0 0;
        display: flex;
        align-items: center; }
      .community-featured-profile .profile .profile-status .number {
        line-height: 20px; }

.community-social-feed {
  display: flex;
  flex-wrap: nowrap;
  white-space: nowrap;
  padding: 16px;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  width: 100%;
  box-sizing: border-box; }
  .community-social-feed li {
    margin: 0 4px 0 0; }
    .community-social-feed li a, .community-social-feed li img {
      display: block;
      width: 104px;
      border-radius: 4px;
      overflow: hidden; }

.profile-section {
  background: whitesmoke;
  border-bottom: 1px solid whitesmoke;
  margin: 0 0 8px 0; }

.popular-profile {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  box-sizing: border-box;
  background: white; }
  .popular-profile .profile {
    width: calc(50% - 0.5px);
    padding: 16px 8px;
    box-sizing: border-box;
    border-bottom: 1px solid whitesmoke; }
    .popular-profile .profile:nth-child(odd) {
      border-right: 1px solid whitesmoke;
      padding-left: 16px; }
    .popular-profile .profile:nth-child(even) {
      padding-right: 16px; }
    .popular-profile .profile:nth-last-child(-n+2) {
      border-bottom: none; }
    .popular-profile .profile .profile-image {
      width: 80px;
      height: 80px;
      border-radius: 50%;
      overflow: hidden;
      margin: 0 auto 8px auto; }
      .popular-profile .profile .profile-image a, .popular-profile .profile .profile-image img {
        display: block;
        width: 100%; }
    .popular-profile .profile .profile-name {
      font-weight: 500;
      line-height: 20px;
      font-size: 1.4rem;
      text-align: center; }
    .popular-profile .profile .profile-active {
      font-size: 1.2rem;
      line-height: 16px;
      text-align: center;
      color: #8c8c8c;
      margin: 0 0 8px 0; }
      .popular-profile .profile .profile-active .active-date {
        font-weight: 500;
        color: #262626; }
    .popular-profile .profile .profile-status {
      padding: 0 4px; }
      .popular-profile .profile .profile-status .review-number, .popular-profile .profile .profile-status .answer-number {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 4px 0; }
      .popular-profile .profile .profile-status svg {
        display: block;
        width: 16px;
        height: 16px;
        margin: 0 4px 0 0; }
      .popular-profile .profile .profile-status .title {
        line-height: 20px; }
      .popular-profile .profile .profile-status .label {
        margin: 0 0 0 0;
        display: flex;
        align-items: center; }
      .popular-profile .profile .profile-status .number {
        line-height: 20px; }

.community-image-lightbox.is-on {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10; }

.ui-pop-up-overlay-blk {
  width: 100%;
  height: 100vh;
  background: black;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  display: none;
  cursor: pointer; }

.community-image-lightbox-content {
  z-index: 11;
  display: none; }

.community-image-title {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  background: rgba(69, 133, 0, 0); }
  .community-image-title .label {
    padding: 0 0 0 16px;
    color: #458500;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 20px; }
    .community-image-title .label .desc {
      font-size: 1.2rem;
      line-height: 16px;
      color: white;
      font-weight: 400; }
  .community-image-title .icon-close {
    width: 44px;
    height: 44px;
    padding: 6px;
    display: flex;
    justify-content: center;
    align-items: center; }
    .community-image-title .icon-close svg {
      display: block;
      width: 24px;
      height: 24px; }

.pop-up-community-image {
  max-width: calc(100%);
  box-sizing: border-box;
  padding: 0;
  border-radius: 4px;
  background: white;
  z-index: 10; }
  .pop-up-community-image img {
    display: block;
    width: 100%; }

/* ===== BLOG CSS ===== */
.blg-section {
  background: white;
  border-bottom: 1px solid whitesmoke;
  margin: 0 0 16px 0; }
  .blg-section .blg-section-title {
    padding: 0 0 0 16px;
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 22px;
    min-height: 48px;
    border-bottom: 1px solid whitesmoke;
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .blg-section .blg-section-content {
    padding: 16px; }

.blg-card-index {
  width: 100%;
  margin: 0 0 16px 0;
  background: white;
  border-radius: 4px;
  overflow: hidden; }
  .blg-card-index:last-child {
    margin-bottom: 0; }
  .blg-card-index .blg-img {
    width: 100%;
    border-radius: 4px 4px 0 0;
    overflow: hidden;
    margin: 0; }
    .blg-card-index .blg-img a, .blg-card-index .blg-img img {
      display: block;
      width: 100%; }
  .blg-card-index .blg-content {
    padding: 16px;
    border-left: 1px solid whitesmoke;
    border-right: 1px solid whitesmoke; }
    .blg-card-index .blg-content h3 {
      padding: 0;
      margin: 0 0 8px 0;
      font-size: 1.6rem;
      font-weight: 600;
      line-height: 22px;
      color: black; }
    .blg-card-index .blg-content .bld-meta {
      display: flex;
      margin: 0 0 12px 0;
      line-height: 16px;
      font-size: 1.2rem;
      font-weight: 500; }
      .blg-card-index .blg-content .bld-meta .blg-date {
        color: #8c8c8c;
        border-left: 1px solid #8c8c8c;
        padding: 0 0 0 8px;
        margin: 0 0 0 8px; }
      .blg-card-index .blg-content .bld-meta .blg-category {
        display: flex;
        justify-content: flex-start;
        align-content: center; }
        .blg-card-index .blg-content .bld-meta .blg-category .label-welness {
          color: #60aa00; }
        .blg-card-index .blg-content .bld-meta .blg-category .label-nutrition {
          color: #ff4d4f; }
        .blg-card-index .blg-content .bld-meta .blg-category svg {
          display: block;
          width: 16px;
          height: 16px;
          margin: 0 4px 0 0; }
    .blg-card-index .blg-content .blg-snippet {
      font-size: 14px;
      line-height: 20px; }
  .blg-card-index .blg-action {
    padding: 0 0 0 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 500;
    border: 1px solid whitesmoke;
    border-radius: 0 0 4px 4px; }

.blg-section-carousel {
  display: flex;
  justify-content: flex-start;
  overflow: scroll;
  -webkit-overflow-scrolling: touch; }

.blg-carousel-card-index {
  min-width: calc(100% - 16px);
  padding-right: 16px; }

/* ===== MY PAGES CSS ===== */
.myp-section {
  background: white;
  border-bottom: 1px solid whitesmoke;
  margin: 0 0 8px 0; }
  .myp-section .myp-section-title {
    padding: 0 0 0 16px;
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 22px;
    min-height: 48px;
    border-bottom: 1px solid whitesmoke;
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .myp-section .myp-section-content {
    padding: 16px; }

.myp-avatar-section {
  padding: 24px 0 0 0; }

.myp-avatar {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  overflow: hidden;
  background: #fecc2e;
  margin: 0 auto 8px auto; }
  .myp-avatar a, .myp-avatar img {
    display: block;
    width: 100%; }

.myp-username {
  font-size: 1.8rem;
  font-weight: 600;
  text-align: center;
  line-height: 26px; }

.myp-active {
  font-size: 12px;
  text-align: center;
  line-height: 16px;
  margin: 0 0 12px 0; }

.myp-reward-code {
  display: flex;
  justify-content: center;
  padding: 0 0 12px 0;
  margin: 0 16px 12px 16px;
  border-bottom: 1px solid whitesmoke; }
  .myp-reward-code a {
    display: flex;
    color: #f38a00;
    align-items: center;
    border: 2px solid #f38a00;
    padding: 10px 12px;
    border-radius: 4px;
    font-weight: 600; }
  .myp-reward-code .code {
    line-height: 20px;
    margin: 0 4px 0 0; }
  .myp-reward-code svg {
    width: 16px;
    height: 16px;
    display: block; }

.myp-title {
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 22px;
  margin: 0 0 8px 0;
  padding: 0 16px;
  text-align: center; }

.myp-about {
  padding: 0 16px;
  text-align: center;
  margin: 0 0 16px 0; }
  .myp-about p {
    font-size: 1.4rem;
    line-height: 20px;
    margin: 0 0 16px 0; }
    .myp-about p:last-child {
      margin: 0; }

.myp-social li a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  border-radius: 50%; }
.myp-social li svg {
  display: block;
  width: 24px;
  height: 24px; }
.myp-social .facebook {
  background: #4267b2; }

.myp-section-meta {
  border-top: 1px solid whitesmoke;
  border-bottom: none;
  margin: 0; }
  .myp-section-meta ul {
    display: flex; }
  .myp-section-meta li {
    width: calc(100%/3);
    padding: 16px 0;
    text-align: center;
    box-sizing: border-box; }
    .myp-section-meta li:nth-child(even) {
      border-right: 1px solid whitesmoke;
      border-left: 1px solid whitesmoke; }
  .myp-section-meta .label {
    font-size: 1.2rem;
    font-weight: 500;
    color: #8c8c8c; }
  .myp-section-meta .value {
    font-size: 1.6rem;
    color: #458500;
    font-weight: 600; }

.myp-favorite-product {
  padding: 16px 8px;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  white-space: nowrap; }
  .myp-favorite-product ul {
    display: flex;
    align-items: flex-start; }
  .myp-favorite-product li:last-child {
    padding-right: 8px; }

/* ===== CHECKOUT CSS ===== */
.chk-top-summary {
  margin: 0 0 8px 0;
  padding: 14px 16px;
  line-height: 20px;
  display: flex;
  justify-content: space-between;
  font-size: 1.6rem;
  font-weight: 600;
  background: white;
  border-bottom: 1px solid whitesmoke;
  top: 56px;
  z-index: 6; }

.chk-btm-summary {
  padding: 12px 16px 0 16px;
  line-height: 20px;
  display: flex;
  justify-content: space-between;
  font-size: 1.4rem;
  font-weight: 600;
  background: white;
  border-top: 1px solid whitesmoke;
  position: absolute;
  position: -webkit-sticky;
  bottom: 64px;
  z-index: 2;
  transition: bottom 0.25s ease-in-out; }
  .chk-btm-summary.is-scroll {
    bottom: 33px; }

.chk-section {
  padding: 16px 6px 16px 16px;
  margin: 0 0 8px 0;
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  align-items: center;
  background: white;
  border-bottom: 1px solid whitesmoke; }

.chk-section-content {
  width: calc(100% - 44px); }
  .chk-section-content .chk-section-title-glb {
    margin: 0 0 12px 0;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.5px;
    color: black;
    display: flex;
    align-items: center;
    text-transform: uppercase; }
  .chk-section-content .chk-section-title-cn {
    margin: 0 0 12px 0;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 20px;
    color: black;
    display: flex;
    align-items: center;
    text-transform: uppercase; }
    .chk-section-content .chk-section-title-cn .chk-section-check {
      margin: 0 8px 0 0;
      width: 18px;
      height: 18px;
      position: relative; }
  .chk-section-content .chk-section-info {
    line-height: 20px; }
    .chk-section-content .chk-section-info .section-info-title {
      font-weight: 600;
      font-size: 16px;
      line-height: 22px;
      margin: 0 0 2px 0; }
    .chk-section-content .chk-section-info .section-info-desc:first-child {
      margin: 4px 0 0 0; }

.chk-section-success {
  border-radius: 50%;
  width: 18px;
  height: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 2;
  background: #458500;
  margin: 0 0 0 0;
  position: absolute;
  top: 0;
  left: 0; }
  .chk-section-success svg {
    display: block;
    width: 14px;
    height: 14px;
    padding: 2px; }
  .chk-section-success.is-bounce {
    animation-delay: 0.3s;
    animation: scaleBounce 0.4s ease-in-out; }

.chk-section-warning {
  border-radius: 50%;
  width: 18px;
  height: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #f10200;
  margin: 0 0 0 0;
  position: absolute;
  top: 0;
  left: 0; }
  .chk-section-warning svg {
    display: block;
    width: 14px;
    height: 14px;
    padding: 2px; }

.chk-ship-address-section .chk-newly-create-address {
  overflow: hidden; }
.chk-ship-address-section .chk-section-success {
  opacity: 0;
  transition: all 0.35s cubic-bezier(0.65, 0.05, 0.09, 0.99); }
  .chk-ship-address-section .chk-section-success.is-slide-in {
    opacity: 1; }
.chk-ship-address-section .chk-section-warning {
  opacity: 1;
  transition: all 0.35s cubic-bezier(0.65, 0.05, 0.09, 0.99); }
  .chk-ship-address-section .chk-section-warning.is-slide-out {
    opacity: 0; }

.chk-ship-method-section .section-info-title {
  display: flex;
  align-items: center; }
  .chk-ship-method-section .section-info-title .logo {
    margin: 0 4px 0 0; }
  .chk-ship-method-section .section-info-title svg {
    display: block;
    width: 44px;
    height: 44px; }
  .chk-ship-method-section .section-info-title .section-info-desc {
    line-height: 20px;
    font-weight: 400;
    font-size: 14px; }
.chk-ship-method-section .chk-section-success {
  opacity: 1;
  transition: all 0.35s cubic-bezier(0.65, 0.05, 0.09, 0.99); }
  .chk-ship-method-section .chk-section-success.is-slide-in {
    opacity: 1; }
.chk-ship-method-section .chk-section-warning {
  opacity: 1;
  transition: all 0.35s cubic-bezier(0.65, 0.05, 0.09, 0.99); }
  .chk-ship-method-section .chk-section-warning.is-slide-out {
    opacity: 0; }

.chk-product-review-section .chk-product-review-warning-msg {
  background: #fee0e1;
  color: #f10200;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  padding: 4px 8px;
  display: inline-block;
  border-radius: 4px;
  margin: 0 0 8px 0; }
.chk-product-review-section .chk-my-order {
  display: flex;
  align-items: flex-start;
  white-space: nowrap;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  margin: 4px 0 0 0; }
  .chk-product-review-section .chk-my-order li {
    margin: 0 4px 0 0;
    border: 1px solid whitesmoke;
    border-radius: 4px;
    position: relative;
    overflow: visible; }
    .chk-product-review-section .chk-my-order li.no-ship {
      border: 1px solid #ff4d4f; }
    .chk-product-review-section .chk-my-order li img {
      display: block;
      width: 62px;
      height: 62px;
      padding: 4px; }
    .chk-product-review-section .chk-my-order li .qty {
      font-size: 12px;
      text-align: center;
      font-weight: 500;
      line-height: 16px;
      position: absolute;
      top: 2px;
      right: 2px;
      width: 16px;
      height: 16px;
      text-align: center; }
    .chk-product-review-section .chk-my-order li .need-fix {
      width: 16px;
      height: 16px;
      background: rgba(241, 2, 0, 0.8);
      border-radius: 50%;
      position: absolute;
      top: 0;
      right: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 1rem;
      color: white; }
    .chk-product-review-section .chk-my-order li .need-no-fix {
      width: 16px;
      height: 16px;
      background: rgba(0, 0, 0, 0.8);
      border-radius: 50%;
      position: absolute;
      top: 0;
      right: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 1rem;
      color: white; }
.chk-product-review-section .chk-section-success {
  opacity: 0;
  transition: all 0.35s cubic-bezier(0.65, 0.05, 0.09, 0.99); }
  .chk-product-review-section .chk-section-success.is-slide-in {
    opacity: 1; }
.chk-product-review-section .chk-section-warning {
  opacity: 1;
  transition: all 0.35s cubic-bezier(0.65, 0.05, 0.09, 0.99); }
  .chk-product-review-section .chk-section-warning.is-slide-out {
    opacity: 0; }

.chk-saving-section {
  padding: 16px; }
  .chk-saving-section .chk-section-content {
    width: 100%; }
  .chk-saving-section .chk-coupon-applied li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 20px;
    color: #458500; }
  .chk-saving-section .chk-coupon-applied .amount {
    text-align: right;
    font-weight: 500; }
  .chk-saving-section .chk-saving {
    margin: 8px 0 0 0;
    padding: 8px 0 0 0;
    border-top: 1px solid whitesmoke;
    text-align: right;
    color: #458500;
    font-weight: 600; }

.chk-summary-table {
  background: white;
  border-top: 1px solid whitesmoke;
  padding: 16px 16px 16px 16px;
  margin: 0 0 8px 0;
  border-bottom: 1px solid whitesmoke; }
  .chk-summary-table table {
    width: 100%;
    font-size: 1.4rem;
    border-collapse: collapse;
    font-weight: 500; }
  .chk-summary-table tbody .minus {
    color: #458500; }
  .chk-summary-table tbody td {
    line-height: 20px;
    padding: 6px 0; }
  .chk-summary-table tbody .number {
    text-align: right;
    padding: 0 0 0 8px; }
  .chk-summary-table tbody .last {
    padding: 6px 0 12px 0; }
  .chk-summary-table tbody .first {
    padding: 12px 0 6px 0; }
  .chk-summary-table thead {
    border-bottom: 1px solid whitesmoke; }
    .chk-summary-table thead td {
      font-weight: 600;
      line-height: 20px;
      padding: 6px 0; }
  .chk-summary-table tfoot {
    border-top: 1px solid whitesmoke; }
    .chk-summary-table tfoot td {
      padding: 12px 0 6px 0;
      font-weight: 600;
      font-size: 1.8rem; }
    .chk-summary-table tfoot .number {
      text-align: right;
      padding: 12px 0 6px 8px; }
    .chk-summary-table tfoot .credit {
      padding: 0 0 0 0;
      font-size: 1.4rem;
      font-weight: 500;
      color: #458500;
      line-height: 20px; }
    .chk-summary-table tfoot .earn-loyalty-credit {
      font-size: 14px;
      font-weight: 600;
      text-align: right;
      line-height: 20px;
      color: #458500;
      padding-top: 0; }

.chk-place-order-china {
  background: white;
  border-top: 1px solid #e8e8e8;
  position: sticky;
  position: -webkit-sticky;
  bottom: 0;
  display: flex;
  align-items: center;
  box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.1); }
  .chk-place-order-china .total {
    border-right: 1px solid whitesmoke;
    flex-grow: 2;
    padding: 0 16px; }
    .chk-place-order-china .total .number {
      font-weight: 600;
      line-height: 24px;
      font-size: 18px;
      color: #458500; }
    .chk-place-order-china .total .reward {
      font-size: 12px;
      line-height: 16px;
      color: #458500; }
  .chk-place-order-china .action {
    width: 33%;
    font-size: 1.6rem;
    font-weight: 600;
    background: #f38a00;
    line-height: 22px;
    color: white;
    padding: 17px 16px;
    text-align: center; }
  .chk-place-order-china .action-disable {
    background: #d9d9d9; }

.chk-global-payment-section .section-info-title {
  display: flex;
  align-items: center; }
  .chk-global-payment-section .section-info-title .logo {
    margin: 0 12px 0 0; }
  .chk-global-payment-section .section-info-title svg {
    display: block;
    width: 44px;
    height: 44px; }
  .chk-global-payment-section .section-info-title .date {
    line-height: 20px;
    font-weight: 400;
    font-size: 14px; }
.chk-global-payment-section .chk-section-success {
  opacity: 0;
  transition: all 0.35s cubic-bezier(0.65, 0.05, 0.09, 0.99); }
  .chk-global-payment-section .chk-section-success.is-slide-in {
    opacity: 1; }
.chk-global-payment-section .chk-section-warning {
  opacity: 1;
  transition: all 0.35s cubic-bezier(0.65, 0.05, 0.09, 0.99); }
  .chk-global-payment-section .chk-section-warning.is-slide-out {
    opacity: 0; }

.chk-loyalty-credit {
  background: white;
  margin: 0 0 8px 0;
  padding: 16px;
  font-weight: 500;
  color: #458500;
  line-height: 20px;
  border-bottom: 1px solid whitesmoke; }

.chk-place-order {
  background: white;
  border-top: 1px solid whitesmoke;
  padding: 10px 16px;
  position: sticky;
  position: -webkit-sticky;
  bottom: 0; }
  .chk-place-order .action {
    font-size: 1.6rem;
    font-weight: 600;
    background: #f38a00;
    line-height: 22px;
    color: white;
    padding: 11px 0;
    border-radius: 4px;
    text-align: center; }

.chk-create-shipping-address-page {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  transition: transform 0.3s cubic-bezier(0.65, 0.05, 0.09, 0.99);
  background: #fafafa; }
  .chk-create-shipping-address-page.is-slide-in {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  .chk-create-shipping-address-page .page-content {
    padding: 24px 16px 0 16px; }
    .chk-create-shipping-address-page .page-content .form-format li {
      margin: 0 0 16px 0; }
      .chk-create-shipping-address-page .page-content .form-format li.double {
        display: flex;
        justify-content: space-between; }
        .chk-create-shipping-address-page .page-content .form-format li.double label {
          width: 48.5%; }
  .chk-create-shipping-address-page .switch-toggle {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    margin: 24px 0 0 0; }
    .chk-create-shipping-address-page .switch-toggle .label .title {
      font-weight: 600; }
    .chk-create-shipping-address-page .switch-toggle .label .desc {
      font-size: 1.2rem; }
  .chk-create-shipping-address-page .action-done {
    margin: 32px 0;
    font-weight: 600;
    background: #458500;
    color: white;
    line-height: 20px;
    border-radius: 4px;
    padding: 14px 0;
    text-align: center; }
  .chk-create-shipping-address-page .chk-import-address {
    padding: 16px 16px 0 16px;
    display: flex;
    justify-content: flex-end;
    align-content: center;
    margin: 0; }
    .chk-create-shipping-address-page .chk-import-address .btn {
      border-radius: 4px;
      padding: 7px 8px;
      margin: 0 0 0 8px;
      background: white;
      line-height: 16px;
      display: flex;
      align-items: center;
      font-size: 1.2rem;
      font-weight: 500;
      border: 1px solid #d9d9d9; }
      .chk-create-shipping-address-page .chk-import-address .btn svg {
        display: block;
        width: 16px;
        height: 16px;
        margin: 0 4px 0 0; }

.chk-shipping-address-page {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  transition: transform 0.3s cubic-bezier(0.65, 0.05, 0.09, 0.99);
  background: #fafafa; }
  .chk-shipping-address-page.is-slide-in {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  .chk-shipping-address-page .page-content {
    padding: 16px 8px; }
  .chk-shipping-address-page .chk-ship-address-option .chk-ship-addredd-add {
    background: white;
    font-size: 1.4rem;
    font-weight: 500;
    border-radius: 4px;
    padding: 12px 16px;
    line-height: 20px;
    display: flex;
    align-items: center;
    color: #458500; }
    .chk-shipping-address-page .chk-ship-address-option .chk-ship-addredd-add .icon {
      margin: 0 8px 0 0; }
    .chk-shipping-address-page .chk-ship-address-option .chk-ship-addredd-add svg {
      display: block;
      width: 24px;
      height: 24px; }
  .chk-shipping-address-page .chk-ship-address-option li {
    margin: 0 0 4px 0;
    border: 1px solid whitesmoke;
    background: white;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .chk-shipping-address-page .chk-ship-address-option li .chk-input-edit {
      width: 44px;
      height: 44px;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 0 6px 0 8px; }
      .chk-shipping-address-page .chk-ship-address-option li .chk-input-edit svg {
        display: block;
        width: 24px;
        height: 24px; }
    .chk-shipping-address-page .chk-ship-address-option li:last-child {
      margin: 0; }

.chk-shipping-method-page {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  transition: transform 0.3s cubic-bezier(0.65, 0.05, 0.09, 0.99);
  background: #fafafa; }
  .chk-shipping-method-page.is-slide-in {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  .chk-shipping-method-page .page-content {
    padding: 16px 8px; }
  .chk-shipping-method-page .chk-ship-method-option > li {
    margin: 0 0 4px 0;
    padding: 12px 0 12px 16px;
    border: 1px solid whitesmoke;
    background: white; }
    .chk-shipping-method-page .chk-ship-method-option > li:last-child {
      margin: 0; }
  .chk-shipping-method-page .chk-ship-method-option .chk-ship-method-method {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .chk-shipping-method-page .chk-ship-method-option .chk-ship-method-method .ui-radio-outline-cn {
      padding: 0; }
    .chk-shipping-method-page .chk-ship-method-option .chk-ship-method-method .chk-input-edit {
      width: 44px;
      height: 44px;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 0 6px 0 8px; }
      .chk-shipping-method-page .chk-ship-method-option .chk-ship-method-method .chk-input-edit svg {
        display: block;
        width: 24px;
        height: 24px; }
  .chk-shipping-method-page .chk-ship-method-option .chk-ship-method-form {
    margin: 16px 12px 0 0;
    overflow: hidden;
    transform: translateY(-50px);
    opacity: 0;
    transition: all 0.25s cubic-bezier(0.65, 0.05, 0.09, 0.99); }
    .chk-shipping-method-page .chk-ship-method-option .chk-ship-method-form.slide-in {
      transform: translateY(0);
      opacity: 1; }
    .chk-shipping-method-page .chk-ship-method-option .chk-ship-method-form li {
      margin: 0 0 16px 0; }
      .chk-shipping-method-page .chk-ship-method-option .chk-ship-method-form li.double {
        display: flex;
        justify-content: space-between; }
        .chk-shipping-method-page .chk-ship-method-option .chk-ship-method-form li.double label {
          width: 48.5%; }
  .chk-shipping-method-page .chk-ship-method-desc {
    padding: 0 0 16px 0;
    line-height: 20px; }
    .chk-shipping-method-page .chk-ship-method-desc a {
      color: #262626;
      text-decoration: underline; }
  .chk-shipping-method-page .chk-form-modal-action-full {
    margin: 32px 0 16px 0; }
    .chk-shipping-method-page .chk-form-modal-action-full .action-done {
      font-weight: 600;
      background: #458500;
      color: white;
      line-height: 20px;
      border-radius: 4px;
      padding: 14px 0;
      text-align: center; }

.chk-review-order-page {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  transition: transform 0.3s cubic-bezier(0.65, 0.05, 0.09, 0.99);
  background: #fafafa; }
  .chk-review-order-page.is-slide-in {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  .chk-review-order-page .page-content {
    padding: 16px 8px; }
  .chk-review-order-page .chk-review-order-list .chk-ship-addredd-add {
    background: white;
    font-size: 1.6rem;
    font-weight: 500;
    border: 1px solid whitesmoke;
    border-radius: 4px;
    padding: 12px 16px;
    line-height: 20px;
    display: flex;
    align-items: center;
    color: #458500;
    margin: 0 0 8px 0; }
    .chk-review-order-page .chk-review-order-list .chk-ship-addredd-add .icon {
      margin: 0 8px 0 0; }
    .chk-review-order-page .chk-review-order-list .chk-ship-addredd-add svg {
      display: block;
      width: 24px;
      height: 24px; }
  .chk-review-order-page .chk-review-order-list li {
    margin: 0 0 4px 0; }
    .chk-review-order-page .chk-review-order-list li:last-child {
      margin: 0; }
  .chk-review-order-page .chk-review-order-list .chk-ship-method-desc {
    padding: 12px 0;
    text-align: center;
    line-height: 20px; }
    .chk-review-order-page .chk-review-order-list .chk-ship-method-desc a {
      color: #262626;
      text-decoration: underline; }

.chk-review-order-warning-msg {
  background: #fee0e1;
  color: #f10200;
  line-height: 20px;
  padding: 12px 16px;
  border-radius: 4px;
  margin: 0 0 8px 0;
  display: flex;
  align-items: center; }
  .chk-review-order-warning-msg .icon {
    margin: 0 8px 0 0; }
    .chk-review-order-warning-msg .icon svg {
      display: block;
      width: 24px;
      height: 24px; }

.chk-review-product-cell {
  padding: 16px 16px 16px 0;
  margin: 0 0 2px 0;
  display: flex;
  justify-content: space-between;
  background: white;
  border: 1px solid whitesmoke;
  border-radius: 4px;
  position: relative; }
  .chk-review-product-cell .product-image {
    width: 23%;
    max-width: 100px;
    margin: 0 12px 0 8px;
    max-width: 120px;
    position: relative; }
    .chk-review-product-cell .product-image img, .chk-review-product-cell .product-image a {
      display: block;
      width: 100%; }
  .chk-review-product-cell .product-txt {
    width: 77%;
    flex-grow: 2; }
  .chk-review-product-cell .product-title {
    position: relative;
    margin: 0 0 12px 0;
    border-bottom: 1px solid whitesmoke; }
    .chk-review-product-cell .product-title h2 {
      font-size: 1.4rem;
      font-weight: 500;
      line-height: 18px;
      margin: 0 0 4px 0; }
    .chk-review-product-cell .product-title .product-weight {
      font-weight: 400;
      line-height: 20px;
      margin: 0 0 0 0; }
    .chk-review-product-cell .product-title .product-price {
      display: flex;
      justify-content: flex-start;
      align-items: flex-end;
      line-height: 20px;
      font-size: 1.4rem;
      line-height: 30px; }
      .chk-review-product-cell .product-title .product-price .msrp {
        color: #8c8c8c;
        text-decoration: line-through;
        margin: 0 4px 0 0; }
      .chk-review-product-cell .product-title .product-price .discount {
        color: #458500;
        font-weight: 600; }
      .chk-review-product-cell .product-title .product-price .final {
        font-weight: 600; }
  .chk-review-product-cell .product-info {
    display: flex;
    justify-content: space-between;
    align-content: center; }
    .chk-review-product-cell .product-info .product-qty {
      display: flex;
      justify-content: flex-start;
      align-content: center; }
      .chk-review-product-cell .product-info .product-qty .qty {
        line-height: 32px;
        width: 32px;
        text-align: center;
        border: 1px solid #d9d9d9;
        border-left: none;
        border-right: none;
        box-sizing: border-box;
        font-weight: 500; }
      .chk-review-product-cell .product-info .product-qty .plus, .chk-review-product-cell .product-info .product-qty .minus {
        display: flex;
        justify-content: center;
        align-items: center;
        border: 1px solid #d9d9d9;
        border-radius: 0 4px 4px 0;
        padding: 4px;
        box-sizing: border-box; }
        .chk-review-product-cell .product-info .product-qty .plus svg, .chk-review-product-cell .product-info .product-qty .minus svg {
          display: block;
          width: 24px;
          height: 24px; }
      .chk-review-product-cell .product-info .product-qty .minus {
        border-radius: 4px 0 0 4px; }
    .chk-review-product-cell .product-info .product-total, .chk-review-product-cell .product-info .product-total-discount {
      font-size: 1.8rem;
      line-height: 32px;
      font-weight: 600; }
    .chk-review-product-cell .product-info .product-total-discount {
      color: #458500; }

.chk-review-product-cell-no-ship {
  position: relative; }
  .chk-review-product-cell-no-ship h2 {
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 18px;
    margin: 0 0 2px 0;
    width: calc(100% - 32px); }
  .chk-review-product-cell-no-ship .product-remove {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 44px;
    height: 44px;
    position: absolute;
    top: 6px;
    right: 6px; }
    .chk-review-product-cell-no-ship .product-remove svg {
      display: block;
      width: 20px;
      height: 20px; }
  .chk-review-product-cell-no-ship .no-ship-badge {
    display: inline-block;
    margin: 0 0 8px 0;
    padding: 0 8px;
    background: #fee0e1;
    color: #f10200;
    font-size: 12px;
    line-height: 24px;
    border-radius: 2px; }

.chk-payment-page-cn {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  transition: transform 0.3s cubic-bezier(0.65, 0.05, 0.09, 0.99);
  background: #fafafa; }
  .chk-payment-page-cn.is-slide-in {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  .chk-payment-page-cn .page-content {
    overflow: scroll; }
  .chk-payment-page-cn .chk-payment-list {
    padding: 0 8px 0 8px; }
    .chk-payment-page-cn .chk-payment-list .chk-ship-addredd-add {
      background: white;
      font-size: 1.6rem;
      font-weight: 500;
      border-radius: 4px;
      padding: 12px 16px;
      line-height: 20px;
      display: flex;
      align-items: center;
      color: #458500; }
      .chk-payment-page-cn .chk-payment-list .chk-ship-addredd-add .icon {
        margin: 0 8px 0 0; }
      .chk-payment-page-cn .chk-payment-list .chk-ship-addredd-add svg {
        display: block;
        width: 24px;
        height: 24px; }
    .chk-payment-page-cn .chk-payment-list li {
      margin: 0 0 4px 0;
      border: 1px solid whitesmoke;
      background: white;
      display: flex;
      justify-content: space-between;
      align-items: center; }
      .chk-payment-page-cn .chk-payment-list li .chk-input-edit {
        width: 44px;
        height: 44px;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0 6px 0 8px; }
        .chk-payment-page-cn .chk-payment-list li .chk-input-edit svg {
          display: block;
          width: 24px;
          height: 24px; }
      .chk-payment-page-cn .chk-payment-list li:last-child {
        margin: 0; }
    .chk-payment-page-cn .chk-payment-list .chk-ship-method-desc {
      padding: 12px 0;
      text-align: center;
      line-height: 20px; }
      .chk-payment-page-cn .chk-payment-list .chk-ship-method-desc a {
        color: #262626;
        text-decoration: underline; }
  .chk-payment-page-cn .chk-ceri-info {
    padding: 16px;
    margin: 16px 8px;
    background: white;
    border: 1px solid whitesmoke;
    border-radius: 4px; }
    .chk-payment-page-cn .chk-ceri-info .title {
      font-weight: 600;
      line-height: 20px;
      margin: 0 0 16px 0; }
    .chk-payment-page-cn .chk-ceri-info .form-format:last-child {
      margin: 0; }
    .chk-payment-page-cn .chk-ceri-info .form-format li {
      margin: 0 0 16px 0; }
  .chk-payment-page-cn .chk-pay-action {
    width: 100%;
    background: #f38a00;
    color: white;
    font-weight: 600;
    font-size: 1.6rem;
    padding: 18px 0;
    line-height: 20px;
    text-align: center;
    position: sticky;
    position: -webkit-sticky;
    bottom: 0; }
  .chk-payment-page-cn .chk-form-modal-action-full {
    margin: 32px 16px; }
    .chk-payment-page-cn .chk-form-modal-action-full .action-done {
      font-weight: 600;
      background: #458500;
      color: white;
      line-height: 20px;
      border-radius: 4px;
      padding: 14px 0;
      text-align: center; }
  .chk-payment-page-cn .chk-order-confirm {
    padding: 16px;
    margin: 16px 8px 16px 8px;
    background: white;
    border: 1px solid whitesmoke;
    border-radius: 4px; }
    .chk-payment-page-cn .chk-order-confirm .confirm-title {
      font-size: 1.6rem;
      font-weight: 600;
      color: #458500;
      line-height: 22px;
      margin: 0 0 8px 0; }
    .chk-payment-page-cn .chk-order-confirm .order-info-title {
      font-size: 1.4rem;
      font-weight: 600;
      line-height: 20px;
      color: black; }
    .chk-payment-page-cn .chk-order-confirm .order-info-desc {
      display: flex;
      align-items: center;
      font-size: 1.4rem;
      font-weight: 500;
      line-height: 20px;
      margin: 0 0 4px 0; }
      .chk-payment-page-cn .chk-order-confirm .order-info-desc:last-child {
        margin: 0; }
      .chk-payment-page-cn .chk-order-confirm .order-info-desc .label {
        margin: 0 16px 0 0; }

.chk-add-payment .chk-modal-title, .chk-edit-payment-address .chk-modal-title, .chk-default-payment-method .chk-modal-title {
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 22px;
  color: black;
  margin: 16px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start; }
.chk-add-payment .chk-import-address, .chk-edit-payment-address .chk-import-address, .chk-default-payment-method .chk-import-address {
  display: flex;
  justify-content: flex-end;
  align-content: center;
  margin: 0; }
  .chk-add-payment .chk-import-address .btn, .chk-edit-payment-address .chk-import-address .btn, .chk-default-payment-method .chk-import-address .btn {
    border-radius: 4px;
    padding: 7px 8px;
    margin: 0 0 0 8px;
    background: white;
    line-height: 16px;
    display: flex;
    align-items: center;
    font-size: 1.2rem;
    font-weight: 500;
    border: 1px solid #d9d9d9; }
    .chk-add-payment .chk-import-address .btn svg, .chk-edit-payment-address .chk-import-address .btn svg, .chk-default-payment-method .chk-import-address .btn svg {
      display: block;
      width: 16px;
      height: 16px;
      margin: 0 4px 0 0; }
.chk-add-payment .chk-address-form, .chk-edit-payment-address .chk-address-form, .chk-default-payment-method .chk-address-form {
  padding: 0 16px; }
  .chk-add-payment .chk-address-form .switch-toggle, .chk-edit-payment-address .chk-address-form .switch-toggle, .chk-default-payment-method .chk-address-form .switch-toggle {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0; }
    .chk-add-payment .chk-address-form .switch-toggle .label .title, .chk-edit-payment-address .chk-address-form .switch-toggle .label .title, .chk-default-payment-method .chk-address-form .switch-toggle .label .title {
      font-weight: 600; }
    .chk-add-payment .chk-address-form .switch-toggle .label .desc, .chk-edit-payment-address .chk-address-form .switch-toggle .label .desc, .chk-default-payment-method .chk-address-form .switch-toggle .label .desc {
      font-size: 1.2rem; }
.chk-add-payment .form-format li, .chk-edit-payment-address .form-format li, .chk-default-payment-method .form-format li {
  margin: 0 0 16px 0; }
  .chk-add-payment .form-format li:last-child, .chk-edit-payment-address .form-format li:last-child, .chk-default-payment-method .form-format li:last-child {
    margin: 0; }
  .chk-add-payment .form-format li.double, .chk-edit-payment-address .form-format li.double, .chk-default-payment-method .form-format li.double {
    display: flex;
    justify-content: space-between; }
    .chk-add-payment .form-format li.double label, .chk-edit-payment-address .form-format li.double label, .chk-default-payment-method .form-format li.double label {
      width: 48.5%; }
.chk-add-payment .chk-form-modal-action-full, .chk-edit-payment-address .chk-form-modal-action-full, .chk-default-payment-method .chk-form-modal-action-full {
  margin: 32px 16px; }
  .chk-add-payment .chk-form-modal-action-full .action-done, .chk-edit-payment-address .chk-form-modal-action-full .action-done, .chk-default-payment-method .chk-form-modal-action-full .action-done {
    font-weight: 600;
    background: #458500;
    color: white;
    line-height: 20px;
    border-radius: 4px;
    padding: 14px 0;
    text-align: center; }
.chk-add-payment .chk-form-modal-action, .chk-edit-payment-address .chk-form-modal-action, .chk-default-payment-method .chk-form-modal-action {
  margin: 32px 16px;
  display: flex;
  justify-content: space-between; }
  .chk-add-payment .chk-form-modal-action .action-secondary, .chk-edit-payment-address .chk-form-modal-action .action-secondary, .chk-default-payment-method .chk-form-modal-action .action-secondary {
    width: 48.5%;
    box-sizing: border-box;
    border: 2px solid #d9d9d9;
    font-weight: 600;
    background: white;
    color: #262626;
    line-height: 20px;
    border-radius: 4px;
    padding: 12px 0;
    text-align: center; }
  .chk-add-payment .chk-form-modal-action .action-done, .chk-edit-payment-address .chk-form-modal-action .action-done, .chk-default-payment-method .chk-form-modal-action .action-done {
    width: 48.5%;
    font-weight: 600;
    background: #458500;
    color: white;
    line-height: 20px;
    border-radius: 4px;
    padding: 14px 0;
    text-align: center; }
.chk-add-payment .chk-address-selection .add-selection-tab, .chk-edit-payment-address .chk-address-selection .add-selection-tab, .chk-default-payment-method .chk-address-selection .add-selection-tab {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0 8px;
  border-bottom: 1px solid whitesmoke; }
  .chk-add-payment .chk-address-selection .add-selection-tab li, .chk-edit-payment-address .chk-address-selection .add-selection-tab li, .chk-default-payment-method .chk-address-selection .add-selection-tab li {
    font-weight: 500;
    line-height: 20px;
    padding: 14px 0;
    min-width: 58px;
    text-align: center;
    position: relative; }
    .chk-add-payment .chk-address-selection .add-selection-tab li.active, .chk-edit-payment-address .chk-address-selection .add-selection-tab li.active, .chk-default-payment-method .chk-address-selection .add-selection-tab li.active {
      color: #458500; }
      .chk-add-payment .chk-address-selection .add-selection-tab li.active:before, .chk-edit-payment-address .chk-address-selection .add-selection-tab li.active:before, .chk-default-payment-method .chk-address-selection .add-selection-tab li.active:before {
        content: "";
        display: block;
        min-width: 58px;
        height: 1px;
        line-height: 1px;
        background: #60aa00;
        position: absolute;
        left: 0;
        bottom: 0; }
.chk-add-payment .chk-address-selection .add-selection-tab-item, .chk-edit-payment-address .chk-address-selection .add-selection-tab-item, .chk-default-payment-method .chk-address-selection .add-selection-tab-item {
  padding: 8px;
  width: calc(100%);
  box-sizing: border-box;
  height: calc(100% - 148px);
  overflow-y: scroll;
  position: fixed;
  -webkit-overflow-scrolling: touch; }
  .chk-add-payment .chk-address-selection .add-selection-tab-item li, .chk-edit-payment-address .chk-address-selection .add-selection-tab-item li, .chk-default-payment-method .chk-address-selection .add-selection-tab-item li {
    padding: 8px;
    width: 100%;
    box-sizing: border-box; }

.chk-add-address .chk-modal-title, .chk-edit-address .chk-modal-title, .chk-select-address .chk-modal-title {
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 22px;
  color: black;
  margin: 16px;
  display: flex;
  justify-content: space-between;
  position: relative; }
.chk-add-address .chk-import-address, .chk-edit-address .chk-import-address, .chk-select-address .chk-import-address {
  display: flex;
  justify-content: flex-end;
  align-content: center;
  margin: 0; }
  .chk-add-address .chk-import-address .btn, .chk-edit-address .chk-import-address .btn, .chk-select-address .chk-import-address .btn {
    border-radius: 4px;
    padding: 7px 8px;
    margin: 0 0 0 8px;
    background: white;
    line-height: 16px;
    display: flex;
    align-items: center;
    font-size: 1.2rem;
    font-weight: 500;
    border: 1px solid #d9d9d9; }
    .chk-add-address .chk-import-address .btn svg, .chk-edit-address .chk-import-address .btn svg, .chk-select-address .chk-import-address .btn svg {
      display: block;
      width: 16px;
      height: 16px;
      margin: 0 4px 0 0; }
.chk-add-address .chk-address-form, .chk-edit-address .chk-address-form, .chk-select-address .chk-address-form {
  padding: 0 16px; }
  .chk-add-address .chk-address-form .switch-toggle, .chk-edit-address .chk-address-form .switch-toggle, .chk-select-address .chk-address-form .switch-toggle {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0; }
    .chk-add-address .chk-address-form .switch-toggle .label .title, .chk-edit-address .chk-address-form .switch-toggle .label .title, .chk-select-address .chk-address-form .switch-toggle .label .title {
      font-weight: 600; }
    .chk-add-address .chk-address-form .switch-toggle .label .desc, .chk-edit-address .chk-address-form .switch-toggle .label .desc, .chk-select-address .chk-address-form .switch-toggle .label .desc {
      font-size: 1.2rem; }
.chk-add-address .form-format li, .chk-edit-address .form-format li, .chk-select-address .form-format li {
  margin: 0 0 16px 0; }
  .chk-add-address .form-format li.double, .chk-edit-address .form-format li.double, .chk-select-address .form-format li.double {
    display: flex;
    justify-content: space-between; }
    .chk-add-address .form-format li.double label, .chk-edit-address .form-format li.double label, .chk-select-address .form-format li.double label {
      width: 48.5%; }
  .chk-add-address .form-format li:last-child, .chk-edit-address .form-format li:last-child, .chk-select-address .form-format li:last-child {
    margin: 0; }
.chk-add-address .chk-form-modal-action-full, .chk-edit-address .chk-form-modal-action-full, .chk-select-address .chk-form-modal-action-full {
  margin: 32px 16px; }
  .chk-add-address .chk-form-modal-action-full .action-done, .chk-edit-address .chk-form-modal-action-full .action-done, .chk-select-address .chk-form-modal-action-full .action-done {
    font-weight: 600;
    background: #458500;
    color: white;
    line-height: 20px;
    border-radius: 4px;
    padding: 14px 0;
    text-align: center; }
.chk-add-address .chk-form-modal-action, .chk-edit-address .chk-form-modal-action, .chk-select-address .chk-form-modal-action {
  margin: 32px 16px;
  display: flex;
  justify-content: space-between; }
  .chk-add-address .chk-form-modal-action .action-secondary, .chk-edit-address .chk-form-modal-action .action-secondary, .chk-select-address .chk-form-modal-action .action-secondary {
    width: 48.5%;
    box-sizing: border-box;
    border: 2px solid #d9d9d9;
    font-weight: 600;
    background: white;
    color: #262626;
    line-height: 20px;
    border-radius: 4px;
    padding: 12px 0;
    text-align: center; }
  .chk-add-address .chk-form-modal-action .action-done, .chk-edit-address .chk-form-modal-action .action-done, .chk-select-address .chk-form-modal-action .action-done {
    width: 48.5%;
    font-weight: 600;
    background: #458500;
    color: white;
    line-height: 20px;
    border-radius: 4px;
    padding: 14px 0;
    text-align: center; }
.chk-add-address .chk-address-selection .add-selection-tab, .chk-edit-address .chk-address-selection .add-selection-tab, .chk-select-address .chk-address-selection .add-selection-tab {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0 8px;
  border-bottom: 1px solid whitesmoke; }
  .chk-add-address .chk-address-selection .add-selection-tab li, .chk-edit-address .chk-address-selection .add-selection-tab li, .chk-select-address .chk-address-selection .add-selection-tab li {
    font-weight: 500;
    line-height: 20px;
    padding: 14px 0;
    min-width: 58px;
    text-align: center;
    position: relative; }
    .chk-add-address .chk-address-selection .add-selection-tab li.active, .chk-edit-address .chk-address-selection .add-selection-tab li.active, .chk-select-address .chk-address-selection .add-selection-tab li.active {
      color: #458500; }
      .chk-add-address .chk-address-selection .add-selection-tab li.active:before, .chk-edit-address .chk-address-selection .add-selection-tab li.active:before, .chk-select-address .chk-address-selection .add-selection-tab li.active:before {
        content: "";
        display: block;
        min-width: 58px;
        height: 1px;
        line-height: 1px;
        background: #60aa00;
        position: absolute;
        left: 0;
        bottom: 0; }
.chk-add-address .chk-address-selection .add-selection-tab-item, .chk-edit-address .chk-address-selection .add-selection-tab-item, .chk-select-address .chk-address-selection .add-selection-tab-item {
  padding: 8px;
  width: calc(100%);
  box-sizing: border-box;
  height: calc(100% - 148px);
  overflow-y: scroll;
  position: fixed;
  -webkit-overflow-scrolling: touch; }
  .chk-add-address .chk-address-selection .add-selection-tab-item li, .chk-edit-address .chk-address-selection .add-selection-tab-item li, .chk-select-address .chk-address-selection .add-selection-tab-item li {
    padding: 8px;
    width: 100%;
    box-sizing: border-box; }

.icon-close-area-select {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  position: absolute;
  top: -10px;
  right: -6px; }
  .icon-close-area-select svg {
    display: block;
    width: 24px;
    height: 24px; }

.cart-temp {
  width: 100%;
  position: relative; }
  .cart-temp img {
    display: block;
    width: 100%; }
  .cart-temp .apple-btn {
    width: 100%;
    background: transparent;
    position: sticky;
    position: -webkit-staticy;
    bottom: 0; }
  .cart-temp .overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6); }
  .cart-temp .apple-phone {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    transform: translateY(100%);
    transition: transform 0.3s ease-in-out; }
    .cart-temp .apple-phone.is-up {
      transform: translateY(0); }
    .cart-temp .apple-phone image {
      display: block;
      width: 100; }

.chk-place-order-global {
  background: white;
  padding: 10px 16px;
  position: sticky;
  position: -webkit-sticky;
  bottom: 0;
  z-index: 7; }
  .chk-place-order-global .action {
    background: #f38a00;
    color: white;
    font-size: 16px;
    line-height: 20px;
    padding: 12px 0;
    text-align: center;
    font-weight: 600;
    border-radius: 4px; }
  .chk-place-order-global .action-disable {
    background: #d9d9d9; }
  .chk-place-order-global.no-peek {
    border-top: 1px solid whitesmoke; }