/* 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;
}
/* line 45, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.street-fashion .productQuickViewWrapper .product-detail .mallDollarLabel {
  padding-top: 0;
}
/* line 48, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.street-fashion .product-detail .mallDollarLabel {
  padding-top: 10px;
  padding: 10px 10px 0 10px;
}
/* line 52, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail .mallDollarLabel > * {
  vertical-align: middle;
}
/* line 55, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail .mallDollarLabel > i {
  margin: 0 5px;
}
/* line 61, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail .pricelabel {
  padding: 10px 10px 10px 10px;
}
/* line 63, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail .pricelabel .salesString {
  padding: 10px 10px 0 10px;
  margin-left: 100px;
}
/* line 67, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail .pricelabel .priceTypeText {
  float: left;
  width: 100px;
  color: #666;
  font-size: 15px;
  line-height: 25px;
}
/* line 73, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail .pricelabel .priceTypeText + .priceLabelWrapper {
  margin-left: 100px;
}
/* line 83, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail .pricelabel .priceLabelWrapper.series .price {
  margin-right: 5px;
}
/* line 88, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail .pricelabel.havePromotion {
  background: #FFFDE6;
}
/* line 90, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.street-fashion .product-detail .pricelabel.havePromotion {
  background: none;
}
/* line 93, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail .pricelabel.havePromotion + .priceLastUpdate {
  background: #FFFDE6;
}
/* line 95, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.street-fashion .product-detail .pricelabel.havePromotion + .priceLastUpdate {
  background: none;
}
/* line 100, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail .pricelabel .price > span {
  font-size: 28px;
}
/* line 102, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail .pricelabel .price > span.vip-highlight {
  font-size: 18px;
}
/* line 105, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail .pricelabel .price > span.goldvip-highlight {
  font-size: 18px;
}
/* line 109, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail .pricelabel .promotional > span {
  font-size: 18px;
}

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

/* line 124, ../../../../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 135, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.priceWrapper {
  margin: 0 -10px 10px;
  background: #EFFAF0;
  counter-reset: section;
}
/* line 139, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.priceWrapper.havePromotion {
  background: #FFFDE6;
}
/* line 141, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.street-fashion .priceWrapper.havePromotion {
  background: none;
}
/* line 145, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.street-fashion .priceWrapper {
  background: none;
}
/* line 149, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.street-fashion .priceWrapper .pricelabel {
  margin-left: 0px;
}
/* line 154, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.priceWrapper > div:last-of-type .deliveryLabel {
  bottom: 17px;
}

/* line 160, ../../../../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 167, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.street-fashion .threshold-promotion, .street-fashion .bbcatPromotion {
  padding: 10px 10px 0 10px;
}
/* line 171, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.threshold-promotion:hover .squareButton.green, .bbcatPromotion:hover .squareButton.green {
  background: #2b8939;
}
/* line 173, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.street-fashion .threshold-promotion:hover .squareButton.green, .street-fashion .bbcatPromotion:hover .squareButton.green {
  background: #000;
}
/* line 179, ../../../../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 180, ../../../../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 195, ../../../../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 206, ../../../../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 211, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.threshold-promotion > a, .bbcatPromotion > a {
  display: block;
  margin-left: 100px;
}
/* line 214, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.threshold-promotion > a[href]:hover, .bbcatPromotion > a[href]:hover {
  text-decoration: underline;
}
/* line 218, ../../../../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 223, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.street-fashion .threshold-promotion .threshold-promotion-description, .street-fashion .bbcatPromotion .threshold-promotion-description {
  color: #222;
}
/* line 230, ../../../../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 237, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.threshold-promotion .threshold-promotion-description span, .bbcatPromotion .threshold-promotion-description span {
  font-size: 14px;
  line-height: 18px;
}

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

/* line 257, ../../../../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 265, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.threshold-promotion-side .threshold-promotion-link-wrapper {
  display: block;
  margin-right: 10px;
  text-align: center;
}

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

/* line 276, ../../../../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 284, ../../../../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 292, ../../../../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 297, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.btn-lightblue {
  background: #11bedc;
  border-radius: 4px;
}

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

/* line 318, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.productDetailPanelTable {
  font-size: 15px;
  line-height: 21px;
  width: 100%;
  margin-top: 13px;
}
/* line 323, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.street-fashion .productDetailPanelTable {
  margin-top: 0px;
}

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

/* line 332, ../../../../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 336, ../../../../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 347, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-delivery-overlay {
  position: relative;
  display: inline-block;
  text-indent: 0em;
  padding-left: 0em;
}

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

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

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

/* line 375, ../../../../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 386, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-promotions .offer {
  padding: 5px;
  padding-top: 3px;
  display: inline-block;
  color: white;
  background: #B71B1C;
}

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

/* line 399, ../../../../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 401, ../../../../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 404, ../../../../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 406, ../../../../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 412, ../../../../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 414, ../../../../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 417, ../../../../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 419, ../../../../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 423, ../../../../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 428, ../../../../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 438, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.prod-det-thumb > div img {
  display: inline-block;
  vertical-align: top;
}

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

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

/* line 450, ../../../../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 458, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.street-fashion .prod-det-thumb > div > span {
  border: 1px solid #ccc;
}
/* line 461, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.street-fashion .prod-det-thumb > div > span:hover {
  border: 1px solid #222;
}

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

/* line 473, ../../../../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 476, ../../../../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 484, ../../../../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 485, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.prod-det-coupon > div :not(ul) > a.selected {
  border: 2px solid #3A993A;
  color: #313131;
}
/* line 498, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.prod-det-coupon > div :not(ul) > a > span {
  vertical-align: middle;
  line-height: 32px;
}

/* line 505, ../../../../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 520, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.variantOptions .prod-det-size a.selected, .variantOptions .prod-det-coupon.notInsurance a.selected {
  position: relative;
}

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

/* line 531, ../../../../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 538, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.prod-det-thumb .selected, .prod-det-size .selected, .prod-det-coupon.notInsurance .selected {
  border: 2px solid #36b449;
}

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

/* line 546, ../../../../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 551, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.variantOptions span .hktvsprite-ic-varianttick {
  display: none;
}

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

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

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

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

/* line 571, ../../../../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 582, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.stockLevelMsgBox {
  border: 2px solid #EEEEEE;
  padding: 10px;
  width: 420px;
  margin-bottom: 20px;
  margin-top: -14px;
}
/* line 588, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.street-supermarket .stockLevelMsgBox {
  margin-left: 102px;
}
/* line 592, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.stockLevelMsgBox .stockLevelMsg1 span {
  font-size: 18px;
  color: #666666;
}
/* line 597, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.stockLevelMsgBox .stockLevelMsg2 {
  padding-top: 5px;
}
/* line 599, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.stockLevelMsgBox .stockLevelMsg2 span {
  font-size: 15px;
  color: #666666;
}

/*End-notify me*/
/* Start - wishlist button */
/* line 609, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail .buttonWrapper .removeFromWishlistButton {
  box-shadow: none;
  color: #666;
  background: none;
}
/* line 613, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.product-detail .buttonWrapper .removeFromWishlistButton.sepaButton {
  border: 1px solid transparent;
}

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

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

/* End - wishlist button */
/* Start - qty input box */
/* line 628, ../../../../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 636, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
input[type=number] {
  -moz-appearance: textfield;
}

/* line 640, ../../../../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 648, ../../../../resource/compass/lib/_productDetailPanel1511Shared.scss */
.productDetailPage #productQtyMinus, .productDetailPage #productQtyAdd {
  height: 32px;
  width: 32px;
}

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

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

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

