/* IMPORTANT: Do not modify this generated css file*/
/* 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 */
/* Start - Silder */
/* Start - Base Product Brief */
/* line 15, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief .imageWrapper {
  position: relative;
  background: white;
  padding-top: 100%;
}
/* line 19, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief .imageWrapper .imgContainer {
  position: absolute;
  top: 0;
  left: 0;
}

/* line 28, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.box .infoWrapper {
  padding: 0;
  text-align: center;
  height: auto;
}
/* line 32, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.box .infoWrapper.showAverageRating {
  height: auto;
}

/* line 38, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief {
  position: relative;
  display: block;
  /* for new getPriceLabel */
  /* End - Base Product Brief */
  /* Start - Supermarket Template for Product Brief */
  /* End - Supermarket Template for Product Brief */
  /* Start - productListViewItem for Product Brief */
  /* Start - productListViewItem for Product Brief */
  /* Start - Fashion Template for Product Brief */
  /* End - Fashion Template for Product Brief */
}
/* line 41, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.productBriefClickable {
  cursor: pointer;
}
/* line 43, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.productBriefClickable:hover .overlay2Wrapper {
  visibility: visible;
  opacity: 1;
  transition-delay: 0.1s;
}
/* line 49, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief .overlay2Wrapper {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: white;
  background: rgba(255, 255, 255, 0.8);
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.1s linear 0.13s,opacity 0.13s linear;
}
/* line 65, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .infoWrapperHorizontal, .productBrief .infoWrapper {
  font-weight: bold;
  text-align: left;
  font-size: 13px;
  line-height: 14px;
  color: #000;
}
/* line 72, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .infoWrapperHorizontal .packing-spec, .productBrief .infoWrapper .packing-spec {
  color: #999;
  font-weight: 100;
  font-style: normal;
  margin-top: 2px;
  display: inline-block;
  white-space: nowrap;
  width: 100%;
  max-height: 14px;
  font-size: 12px;
  line-height: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* line 80, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .infoWrapperHorizontal .brand-product-name > * > *, .productBrief .infoWrapper .brand-product-name > * > * {
  font-weight: normal;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: 38px;
  font-size: 15px;
  line-height: 19px;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all 0.13s linear;
}
/* line 83, ../../../../resource/compass/lib/_productBrief.scss */
.Top100PopupProductList .productBrief.supermarketTemplate .infoWrapperHorizontal .brand-product-name > * > *, .Top100PopupProductList .productBrief .infoWrapper .brand-product-name > * > * {
  display: inline-block;
  white-space: nowrap;
  width: 100%;
  max-height: 19px;
  font-size: 15px;
  line-height: 19px;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* line 88, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .infoWrapperHorizontal .brand-product-name > * > * a.non-clickthrough, .productBrief .infoWrapper .brand-product-name > * > * a.non-clickthrough {
  display: inline;
  color: inherit;
}
/* line 92, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .infoWrapperHorizontal .brand-product-name > * > * a.non-clickthrough:hover, .productBrief .infoWrapper .brand-product-name > * > * a.non-clickthrough:hover {
  text-decoration: none;
}
/* line 100, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .infoWrapperHorizontal .brand-product-name > * > * {
  margin-bottom: 5px;
}
/* line 103, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .infoWrapperHorizontal .star-wrapper {
  margin-bottom: 5px;
}
/* line 106, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .infoWrapperHorizontal .pricelabel {
  margin-bottom: 5px;
}
/* line 109, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .infoWrapperHorizontal .promotionLabel, .productBrief.supermarketTemplate .infoWrapperHorizontal .storeNameLabel {
  max-width: 350px;
}
/* line 113, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .infoWrapperHorizontal .storeNameLabel span {
  font-size: 14px;
}
/* line 118, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief .infoWrapper {
  position: relative;
  padding: 5px;
  height: 145px;
}
/* line 125, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief .infoWrapper.showAverageRating {
  height: 165px;
}
/* line 127, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief .infoWrapper.showAverageRating .star-wrapper {
  margin-top: 2px;
}
/* line 129, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief .infoWrapper.showAverageRating .star-wrapper .street-fashion {
  margin: 2px 0;
}
/* line 135, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief .infoWrapper > div {
  width: 100%;
}
/* line 139, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief .infoWrapper a:hover {
  text-decoration: underline;
}
/* line 142, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief .infoWrapper p {
  font-weight: normal;
}
/* line 146, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief .infoWrapper .bottomWrapper {
  position: absolute;
  left: 5px;
  bottom: 5px;
}
/* line 151, ../../../../resource/compass/lib/_productBrief.scss */
.productListViewItem .productBrief .infoWrapper {
  float: left;
  margin-right: 15px;
  color: #222;
  height: 100%;
  padding: 0;
  width: 339px;
}
/* line 158, ../../../../resource/compass/lib/_productBrief.scss */
.productListViewItem .productBrief .infoWrapper .brand-product-name a > * > * {
  font-weight: normal;
  display: inline-block;
  white-space: nowrap;
  width: 100%;
  max-height: 16px;
  font-size: 14px;
  line-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* line 169, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief .pricelabel > div {
  width: 100%;
}
/* line 172, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief .pricelabel {
  white-space: nowrap;
}
/* line 174, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief .pricelabel > div {
  margin-top: 2px;
}
/* line 177, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief .pricelabel .price > span {
  font-size: 24px;
}
/* line 180, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief .pricelabel .promotional > span {
  display: inline-block;
  white-space: nowrap;
  width: 100%;
  max-height: 15px;
  font-size: 13px;
  line-height: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* line 191, ../../../../resource/compass/lib/_productBrief.scss */
.breadItem .productBrief.supermarketTemplate .productSurface, .productDetailPage .productBrief.supermarketTemplate .productSurface, #product-result .productBrief.supermarketTemplate .productSurface, #bundlePromotion .productBrief.supermarketTemplate .productSurface, #store-hotpicks-container .productBrief.supermarketTemplate .productSurface {
  margin-left: 10px;
}
/* line 193, ../../../../resource/compass/lib/_productBrief.scss */
.breadItem .productBrief.supermarketTemplate .productSurface .labelButton.removeFromWishlistButton > span, .productDetailPage .productBrief.supermarketTemplate .productSurface .labelButton.removeFromWishlistButton > span, #product-result .productBrief.supermarketTemplate .productSurface .labelButton.removeFromWishlistButton > span, #bundlePromotion .productBrief.supermarketTemplate .productSurface .labelButton.removeFromWishlistButton > span, #store-hotpicks-container .productBrief.supermarketTemplate .productSurface .labelButton.removeFromWishlistButton > span {
  margin-left: 2px;
  font-size: 13px;
}
/* line 200, ../../../../resource/compass/lib/_productBrief.scss */
.breadItem .productBrief.supermarketTemplate {
  width: 149px;
}
/* line 201, ../../../../resource/compass/lib/_productBrief.scss */
.breadItem .productBrief.supermarketTemplate.slick-slide {
  margin: 0px 0px;
}
/* line 206, ../../../../resource/compass/lib/_productBrief.scss */
.productDetailPage .productBrief.supermarketTemplate {
  float: left;
}
/* line 210, ../../../../resource/compass/lib/_productBrief.scss */
#product-result .productBrief.supermarketTemplate, #store-hotpicks-container .productBrief.supermarketTemplate {
  float: left;
  width: 148px;
  margin: 30px 11px 0 0;
}
/* line 214, ../../../../resource/compass/lib/_productBrief.scss */
#product-result .productBrief.supermarketTemplate .productSurface, #store-hotpicks-container .productBrief.supermarketTemplate .productSurface {
  margin-left: 8px;
}
/* line 220, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate.productBriefClickable:hover .brand-product-name > * > * {
  color: #2b8939;
}
/* line 227, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .overlay1Wrapper {
  position: absolute;
  z-index: 1;
  top: 2px;
  left: 2px;
}
/* line 232, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .overlay1Wrapper .icMalldollarpercent_highVIP + span, .productBrief.supermarketTemplate .overlay1Wrapper .icMalldollarpercent_high + span {
  color: #fff;
}
/* line 235, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .overlay1Wrapper .icMalldollarpercent + span {
  color: #3DB34E;
}
/* line 238, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .overlay1Wrapper .icMalldollarpercentVIP + span {
  color: #8030CA;
}
/* line 241, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .overlay1Wrapper .icMalldollarpercentGOLDVIP + span {
  color: #D9A900;
}
/* line 244, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .overlay1Wrapper .icMalldollarpercent_highGOLDVIP + span {
  color: #FFFFFF;
}
/* line 247, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .overlay1Wrapper span {
  font-size: 25px;
  font-weight: bold;
  position: absolute;
  display: inline-block;
  top: 6px;
  right: 15px;
}
/* line 256, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .productSurface {
  position: relative;
  top: -47px;
  margin-top: 50%;
}
/* line 260, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .productSurface > * {
  margin: 10px 0;
}
/* line 264, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .productSurface .labelButton .spriteWrapper {
  width: 32px;
  height: 32px;
  background: black;
  border-radius: 50%;
  transition: all 0.13s linear;
}
/* line 271, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .productSurface .labelButton:hover .spriteWrapper {
  background: #36b449;
}
/* line 274, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .productSurface .labelButton > span {
  margin-left: 10px;
}
/* line 281, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .overlay3Wrapper .soldOutLabel, .productBrief.supermarketTemplate .overlay3Wrapper .outOfStockLabel {
  display: inline-block;
  background: #666;
  border-radius: 2px;
  max-width: 100%;
}
/* line 286, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .overlay3Wrapper .soldOutLabel.verticalMobile, .productBrief.supermarketTemplate .overlay3Wrapper .outOfStockLabel.verticalMobile {
  border-radius: 0;
  width: 100%;
  height: 18px;
}
/* line 290, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .overlay3Wrapper .soldOutLabel.verticalMobile span, .productBrief.supermarketTemplate .overlay3Wrapper .outOfStockLabel.verticalMobile span {
  max-height: 18px;
  line-height: 18px;
}
/* line 295, ../../../../resource/compass/lib/_productBrief.scss */
.Top100PopupProductList .productBrief.supermarketTemplate .overlay3Wrapper .soldOutLabel, .Top100PopupProductList .productBrief.supermarketTemplate .overlay3Wrapper .outOfStockLabel {
  width: 100%;
  border-radius: 0;
}
/* line 299, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .overlay3Wrapper .soldOutLabel span, .productBrief.supermarketTemplate .overlay3Wrapper .outOfStockLabel span {
  font-size: 13px;
  display: inline-block;
  max-height: 26px;
  line-height: 26px;
  color: white;
  margin: 0px 5px;
}
/* line 308, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .overlay3Wrapper .soldOutLabel {
  background: #AAA;
}
/* line 313, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .overlay3Wrapper .promotionLabel, .productBrief.supermarketTemplate .labelWrapper .promotionLabel {
  display: inline-block;
  background: #e4483f;
  border-radius: 2px;
  max-width: 100%;
}
/* line 318, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .overlay3Wrapper .promotionLabel.buyMoreSaveMore, .productBrief.supermarketTemplate .labelWrapper .promotionLabel.buyMoreSaveMore {
  border-radius: 3px;
  transform: skewX(-15deg);
  -o-transform: skewX(-15deg);
  -moz-transform: skewX(-15deg);
  -webkit-transform: skewX(-15deg);
  border-left: #7D3D06 4px solid;
  border-right: #7D3D06 4px solid;
}
/* line 326, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .overlay3Wrapper .promotionLabel.buyMoreSaveMore span, .productBrief.supermarketTemplate .labelWrapper .promotionLabel.buyMoreSaveMore span {
  transform: skewX(15deg);
  -o-transform: skewX(15deg);
  -moz-transform: skewX(15deg);
  -webkit-transform: skewX(15deg);
}
/* line 333, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .overlay3Wrapper .promotionLabel > *, .productBrief.supermarketTemplate .labelWrapper .promotionLabel > * {
  padding: 0 5px;
  color: white;
  display: block;
  height: 22px;
  overflow: hidden;
}
/* line 339, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .overlay3Wrapper .promotionLabel > * span, .productBrief.supermarketTemplate .labelWrapper .promotionLabel > * span {
  font-size: 13px;
  display: inline-block;
  white-space: nowrap;
  width: 100%;
  max-height: 22px;
  line-height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* line 344, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .overlay3Wrapper .promotionLabel > a:hover span, .productBrief.supermarketTemplate .labelWrapper .promotionLabel > a:hover span {
  text-decoration: underline;
}
/* line 352, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .labelWrapper:empty {
  display: none;
}
/* line 355, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .labelWrapper .promotionLabel {
  max-width: 138px;
}
/* line 360, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .overlay3Wrapper {
  position: absolute;
  font-size: 0;
  z-index: 1;
  bottom: 0;
  left: 5px;
  right: 5px;
}
/* line 367, ../../../../resource/compass/lib/_productBrief.scss */
.Top100PopupProductList .productBrief.supermarketTemplate .overlay3Wrapper {
  bottom: -94px;
  width: 95px;
  left: 0px;
}
/* line 373, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .overlay3Wrapper .marketingLabelWrapper {
  height: 22px;
  position: relative;
  text-align: left;
  font-size: 0;
  z-index: 2;
  bottom: 0;
}
/* line 380, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .overlay3Wrapper .marketingLabelWrapper .marketingLabel {
  height: 22px;
  display: inline-block;
  position: absolute;
  border-radius: 3px;
  max-width: 100%;
  background-color: #ffffff;
}
/* line 387, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .overlay3Wrapper .marketingLabelWrapper .marketingLabel > * {
  padding: 0 5px;
  display: block;
  height: 22px;
  overflow: hidden;
}
/* line 392, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .overlay3Wrapper .marketingLabelWrapper .marketingLabel > * span {
  font-size: 13px;
  display: inline-block;
  white-space: nowrap;
  width: 100%;
  max-height: 20px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* line 397, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .overlay3Wrapper .marketingLabelWrapper .marketingLabel > a:hover span {
  text-decoration: underline;
}
/* line 403, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .infoWrapper.showStoreName {
  height: 165px;
}
/* line 405, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .infoWrapper.showStoreName.showAverageRating {
  height: 185px;
}
/* line 408, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .infoWrapper.showStoreName .bottomWrapper {
  height: 101px;
}
/* line 410, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .infoWrapper.showStoreName .bottomWrapper .pricelabel {
  bottom: 61px;
}
/* line 413, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .infoWrapper.showStoreName .bottomWrapper .storeNameLabel {
  position: absolute;
  bottom: 34px;
}
/* line 419, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .bottomWrapper {
  height: 81px;
}
/* line 421, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .bottomWrapper .pricelabel {
  position: absolute;
  bottom: 41px;
  width: 100%;
}
/* line 425, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .bottomWrapper .buttonWrapper {
  position: absolute;
  bottom: 0;
}
/* line 431, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .storeNameLabel {
  display: block;
  width: 100%;
  position: relative;
}
/* line 435, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .storeNameLabel .icStore {
  position: absolute;
  left: 0;
  top: 0;
}
/* line 440, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .storeNameLabel span {
  display: inline-block;
  white-space: nowrap;
  width: 100%;
  max-height: 16px;
  font-size: 12px;
  line-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #999999;
  padding-left: 20px;
  margin-top: 2px;
  font-weight: normal;
}
/* line 450, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate a.storeNameLabel:hover span {
  text-decoration: underline;
  color: #2b8939;
}
/* line 454, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate a.storeNameLabel:hover .icStore {
  background-image: url(/_ui/desktop/common/images/sprite/sprite1511-s6c86c57acc.png);
  background-position: -142px 0;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 15px;
  width: 15px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 454, ../../../../resource/compass/lib/_productBrief.scss */
  .productBrief.supermarketTemplate a.storeNameLabel:hover .icStore {
    background-image: url(/_ui/desktop/common/images/sprite/sprite1511-2x-s50e7106e33.png);
    background-size: 1189px 180px;
    background-position: -142px 0;
    height: 15px;
    width: 15px;
  }
}
/* line 465, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate a.storeNameLabel.crown .icStore {
  background-image: url(/_ui/desktop/common/svg/storeRating/img_crownGray.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
/* line 470, ../../../../resource/compass/lib/_productBrief.scss */
.fashion .productBrief.supermarketTemplate a.storeNameLabel.crown .icStore {
  background-image: url(/_ui/desktop/common/svg/storeRating/img_crownBlackFashion.svg);
}
/* line 475, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate a.storeNameLabel.crown:hover .icStore {
  background-image: url(/_ui/desktop/common/svg/storeRating/img_crown.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
/* line 481, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate a.storeNameLabel.crown:hover > span {
  color: #ae8e0b;
}
/* line 496, ../../../../resource/compass/lib/_productBrief.scss */
.productListViewItem .productBrief.productBriefClickable:hover .brand-product-name > * > * {
  color: #2b8939;
}
/* line 505, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate {
  /*pricelabel is inside infoWrapper for fashion template*/
}
/* line 507, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate .pricelabel .price > span {
  font-size: 20px;
}
/* line 513, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate.simple .star-wrapper {
  margin: 5px 0 5px 56px;
}
/* line 516, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate.simple .textWrapper {
  text-align: center;
}
/* line 520, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate.simple .lineWrapper .brand-product-name {
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: 38px;
  font-size: 15px;
  line-height: 19px;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 5px;
}
/* line 524, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate.simple .lineWrapper .brand-product-name a {
  display: inline;
  color: inherit;
}
/* line 531, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate.simple .line2Wrapper {
  font-size: 18px;
}
/* line 536, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate.productBriefClickable:hover .brand-product-name > * > * {
  text-decoration: underline;
}
/* line 540, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate .addToCartButton .tooltips {
  bottom: 48px;
  left: -65px;
}
/* line 545, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate .overlay3Wrapper {
  position: absolute;
  font-size: 0;
  z-index: 1;
  bottom: 0;
  left: 0;
  right: 0;
}
/* line 552, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate .overlay3Wrapper .labelButton {
  border-radius: initial;
  text-align: center;
  width: 100%;
  height: 26px;
}
/* line 557, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate .overlay3Wrapper .labelButton .spriteWrapper {
  font-size: 0;
  margin-right: 5px;
}
/* line 561, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate .overlay3Wrapper .labelButton > * {
  display: inline-block;
  vertical-align: middle;
}
/* line 568, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate .infoWrapper {
  position: relative;
  height: auto;
  font-size: 15px;
  line-height: 15px;
}
/* line 573, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate .infoWrapper .pricelabel > div {
  margin-top: 0px;
}
/* line 576, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate .infoWrapper .pricelabel {
  font-size: 15px;
}
/* line 578, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate .infoWrapper .pricelabel .price > span {
  line-height: 22px;
  font-size: 18px;
}
/* line 582, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate .infoWrapper .pricelabel .promotional > span {
  line-height: 18px;
  font-size: 15px;
}
/* line 588, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate .bottomWrapper {
  position: absolute;
  bottom: 40px;
  left: 0;
  right: 10px;
  padding-top: 27px;
}
/* line 591, ../../../../resource/compass/lib/_productBrief.scss */
.new_arrival .productBrief.fashionTemplate .bottomWrapper, .sale .productBrief.fashionTemplate .bottomWrapper {
  bottom: 74px;
}
/* line 597, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate .bottomWrapper > a {
  margin-top: 2px;
  display: block;
}
/* line 600, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate .bottomWrapper > a > i {
  margin: 2px 6px 0 2px;
  float: left;
}
/* line 604, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate .bottomWrapper > a > span {
  display: inline-block;
  white-space: nowrap;
  width: 100%;
  max-height: 25px;
  line-height: 25px;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: 30px;
  display: block;
  width: auto;
}
/* line 609, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate .bottomWrapper > a > span:hover {
  text-decoration: underline;
}
/* line 615, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate .labelWrapper {
  position: absolute;
  bottom: 0;
  left: -1px;
  right: 0;
}
/* line 620, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate .labelWrapper a {
  display: inline-block;
}
/* line 623, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate .labelWrapper i {
  padding: 0 18px 0 7px;
}
/* line 625, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate .labelWrapper i span {
  color: #333333;
  display: inline-block;
  white-space: nowrap;
  width: 100%;
  max-height: 34px;
  line-height: 34px;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* line 630, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate .labelWrapper.upper {
  bottom: 34px;
}
/* line 635, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate .MarketingLabelWrapper {
  position: absolute;
  height: 36px;
  bottom: 44px;
  left: -1px;
  right: 0;
}
/* line 641, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate .MarketingLabelWrapper a {
  position: relative;
  display: inline-block;
  width: 203px;
}
/* line 645, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate .MarketingLabelWrapper a img {
  position: absolute;
  left: 3px;
}
/* line 649, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate .MarketingLabelWrapper a div {
  position: absolute;
  margin: 6px 12px 6px 8px;
  z-index: 2;
  color: #333333;
  display: inline-block;
  white-space: nowrap;
  width: 100%;
  max-height: 16px;
  line-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* line 659, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate .overlay2Wrapper {
  text-align: center;
}
/* line 10, ../../../../resource/compass/lib/_hktvMixin.scss */
.productBrief.fashionTemplate .overlay2Wrapper:before {
  content: ' ';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
/* line 662, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate .overlay2Wrapper .productButtonList {
  display: inline-block;
}
/* line 664, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate .overlay2Wrapper .productButtonList > * {
  position: relative;
}
/* line 667, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate .overlay2Wrapper .productButtonList > div {
  display: inline-block;
  margin: 0 3px;
}
/* line 670, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate .overlay2Wrapper .productButtonList > div .simpleButton {
  border-radius: 50%;
}
/* line 672, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate .overlay2Wrapper .productButtonList > div .simpleButton .spriteWrapper {
  font-size: 0;
  width: 32px;
  height: 32px;
}
/* line 679, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate .overlay2Wrapper .productButtonList .icWhiteBell {
  background-image: url(/_ui/desktop/common/images/sprite/sprite1511-s6c86c57acc.png);
  background-position: -1022px 0;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 32px;
  width: 18px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 679, ../../../../resource/compass/lib/_productBrief.scss */
  .productBrief.fashionTemplate .overlay2Wrapper .productButtonList .icWhiteBell {
    background-image: url(/_ui/desktop/common/images/sprite/sprite1511-2x-s50e7106e33.png);
    background-size: 1189px 180px;
    background-position: -1022px 0;
    height: 32px;
    width: 18px;
  }
}

