/* common value, do not edit unless you have global search and confirm it is safe */
/* Color Theme */
/* Color theme for landing */
/* header scss variable */
/* (Flexbox Mixin Helper) */
/* (Calc Mixin Helper) */
/*  START: Animation Mixin */
/* Clockwise Spinning */
/* Anti-clockwise Spinning */
/*  END: Animation Mixin */
/* line 3, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail {
  word-wrap: break-word;
  /* Start - PriceLabel */
}
/* line 5, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail .brand-product-name {
  font-size: 20px;
  font-weight: bold;
  display: -webkit-box;
  max-height: 50px;
  line-height: 25px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 20px;
}
/* line 17, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail .brand-product-name:hover > * > * {
  color: #2b8939;
  transition: all 0.13s linear;
}
/* line 20, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
body.street-fashion .product-detail .brand-product-name:hover > * > * {
  color: initial;
  text-decoration: underline;
}
/* line 27, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail .packing-spec {
  color: #555;
  font-size: 15px;
  font-weight: 100;
  font-style: normal;
  margin-bottom: 3px;
  word-wrap: break-word;
}
/* line 35, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail .product-promotions {
  margin-bottom: 5px;
  color: #B71B1C;
  font-size: 15px;
  line-height: normal;
}
/* line 42, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail .mallDollarLabel {
  font-size: 15px;
  line-height: normal;
  background-color: #EBF7EC;
  padding-inline: 10px;
  padding-block: 8px;
}
/* line 48, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.street-fashion .productQuickViewWrapper .product-detail .mallDollarLabel {
  padding-top: 0;
}
/* line 51, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.street-fashion .product-detail .mallDollarLabel {
  padding-top: 10px;
  padding: 10px;
}
/* line 55, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail .mallDollarLabel > * {
  vertical-align: middle;
}
/* line 58, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail .mallDollarLabel > i {
  margin: 0 5px;
}
/* line 64, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail .pricelabel {
  padding: 10px 10px 10px 10px;
}
/* line 66, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail .pricelabel .salesString {
  padding: 10px 10px 0 10px;
  margin-left: 100px;
}
/* line 70, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail .pricelabel .priceTypeText {
  float: left;
  width: 100px;
  color: #666;
  font-size: 15px;
  line-height: 25px;
}
/* line 76, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail .pricelabel .priceTypeText + .priceLabelWrapper {
  flex: 1;
}
/* line 81, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail .pricelabel .priceLabelWrapper.series {
  flex: 1;
}
/* line 83, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail .pricelabel .priceLabelWrapper.series .price {
  margin-right: 5px;
}
/* line 86, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail .pricelabel .priceLabelWrapper.series .plusPriceSection {
  margin-top: 14px;
  margin-right: 5px;
}
/* line 89, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail .pricelabel .priceLabelWrapper.series .plusPriceSection__btn {
  background-color: #67FB98;
  color: #000000;
  padding: 4px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  font-family: 'Noto Sans TC';
}
/* line 99, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail .pricelabel .priceLabelWrapper.series .plusPriceSection__btn__icon {
  margin-right: 4px;
}
/* line 103, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail .pricelabel .priceLabelWrapper.series .plusPriceSection--top {
  background-color: #67FB98;
  font-weight: 500;
  font-family: Noto Sans TC;
  display: flex;
  align-items: center;
  padding-block: 4px;
  padding-inline: 10px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
/* line 114, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail .pricelabel .priceLabelWrapper.series .plusPriceSection--bottom {
  background-color: #000000;
  font-family: Noto Sans TC;
  color: white;
  font-size: 20px;
  font-weight: 500;
  padding-inline: 10px;
  padding-block: 8px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
/* line 130, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail .pricelabel .priceLabelWrapper .mcdSection {
  padding: 4px;
  margin-top: 14px;
  margin-right: 5px;
  align-items: center;
  align-self: stretch;
  color: #ffffff;
  border-radius: 8px;
  background: linear-gradient(90deg, #FF401E 0%, #FF6944 100%);
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* line 142, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail .pricelabel .priceLabelWrapper .mcdSection .background {
  background: url("/_ui/common/images/mainland_consolidated_delivery/background.png") #FF4A4A 50%/cover no-repeat;
  width: 100%;
  height: 100%;
  mix-blend-mode: soft-light;
  position: absolute;
  border-radius: 8px;
  top: 0;
  left: 0;
}
/* line 152, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail .pricelabel .priceLabelWrapper .mcdSection .titleSection {
  display: flex;
  align-items: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  margin-bottom: 4px;
}
/* line 159, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail .pricelabel .priceLabelWrapper .mcdSection .titleSection .deliveryFee {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
/* line 164, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail .pricelabel .priceLabelWrapper .mcdSection .titleSection .truckIcon {
  width: 14px;
  height: 14px;
  margin-right: 2px;
}
/* line 169, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail .pricelabel .priceLabelWrapper .mcdSection .titleSection .btn {
  color: #FFF;
  display: flex;
  align-items: center;
  margin-left: auto;
  z-index: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
/* line 178, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail .pricelabel .priceLabelWrapper .mcdSection .titleSection .btn .mainlandSamePrice {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
/* line 183, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail .pricelabel .priceLabelWrapper .mcdSection .titleSection .btn .arrowRightIcon {
  display: flex;
  width: 14px;
  height: 14px;
  justify-content: center;
  align-items: center;
  opacity: 0.7;
}
/* line 193, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail .pricelabel .priceLabelWrapper .mcdSection .infoSection {
  padding: 6px 12px;
  border-radius: 5px;
  background: #FFF;
  position: relative;
}
/* line 198, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail .pricelabel .priceLabelWrapper .mcdSection .infoSection .infoSectionTop {
  display: flex;
  color: #000;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  opacity: 0.7;
  margin-bottom: 6px;
  position: relative;
}
/* line 208, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail .pricelabel .priceLabelWrapper .mcdSection .infoSection .infoSectionTop .infoLeft {
  flex: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
/* line 214, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail .pricelabel .priceLabelWrapper .mcdSection .infoSection .infoSectionTop .consolidatedWarehouse {
  flex: 1;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
/* line 221, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail .pricelabel .priceLabelWrapper .mcdSection .infoSection .infoSectionTop .infoRight {
  flex: 1;
  text-align: right;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
/* line 227, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail .pricelabel .priceLabelWrapper .mcdSection .infoSection .infoSectionTop .infoRight .placeIcon {
  width: 12px;
  height: 12px;
  opacity: 0.3;
}
/* line 232, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail .pricelabel .priceLabelWrapper .mcdSection .infoSection .infoSectionTop .infoRight .destination {
  margin-left: 2px;
}
/* line 237, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail .pricelabel .priceLabelWrapper .mcdSection .infoSection .infoSectionBottom {
  display: flex;
  align-items: center;
  color: #000;
  white-space: nowrap;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
}
/* line 246, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail .pricelabel .priceLabelWrapper .mcdSection .infoSection .infoSectionBottom .mainland {
  color: #000;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  opacity: 0.7;
  display: flex;
  padding: 5px;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: #F7F7F7;
}
/* line 259, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail .pricelabel .priceLabelWrapper .mcdSection .infoSection .infoSectionBottom .crossBorder {
  color: #FFF;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  display: flex;
  padding: 5px;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: #FF5A36;
}
/* line 275, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail .pricelabel .priceLabelWrapper .deliveryBannerStatement {
  margin-top: 10px;
}
/* line 276, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail .pricelabel .priceLabelWrapper .deliveryBannerStatement.mobile {
  text-align: center;
}
/* line 280, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail .pricelabel .priceLabelWrapper .deliveryBannerStatement .shippingDate {
  color: #575757;
  font-size: 12px;
}
/* line 284, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail .pricelabel .priceLabelWrapper .deliveryBannerStatement .divider {
  width: 1px;
  height: 10px;
  display: inline-block;
  background: #F2F2F2;
  margin: 0 5px;
}
/* line 291, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail .pricelabel .priceLabelWrapper .deliveryBannerStatement .deliveryTime {
  color: #FF4A27;
  font-size: 12px;
}
/* line 296, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail .pricelabel .priceLabelWrapper #kaPriceCompareSection {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin-bottom: 10px;
}
/* line 302, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail .pricelabel .priceLabelWrapper #kaPriceCompareSection .kaPriceTag {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2px 4px;
  font-size: 14px;
  line-height: 17px;
  gap: 2px;
  border-radius: 4px;
  white-space: nowrap;
}
/* line 313, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail .pricelabel .priceLabelWrapper #kaPriceCompareSection .kaPriceInfoIcon {
  height: 16px;
  width: 16px;
  cursor: pointer;
}
/* line 320, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail .pricelabel.havePromotion {
  background: #fffde6;
}
/* line 322, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.street-fashion .product-detail .pricelabel.havePromotion {
  background: none;
}
/* line 325, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail .pricelabel.havePromotion + .priceLastUpdate {
  background: #fffde6;
}
/* line 327, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.street-fashion .product-detail .pricelabel.havePromotion + .priceLastUpdate {
  background: none;
}
/* line 332, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail .pricelabel .price > span {
  font-size: 28px;
}
/* line 334, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail .pricelabel .price > span.vip-highlight {
  font-size: 18px;
}
/* line 337, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail .pricelabel .price > span.goldvip-highlight {
  font-size: 18px;
}
/* line 340, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail .pricelabel .price > span.diamondvip-highlight {
  font-size: 18px;
}
/* line 344, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail .pricelabel .price > span.mainlandSamePrice-tag .mainlandSamePrice-tag-img {
  width: 70px;
  height: 18px;
}
/* line 350, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail .pricelabel .promotional > span {
  font-size: 18px;
  word-wrap: break-word;
}
/* line 354, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail .pricelabel .userMax {
  position: relative;
  top: 6px;
  display: flex;
  width: fit-content;
}
/* line 359, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail .pricelabel .userMax span {
  font-size: 14px;
}
/* line 362, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail .pricelabel .userMax.hasUrl {
  cursor: pointer;
  text-decoration: underline;
}
/* line 368, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail .pricelabel .ic-info-outline {
  display: inline-block;
  margin-left: auto;
  width: 15px;
  height: 15px;
  position: relative;
  bottom: 2px;
  left: 4px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(/_ui/common/images/personal_price/infoBtn.svg);
}
/* line 384, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail .sepaButton.addToCartButton.isGreenLab .spriteWrapper {
  background: #0D8063;
}
/* line 388, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail .sepaButton.addToCartButton.isGreenLab:hover {
  border: 1px solid #0c7057;
}
/* line 390, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail .sepaButton.addToCartButton.isGreenLab:hover .spriteWrapper {
  background: #0c7057;
}

/* line 398, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail .priceLastUpdate {
  font-size: 14px;
  padding: 10px 0 10px 100px;
}
/* line 401, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.street-fashion .product-detail .priceLastUpdate {
  padding: 10px 0 10px 10px;
}

/* line 407, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.priceWrapper .title {
  font-size: 15px;
  font-weight: normal;
  color: #666;
  display: inline-block;
  width: 100px;
  float: left;
}

/*Start - threshold promotion*/
/* line 418, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.priceWrapper {
  margin: 0 0 10px;
  background: #EFFAF0;
  counter-reset: section;
}
/* line 422, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.priceWrapper.havePromotion {
  background: #fffde6;
}
/* line 424, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.street-fashion .priceWrapper.havePromotion {
  background: none;
}
/* line 428, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.street-fashion .priceWrapper {
  background: none;
}
/* line 432, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.street-fashion .priceWrapper .pricelabel {
  margin-left: 0px;
}
/* line 437, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.priceWrapper > div:last-of-type .deliveryLabel {
  bottom: 17px;
}

/* line 443, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.threshold-promotion, .bbcatPromotion {
  position: relative;
  line-height: 18px;
  font-weight: bold;
  overflow: hidden;
  padding: 15px 10px;
  padding-bottom: 0px;
  /* case of 0 threshold promotion*/
}
/* line 450, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.street-fashion .threshold-promotion, .street-fashion .bbcatPromotion {
  padding: 10px 10px 0 10px;
}
/* line 454, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.threshold-promotion:hover .squareButton.green, .bbcatPromotion:hover .squareButton.green {
  background: #2b8939;
}
/* line 456, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.street-fashion .threshold-promotion:hover .squareButton.green, .street-fashion .bbcatPromotion:hover .squareButton.green {
  background: #000;
}
/* line 462, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.threshold-promotion > .promotion-freegift-container, .threshold-promotion > .promotion-bbcat-container, .bbcatPromotion > .promotion-freegift-container, .bbcatPromotion > .promotion-bbcat-container {
  width: 72px;
  height: 72px;
  border: 1px solid #ccc;
  margin-right: 10px;
  background-color: white;
  display: block;
  vertical-align: middle;
  float: left;
  position: relative;
}
/* line 463, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.threshold-promotion > .promotion-freegift-container > a, .threshold-promotion > .promotion-bbcat-container > a, .bbcatPromotion > .promotion-freegift-container > a, .bbcatPromotion > .promotion-bbcat-container > a {
  display: block;
  width: 100%;
  height: 100%;
  transition: opacity 0.13s linear;
}
/* line 173, ../../../../resource/compass/lib/_hktvMixin.scss */
.threshold-promotion > .promotion-freegift-container > a:hover, .threshold-promotion > .promotion-bbcat-container > a:hover, .bbcatPromotion > .promotion-freegift-container > a:hover, .bbcatPromotion > .promotion-bbcat-container > a:hover {
  opacity: 0.8;
}
/* line 478, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.threshold-promotion > .promotion-freegift-container .freegift-label, .threshold-promotion > .promotion-bbcat-container .freegift-label, .bbcatPromotion > .promotion-freegift-container .freegift-label, .bbcatPromotion > .promotion-bbcat-container .freegift-label {
  bottom: 0px;
  position: absolute;
  font-size: 13px;
  font-weight: normal;
  color: #fff;
  background: #e4483f;
  line-height: 18px;
  margin-left: 3px;
  padding: 0 2px;
  border-radius: 2px;
}
/* line 489, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.street-fashion .threshold-promotion > .promotion-freegift-container .freegift-label, .street-fashion .threshold-promotion > .promotion-bbcat-container .freegift-label, .street-fashion .bbcatPromotion > .promotion-freegift-container .freegift-label, .street-fashion .bbcatPromotion > .promotion-bbcat-container .freegift-label {
  background: #000;
}
/* line 494, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.threshold-promotion > a, .bbcatPromotion > a {
  display: block;
  margin-left: 100px;
}
/* line 497, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.threshold-promotion > a[href]:hover, .bbcatPromotion > a[href]:hover {
  text-decoration: underline;
}
/* line 501, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.threshold-promotion .threshold-promotion-description, .bbcatPromotion .threshold-promotion-description {
  color: #222;
  margin-bottom: 10px;
  font-weight: normal;
  font-size: 15px;
}
/* line 506, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.street-fashion .threshold-promotion .threshold-promotion-description, .street-fashion .bbcatPromotion .threshold-promotion-description {
  color: #222;
}
/* line 513, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.threshold-promotion .threshold-promotion-description .promo-name, .bbcatPromotion .threshold-promotion-description .promo-name {
  display: inline-block;
  width: 100%;
  font-weight: 700;
  font-size: 15px;
  line-height: 15px;
}
/* line 520, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.threshold-promotion .threshold-promotion-description span, .bbcatPromotion .threshold-promotion-description span {
  font-size: 14px;
  line-height: 18px;
}

/* line 530, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.threshold-promotion-link {
  display: inline-block;
  min-width: initial;
  line-height: 20px;
}
/* line 534, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.threshold-promotion-link > * {
  display: inline-block;
  vertical-align: middle;
}

/* line 540, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.threshold-promotion-side {
  border: 1px solid #ddd;
  border-top: 3px solid #26BEDA;
  line-height: 21px;
  background: white;
  margin-bottom: 15px;
}

/* line 548, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.threshold-promotion-side .threshold-promotion-link-wrapper {
  display: block;
  margin-right: 10px;
  text-align: center;
}

/* line 554, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.threshold-promotion-side .recommend-side-img {
  padding: 5px 0 10px 1px;
}

/* line 559, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.threshold-promotion-side .threshold-promotion-link {
  display: block;
  padding: 6px;
  margin: 0 16px;
  font-size: 15px;
  line-height: 31px;
}

/* line 567, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.threshold-promotion-side .tabHead {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
  padding: 10px;
  line-height: 17px;
  font-size: 16px;
  color: #000;
}

/* line 575, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.threshold-promotion-side .tabBody {
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1), -3px 2px 3px rgba(0, 0, 0, 0.1), 3px 2px 3px rgba(0, 0, 0, 0.1);
  padding: 0 0px 10px 0;
}

/* line 580, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.btn-lightblue {
  background: #11bedc;
  border-radius: 4px;
}

/*End - threshold promotion*/
/*Start - detail panel table*/
/* line 588, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.productDetailPanelTableWrapper {
  margin-bottom: 10px;
}
/* line 589, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.productQuickViewWrapper .productDetailPanelTableWrapper {
  max-height: 308px;
}
/* line 591, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.street-fashion .productQuickViewWrapper .productDetailPanelTableWrapper {
  max-height: 400px;
}
/* line 596, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.street-fashion .productDetailPanelTableWrapper {
  margin-bottom: 0px;
}

/* line 601, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.productDetailPanelTable {
  font-size: 15px;
  line-height: 21px;
  width: 100%;
  margin-top: 13px;
}
/* line 606, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.street-fashion .productDetailPanelTable {
  margin-top: 0px;
}
/* line 610, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.productDetailPanelTable .extendedWarrantyTextContainer {
  border: 1px solid #E0E0E0;
  border-radius: 4px;
  margin-bottom: 10px;
  display: flex;
  flex-direction: column;
  align-items: normal;
  padding: 0;
}
/* line 620, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.productDetailPanelTable .extendedWarrantyTextContainer .extendedWarrantyUpperWrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  padding: 8px;
}
/* line 627, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.productDetailPanelTable .extendedWarrantyTextContainer .extendedWarrantyUpperWrapper .extendedWarrantyTextContent {
  display: flex;
  align-items: center;
}
/* line 632, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.productDetailPanelTable .extendedWarrantyTextContainer .extendedWarrantyUpperWrapper .extendedWarrantyTextCheckbox {
  width: 22px;
  height: 22px;
  margin-right: 6px;
  accent-color: #2b8939;
}
/* line 639, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.productDetailPanelTable .extendedWarrantyTextContainer .extendedWarrantyUpperWrapper .extendedWarrantyTextDetails {
  display: flex;
  flex-direction: column;
}
/* line 643, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.productDetailPanelTable .extendedWarrantyTextContainer .extendedWarrantyUpperWrapper .extendedWarrantyTextDetails .extendedWarrantyProduct {
  font-size: 16px;
  font-weight: 500;
}
/* line 648, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.productDetailPanelTable .extendedWarrantyTextContainer .extendedWarrantyUpperWrapper .extendedWarrantyTextDetails .extendedWarrantyRemark {
  font-size: 12px;
  color: #666666;
  font-weight: 400;
}
/* line 655, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.productDetailPanelTable .extendedWarrantyTextContainer .extendedWarrantyUpperWrapper .extendedWarrantyPrice {
  color: red;
  font-size: 16px;
  font-weight: 500;
}
/* line 662, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.productDetailPanelTable .extendedWarrantyTextContainer .extendedWarrantyLowerWrapper {
  background-color: #FAFAFA;
  padding: 8px 8px 12px 8px;
  display: flex;
  flex-direction: column;
}
/* line 668, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.productDetailPanelTable .extendedWarrantyTextContainer .extendedWarrantyLowerWrapper .extendedWarrantyMoreDetailUrl {
  align-self: center;
  margin-top: 4px;
}
/* line 672, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.productDetailPanelTable .extendedWarrantyTextContainer .extendedWarrantyLowerWrapper .extendedWarrantyMoreDetailUrl a {
  color: #3A993A;
}

/* line 682, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.productDetailPanelTable tr td {
  padding-bottom: 20px;
}

/* line 686, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.productDetailPanelTable tr td:first-of-type {
  width: 100px;
  max-width: 100px;
  min-width: 100px;
  color: #616161;
  vertical-align: top;
}
/* line 690, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.street-fashion .productDetailPage .productDetailPanelTable tr td:first-of-type {
  width: 100px;
}

/*End - detail panel table*/
/* Start - product-return-delivery */
/* line 701, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-delivery-overlay {
  position: relative;
  display: inline-block;
  text-indent: 0em;
  padding-left: 0em;
}

/* line 708, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-delivery-overlay-text {
  color: #0645AD;
  cursor: pointer;
}
/* line 711, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.street-fashion .product-delivery-overlay-text {
  color: #222;
}
/* line 713, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.street-fashion .product-delivery-overlay-text:hover {
  text-decoration: underline;
}

/* line 720, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-delivery-overlay:hover .product-delivery-overlay-box {
  display: block;
}

/* line 724, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.street-fashion .product-return-delivery {
  padding-top: 20px;
  line-height: 22px;
}

/* line 729, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-return-delivery ul li {
  list-style: disc inside none;
  text-indent: -1em;
  padding-left: 1em;
}

/* End - product-return-delivery */
/*Start - variant options*/
/* line 740, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-promotions .offer {
  padding: 5px;
  padding-top: 3px;
  display: inline-block;
  color: white;
  background: #B71B1C;
}

/* line 748, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.prod-det-thumb, .prod-det-size, .prod-det-coupon.notInsurance {
  overflow: hidden;
}

/* line 753, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.prod-det-thumb > div span.selected, .prod-det-size > div a.selected, .prod-det-coupon.notInsurance > div a.selected {
  border-color: #36b449;
}
/* line 755, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.street-fashion .prod-det-thumb > div span.selected, .street-fashion .prod-det-thumb > div span.selected:hover, .street-fashion .prod-det-size > div a.selected, .street-fashion .prod-det-size > div a.selected:hover, .street-fashion .prod-det-coupon.notInsurance > div a.selected, .street-fashion .prod-det-coupon.notInsurance > div a.selected:hover {
  border: 2px solid #222;
}
/* line 758, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.prod-det-thumb > div span.selected span, .prod-det-size > div a.selected span, .prod-det-coupon.notInsurance > div a.selected span {
  color: #36b449;
}
/* line 760, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.street-fashion .prod-det-thumb > div span.selected span, .street-fashion .prod-det-size > div a.selected span, .street-fashion .prod-det-coupon.notInsurance > div a.selected span {
  color: #222;
}

/* line 766, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.prod-det-thumb > div > span, .prod-det-size > div > a, .prod-det-coupon.notInsurance > div > a {
  border-radius: 2px;
}
/* line 768, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.street-fashion .prod-det-thumb > div > span, .street-fashion .prod-det-size > div > a, .street-fashion .prod-det-coupon.notInsurance > div > a {
  border-radius: 0;
}
/* line 771, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.prod-det-thumb > div > span:hover, .prod-det-size > div > a:hover, .prod-det-coupon.notInsurance > div > a:hover {
  border-color: #36b449;
}
/* line 773, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.street-fashion .prod-det-thumb > div > span:hover, .street-fashion .prod-det-size > div > a:hover, .street-fashion .prod-det-coupon.notInsurance > div > a:hover {
  border-color: #222;
}
/* line 777, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.prod-det-thumb > div > span span, .prod-det-size > div > a span, .prod-det-coupon.notInsurance > div > a span {
  color: #222;
}

/* line 782, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.prod-det-thumb > div span {
  border-color: #e1e1e1;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  padding: 0 5px;
  margin-bottom: 5px;
  vertical-align: top;
}

/* line 792, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.prod-det-thumb > div img {
  display: inline-block;
  vertical-align: top;
}

/* line 797, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.variantOptions .prod-det-thumb span {
  position: relative;
  cursor: pointer;
}

/* line 801, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.prod-det-thumb .selected, .prod-det-size .selected, .prod-det-coupon.notInsurance .selected {
  border: 2px solid #36b449;
}

/* line 804, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.prod-det-thumb > div > span {
  position: relative;
  float: left;
  border: 1px solid #e4e4e4;
  cursor: pointer;
  display: inline-block;
  margin-right: 10px;
  text-align: center;
}
/* line 812, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.street-fashion .prod-det-thumb > div > span {
  border: 1px solid #ccc;
}
/* line 815, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.street-fashion .prod-det-thumb > div > span:hover {
  border: 1px solid #222;
}

/* line 820, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.prod-det-thumb > div span > a {
  height: 100%;
  text-align: center;
  display: inline-block;
  overflow: hidden;
}

/* line 827, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.prod-det-size > div a.selected, .prod-det-coupon.notInsurance > div a.selected {
  border: 2px solid #36b449;
  color: #36b449;
}
/* line 830, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.street-fashion .prod-det-size > div a.selected, .street-fashion .prod-det-coupon.notInsurance > div a.selected {
  border: 2px solid #222;
  color: #222;
}

/* line 838, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.prod-det-coupon > div :not(ul) > a {
  border: 1px solid #CCC;
  clear: left;
  position: relative;
  cursor: pointer;
  display: inline-block;
  float: left;
  text-align: center;
  padding: 0 20px;
  margin-bottom: 10px;
}
/* line 839, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.prod-det-coupon > div :not(ul) > a.selected {
  border: 2px solid #3A993A;
  color: #313131;
}
/* line 852, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.prod-det-coupon > div :not(ul) > a > span {
  vertical-align: middle;
  line-height: 32px;
}

/* line 859, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.prod-det-size > div a, .prod-det-coupon.notInsurance > div a {
  position: relative;
  cursor: pointer;
  display: inline-block;
  float: left;
  background: white;
  border: 1px solid #e1e1e1;
  text-align: center;
  margin-right: 6px;
  margin-bottom: 6px;
  padding: 0 3px;
  height: 30px;
  width: auto;
  min-width: 30px;
}

/* line 874, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.variantOptions .prod-det-size a.selected, .variantOptions .prod-det-coupon.notInsurance a.selected {
  position: relative;
}

/* line 878, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.variantOptions .prod-det-thumb span.selected .hktvsprite-ic-varianttick {
  display: block;
  position: absolute;
  right: -2px;
  bottom: -2px;
}

/* line 885, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.variantOptions .prod-det-size a.selected .hktvsprite-ic-varianttick, .variantOptions .prod-det-coupon.notInsurance a.selected .hktvsprite-ic-varianttick {
  display: block;
  position: absolute;
  right: -2px;
  bottom: -2px;
}

/* line 892, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.prod-det-thumb .selected, .prod-det-size .selected, .prod-det-coupon.notInsurance .selected {
  border: 2px solid #36b449;
}

/* line 895, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.prod-det-size a, .prod-det-coupon.notInsurance a {
  height: 100%;
  width: 100%;
}

/* line 900, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.prod-det-size > div a > span, .prod-det-coupon.notInsurance > div a > span {
  vertical-align: middle;
  line-height: 29px;
}

/* line 905, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.variantOptions span .hktvsprite-ic-varianttick {
  display: none;
}

/* line 909, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.prod-det-thumb, .prod-det-size, .prod-det-coupon.notInsurance {
  overflow: hidden;
}

/* line 913, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.prod-det-thumb {
  margin-bottom: -5px;
}

/* line 917, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.prod-det-size, .prod-det-coupon.notInsurance {
  margin-bottom: -5px;
}

/* line 921, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.prod-det-thumb > div, .prod-det-size > div, .prod-det-coupon.notInsurance > div {
  overflow: hidden;
}

/* line 925, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.nostock-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}

/*End - variant options */
/*notify me*/
/* line 936, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.stockLevelMsgBox {
  border: 2px solid #EEEEEE;
  padding: 10px;
  width: 420px;
  margin-bottom: 20px;
  margin-top: -14px;
}
/* line 942, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.street-supermarket .stockLevelMsgBox {
  margin-left: 102px;
}
/* line 946, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.stockLevelMsgBox .stockLevelMsg1 span {
  font-size: 18px;
  color: #666666;
}
/* line 951, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.stockLevelMsgBox .stockLevelMsg2 {
  padding-top: 5px;
}
/* line 953, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.stockLevelMsgBox .stockLevelMsg2 span {
  font-size: 15px;
  color: #666666;
}

/*End-notify me*/
/* line 963, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.closeMessageBox {
  border: 2px solid #EEEEEE;
  padding: 10px;
  width: 80%;
  margin-bottom: 20px;
  margin-top: -14px;
  margin-left: 102px;
}
/* line 971, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.closeMessageBox .closeMessageTitle span {
  font-size: 18px;
  color: #666666;
}
/* line 976, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.closeMessageBox .closedMessageDesc {
  padding-top: 5px;
}
/* line 978, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.closeMessageBox .closedMessageDesc span {
  font-size: 15px;
  color: #666666;
}

/* Start - wishlist button */
/* line 987, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail .closedMessageClasses .buttonWrapper {
  margin-left: 207px;
}

/* line 992, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail .buttonWrapper .removeFromWishlistButton {
  box-shadow: none;
  color: #666;
  background: none;
}
/* line 996, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail .buttonWrapper .removeFromWishlistButton.sepaButton {
  border: 1px solid transparent;
}

/* line 1001, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail .buttonWrapper .removeFromWishlistButton i {
  display: none;
}

/* line 1004, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail .buttonWrapper .removeFromWishlistButton span {
  text-decoration: underline;
}

/* End - wishlist button */
/* Start - qty input box */
/* line 1011, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: textfield;
  appearance: none;
  margin: 0;
}

/* line 1019, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
input[type=number] {
  -moz-appearance: textfield;
}

/* line 1023, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
#productQtyMinus, #productQtyAdd {
  display: inline-block;
  cursor: pointer;
  height: 22px;
  width: 22px;
  text-align: center;
  background: #ebece9;
  margin: 0 1px;
}
/* line 1031, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.productDetailPage #productQtyMinus, .productDetailPage #productQtyAdd {
  height: 32px;
  width: 32px;
}

/* line 1036, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
#productQtyMinus > i, #productQtyAdd > i {
  vertical-align: middle;
}

/* line 1040, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.productQtyPanel > * {
  vertical-align: middle;
}

/* line 1044, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
#qtyInputBox {
  text-align: center;
  outline: none;
  border: none;
  background: #ebece9;
  width: 30px;
  height: 22px;
}
/* line 1051, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.productDetailPage #qtyInputBox {
  height: 32px;
  width: 40px;
}

/* End - qty input box */
/* line 1058, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
#KaPriceCompareModal {
  display: flex;
  flex-direction: column;
  width: 558px;
  background: #FFFFFF;
  border-radius: 16px;
  overflow: hidden;
}
/* line 1066, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
#KaPriceCompareModal .title {
  height: 60px;
  width: 558px;
  display: flex;
  align-items: center;
  background-color: #FFF;
  border-bottom: solid 1px #CCC;
  padding-left: 20px;
  position: fixed;
  font-size: 18px;
  font-weight: bold;
  border-radius: 16px 16px 0 0;
}
/* line 1079, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
#KaPriceCompareModal .title #KaPriceCompareModalCross {
  position: absolute;
  top: -20px;
  right: -20px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  background-image: url("/_ui/common/images/ka_price/circle_close.svg");
}
/* line 1090, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
#KaPriceCompareModal .contentWrapper {
  background-color: #F8F8F8;
  padding: 80px 20px 20px 20px;
}
/* line 1094, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
#KaPriceCompareModal .contentWrapper .productInfo {
  display: flex;
  margin-bottom: 16px;
  gap: 18px;
  background-color: #fff;
  border-radius: 12px;
}
/* line 1101, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
#KaPriceCompareModal .contentWrapper .productInfo .square-wrapper {
  width: 104px;
  height: 104px;
}
/* line 1105, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
#KaPriceCompareModal .contentWrapper .productInfo .square-wrapper .image-container {
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
  background-color: #fff;
  border-radius: 12px 0 0 12px;
}
/* line 1113, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
#KaPriceCompareModal .contentWrapper .productInfo .square-wrapper .image-container img {
  width: 100%;
  height: auto;
}
/* line 1119, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
#KaPriceCompareModal .contentWrapper .productInfo .square-wrapper .video-container {
  color: transparent;
  padding-top: 100%;
  display: block;
  position: relative;
  overflow: hidden;
  border-radius: 12px 0 0 12px;
}
/* line 1127, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
#KaPriceCompareModal .contentWrapper .productInfo .square-wrapper .video-container video {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
/* line 1139, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
#KaPriceCompareModal .contentWrapper .productInfo .info-wrapper {
  align-content: center;
}
/* line 1144, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
#KaPriceCompareModal .contentWrapper .productInfo .info-wrapper .priceLabel .priceRow {
  font-size: 24px;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 4px;
}
/* line 1150, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
#KaPriceCompareModal .contentWrapper .productInfo .info-wrapper .priceLabel .priceRow > span {
  font-weight: bold;
  color: #000;
}
/* line 1154, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
#KaPriceCompareModal .contentWrapper .productInfo .info-wrapper .priceLabel .priceRow > span.discount {
  font-weight: bold;
  color: #E4483f;
}
/* line 1159, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
#KaPriceCompareModal .contentWrapper .productInfo .info-wrapper .priceLabel .priceRow > span.mainlandPrice {
  color: #E4483f;
}
/* line 1163, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
#KaPriceCompareModal .contentWrapper .productInfo .info-wrapper .priceLabel .priceRow > span.mainlandSamePrice-highlight {
  display: inline-block;
  width: 50px;
  height: 14px;
  margin-left: 5px;
}
/* line 1169, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
#KaPriceCompareModal .contentWrapper .productInfo .info-wrapper .priceLabel .priceRow > span.mainlandSamePrice-highlight.zh_CN {
  background-image: url(/_ui/common/images/ka_price/mainland_same_price_tag_zh_CN.svg);
}
/* line 1173, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
#KaPriceCompareModal .contentWrapper .productInfo .info-wrapper .priceLabel .priceRow > span.mainlandSamePrice-highlight.en {
  background-image: url(/_ui/common/images/ka_price/mainland_same_price_tag_en.svg);
}
/* line 1178, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
#KaPriceCompareModal .contentWrapper .productInfo .info-wrapper .priceLabel .priceRow > span.vip {
  color: #7039c7;
}
/* line 1182, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
#KaPriceCompareModal .contentWrapper .productInfo .info-wrapper .priceLabel .priceRow > span.vip-highlight {
  display: inline-block;
  width: 26px;
  height: 15px;
  margin-left: 5px;
  background-image: url(/_ui/common/images/ka_price/vip_label.png);
  background-size: 100%;
}
/* line 1191, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
#KaPriceCompareModal .contentWrapper .productInfo .info-wrapper .priceLabel .priceRow > span.goldvip {
  color: #d9a900;
}
/* line 1195, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
#KaPriceCompareModal .contentWrapper .productInfo .info-wrapper .priceLabel .priceRow > span.goldvip-highlight {
  display: inline-block;
  width: 34px;
  height: 15px;
  margin-left: 5px;
  background-image: url(/_ui/common/images/ka_price/gold_vip_label.png);
  background-size: 100%;
}
/* line 1204, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
#KaPriceCompareModal .contentWrapper .productInfo .info-wrapper .priceLabel .priceRow > span.diamondvip {
  color: #927D20;
}
/* line 1208, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
#KaPriceCompareModal .contentWrapper .productInfo .info-wrapper .priceLabel .priceRow > span.diamondvip-highlight {
  display: inline-block;
  width: 36px;
  height: 15px;
  margin-left: 5px;
  background-image: url(/_ui/common/images/ka_price/diamond_vip_label.png);
  background-size: 100%;
}
/* line 1217, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
#KaPriceCompareModal .contentWrapper .productInfo .info-wrapper .priceLabel .priceRow > span.plusmember {
  color: #00B539;
}
/* line 1221, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
#KaPriceCompareModal .contentWrapper .productInfo .info-wrapper .priceLabel .priceRow > span.plusmember-highlight {
  display: inline-block;
  width: 33px;
  height: 15px;
  margin-left: 5px;
  background-image: url(/_ui/common/images/ka_price/plus_label.png);
  background-size: 100%;
}
/* line 1230, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
#KaPriceCompareModal .contentWrapper .productInfo .info-wrapper .priceLabel .priceRow > span.personal {
  color: #FF5000;
}
/* line 1234, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
#KaPriceCompareModal .contentWrapper .productInfo .info-wrapper .priceLabel .priceRow > span.personal-highlight {
  display: inline-block;
  margin-left: 5px;
}
/* line 1238, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
#KaPriceCompareModal .contentWrapper .productInfo .info-wrapper .priceLabel .priceRow > span.personal-highlight.zh {
  width: 40px;
  height: 20px;
  background-image: url(/_ui/common/images/ka_price/personal_price_label_zh.svg);
}
/* line 1244, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
#KaPriceCompareModal .contentWrapper .productInfo .info-wrapper .priceLabel .priceRow > span.personal-highlight.en {
  width: 39px;
  height: 16px;
  background-image: url(/_ui/common/images/ka_price/personal_price_label_en.svg);
}
/* line 1253, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
#KaPriceCompareModal .contentWrapper .productInfo .info-wrapper .priceLabel .promotionalRow {
  margin-bottom: 4px;
}
/* line 1256, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
#KaPriceCompareModal .contentWrapper .productInfo .info-wrapper .priceLabel .promotionalRow > span {
  font-size: 15px;
  font-weight: normal;
  color: #222;
  text-decoration: line-through;
}
/* line 1262, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
#KaPriceCompareModal .contentWrapper .productInfo .info-wrapper .priceLabel .promotionalRow > span.red {
  color: #E4483f;
  text-decoration: initial;
}
/* line 1267, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
#KaPriceCompareModal .contentWrapper .productInfo .info-wrapper .priceLabel .promotionalRow > span.blue {
  color: #1969C6;
  text-decoration: initial;
}
/* line 1272, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
#KaPriceCompareModal .contentWrapper .productInfo .info-wrapper .priceLabel .promotionalRow > span.black {
  color: #000;
  text-decoration: initial;
}
/* line 1277, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
#KaPriceCompareModal .contentWrapper .productInfo .info-wrapper .priceLabel .promotionalRow > span.discount {
  color: #E4483f;
}
/* line 1281, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
#KaPriceCompareModal .contentWrapper .productInfo .info-wrapper .priceLabel .promotionalRow > span.vip {
  color: #7039c7;
}
/* line 1285, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
#KaPriceCompareModal .contentWrapper .productInfo .info-wrapper .priceLabel .promotionalRow > span.goldvip {
  color: #d9a900;
}
/* line 1289, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
#KaPriceCompareModal .contentWrapper .productInfo .info-wrapper .priceLabel .promotionalRow > span.diamondvip {
  color: #927D20;
}
/* line 1293, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
#KaPriceCompareModal .contentWrapper .productInfo .info-wrapper .priceLabel .promotionalRow > span.plusmember {
  color: #00B539;
}
/* line 1297, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
#KaPriceCompareModal .contentWrapper .productInfo .info-wrapper .priceLabel .promotionalRow > span.mainlandPrice {
  color: #222;
  text-decoration: none;
}
/* line 1305, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
#KaPriceCompareModal .contentWrapper .productInfo .info-wrapper .priceDiff {
  font-size: 16px;
  font-weight: 600;
  color: #CF062A;
  line-height: 16px;
}
/* line 1312, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
#KaPriceCompareModal .contentWrapper .productInfo .info-wrapper .greenLabPriceLabelSection {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 2px;
}
/* line 1318, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
#KaPriceCompareModal .contentWrapper .productInfo .info-wrapper .greenLabPriceLabelSection .price-label {
  overflow: hidden;
}
/* line 1323, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
#KaPriceCompareModal .contentWrapper .productInfo .info-wrapper .greenLabDiscountLabel {
  flex: 1;
  position: relative;
  height: 39px;
}
/* line 1328, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
#KaPriceCompareModal .contentWrapper .productInfo .info-wrapper .greenLabDiscountLabel__icon {
  height: 39px;
}
/* line 1332, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
#KaPriceCompareModal .contentWrapper .productInfo .info-wrapper .greenLabDiscountLabel__discountPercentage {
  position: absolute;
  top: -3px;
  left: 23px;
  transform: translate(-50%, 0);
  color: #c3ff50;
  font-family: Arial Black, Arial, Tahoma, sans-serif, 'system-ui';
  font-weight: 900;
  font-style: Italic;
  font-size: 22px;
  letter-spacing: 0;
  text-align: center;
  -webkit-text-stroke: 1.3px #12263A;
}
/* line 1347, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
#KaPriceCompareModal .contentWrapper .productInfo .info-wrapper .greenLabDiscountLabel__percentage {
  font-size: 14px;
  -webkit-text-stroke-width: medium;
}
/* line 1356, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
#KaPriceCompareModal .contentWrapper .kaPriceContent .subHeading {
  display: flex;
  flex-direction: column;
  margin-bottom: 16px;
}
/* line 1361, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
#KaPriceCompareModal .contentWrapper .kaPriceContent .subHeading .subHeading1 {
  color: #000;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 6px;
}
/* line 1368, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
#KaPriceCompareModal .contentWrapper .kaPriceContent .subHeading .subHeading2 {
  color: #8B8B8B;
  font-size: 15px;
}
/* line 1374, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
#KaPriceCompareModal .contentWrapper .kaPriceContent .kaPriceCompareSection {
  margin-bottom: 16px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
/* line 1381, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
#KaPriceCompareModal .contentWrapper .kaPriceContent .kaPriceCompareSection .kaPrice .tag {
  display: inline-block;
  padding: 2px 5px;
  font-size: 14px;
  line-height: 17px;
  border-radius: 4px;
  margin-bottom: 6px;
}
/* line 1390, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
#KaPriceCompareModal .contentWrapper .kaPriceContent .kaPriceCompareSection .kaPrice .priceInfo {
  display: flex;
  align-items: center;
  margin-bottom: 4px;
}
/* line 1394, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
#KaPriceCompareModal .contentWrapper .kaPriceContent .kaPriceCompareSection .kaPrice .priceInfo .price {
  display: inline-block;
  font-size: 17px;
  color: #1C1C25;
  margin-right: 4px;
}
/* line 1400, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
#KaPriceCompareModal .contentWrapper .kaPriceContent .kaPriceCompareSection .kaPrice .priceInfo .priceDiff {
  display: inline-block;
  font-size: 15px;
  color: #E4483F;
}
/* line 1407, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
#KaPriceCompareModal .contentWrapper .kaPriceContent .kaPriceCompareSection .kaPrice .priceRemarkText {
  font-size: 15px;
  color: #8B8B8B;
}
/* line 1414, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
#KaPriceCompareModal .contentWrapper .kaPriceContent .remarkText {
  padding-top: 16px;
  color: #8B8B8B;
  font-size: 15px;
  border-top: 1px solid rgba(145, 158, 171, 0.24);
}

/* line 26, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.priceWrapper .title {
  font-size: 15px;
  font-weight: normal;
  color: #666;
  display: inline-block;
  width: 100px;
  float: left;
}
/* line 33, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.priceWrapper .title.bmsm {
  width: 90px;
}
/* line 37, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.priceWrapper .pricelabel {
  width: 100%;
  display: flex;
}
/* line 40, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.priceWrapper .pricelabel .deliveryLabelBlock {
  display: grid;
  max-width: 136px;
}
/* line 43, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.priceWrapper .pricelabel .deliveryLabelBlock .deliveryLabel {
  margin-bottom: 4px;
}
/* line 45, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.priceWrapper .pricelabel .deliveryLabelBlock .deliveryLabel:last-child {
  margin-bottom: 0;
}
/* line 48, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.priceWrapper .pricelabel .deliveryLabelBlock .deliveryLabel:hover {
  cursor: pointer;
}
/* line 51, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
body.fashion .priceWrapper .pricelabel .deliveryLabelBlock .deliveryLabel {
  bottom: 7px;
}
/* line 57, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.priceWrapper .pricelabel .deliveryLabelBlock.promoWithExpress .priceTypeText + .priceLabelWrapper {
  width: 274px;
}
/* line 62, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.priceWrapper .pricelabel .deliveryLabelBlock .promotional {
  line-height: 22px;
  padding-bottom: 5px;
}
/* line 65, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.street-fashion .priceWrapper .pricelabel .deliveryLabelBlock .promotional {
  width: 480px;
}
/* line 71, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.priceWrapper .topSection {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -moz-box-pack: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align-items: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -moz-box-orient: vertical;
  -webkit-box-orient: vertical;
  -moz-box-direction: normal;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
/* line 80, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.priceWrapper .salesNumber-container {
  font-size: 15px;
  margin: 10px 0 0 110px;
}
/* line 85, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.priceWrapper .fashionSalesNumberString .salesNumber-container {
  margin: 10px 0 0 10px;
}
/* line 87, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .priceWrapper .fashionSalesNumberString .salesNumber-container {
  margin: 0;
}

/*End - PriceLabel*/
/* Start - Main layout*/
/* line 97, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper {
  position: relative;
  padding: 20px 0;
}
/* line 102, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .productDetailPanelTable tr td {
  padding-bottom: 10px;
}
/* line 107, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .productDetailPanelTable tr:last-child td:last-child {
  padding-bottom: 0;
}

/* line 118, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .top-panel {
  margin: 0 10px 54px 20px;
}
/* line 121, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productDetailPage .top-panel {
  margin-bottom: 40px;
}

/* line 127, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.top-panel .buttonWrapper {
  position: relative;
}

/* line 132, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.product-list-item-left {
  width: 380px;
  margin-right: 10px;
  float: left;
}

/* line 138, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.product-list-item-right {
  float: left;
}

/* line 142, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.product-detail {
  padding-left: 10px;
  background: white;
  width: 398px;
  float: left;
}
/* line 147, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.street-fashion .product-detail {
  padding-left: 10px;
}
/* line 150, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productDetailPage .product-detail {
  width: 528px;
}
/* line 153, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.street-fashion .productDetailPage .product-detail {
  width: 598px;
}
/* line 157, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.product-detail .eCoins-container {
  width: 100%;
  background: linear-gradient(266.02deg, #FFFFFF -27.99%, #FFF3CA 21.36%, #FFDD87 101.88%);
  margin-bottom: 8px;
  display: flex;
  justify-content: space-between;
  padding-inline: 10px;
  padding-block: 8px;
  border: 1px solid #ef4023;
}
/* line 166, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.product-detail .eCoins-container--left {
  display: flex;
}
/* line 168, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.product-detail .eCoins-container--left__ecoinImg {
  align-self: start;
  margin-right: 4px;
  height: 36px;
  width: 36px;
}
/* line 174, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.product-detail .eCoins-container--left__details {
  flex-direction: column;
  padding-block: 3px;
  align-self: center;
}
/* line 178, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.product-detail .eCoins-container--left__details__title {
  color: #EF4023;
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: bold;
}
/* line 186, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.product-detail .eCoins-container__info-btn {
  padding-inline: 12px;
  padding-block: 8px;
  border-radius: 32px;
  display: flex;
  align-self: center;
  background-color: #FFFCEC;
  border: 1px solid #F0EFEC;
  min-width: 60px;
}
/* line 195, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.product-detail .eCoins-container__info-btn__text {
  margin-right: 4px;
  font-size: 12px;
}

/* line 205, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.street-fashion .productQuickViewWrapper .product-img-slider {
  margin-right: 10px;
}

/* line 211, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.product-img-slider {
  margin-right: 20px;
  float: left;
  width: 380px;
}
/* line 212, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.street-fashion .product-img-slider {
  margin-right: 43px;
}
/* line 218, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.street-fashion .productDetailPage .product-img-slider {
  width: 547px;
}

/*End - mainlayout


/*Start - productImagePanel*/
/* line 227, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productImage {
  position: relative;
}

/* line 231, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productImage {
  margin: 0;
}

/* line 235, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productImage .productImagePrimary {
  width: 382px;
  height: 382px;
  position: relative;
  background: white;
  border: 1px solid #ccc;
}
/* line 238, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.street-fashion .productDetailPage .productImage .productImagePrimary {
  width: 547px;
  height: 547px;
}

/* line 247, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.primary-image-container {
  display: block;
  position: relative;
}
/* line 250, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.primary-image-container .productVideoPrimaryLink {
  position: absolute;
}
/* line 253, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.primary-image-container .product-video-play-btn {
  background-image: url(/_ui/desktop/common/svg/pdp-video/test-play-btn.svg);
  width: 180px;
  height: 180px;
  z-index: 15;
  position: absolute;
  left: 100px;
  top: 100px;
}
/* line 262, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.primary-image-container .product-video-wrapper {
  z-index: 10;
  position: relative;
}
/* line 265, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.primary-image-container .product-video-wrapper .product-video-play-btn {
  background-image: url(/_ui/desktop/common/svg/pdp-video/test-play-btn.svg);
  width: 180px;
  height: 180px;
  z-index: 15;
  position: absolute;
  left: 100px;
  top: 100px;
}

/* line 277, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.mainlandSamePrice-image-frame-img {
  position: absolute;
  top: 0;
  left: 0;
  height: 380px;
  width: 380px;
  pointer-events: none;
}
/* line 284, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.street-fashion .productDetailPage .mainlandSamePrice-image-frame-img {
  width: 545px;
  height: 545px;
}

/* line 291, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productImagePrimary .greenLabImageOverlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 380px;
  width: 380px;
  pointer-events: none;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* line 304, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productImage .productImagePrimary .productImagePrimaryLink {
  display: block;
  overflow: hidden;
  text-align: center;
  font: 0/0 a;
  height: 380px;
  width: 380px;
  position: absolute;
}
/* line 312, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.street-fashion .productDetailPage .productImage .productImagePrimary .productImagePrimaryLink {
  width: 545px;
  height: 545px;
}
/* line 10, ../../../../resource/compass/lib/_hktvMixin.scss */
.productImage .productImagePrimary .productImagePrimaryLink:before {
  content: ' ';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}