/* End - qty input box */
/* 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%;
}
/* line 39, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.priceWrapper .pricelabel .deliveryLabelBlock {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}
/* line 46, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.priceWrapper .pricelabel .deliveryLabelBlock .deliveryLabel {
  margin-bottom: 4px;
}
/* line 48, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.priceWrapper .pricelabel .deliveryLabelBlock .deliveryLabel:last-child {
  margin-bottom: 0;
}
/* line 51, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.priceWrapper .pricelabel .deliveryLabelBlock .deliveryLabel:hover {
  cursor: pointer;
}
/* line 54, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
body.fashion .priceWrapper .pricelabel .deliveryLabelBlock .deliveryLabel {
  bottom: 7px;
}
/* line 60, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.priceWrapper .pricelabel .deliveryLabelBlock.promoWithExpress .priceTypeText + .priceLabelWrapper {
  width: 274px;
}
/* line 65, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.priceWrapper .pricelabel .deliveryLabelBlock .promotional {
  line-height: 22px;
  padding-bottom: 5px;
}
/* line 68, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.street-fashion .priceWrapper .pricelabel .deliveryLabelBlock .promotional {
  width: 480px;
}
/* line 74, ../../../../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 82, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.priceWrapper .salesNumber-container {
  font-size: 15px;
  margin: 10px 0 0 110px;
}
/* line 87, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.priceWrapper .fashionSalesNumberString .salesNumber-container {
  margin: 10px 0 0 10px;
}
/* line 89, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .priceWrapper .fashionSalesNumberString .salesNumber-container {
  margin: 0;
}

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

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

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

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

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

/* line 144, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.product-detail {
  padding-left: 10px;
  background: white;
  width: 398px;
  float: left;
}
/* line 148, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.street-fashion .product-detail {
  padding-left: 10px;
}
/* line 151, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productDetailPage .product-detail {
  width: 528px;
}
/* line 154, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.street-fashion .productDetailPage .product-detail {
  width: 598px;
}

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

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

/*End - mainlayout


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

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

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

/* line 205, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.primary-image-container {
  display: block;
  position: relative;
}
/* line 208, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.primary-image-container .productVideoPrimaryLink {
  position: absolute;
}
/* line 211, ../../../../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 220, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.primary-image-container .product-video-wrapper {
  z-index: 10;
  position: relative;
}
/* line 223, ../../../../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 235, ../../../../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 243, ../../../../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 251, ../../../../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 261, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.street-fashion .productImageGallery-wrapper {
  width: 547px;
}

/* line 266, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productImage .productImageGallery {
  position: relative;
  height: auto;
}
/* line 269, ../../../../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 273, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productImage .productImageGallery .icArrowleftBlackSmallslider {
  cursor: pointer;
  float: left;
  margin-top: 19px;
  margin-left: -5px;
}
/* line 278, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.street-fashion .productImage .productImageGallery .icArrowleftBlackSmallslider {
  margin-top: 30px;
}
/* line 282, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productImage .productImageGallery .icArrowrightBlackSmallslider {
  cursor: pointer;
  float: left;
  margin-top: 19px;
  margin-right: -5px;
}
/* line 287, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.street-fashion .productImage .productImageGallery .icArrowrightBlackSmallslider {
  margin-top: 30px;
}

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

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

/* line 312, ../../../../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 322, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.street-fashion .productDetailPage .productImage .productImageGallery li .thumb {
  height: 80px;
  line-height: 78px;
}

/* line 328, ../../../../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 337, ../../../../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 339, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.street-fashion .productImage .productImageGallery li .thumb.active {
  box-shadow: 0 0 0 2px #000;
}

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

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

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

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

/* line 370, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.prod-det-thumb > div span.selected, .prod-det-size > div a.selected {
  border-color: #36b449;
}
/* line 372, ../../../../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 375, ../../../../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 377, ../../../../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 383, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.prod-det-thumb > div > span, .prod-det-size > div > a {
  border-radius: 2px;
}
/* line 385, ../../../../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 388, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.prod-det-thumb > div > span:hover, .prod-det-size > div > a:hover {
  border-color: #36b449;
}
/* line 390, ../../../../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 394, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.prod-det-thumb > div > span span, .prod-det-size > div > a span {
  color: #222;
}

/* line 399, ../../../../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 409, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.prod-det-thumb > div img {
  display: inline-block;
  vertical-align: top;
}

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

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

/* line 421, ../../../../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 429, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.street-fashion .prod-det-thumb > div > span {
  border: 1px solid #ccc;
}
/* line 432, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.street-fashion .prod-det-thumb > div > span:hover {
  border: 1px solid #222;
}

/* line 437, ../../../../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 444, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.prod-det-size > div a.selected {
  border: 2px solid #36b449;
  color: #36b449;
}
/* line 447, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.street-fashion .prod-det-size > div a.selected {
  border: 2px solid #222;
  color: #222;
}

/* line 453, ../../../../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 454, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.prod-det-coupon > div a.selected {
  border: 2px solid #3A993A;
  color: #313131;
}
/* line 467, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.prod-det-coupon > div a > span {
  vertical-align: middle;
  line-height: 32px;
}

/* line 474, ../../../../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 489, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.variantOptions .prod-det-size a.selected {
  position: relative;
}

/* line 493, ../../../../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 500, ../../../../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 507, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.prod-det-thumb .selected, .prod-det-size .selected {
  border: 2px solid #36b449;
}

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

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

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

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

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

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

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

/* line 540, ../../../../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 559, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.bottomButtons .buttonWrapper {
  display: inline-block;
  left: 103px;
}
/* line 562, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.street-fashion .productDetailPage .bottomButtons .buttonWrapper {
  left: 0;
}
/* line 565, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.bottomButtons .buttonWrapper + .buttonWrapper {
  margin-left: 15px;
}
/* line 567, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.street-fashion .bottomButtons .buttonWrapper + .buttonWrapper {
  margin-left: 10px;
}

/* End - bottomButtons */
/* Start - bottom productClickThrough */
/* line 576, ../../../../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 587, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productClickThrough i {
  position: relative;
  display: block;
  top: -10px;
  margin: 0 auto;
}
/* line 593, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productClickThrough:hover {
  background: #ddd;
}

/* End - productClickThrough- */
/*Start -Promotion button*/
/* line 605, ../../../../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 613, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.street-fashion .squareButton.promotion {
  background: #333;
  color: #fff;
  border: 1px solid #333;
}
/* line 618, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.squareButton.promotion:hover {
  background: #e4c910;
}
/* line 620, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.street-fashion .squareButton.promotion:hover {
  background: #000;
}

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

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

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

/* line 666, ../../../../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 677, ../../../../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 692, ../../../../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 699, ../../../../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 711, ../../../../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 723, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.street-fashion .threshold-promotion, .street-fashion .bbcatPromotion {
  background: #FFFDE6;
}
/* line 726, ../../../../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 728, ../../../../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 732, ../../../../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 737, ../../../../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 740, ../../../../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 747, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
#cboxClose {
  z-index: 99999;
}

/* line 750, ../../../../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 750, ../../../../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 753, ../../../../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 753, ../../../../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 758, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .alertMsg {
  color: #F73F57;
  font-size: 15px;
  margin: -8px 0 10px 0;
}
/* line 764, ../../../../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 771, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.fashion .productQuickViewWrapper .review {
  border-top: 0px;
  margin-top: 0px;
  padding: 0;
  color: #222;
}
/* line 777, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .review .rating {
  display: inline-block;
  padding-right: 5px;
}
/* line 779, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.fashion .productQuickViewWrapper .review .rating {
  margin-left: 0;
  margin-bottom: 10px;
}
/* line 784, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .review .reviews-number {
  display: inline-block;
  position: relative;
  font-size: 15px;
}
/* line 788, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .review .reviews-number .averageRating {
  font-weight: bold;
}
/* line 791, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .review .reviews-number .comment {
  cursor: pointer;
}
/* line 794, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .review .reviews-number .comment:not(.empty):hover {
  text-decoration: underline;
}
/* line 800, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .review .reviews-number .empty {
  cursor: auto;
}
/* line 803, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .review .reviews-number:after {
  content: none;
}
/* line 808, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .review > div {
  vertical-align: initial;
}
/* line 811, ../../../../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 820, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.fashion .productQuickViewWrapper .review:before {
  top: 0px;
  left: 0px;
  border-right: 0px;
  border-top: 0px;
}
/* line 827, ../../../../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 836, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.fashion .productQuickViewWrapper .review.review:after {
  top: 0px;
  left: 0px;
  border-right: 0px;
  border-top: 0px;
}
/* line 844, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .product-img-slider {
  margin-right: 10px;
}
/* line 847, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .product-detail {
  width: 473px;
  padding-left: 0;
}
/* line 851, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .product-detail .brand-product-name {
  margin: 0 0 10px -10px;
  margin: 0 0 10px 0;
}
/* line 855, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .product-detail .priceWrapper {
  width: 453px;
  margin: 0 0 10px;
}
/* line 859, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.fashion .productQuickViewWrapper .product-detail .priceWrapper .pricelabel {
  padding: 0 0 10px 0;
}
/* line 863, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .product-detail .priceWrapper .threshold-promotion, .productQuickViewWrapper .product-detail .priceWrapper .bbcatPromotion {
  padding: 10px 10px;
}
/* line 865, ../../../../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 870, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .product-detail .mallDollarLabel {
  margin-left: 10px;
}
/* line 872, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.fashion .productQuickViewWrapper .product-detail .mallDollarLabel {
  margin-left: -10px;
}
/* line 876, ../../../../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 880, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .productDetailPanelTableWrapper {
  margin-bottom: 0;
  margin-left: 10px;
  width: 443px;
}
/* line 884, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.fashion .productQuickViewWrapper .productDetailPanelTableWrapper {
  margin-left: 0;
}
/* line 888, ../../../../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 894, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .bottomButtons {
  margin-left: 10px;
  margin-top: 10px;
}
/* line 897, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.fashion .productQuickViewWrapper .bottomButtons {
  margin-left: 0;
}
/* line 901, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .promotion.squareButton {
  height: 27px;
}

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

/* line 911, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.deliverySection {
  position: relative;
  padding: 12px 10px 0 10px;
  font-size: 15px;
  line-height: 15px;
}
/* line 917, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.deliverySection .title {
  float: left;
  width: 100px;
  color: #666;
}
/* line 923, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.deliverySection .borderContainer {
  float: left;
  width: 418px;
  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 934, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.deliverySection .content {
  float: left;
  color: #b08a05;
  width: 274px;
}
/* line 938, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.language-en .deliverySection .content {
  font-size: 14px;
}
/* line 941, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.deliverySection .deliveryLabel {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  max-width: 108px;
}
/* line 948, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
body.fashion .deliverySection .deliveryLabel {
  top: 6px;
  transform: initial;
}
/* line 954, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.deliverySection:after {
  content: '';
  display: block;
  clear: both;
}

/* line 966, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.bulkPurchase {
  padding: 10px 0 0 10px;
  display: flow-root;
}
/* line 969, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.fashion .bulkPurchase {
  padding: 0;
  padding-bottom: 20px;
}
/* line 972, ../../../../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;
}

/** For Quick View BMSM Layout**/
/* line 984, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .bulk_list {
  display: grid;
}
/* line 988, ../../../../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 1002, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .bulk_list .bulk_message > font:last-child > strong {
  font-weight: bold;
}
/* line 1008, ../../../../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 1020, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .bulk_list > div.bulk_element.vip {
  border: 2px solid #7e3ac7 !important;
}
/* line 1022, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .bulk_list > div.bulk_element.vip .bulk_message {
  color: #7e3ac7;
}
/* line 1026, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .bulk_list > div.bulk_element.goldvip {
  border: 2px solid #D9A900 !important;
}
/* line 1028, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .bulk_list > div.bulk_element.goldvip .bulk_message {
  color: #D9A900;
}
/* line 1032, ../../../../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 1041, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .bulk_list > div.bulk_element .tooltips {
  left: -1px;
  width: 144px;
  bottom: 44px;
}
/* line 1045, ../../../../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 1049, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .bulk_list > div.bulk_element .tooltips a i {
  margin-left: 8px;
}
/* line 1055, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.productQuickViewWrapper .bulk_list > div.bulk_element > span {
  display: inline-block;
}

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

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

/* line 1075, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.lowStockTag {
  background-repeat: no-repeat;
  height: 30px;
}
/* line 1079, ../../../../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 1084, ../../../../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 1090, ../../../../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 1096, ../../../../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 1106, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
#marketing-label-section {
  background-color: #faf6d0;
}
/* line 1108, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
#marketing-label-section .marketing-divider {
  border-bottom: 1px solid #e9e9e9;
  margin: 10px 10px 0 100px;
}
/* line 1112, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
#marketing-label-section .marketing-label-link {
  display: inline-block;
  min-width: initial;
}
/* line 1115, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
#marketing-label-section .marketing-label-link > * {
  display: inline-block;
  vertical-align: middle;
}
/* line 1119, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
#marketing-label-section .marketing-label-link .icArrowrightBrown {
  margin-left: 4px;
}
/* line 1123, ../../../../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 1131, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.street-fashion #marketing-label-section .squareButton.marketing {
  background: #333;
  color: #fff;
  border: 1px solid #333;
}
/* line 1136, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
#marketing-label-section .squareButton.marketing:hover {
  background: #e4c910;
}
/* line 1138, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.street-fashion #marketing-label-section .squareButton.marketing:hover {
  background: #000;
}
/* line 1143, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
#marketing-label-section .marketing-label {
  padding: 10px 10px 0px;
}
/* line 1145, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
.fashion #marketing-label-section .marketing-label {
  padding: 10px 10px 0px 10px;
}
/* line 1147, ../../../../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 1156, ../../../../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 1163, ../../../../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 1166, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
#marketing-label-section .marketing-label .marketing-label-description span {
  font-size: 14px;
  line-height: 18px;
}
/* line 1171, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
#marketing-label-section .marketing-label a {
  display: block;
  margin-left: 100px;
}
/* line 1175, ../../../../resource/compass/_ui/desktop/common/css/productDetailPanel1511.scss */
#marketing-label-section .marketing-label a:hover {
  text-decoration: underline;
}
/* line 1178, ../../../../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 1181, ../../../../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;
}