/* Start - Base Product Grid Table*/
/* line 690, ../../../../resource/compass/lib/_productBrief.scss */
.productGridTable {
  width: 100%;
  table-layout: fixed;
}
/* line 695, ../../../../resource/compass/lib/_productBrief.scss */
.productGridTable tr td {
  position: relative;
}
/* line 698, ../../../../resource/compass/lib/_productBrief.scss */
#listOfProduct .productGridTable tr td.separator {
  width: 56px;
}
/* line 703, ../../../../resource/compass/lib/_productBrief.scss */
#product-result .productGridTable tr td.separator, #new_arrival .productGridTable tr td.separator, #sale .productGridTable tr td.separator, #store-hotpicks-container .productGridTable tr td.separator {
  width: 14px;
}
/* line 707, ../../../../resource/compass/lib/_productBrief.scss */
.productGridTable tr td .productBrief {
  position: static;
}
/* line 709, ../../../../resource/compass/lib/_productBrief.scss */
.productGridTable tr td .productBrief .imageWrapper {
  position: relative;
}
/* line 711, ../../../../resource/compass/lib/_productBrief.scss */
#listOfProduct .productGridTable tr td .productBrief .imageWrapper {
  width: 250px;
  height: 250px;
}
/* line 715, ../../../../resource/compass/lib/_productBrief.scss */
#product-result .productGridTable tr td .productBrief .imageWrapper {
  width: 225px;
  height: 225px;
}
/* line 719, ../../../../resource/compass/lib/_productBrief.scss */
#new_arrival .productGridTable tr td .productBrief .imageWrapper, #sale .productGridTable tr td .productBrief .imageWrapper, #store-hotpicks-container .productGridTable tr td .productBrief .imageWrapper {
  width: 250px;
  height: 250px;
}
/* line 724, ../../../../resource/compass/lib/_productBrief.scss */
.productGridTable tr td .productBrief .infoWrapper {
  padding: 5px 0;
}
/* line 729, ../../../../resource/compass/lib/_productBrief.scss */
.productGridTable tr.horizontalDivider td {
  padding: 10px 0 0 0;
}
/* line 732, ../../../../resource/compass/lib/_productBrief.scss */
.productGridTable tr.horizontalDivider:not(:last-child) td > div {
  border-top: 1px solid #ccc;
}
/* line 736, ../../../../resource/compass/lib/_productBrief.scss */
#listOfProduct .productGridTable tr:not(.horizontalDivider) td {
  padding-top: 30px;
  padding-bottom: 83px;
}
/* line 740, ../../../../resource/compass/lib/_productBrief.scss */
#product-result .productGridTable tr:not(.horizontalDivider) td, #store-hotpicks-container .productGridTable tr:not(.horizontalDivider) td {
  padding-top: 20px;
  padding-bottom: 58px;
}
/* line 744, ../../../../resource/compass/lib/_productBrief.scss */
#new_arrival .productGridTable tr:not(.horizontalDivider) td, #sale .productGridTable tr:not(.horizontalDivider) td {
  padding-top: 20px;
  padding-bottom: 92px;
}

