/* 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 24, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief .imageWrapper .mainlandSamePrice-image-frame-img {
  position: absolute;
  height: 100%;
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  pointer-events: none;
}

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

/* line 53, ../../../../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 56, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.productBriefClickable {
  cursor: pointer;
}
/* line 58, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.productBriefClickable:hover .overlay2Wrapper {
  visibility: visible;
  opacity: 1;
  transition-delay: 0.1s;
}
/* line 64, ../../../../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 80, ../../../../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 87, ../../../../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 95, ../../../../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 98, ../../../../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 103, ../../../../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;
  word-break: break-all;
}
/* line 108, ../../../../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 116, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .infoWrapperHorizontal .brand-product-name > * > * {
  margin-bottom: 5px;
}
/* line 119, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .infoWrapperHorizontal .star-wrapper {
  margin-bottom: 5px;
}
/* line 122, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .infoWrapperHorizontal .pricelabel {
  margin-bottom: 5px;
}
/* line 125, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .infoWrapperHorizontal .promotionLabel, .productBrief.supermarketTemplate .infoWrapperHorizontal .storeNameLabel {
  max-width: 350px;
}
/* line 129, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .infoWrapperHorizontal .storeNameLabel span {
  font-size: 14px;
}
/* line 134, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief .infoWrapper {
  position: relative;
  padding: 5px;
  height: 145px;
}
/* line 141, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief .infoWrapper.showAverageRating {
  height: 165px;
}
/* line 143, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief .infoWrapper.showAverageRating .star-wrapper {
  margin-top: 2px;
}
/* line 145, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief .infoWrapper.showAverageRating .star-wrapper .street-fashion {
  margin: 2px 0;
}
/* line 151, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief .infoWrapper > div {
  width: 100%;
}
/* line 155, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief .infoWrapper a:hover {
  text-decoration: underline;
}
/* line 158, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief .infoWrapper p {
  font-weight: normal;
}
/* line 162, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief .infoWrapper .bottomWrapper {
  position: absolute;
  left: 5px;
  bottom: 5px;
}
/* line 167, ../../../../resource/compass/lib/_productBrief.scss */
.productListViewItem .productBrief .infoWrapper {
  float: left;
  margin-right: 15px;
  color: #222;
  height: 100%;
  padding: 0;
  width: 339px;
}
/* line 174, ../../../../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 185, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief .pricelabel > div {
  width: 100%;
}
/* line 188, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief .pricelabel {
  white-space: nowrap;
}
/* line 190, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief .pricelabel > div {
  margin-top: 2px;
}
/* line 193, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief .pricelabel .price > span {
  font-size: 24px;
}
/* line 196, ../../../../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 207, ../../../../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 209, ../../../../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 216, ../../../../resource/compass/lib/_productBrief.scss */
.breadItem .productBrief.supermarketTemplate {
  width: 149px;
}
/* line 217, ../../../../resource/compass/lib/_productBrief.scss */
.breadItem .productBrief.supermarketTemplate.slick-slide {
  margin: 0px 0px;
}
/* line 222, ../../../../resource/compass/lib/_productBrief.scss */
.productDetailPage .productBrief.supermarketTemplate {
  float: left;
}
/* line 226, ../../../../resource/compass/lib/_productBrief.scss */
#product-result .productBrief.supermarketTemplate, #store-hotpicks-container .productBrief.supermarketTemplate {
  float: left;
  width: 148px;
  margin: 30px 11px 0 0;
}
/* line 230, ../../../../resource/compass/lib/_productBrief.scss */
#product-result .productBrief.supermarketTemplate .productSurface, #store-hotpicks-container .productBrief.supermarketTemplate .productSurface {
  margin-left: 8px;
}
/* line 236, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate.productBriefClickable:hover .brand-product-name > * > * {
  color: #2b8939;
}
/* line 243, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .overlay1Wrapper {
  position: absolute;
  z-index: 1;
  top: 2px;
  left: 2px;
}
/* line 248, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .overlay1Wrapper .icMalldollarpercent_highVIP + span, .productBrief.supermarketTemplate .overlay1Wrapper .icMalldollarpercent_high + span {
  color: #fff;
}
/* line 251, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .overlay1Wrapper .icMalldollarpercent + span {
  color: #3DB34E;
}
/* line 254, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .overlay1Wrapper .icMalldollarpercentVIP + span {
  color: #8030CA;
}
/* line 257, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .overlay1Wrapper .icMalldollarpercentGOLDVIP + span {
  color: #D9A900;
}
/* line 260, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .overlay1Wrapper .icMalldollarpercent_highGOLDVIP + span {
  color: #FFFFFF;
}
/* line 263, ../../../../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 272, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .productSurface {
  position: relative;
  top: -47px;
  margin-top: 50%;
}
/* line 276, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .productSurface > * {
  margin: 10px 0;
}
/* line 280, ../../../../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 287, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .productSurface .labelButton:hover .spriteWrapper {
  background: #36b449;
}
/* line 290, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .productSurface .labelButton > span {
  margin-left: 10px;
}
/* line 297, ../../../../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 302, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .overlay3Wrapper .soldOutLabel.verticalMobile, .productBrief.supermarketTemplate .overlay3Wrapper .outOfStockLabel.verticalMobile {
  border-radius: 0;
  width: 100%;
  height: 18px;
}
/* line 306, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .overlay3Wrapper .soldOutLabel.verticalMobile span, .productBrief.supermarketTemplate .overlay3Wrapper .outOfStockLabel.verticalMobile span {
  max-height: 18px;
  line-height: 18px;
}
/* line 311, ../../../../resource/compass/lib/_productBrief.scss */
.Top100PopupProductList .productBrief.supermarketTemplate .overlay3Wrapper .soldOutLabel, .Top100PopupProductList .productBrief.supermarketTemplate .overlay3Wrapper .outOfStockLabel {
  width: 100%;
  border-radius: 0;
}
/* line 315, ../../../../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 324, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .overlay3Wrapper .soldOutLabel {
  background: #aaa;
}
/* line 329, ../../../../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 334, ../../../../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 342, ../../../../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 349, ../../../../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 355, ../../../../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 360, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .overlay3Wrapper .promotionLabel > a:hover span, .productBrief.supermarketTemplate .labelWrapper .promotionLabel > a:hover span {
  text-decoration: underline;
}
/* line 368, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .labelWrapper:empty {
  display: none;
}
/* line 371, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .labelWrapper .promotionLabel {
  max-width: 138px;
}
/* line 376, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .overlay3Wrapper {
  position: absolute;
  font-size: 0;
  z-index: 1;
  bottom: 0;
  left: 5px;
  right: 5px;
}
/* line 383, ../../../../resource/compass/lib/_productBrief.scss */
.Top100PopupProductList .productBrief.supermarketTemplate .overlay3Wrapper {
  bottom: -94px;
  width: 95px;
  left: 0px;
}
/* line 389, ../../../../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 396, ../../../../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 403, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .overlay3Wrapper .marketingLabelWrapper .marketingLabel > * {
  padding: 0 5px;
  display: block;
  height: 22px;
  overflow: hidden;
}
/* line 408, ../../../../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 413, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .overlay3Wrapper .marketingLabelWrapper .marketingLabel > a:hover span {
  text-decoration: underline;
}
/* line 419, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .infoWrapper.showStoreName {
  height: 165px;
}
/* line 421, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .infoWrapper.showStoreName.showAverageRating {
  height: 185px;
}
/* line 424, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .infoWrapper.showStoreName .bottomWrapper {
  height: 101px;
}
/* line 426, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .infoWrapper.showStoreName .bottomWrapper .pricelabel {
  bottom: 61px;
}
/* line 429, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .infoWrapper.showStoreName .bottomWrapper .storeNameLabel {
  position: absolute;
  bottom: 34px;
}
/* line 435, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .bottomWrapper {
  height: 81px;
}
/* line 437, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .bottomWrapper .pricelabel {
  position: absolute;
  bottom: 41px;
  width: 100%;
}
/* line 441, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .bottomWrapper .buttonWrapper {
  position: absolute;
  bottom: 0;
}
/* line 447, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .storeNameLabel {
  display: block;
  width: 100%;
  position: relative;
}
/* line 451, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .storeNameLabel .icStore {
  position: absolute;
  left: 0;
  top: 0;
}
/* line 456, ../../../../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 466, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate a.storeNameLabel:hover span {
  text-decoration: underline;
  color: #2b8939;
}
/* line 470, ../../../../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 470, ../../../../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 481, ../../../../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 486, ../../../../resource/compass/lib/_productBrief.scss */
.fashion .productBrief.supermarketTemplate a.storeNameLabel.crown .icStore {
  background-image: url(/_ui/desktop/common/svg/storeRating/img_crownBlackFashion.svg);
}
/* line 491, ../../../../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 497, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate a.storeNameLabel.crown:hover > span {
  color: #ae8e0b;
}
/* line 512, ../../../../resource/compass/lib/_productBrief.scss */
.productListViewItem .productBrief.productBriefClickable:hover .brand-product-name > * > * {
  color: #2b8939;
}
/* line 521, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate {
  /*pricelabel is inside infoWrapper for fashion template*/
}
/* line 523, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate .pricelabel .price > span {
  font-size: 20px;
}
/* line 529, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate.simple .star-wrapper {
  margin: 5px 0 5px 56px;
}
/* line 532, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate.simple .textWrapper {
  text-align: center;
}
/* line 536, ../../../../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 540, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate.simple .lineWrapper .brand-product-name a {
  display: inline;
  color: inherit;
}
/* line 547, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate.simple .line2Wrapper {
  font-size: 18px;
}
/* line 552, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate.productBriefClickable:hover .brand-product-name > * > * {
  text-decoration: underline;
}
/* line 556, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate .addToCartButton .tooltips {
  bottom: 48px;
  left: -65px;
}
/* line 561, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate .overlay3Wrapper {
  position: absolute;
  font-size: 0;
  z-index: 1;
  bottom: 0;
  left: 0;
  right: 0;
}
/* line 568, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate .overlay3Wrapper .labelButton {
  border-radius: initial;
  text-align: center;
  width: 100%;
  height: 26px;
}
/* line 573, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate .overlay3Wrapper .labelButton .spriteWrapper {
  font-size: 0;
  margin-right: 5px;
}
/* line 577, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate .overlay3Wrapper .labelButton > * {
  display: inline-block;
  vertical-align: middle;
}
/* line 584, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate .infoWrapper {
  position: relative;
  height: auto;
  font-size: 15px;
  line-height: 15px;
}
/* line 589, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate .infoWrapper .pricelabel > div {
  margin-top: 0px;
}
/* line 592, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate .infoWrapper .pricelabel {
  font-size: 15px;
}
/* line 594, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate .infoWrapper .pricelabel .price > span {
  line-height: 22px;
  font-size: 18px;
}
/* line 598, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate .infoWrapper .pricelabel .promotional > span {
  line-height: 18px;
  font-size: 15px;
}
/* line 604, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate .bottomWrapper {
  position: absolute;
  bottom: 40px;
  left: 0;
  right: 10px;
  padding-top: 27px;
}
/* line 607, ../../../../resource/compass/lib/_productBrief.scss */
.new_arrival .productBrief.fashionTemplate .bottomWrapper, .sale .productBrief.fashionTemplate .bottomWrapper {
  bottom: 74px;
}
/* line 613, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate .bottomWrapper > a {
  margin-top: 2px;
  display: block;
}
/* line 616, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate .bottomWrapper > a > i {
  margin: 2px 6px 0 2px;
  float: left;
}
/* line 620, ../../../../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 625, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate .bottomWrapper > a > span:hover {
  text-decoration: underline;
}
/* line 631, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate .labelWrapper {
  position: absolute;
  bottom: 0;
  left: -1px;
  right: 0;
}
/* line 636, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate .labelWrapper a {
  display: inline-block;
}
/* line 639, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate .labelWrapper i {
  padding: 0 18px 0 7px;
}
/* line 641, ../../../../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 646, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate .labelWrapper.upper {
  bottom: 34px;
}
/* line 651, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate .MarketingLabelWrapper {
  position: absolute;
  height: 36px;
  bottom: 44px;
  left: -1px;
  right: 0;
}
/* line 657, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate .MarketingLabelWrapper a {
  position: relative;
  display: inline-block;
  width: 203px;
}
/* line 661, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate .MarketingLabelWrapper a img {
  position: absolute;
  left: 3px;
}
/* line 665, ../../../../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 675, ../../../../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 678, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate .overlay2Wrapper .productButtonList {
  display: inline-block;
}
/* line 680, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate .overlay2Wrapper .productButtonList > * {
  position: relative;
}
/* line 683, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate .overlay2Wrapper .productButtonList > div {
  display: inline-block;
  margin: 0 3px;
}
/* line 686, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate .overlay2Wrapper .productButtonList > div .simpleButton {
  border-radius: 50%;
}
/* line 688, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate .overlay2Wrapper .productButtonList > div .simpleButton .spriteWrapper {
  font-size: 0;
  width: 32px;
  height: 32px;
}
/* line 695, ../../../../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 695, ../../../../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 706, ../../../../resource/compass/lib/_productBrief.scss */
.productGridTable {
  width: 100%;
  table-layout: fixed;
}
/* line 711, ../../../../resource/compass/lib/_productBrief.scss */
.productGridTable tr td {
  position: relative;
}
/* line 714, ../../../../resource/compass/lib/_productBrief.scss */
#listOfProduct .productGridTable tr td.separator {
  width: 56px;
}
/* line 719, ../../../../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 723, ../../../../resource/compass/lib/_productBrief.scss */
.productGridTable tr td .productBrief {
  position: static;
}
/* line 725, ../../../../resource/compass/lib/_productBrief.scss */
.productGridTable tr td .productBrief .imageWrapper {
  position: relative;
}
/* line 727, ../../../../resource/compass/lib/_productBrief.scss */
#listOfProduct .productGridTable tr td .productBrief .imageWrapper {
  width: 250px;
  height: 250px;
}
/* line 731, ../../../../resource/compass/lib/_productBrief.scss */
#product-result .productGridTable tr td .productBrief .imageWrapper {
  width: 225px;
  height: 225px;
}
/* line 735, ../../../../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 740, ../../../../resource/compass/lib/_productBrief.scss */
.productGridTable tr td .productBrief .infoWrapper {
  padding: 5px 0;
}
/* line 745, ../../../../resource/compass/lib/_productBrief.scss */
.productGridTable tr.horizontalDivider td {
  padding: 10px 0 0 0;
}
/* line 748, ../../../../resource/compass/lib/_productBrief.scss */
.productGridTable tr.horizontalDivider:not(:last-child) td > div {
  border-top: 1px solid #ccc;
}
/* line 752, ../../../../resource/compass/lib/_productBrief.scss */
#listOfProduct .productGridTable tr:not(.horizontalDivider) td {
  padding-top: 30px;
  padding-bottom: 83px;
}
/* line 756, ../../../../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 760, ../../../../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 768, ../../../../resource/compass/lib/_productBrief.scss */
#new_arrival .productGridTable tr td.separator, #sale .productGridTable tr td.separator {
  width: 62px;
}

/* line 773, ../../../../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*/