/* line 320, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productImage .productImagePrimary .productImagePrimaryLink img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
  display: inline-block;
}

/* line 330, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.street-fashion .productImageGallery-wrapper {
  width: 547px;
}

/* line 335, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productImage .productImageGallery {
  position: relative;
  height: auto;
}
/* line 338, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productImage .productImageGallery .pdp-thumbnail-slider {
  position: relative;
}
/* line 19, ../../../../resource/compass/lib/_hktvMixin.scss */
.productImage .productImageGallery .pdp-thumbnail-slider:after {
  content: " ";
  display: table;
  height: 0;
  clear: both;
}
/* line 342, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productImage .productImageGallery .icArrowleftBlackSmallslider {
  cursor: pointer;
  float: left;
  margin-top: 19px;
  margin-left: -5px;
}
/* line 347, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.street-fashion .productImage .productImageGallery .icArrowleftBlackSmallslider {
  margin-top: 30px;
}
/* line 351, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productImage .productImageGallery .icArrowrightBlackSmallslider {
  cursor: pointer;
  float: left;
  margin-top: 19px;
  margin-right: -5px;
}
/* line 356, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.street-fashion .productImage .productImageGallery .icArrowrightBlackSmallslider {
  margin-top: 30px;
}

/* line 365, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.street-fashion .productQuickViewWrapper .productImage .productImageGallery .icArrowleftBlackSmallslider, .street-fashion .productQuickViewWrapper .productImage .productImageGallery .icArrowrightBlackSmallslider {
  margin-top: 19px;
}

/* line 372, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.pdp-thumbnail-slider li {
  margin-top: 10px;
  width: 348px;
  float: left;
}
/* line 375, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.street-fashion .productDetailPage .pdp-thumbnail-slider li {
  width: 516px;
}

/* line 381, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productImage .productImageGallery li .thumb {
  border: 1px solid #d9d9d9;
  display: block;
  float: left;
  overflow: hidden;
  height: 52px;
  text-align: center;
  line-height: 50px;
  background-color: white;
  cursor: pointer;
}
/* line 391, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.street-fashion .productDetailPage .productImage .productImageGallery li .thumb {
  height: 80px;
  line-height: 78px;
}

/* line 397, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productImage .productImageGallery li .thumb > img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
  display: inline-block;
}

/* line 406, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productImage .productImageGallery li .thumb.active {
  box-shadow: 0 0 0 2px #36b449;
  border: 1px solid transparent;
}
/* line 408, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.street-fashion .productImage .productImageGallery li .thumb.active {
  box-shadow: 0 0 0 2px #000;
}

/* line 414, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productImage .slick-list {
  padding: 2px 0;
}

/* line 418, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productImage .slick-slide {
  margin: 0 2px;
}

/* End Product Image Panel*/
/*Start - variant options*/
/* line 426, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.product-promotions .offer {
  padding: 5px;
  padding-top: 3px;
  display: inline-block;
  color: white;
  background: #B71B1C;
}

/* line 434, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.prod-det-thumb, .prod-det-size {
  overflow: hidden;
}

/* line 439, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.prod-det-thumb > div span.selected, .prod-det-size > div a.selected {
  border-color: #36b449;
}
/* line 441, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.street-fashion .prod-det-thumb > div span.selected, .street-fashion .prod-det-thumb > div span.selected:hover, .street-fashion .prod-det-size > div a.selected, .street-fashion .prod-det-size > div a.selected:hover {
  border: 2px solid #222;
}
/* line 444, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.prod-det-thumb > div span.selected span, .prod-det-size > div a.selected span {
  color: #36b449;
}
/* line 446, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.street-fashion .prod-det-thumb > div span.selected span, .street-fashion .prod-det-size > div a.selected span {
  color: #222;
}

/* line 452, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.prod-det-thumb > div > span, .prod-det-size > div > a {
  border-radius: 2px;
}
/* line 454, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.street-fashion .prod-det-thumb > div > span, .street-fashion .prod-det-size > div > a {
  border-radius: 0;
}
/* line 457, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.prod-det-thumb > div > span:hover, .prod-det-size > div > a:hover {
  border-color: #36b449;
}
/* line 459, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.street-fashion .prod-det-thumb > div > span:hover, .street-fashion .prod-det-size > div > a:hover {
  border-color: #222;
}
/* line 463, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.prod-det-thumb > div > span span, .prod-det-size > div > a span {
  color: #222;
}

/* line 468, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.prod-det-thumb > div span {
  border-color: #e1e1e1;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  padding: 0 5px;
  margin-bottom: 5px;
  vertical-align: top;
}

/* line 478, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.prod-det-thumb > div img {
  display: inline-block;
  vertical-align: top;
}

/* line 483, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.variantOptions .prod-det-thumb span {
  position: relative;
  cursor: pointer;
}

/* line 487, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.prod-det-thumb .selected, .prod-det-size .selected {
  border: 2px solid #36b449;
}

/* line 490, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.prod-det-thumb > div > span {
  position: relative;
  float: left;
  border: 1px solid #e4e4e4;
  cursor: pointer;
  display: inline-block;
  margin-right: 10px;
  text-align: center;
}
/* line 498, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.street-fashion .prod-det-thumb > div > span {
  border: 1px solid #ccc;
}
/* line 501, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.street-fashion .prod-det-thumb > div > span:hover {
  border: 1px solid #222;
}

/* line 506, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.prod-det-thumb > div span > a {
  height: 100%;
  text-align: center;
  display: inline-block;
  overflow: hidden;
}

/* line 513, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.prod-det-size > div a.selected {
  border: 2px solid #36b449;
  color: #36b449;
}
/* line 516, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.street-fashion .prod-det-size > div a.selected {
  border: 2px solid #222;
  color: #222;
}

/* line 522, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.prod-det-coupon > div a {
  border: 1px solid #CCC;
  clear: left;
  position: relative;
  cursor: pointer;
  display: inline-block;
  float: left;
  text-align: center;
  padding: 0 20px;
  margin-bottom: 10px;
}
/* line 523, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.prod-det-coupon > div a.selected {
  border: 2px solid #3A993A;
  color: #313131;
}
/* line 536, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.prod-det-coupon > div a > span {
  vertical-align: middle;
  line-height: 32px;
}

/* line 543, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.prod-det-size > div a {
  position: relative;
  cursor: pointer;
  display: inline-block;
  float: left;
  background: white;
  border: 1px solid #e1e1e1;
  text-align: center;
  margin-right: 6px;
  margin-bottom: 6px;
  padding: 0 3px;
  height: 30px;
  width: auto;
  min-width: 30px;
}

/* line 558, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.variantOptions .prod-det-size a.selected {
  position: relative;
}

/* line 562, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.variantOptions .prod-det-thumb span.selected .hktvsprite-ic-varianttick {
  display: block;
  position: absolute;
  right: -2px;
  bottom: -2px;
}

/* line 569, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.variantOptions .prod-det-thumb div span a img {
  width: 30px;
}

/* line 573, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.variantOptions .prod-det-size a.selected .hktvsprite-ic-varianttick {
  display: block;
  position: absolute;
  right: -2px;
  bottom: -2px;
}

/* line 580, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.prod-det-thumb .selected, .prod-det-size .selected {
  border: 2px solid #36b449;
}

/* line 583, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.prod-det-size a {
  height: 100%;
  width: 100%;
}

/* line 588, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.prod-det-size > div a > span {
  vertical-align: middle;
  line-height: 29px;
}

/* line 593, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.variantOptions span .hktvsprite-ic-varianttick {
  display: none;
}

/* line 597, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.prod-det-thumb, .prod-det-size {
  overflow: hidden;
}

/* line 601, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.prod-det-thumb {
  margin-bottom: -5px;
}

/* line 605, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.prod-det-size {
  margin-bottom: -5px;
}

/* line 609, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.prod-det-thumb > div, .prod-det-size > div {
  overflow: hidden;
}

/* line 613, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.nostock-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}

/*End - variant options */
/* Start - bottomButtons */
/* line 632, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.bottomButtons .buttonWrapper {
  display: inline-block;
  left: 103px;
}
/* line 635, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.street-fashion .productDetailPage .bottomButtons .buttonWrapper {
  left: 0;
}
/* line 638, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.bottomButtons .buttonWrapper + .buttonWrapper {
  margin-left: 15px;
}
/* line 640, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.street-fashion .bottomButtons .buttonWrapper + .buttonWrapper {
  margin-left: 10px;
}

/* End - bottomButtons */
/* Start - bottom productClickThrough */
/* line 649, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productClickThrough {
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 10px;
  padding-top: 0;
  text-align: center;
  color: #222222;
  background: #ebece9;
  transition: all 0.13s linear;
}
/* line 660, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productClickThrough i {
  position: relative;
  display: block;
  top: -10px;
  margin: 0 auto;
}
/* line 666, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productClickThrough:hover {
  background: #ddd;
}

/* End - productClickThrough- */
/*Start -Promotion button*/
/* line 678, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.squareButton.promotion {
  font-size: 15px;
  font-weight: normal;
  color: #8a3f22;
  line-height: 24px;
  border: 1px solid #e4c910;
  border-radius: 2px;
  background: #ffee08;
}
/* line 686, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.street-fashion .squareButton.promotion {
  background: #333;
  color: #fff;
  border: 1px solid #333;
}
/* line 691, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.squareButton.promotion:hover {
  background: #e4c910;
}
/* line 693, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.street-fashion .squareButton.promotion:hover {
  background: #000;
}

/*End*/
/* line 699, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.promotion-divider {
  border-bottom: 1px solid #e9e9e9;
  margin: 10px 10px 0 100px;
}

/* line 706, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.bbcatPromotion {
  padding-bottom: 0px;
  padding-top: 15px;
}

/*Count number of promotion*/
/* line 711, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.countnumber .title::after {
  counter-increment: section;
  content: counter(section);
}

/* line 739, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productDetailPage .top-panel .product-detail .priceWrapper.havePromotion .threshold-promotion .threshold-promotion-description b, .productDetailPage .top-panel .product-detail .priceWrapper.havePromotion .threshold-promotion .threshold-promotion-description strong, .productQuickViewWrapper .top-panel .product-detail .priceWrapper.havePromotion .threshold-promotion .threshold-promotion-description b, .productQuickViewWrapper .top-panel .product-detail .priceWrapper.havePromotion .threshold-promotion .threshold-promotion-description strong {
  font-weight: bold;
}
/* line 746, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productDetailPage .top-panel .product-detail .remarkDivider, .productQuickViewWrapper .top-panel .product-detail .remarkDivider {
  height: 0.5px;
  width: calc(100% - 20px);
  background-color: #E0E0E0;
  margin: 10px auto 0;
}
/* line 752, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productDetailPage .top-panel .product-detail .remarkSection, .productQuickViewWrapper .top-panel .product-detail .remarkSection {
  background-color: #FFFDE6;
}
/* line 754, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productDetailPage .top-panel .product-detail .remarkSection .remarkLabel, .productQuickViewWrapper .top-panel .product-detail .remarkSection .remarkLabel {
  width: 100%;
  display: flex;
  padding: 10px;
}
/* line 759, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productDetailPage .top-panel .product-detail .remarkSection .remarkLabel .remarkTypeText, .productQuickViewWrapper .top-panel .product-detail .remarkSection .remarkLabel .remarkTypeText {
  float: left;
  width: 100px;
  font-size: 15px;
  color: #666;
}
/* line 766, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productDetailPage .top-panel .product-detail .remarkSection .remarkLabel .remarkWrapper, .productQuickViewWrapper .top-panel .product-detail .remarkSection .remarkLabel .remarkWrapper {
  flex: 1;
}
/* line 776, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productDetailPage .top-panel .product-detail .productDetailPanelTableWrapper .productDetailPanelTable .productRemark td:nth-child(2) b, .productDetailPage .top-panel .product-detail .productDetailPanelTableWrapper .productDetailPanelTable .productRemark td:nth-child(2) strong, .productQuickViewWrapper .top-panel .product-detail .productDetailPanelTableWrapper .productDetailPanelTable .productRemark td:nth-child(2) b, .productQuickViewWrapper .top-panel .product-detail .productDetailPanelTableWrapper .productDetailPanelTable .productRemark td:nth-child(2) strong {
  font-weight: bold;
}
/* line 781, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productDetailPage .top-panel .product-detail .productDetailPanelTableWrapper .productDetailPanelTable .serviceContent, .productQuickViewWrapper .top-panel .product-detail .productDetailPanelTableWrapper .productDetailPanelTable .serviceContent {
  display: flex;
  line-height: 15px;
}
/* line 784, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productDetailPage .top-panel .product-detail .productDetailPanelTableWrapper .productDetailPanelTable .serviceContent .service-input, .productQuickViewWrapper .top-panel .product-detail .productDetailPanelTableWrapper .productDetailPanelTable .serviceContent .service-input {
  width: 176px;
  height: 30px;
  font-size: 15px;
  border: 1px solid #0000001F;
  box-sizing: border-box;
}
/* line 792, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productDetailPage .top-panel .product-detail .productDetailPanelTableWrapper .productDetailPanelTable .serviceContent .selectReminder, .productQuickViewWrapper .top-panel .product-detail .productDetailPanelTableWrapper .productDetailPanelTable .serviceContent .selectReminder {
  display: inline-block;
  vertical-align: middle;
  color: #cc2020;
  font-size: 14px;
  padding-left: 5px;
  margin: auto 0;
}
/* line 811, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productDetailPage .product-tab .tabarea #descriptionsTab .tabBody b, .productDetailPage .product-tab .tabarea #descriptionsTab .tabBody strong, .productQuickViewWrapper .product-tab .tabarea #descriptionsTab .tabBody b, .productQuickViewWrapper .product-tab .tabarea #descriptionsTab .tabBody strong {
  font-weight: bold;
}
/* line 818, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productDetailPage .product-tab .tabarea .product-review-content b, .productDetailPage .product-tab .tabarea .product-review-content strong, .productQuickViewWrapper .product-tab .tabarea .product-review-content b, .productQuickViewWrapper .product-tab .tabarea .product-review-content strong {
  font-weight: bold;
}
/* line 830, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productDetailPage .store-panel .section.otherInfo .product.remark .content b, .productDetailPage .store-panel .section.otherInfo .product.remark .content strong, .productDetailPage .store-panel .section.otherInfo .description .content b, .productDetailPage .store-panel .section.otherInfo .description .content strong, .productDetailPage .store-panel .section.otherInfo .tnc .content b, .productDetailPage .store-panel .section.otherInfo .tnc .content strong, .productDetailPage .store-panel .section.otherInfo .deliveryOrReturnPolicy .content b, .productDetailPage .store-panel .section.otherInfo .deliveryOrReturnPolicy .content strong, .productQuickViewWrapper .store-panel .section.otherInfo .product.remark .content b, .productQuickViewWrapper .store-panel .section.otherInfo .product.remark .content strong, .productQuickViewWrapper .store-panel .section.otherInfo .description .content b, .productQuickViewWrapper .store-panel .section.otherInfo .description .content strong, .productQuickViewWrapper .store-panel .section.otherInfo .tnc .content b, .productQuickViewWrapper .store-panel .section.otherInfo .tnc .content strong, .productQuickViewWrapper .store-panel .section.otherInfo .deliveryOrReturnPolicy .content b, .productQuickViewWrapper .store-panel .section.otherInfo .deliveryOrReturnPolicy .content strong {
  font-weight: bold;
}

/* line 842, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.street-fashion .threshold-promotion, .street-fashion .bbcatPromotion {
  background: #fffde6;
}
/* line 845, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.threshold-promotion a > .threshold-promotion-description, .bbcatPromotion a > .threshold-promotion-description {
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  max-height: 51px;
  font-size: 15px;
  line-height: 17px;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* line 847, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.street-fashion .threshold-promotion a > .threshold-promotion-description, .street-fashion .bbcatPromotion a > .threshold-promotion-description {
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  max-height: 72px;
  font-size: 15px;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 18px;
}
/* line 851, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.threshold-promotion a > .threshold-promotion-description b, .threshold-promotion a > .threshold-promotion-description strong, .bbcatPromotion a > .threshold-promotion-description b, .bbcatPromotion a > .threshold-promotion-description strong {
  font-weight: bold;
}
/* line 856, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.threshold-promotion div > .threshold-promotion-description, .bbcatPromotion div > .threshold-promotion-description {
  /* case of 0 threshold promotion*/
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  max-height: 51px;
  font-size: 15px;
  line-height: 17px;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* line 859, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.street-fashion .threshold-promotion div > .threshold-promotion-description, .street-fashion .bbcatPromotion div > .threshold-promotion-description {
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  max-height: 72px;
  font-size: 15px;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 18px;
}