/* line 752, ../../../../resource/compass/lib/_productBrief.scss */
#new_arrival .productGridTable tr td.separator, #sale .productGridTable tr td.separator {
  width: 62px;
}

/* line 757, ../../../../resource/compass/lib/_productBrief.scss */
.supermarket-sku {
  width: 149px;
}

/* End - Base Product Grid Table*/
/* Start - solr search result deliveryLabel*/
/* Web */
/* line 8, ../../../../resource/compass/_ui/desktop/common/css/productBrief1511.scss */
.page-search .productBrief.supermarketTemplate .infoWrapper.showStoreName {
  height: 195px;
}
/* line 10, ../../../../resource/compass/_ui/desktop/common/css/productBrief1511.scss */
.page-search .productBrief.supermarketTemplate .infoWrapper.showStoreName.showAverageRating {
  height: 215px !important;
}
/* line 13, ../../../../resource/compass/_ui/desktop/common/css/productBrief1511.scss */
.page-search .productBrief.supermarketTemplate .infoWrapper.showStoreName .bottomWrapper {
  height: 108px;
}
/* line 15, ../../../../resource/compass/_ui/desktop/common/css/productBrief1511.scss */
.page-search .productBrief.supermarketTemplate .infoWrapper.showStoreName .bottomWrapper .pricelabel {
  bottom: 88px;
}
/* line 18, ../../../../resource/compass/_ui/desktop/common/css/productBrief1511.scss */
.page-search .productBrief.supermarketTemplate .infoWrapper.showStoreName .bottomWrapper .deliveryLabel {
  position: absolute;
  bottom: 62px !important;
}
/* line 25, ../../../../resource/compass/_ui/desktop/common/css/productBrief1511.scss */
.page-search .productBrief.supermarketTemplate a.storeNameLabel:hover {
  color: #237630;
}
/* line 35, ../../../../resource/compass/_ui/desktop/common/css/productBrief1511.scss */
.page-search .productBrief.supermarketTemplate a.storeNameLabel.crown .icStore {
  background-image: url(/_ui/desktop/common/svg/storeRating/img_crownGray.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
/* line 40, ../../../../resource/compass/_ui/desktop/common/css/productBrief1511.scss */
.fashion .page-search .productBrief.supermarketTemplate a.storeNameLabel.crown .icStore {
  background-image: url(/_ui/desktop/common/svg/storeRating/img_crownBlackFashion.svg);
}
/* line 45, ../../../../resource/compass/_ui/desktop/common/css/productBrief1511.scss */
.page-search .productBrief.supermarketTemplate a.storeNameLabel.crown:hover .icStore {
  background-image: url(/_ui/desktop/common/svg/storeRating/img_crown.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
/* line 51, ../../../../resource/compass/_ui/desktop/common/css/productBrief1511.scss */
.page-search .productBrief.supermarketTemplate a.storeNameLabel.crown:hover > span {
  color: #ae8e0b;
}
/* line 61, ../../../../resource/compass/_ui/desktop/common/css/productBrief1511.scss */
.page-search .productBrief.fashionTemplate .bottomWrapper {
  bottom: 15px;
}

/* mobile */
/* line 71, ../../../../resource/compass/_ui/desktop/common/css/productBrief1511.scss */
#searchResultWrapper .productBrief.supermarketTemplate .bottomWrapper .pricelabel {
  position: unset;
}
/* line 74, ../../../../resource/compass/_ui/desktop/common/css/productBrief1511.scss */
#searchResultWrapper .productBrief.supermarketTemplate .bottomWrapper .deliveryLabel {
  padding-top: 6px;
}

/* End - solr search result deliveryLabel*/