/* line 866, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
#cboxClose {
  z-index: 99999;
}

/* line 869, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.btnQuickViewClose {
  position: relative;
  background-image: url(/_ui/desktop/common/images/sprite/sprite1511-s6c86c57acc.png);
  background-position: -375px -62px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 36px;
  width: 36px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 869, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
  .btnQuickViewClose {
    background-image: url(/_ui/desktop/common/images/sprite/sprite1511-2x-s50e7106e33.png);
    background-size: 1189px 180px;
    background-position: -375px -62px;
    height: 36px;
    width: 36px;
  }
}
/* line 872, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.btnQuickViewClose:hover {
  background-image: url(/_ui/desktop/common/images/sprite/sprite1511-s6c86c57acc.png);
  background-position: -411px -62px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 36px;
  width: 36px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 872, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
  .btnQuickViewClose:hover {
    background-image: url(/_ui/desktop/common/images/sprite/sprite1511-2x-s50e7106e33.png);
    background-size: 1189px 180px;
    background-position: -411px -62px;
    height: 36px;
    width: 36px;
  }
}

/* line 877, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .alertMsg {
  color: #F73F57;
  font-size: 15px;
  margin: -8px 0 10px 0;
}
/* line 883, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .review {
  position: relative;
  border-top: 1px solid orange;
  margin-top: 30px;
  padding: 15px 0 30px 0;
  color: orange;
  line-height: 20px;
  display: flex;
}
/* line 890, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.fashion .productQuickViewWrapper .review {
  border-top: 0px;
  margin-top: 0px;
  padding: 0;
  color: #222;
}
/* line 896, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .review .rating {
  display: inline-block;
  padding-right: 5px;
}
/* line 898, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.fashion .productQuickViewWrapper .review .rating {
  margin-left: 0;
  margin-bottom: 10px;
}
/* line 903, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .review .reviews-number {
  display: inline-block;
  position: relative;
  font-size: 15px;
}
/* line 907, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .review .reviews-number .averageRating {
  font-weight: bold;
}
/* line 910, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .review .reviews-number .comment {
  cursor: pointer;
}
/* line 913, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .review .reviews-number .comment:not(.empty):hover {
  text-decoration: underline;
}
/* line 919, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .review .reviews-number .empty {
  cursor: auto;
}
/* line 922, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .review .reviews-number:after {
  content: none;
}
/* line 927, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .review > div {
  vertical-align: initial;
}
/* line 930, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .review:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  top: -20px;
  left: 20px;
  border-right: 20px solid orange;
  border-top: 20px solid transparent;
}
/* line 939, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.fashion .productQuickViewWrapper .review:before {
  top: 0px;
  left: 0px;
  border-right: 0px;
  border-top: 0px;
}
/* line 946, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .review.review:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  top: -18px;
  left: 21px;
  border-right: 18px solid white;
  border-top: 18px solid transparent;
}
/* line 955, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.fashion .productQuickViewWrapper .review.review:after {
  top: 0px;
  left: 0px;
  border-right: 0px;
  border-top: 0px;
}
/* line 963, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .product-img-slider {
  margin-right: 10px;
}
/* line 966, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .product-detail {
  width: 473px;
  padding-left: 0;
}
/* line 970, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .product-detail .brand-product-name {
  margin: 0 0 10px -10px;
}
/* line 973, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .product-detail .priceWrapper {
  margin: 0 0 10px;
}
/* line 976, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.fashion .productQuickViewWrapper .product-detail .priceWrapper .pricelabel {
  padding: 0 0 10px 0;
}
/* line 980, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .product-detail .priceWrapper .threshold-promotion, .productQuickViewWrapper .product-detail .priceWrapper .bbcatPromotion {
  padding: 10px 10px;
}
/* line 982, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.fashion .productQuickViewWrapper .product-detail .priceWrapper .threshold-promotion, .fashion .productQuickViewWrapper .product-detail .priceWrapper .bbcatPromotion {
  padding: 10px 0 10px 0;
}
/* line 988, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.fashion .productQuickViewWrapper .product-detail .mallDollarLabel {
  margin-left: -10px;
}
/* line 992, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .product-detail .brand-product-name {
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  max-height: 75px;
  font-size: 20px;
  line-height: 25px;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* line 996, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .productDetailPanelTableWrapper {
  margin-bottom: 10px;
  margin-left: 10px;
  width: 443px;
}
/* line 1000, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.fashion .productQuickViewWrapper .productDetailPanelTableWrapper {
  margin-left: 0;
}
/* line 1004, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper #scrollbarWrapper {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 330px;
  background: linear-gradient(rgba(255, 255, 255, 0), white 70%) 0 100%, radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0)) 0 100%;
  background-repeat: no-repeat;
  background-color: white;
  background-size: 100% 40px, 100% 16px;
  background-attachment: local, scroll;
}
/* line 1010, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .bottomButtons {
  margin-left: 10px;
  margin-top: 10px;
}
/* line 1013, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.fashion .productQuickViewWrapper .bottomButtons {
  margin-left: 0;
}
/* line 1017, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .promotion.squareButton {
  height: 27px;
}

/* line 1023, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.priceWrapper .deliverySection .borderContainer .deliveryLabel {
  bottom: auto;
}

/* line 1027, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.deliverySection {
  position: relative;
  padding: 12px 10px 0 10px;
  font-size: 15px;
  line-height: 15px;
}
/* line 1033, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.deliverySection .title {
  float: left;
  width: 100px;
  color: #666;
}
/* line 1039, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.deliverySection .borderContainer {
  float: left;
  width: 398px;
  padding: 17px 12px 16px 12px;
  border: 1px solid #b08a05;
  border-radius: 4px;
  -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
}
/* line 1050, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.deliverySection .content {
  float: left;
  color: #b08a05;
  width: 274px;
}
/* line 1054, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.language-en .deliverySection .content {
  font-size: 14px;
}
/* line 1057, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.deliverySection .deliveryLabel {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  max-width: 108px;
}
/* line 1064, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
body.fashion .deliverySection .deliveryLabel {
  top: 6px;
  transform: initial;
}
/* line 1070, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.deliverySection:after {
  content: '';
  display: block;
  clear: both;
}

/* line 1082, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.bulkPurchase {
  padding: 10px 0 0 10px;
  display: flow-root;
}
/* line 1085, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.fashion .bulkPurchase {
  padding: 0;
  padding-bottom: 20px;
}
/* line 1088, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.fashion .bulkPurchase .title {
  font-size: 15px;
  font-weight: normal;
  color: #666;
  display: inline-block;
  width: 80px;
  float: left;
}

/* line 1101, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.isGreenLab .bulk_list .bulk_element {
  border-color: #0D8063;
}
/* line 1104, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.isGreenLab .bulk_list .bulk_element .bulk_message > font {
  color: #0D8063;
}
/* line 1108, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.isGreenLab .bulk_list .bulk_element .bulk_message > font:last-child {
  color: #1CB193;
}

/** For Quick View BMSM Layout**/
/* line 1116, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .bulk_list {
  display: grid;
}
/* line 1120, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .bulk_list .bulk_message {
  padding: 6px 3px 3px 33px;
  width: 139px;
  height: 42px;
  overflow: hidden;
  color: #fa7200;
  line-height: 18px;
  font-size: 13px;
  position: absolute;
  white-space: nowrap;
  text-overflow: clip;
  left: 0;
}
/* line 1134, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .bulk_list .bulk_message > font:last-child > strong {
  font-weight: bold;
}
/* line 1140, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .bulk_list > div.bulk_element {
  cursor: pointer;
  display: inline-block;
  float: left;
  border-radius: 5px;
  border: 2px solid #ee740E;
  position: relative;
  height: 46px;
  width: 143px;
  background: #FFFFFF;
  margin-bottom: 5px;
  margin-right: 0px;
}
/* line 1152, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .bulk_list > div.bulk_element.vip {
  border: 2px solid #7e3ac7 !important;
}
/* line 1154, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .bulk_list > div.bulk_element.vip .bulk_message {
  color: #7e3ac7;
}
/* line 1158, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .bulk_list > div.bulk_element.goldvip {
  border: 2px solid #D9A900 !important;
}
/* line 1160, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .bulk_list > div.bulk_element.goldvip .bulk_message {
  color: #D9A900;
}
/* line 1164, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .bulk_list > div.bulk_element.diamondvip {
  border: 2px solid #927D20 !important;
}
/* line 1166, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .bulk_list > div.bulk_element.diamondvip .bulk_message {
  color: #927D20;
}
/* line 1170, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .bulk_list > div.bulk_element > img {
  position: absolute;
  height: 46px;
  border-radius: 4px 0 0 4px;
  left: 0px;
  width: 30px;
  top: -2px;
  object-fit: fill;
}
/* line 1179, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .bulk_list > div.bulk_element .tooltips {
  left: -1px;
  width: 144px;
  bottom: 44px;
}
/* line 1183, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .bulk_list > div.bulk_element .tooltips a {
  font-style: italic;
  font-size: 12px;
  text-decoration: underline;
}
/* line 1187, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .bulk_list > div.bulk_element .tooltips a i {
  margin-left: 8px;
}
/* line 1193, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .bulk_list > div.bulk_element > span {
  display: inline-block;
}

/* line 1202, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.isLowStock_quickview .lowStockTag {
  margin: 0 20px 10px auto;
}

/* line 1208, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.isLowStock_fashion .lowStockTag {
  margin: -20px 10px 0 auto;
}

/* line 1213, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.lowStockTag {
  background-repeat: no-repeat;
  height: 30px;
}
/* line 1217, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
body.language-zh .lowStockTag {
  background-image: url("/_ui/desktop/common/svg/pdp/ic_pc_limited_stock_outlined_zh.svg");
  width: 123px;
}
/* line 1222, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
body.language-en .lowStockTag {
  background-image: url("/_ui/desktop/common/svg/pdp/ic_pc_limited_stock_outlined_en.svg");
  width: 231px;
}

/* line 1228, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
#marketing-label-section.rendered + .promotion-divider {
  background-color: #faf6d0;
  border: none;
  margin: 0;
  padding: 10px 10px 0 100px;
  position: relative;
}
/* line 1234, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
#marketing-label-section.rendered + .promotion-divider::after {
  content: "";
  background-color: #e9e9e9;
  height: 1px;
  left: 100px;
  position: absolute;
  width: calc(100% - 110px);
  z-index: 2;
}

/* line 1244, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
#marketing-label-section {
  background-color: #faf6d0;
}
/* line 1246, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
#marketing-label-section .marketing-divider {
  border-bottom: 1px solid #e9e9e9;
  margin: 10px 10px 0 100px;
}
/* line 1250, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
#marketing-label-section .marketing-label-link {
  display: inline-block;
  min-width: initial;
}
/* line 1253, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
#marketing-label-section .marketing-label-link > * {
  display: inline-block;
  vertical-align: middle;
}
/* line 1257, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
#marketing-label-section .marketing-label-link .icArrowrightBrown {
  margin-left: 4px;
}
/* line 1261, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
#marketing-label-section .squareButton.marketing {
  font-size: 15px;
  font-weight: normal;
  color: #8a3f22;
  line-height: 24px;
  border: 1px solid #e4c910;
  border-radius: 2px;
  background: #ffee08;
}
/* line 1269, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.street-fashion #marketing-label-section .squareButton.marketing {
  background: #333;
  color: #fff;
  border: 1px solid #333;
}
/* line 1274, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
#marketing-label-section .squareButton.marketing:hover {
  background: #e4c910;
}
/* line 1276, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.street-fashion #marketing-label-section .squareButton.marketing:hover {
  background: #000;
}
/* line 1281, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
#marketing-label-section .marketing-label {
  padding: 10px 10px 0px;
}
/* line 1283, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.fashion #marketing-label-section .marketing-label {
  padding: 10px 10px 0px 10px;
}
/* line 1285, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.fashion #marketing-label-section .marketing-label .title {
  font-size: 15px;
  font-weight: normal;
  color: #666;
  width: 80px;
  float: left;
}
/* line 1294, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
#marketing-label-section .marketing-label .marketing-label-description .label-title {
  display: inline-block;
  width: 100%;
  font-weight: 700;
  font-size: 15px;
  line-height: 15px;
}
/* line 1301, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
#marketing-label-section .marketing-label .marketing-label-description b, #marketing-label-section .marketing-label .marketing-label-description strong {
  font-weight: bold;
}
/* line 1304, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
#marketing-label-section .marketing-label .marketing-label-description span {
  font-size: 14px;
  line-height: 18px;
}
/* line 1309, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
#marketing-label-section .marketing-label a {
  display: block;
  margin-left: 100px;
}
/* line 1313, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
#marketing-label-section .marketing-label a:hover {
  text-decoration: underline;
}
/* line 1316, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
#marketing-label-section .marketing-label a > .marketing-label-description {
  margin-bottom: 10px;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  max-height: 51px;
  font-size: 15px;
  line-height: 17px;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* line 1319, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.street-fashion #marketing-label-section .marketing-label a > .marketing-label-description {
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  max-height: 72px;
  font-size: 15px;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 18px;
}

/* line 1328, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
#pick-label-section + #marketing-label-section.rendered .marketing-divider {
  background-color: #faf6d0;
  border: none;
  margin: 0;
  padding: 10px 10px 0 100px;
  position: relative;
}
/* line 1335, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
#pick-label-section + #marketing-label-section.rendered .marketing-divider::after {
  content: "";
  background-color: #e9e9e9;
  height: 1px;
  left: 100px;
  position: absolute;
  width: calc(100% - 110px);
  z-index: 2;
}

/* line 1346, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
#pick-label-section + #marketing-label-section + .promotion-divider {
  background-color: #faf6d0;
  border: none;
  margin: 0;
  padding: 10px 10px 0 100px;
  position: relative;
}
/* line 1353, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
#pick-label-section + #marketing-label-section + .promotion-divider::after {
  content: "";
  background-color: #e9e9e9;
  height: 1px;
  left: 100px;
  position: absolute;
  width: calc(100% - 110px);
  z-index: 2;
}

/* line 1363, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
#pick-label-section {
  background-color: #faf6d0;
}
/* line 1365, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
#pick-label-section .pick-divider {
  border-bottom: 1px solid #e9e9e9;
  margin: 10px 10px 0 100px;
}
/* line 1369, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
#pick-label-section .pick-label-link {
  margin-left: 100px;
  display: inline-block;
  min-width: initial;
}
/* line 1373, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
#pick-label-section .pick-label-link > * {
  display: inline-block;
  vertical-align: middle;
}
/* line 1377, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
#pick-label-section .pick-label-link .icArrowrightBrown {
  margin-left: 4px;
}
/* line 1381, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
#pick-label-section .squareButton.pick {
  font-size: 15px;
  font-weight: normal;
  color: #8a3f22;
  line-height: 24px;
  border: 1px solid #e4c910;
  border-radius: 2px;
  background: #ffee08;
}
/* line 1389, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.street-fashion #pick-label-section .squareButton.pick {
  background: #333;
  color: #fff;
  border: 1px solid #333;
}
/* line 1394, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
#pick-label-section .squareButton.pick:hover {
  background: #e4c910;
}
/* line 1396, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.street-fashion #pick-label-section .squareButton.pick:hover {
  background: #000;
}
/* line 1401, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
#pick-label-section .pick-label {
  padding: 10px 10px 0px;
}
/* line 1403, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.fashion #pick-label-section .pick-label {
  padding: 10px 10px 0px 10px;
}
/* line 1405, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.fashion #pick-label-section .pick-label .title {
  font-size: 15px;
  font-weight: normal;
  color: #666;
  width: 80px;
  float: left;
}
/* line 1413, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
#pick-label-section .pick-label .pick-label-description {
  display: block;
  margin-left: 100px;
}
/* line 1416, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
#pick-label-section .pick-label .pick-label-description .label-title {
  display: inline-block;
  width: 100%;
  font-weight: 700;
  font-size: 15px;
  line-height: 15px;
}
/* line 1423, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
#pick-label-section .pick-label .pick-label-description b, #pick-label-section .pick-label .pick-label-description strong {
  font-weight: bold;
}
/* line 1426, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
#pick-label-section .pick-label .pick-label-description span {
  font-size: 14px;
  line-height: 18px;
}
/* line 1434, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
#pick-label-section .pick-label a:hover {
  text-decoration: underline;
}
/* line 1437, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
#pick-label-section .pick-label a > .pick-label-description {
  margin-bottom: 10px;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  max-height: 54px;
  font-size: 15px;
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* line 1440, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.street-fashion #pick-label-section .pick-label a > .pick-label-description {
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  max-height: 72px;
  font-size: 15px;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 18px;
}