/* 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 51, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.box .kaPrice {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin-bottom: 5px;
}

/* line 60, ../../../../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 63, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.productBriefClickable {
  cursor: pointer;
}
/* line 65, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.productBriefClickable:hover .overlay2Wrapper {
  visibility: visible;
  opacity: 1;
  transition-delay: 0.1s;
}
/* line 71, ../../../../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 87, ../../../../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 94, ../../../../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 102, ../../../../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 105, ../../../../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 110, ../../../../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 115, ../../../../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 123, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .infoWrapperHorizontal .brand-product-name > * > * {
  margin-bottom: 5px;
}
/* line 126, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .infoWrapperHorizontal .star-wrapper {
  margin-bottom: 5px;
}
/* line 129, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .infoWrapperHorizontal .pricelabel {
  margin-bottom: 5px;
}
/* line 132, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .infoWrapperHorizontal .promotionLabel, .productBrief.supermarketTemplate .infoWrapperHorizontal .storeNameLabel {
  max-width: 350px;
}
/* line 136, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .infoWrapperHorizontal .storeNameLabel span {
  font-size: 14px;
}
/* line 141, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief .infoWrapper {
  position: relative;
  padding: 5px;
  height: 145px;
}
/* line 148, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief .infoWrapper.showAverageRating {
  height: 165px;
}
/* line 150, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief .infoWrapper.showAverageRating .star-wrapper {
  margin-top: 2px;
}
/* line 152, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief .infoWrapper.showAverageRating .star-wrapper .street-fashion {
  margin: 2px 0;
}
/* line 158, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief .infoWrapper > div {
  width: 100%;
}
/* line 162, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief .infoWrapper a:hover {
  text-decoration: underline;
}
/* line 165, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief .infoWrapper p {
  font-weight: normal;
}
/* line 169, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief .infoWrapper .bottomWrapper {
  position: absolute;
  left: 5px;
  bottom: 5px;
}
/* line 174, ../../../../resource/compass/lib/_productBrief.scss */
.productListViewItem .productBrief .infoWrapper {
  float: left;
  margin-right: 15px;
  color: #222;
  height: 100%;
  padding: 0;
  width: 339px;
}
/* line 181, ../../../../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 192, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief .pricelabel > div {
  width: 100%;
}
/* line 195, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief .pricelabel {
  white-space: nowrap;
}
/* line 197, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief .pricelabel > div {
  margin-top: 2px;
}
/* line 200, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief .pricelabel .price > span {
  font-size: 24px;
}
/* line 203, ../../../../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 206, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief .pricelabel .kaPrice {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 5px;
}
/* line 211, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief .pricelabel .kaPrice .tag {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px 4px;
  font-size: 11px;
  line-height: 15px;
  gap: 2px;
  border-radius: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* line 223, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief .pricelabel .kaPrice .tag div:first-child {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* line 237, ../../../../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 239, ../../../../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 246, ../../../../resource/compass/lib/_productBrief.scss */
.breadItem .productBrief.supermarketTemplate {
  width: 149px;
}
/* line 247, ../../../../resource/compass/lib/_productBrief.scss */
.breadItem .productBrief.supermarketTemplate.slick-slide {
  margin: 0px 0px;
}
/* line 252, ../../../../resource/compass/lib/_productBrief.scss */
.productDetailPage .productBrief.supermarketTemplate {
  float: left;
}
/* line 256, ../../../../resource/compass/lib/_productBrief.scss */
#product-result .productBrief.supermarketTemplate, #store-hotpicks-container .productBrief.supermarketTemplate {
  float: left;
  width: 148px;
  margin: 30px 11px 0 0;
}
/* line 260, ../../../../resource/compass/lib/_productBrief.scss */
#product-result .productBrief.supermarketTemplate .productSurface, #store-hotpicks-container .productBrief.supermarketTemplate .productSurface {
  margin-left: 8px;
}
/* line 266, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate.productBriefClickable:hover .brand-product-name > * > * {
  color: #2b8939;
}
/* line 273, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .overlay1Wrapper {
  position: absolute;
  z-index: 1;
  top: 2px;
  left: 2px;
}
/* line 278, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .overlay1Wrapper .icMalldollarpercent_highVIP + span, .productBrief.supermarketTemplate .overlay1Wrapper .icMalldollarpercent_high + span {
  color: #fff;
}
/* line 281, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .overlay1Wrapper .icMalldollarpercent + span {
  color: #3DB34E;
}
/* line 284, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .overlay1Wrapper .icMalldollarpercentVIP + span {
  color: #8030CA;
}
/* line 287, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .overlay1Wrapper .icMalldollarpercentGOLDVIP + span {
  color: #D9A900;
}
/* line 290, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .overlay1Wrapper .icMalldollarpercent_highGOLDVIP + span {
  color: #FFFFFF;
}
/* line 293, ../../../../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 302, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .productSurface {
  position: relative;
  top: -47px;
  margin-top: 50%;
}
/* line 306, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .productSurface > * {
  margin: 10px 0;
}
/* line 310, ../../../../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 317, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .productSurface .labelButton:hover .spriteWrapper {
  background: #36b449;
}
/* line 320, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .productSurface .labelButton > span {
  margin-left: 10px;
}
/* line 327, ../../../../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 332, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .overlay3Wrapper .soldOutLabel.verticalMobile, .productBrief.supermarketTemplate .overlay3Wrapper .outOfStockLabel.verticalMobile {
  border-radius: 0;
  width: 100%;
  height: 18px;
}
/* line 336, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .overlay3Wrapper .soldOutLabel.verticalMobile span, .productBrief.supermarketTemplate .overlay3Wrapper .outOfStockLabel.verticalMobile span {
  max-height: 18px;
  line-height: 18px;
}
/* line 341, ../../../../resource/compass/lib/_productBrief.scss */
.Top100PopupProductList .productBrief.supermarketTemplate .overlay3Wrapper .soldOutLabel, .Top100PopupProductList .productBrief.supermarketTemplate .overlay3Wrapper .outOfStockLabel {
  width: 100%;
  border-radius: 0;
}
/* line 345, ../../../../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 354, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .overlay3Wrapper .soldOutLabel {
  background: #aaa;
}
/* line 359, ../../../../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 364, ../../../../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 372, ../../../../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 379, ../../../../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 385, ../../../../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 390, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .overlay3Wrapper .promotionLabel > a:hover span, .productBrief.supermarketTemplate .labelWrapper .promotionLabel > a:hover span {
  text-decoration: underline;
}
/* line 398, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .labelWrapper:empty {
  display: none;
}
/* line 401, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .labelWrapper .promotionLabel {
  max-width: 138px;
}
/* line 406, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .overlay3Wrapper {
  position: absolute;
  font-size: 0;
  z-index: 1;
  bottom: 0;
  left: 5px;
  right: 5px;
}
/* line 413, ../../../../resource/compass/lib/_productBrief.scss */
.Top100PopupProductList .productBrief.supermarketTemplate .overlay3Wrapper {
  bottom: -94px;
  width: 95px;
  left: 0px;
}
/* line 419, ../../../../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 426, ../../../../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 433, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .overlay3Wrapper .marketingLabelWrapper .marketingLabel > * {
  padding: 0 5px;
  display: block;
  height: 22px;
  overflow: hidden;
}
/* line 438, ../../../../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 443, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .overlay3Wrapper .marketingLabelWrapper .marketingLabel > a:hover span {
  text-decoration: underline;
}
/* line 449, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .infoWrapper.showStoreName {
  height: 165px;
}
/* line 451, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .infoWrapper.showStoreName.showAverageRating {
  height: 185px;
}
/* line 454, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .infoWrapper.showStoreName .bottomWrapper {
  height: 101px;
}
/* line 456, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .infoWrapper.showStoreName .bottomWrapper .pricelabel {
  bottom: 61px;
}
/* line 459, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .infoWrapper.showStoreName .bottomWrapper .storeNameLabel {
  position: absolute;
  bottom: 34px;
}
/* line 465, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .bottomWrapper {
  height: 81px;
}
/* line 467, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .bottomWrapper .pricelabel {
  position: absolute;
  bottom: 41px;
  width: 100%;
}
/* line 471, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .bottomWrapper .buttonWrapper {
  position: absolute;
  bottom: 0;
}
/* line 477, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .storeNameLabel {
  display: block;
  width: 100%;
  position: relative;
}
/* line 481, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate .storeNameLabel .icStore {
  position: absolute;
  left: 0;
  top: 0;
}
/* line 486, ../../../../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 496, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate a.storeNameLabel:hover span {
  text-decoration: underline;
  color: #2b8939;
}
/* line 500, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate a.storeNameLabel:hover .icStore {
  background-image: url(/_ui/desktop/common/images/sprite/sprite1511-s6c86c57acc.png);
  background-position: -127px 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 500, ../../../../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: -127px 0;
    height: 15px;
    width: 15px;
  }
}
/* line 511, ../../../../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 516, ../../../../resource/compass/lib/_productBrief.scss */
.fashion .productBrief.supermarketTemplate a.storeNameLabel.crown .icStore {
  background-image: url(/_ui/desktop/common/svg/storeRating/img_crownBlackFashion.svg);
}
/* line 521, ../../../../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 527, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.supermarketTemplate a.storeNameLabel.crown:hover > span {
  color: #ae8e0b;
}
/* line 542, ../../../../resource/compass/lib/_productBrief.scss */
.productListViewItem .productBrief.productBriefClickable:hover .brand-product-name > * > * {
  color: #2b8939;
}
/* line 551, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate {
  /*pricelabel is inside infoWrapper for fashion template*/
}
/* line 553, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate .pricelabel .price > span {
  font-size: 20px;
}
/* line 559, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate.simple .star-wrapper {
  margin: 5px 0 5px 56px;
}
/* line 562, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate.simple .textWrapper {
  text-align: center;
}
/* line 566, ../../../../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 570, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate.simple .lineWrapper .brand-product-name a {
  display: inline;
  color: inherit;
}
/* line 577, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate.simple .line2Wrapper {
  font-size: 18px;
}
/* line 582, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate.productBriefClickable:hover .brand-product-name > * > * {
  text-decoration: underline;
}
/* line 586, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate .addToCartButton .tooltips {
  bottom: 48px;
  left: -65px;
}
/* line 591, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate .overlay3Wrapper {
  position: absolute;
  font-size: 0;
  z-index: 1;
  bottom: 0;
  left: 0;
  right: 0;
}
/* line 598, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate .overlay3Wrapper .labelButton {
  border-radius: initial;
  text-align: center;
  width: 100%;
  height: 26px;
}
/* line 603, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate .overlay3Wrapper .labelButton .spriteWrapper {
  font-size: 0;
  margin-right: 5px;
}
/* line 607, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate .overlay3Wrapper .labelButton > * {
  display: inline-block;
  vertical-align: middle;
}
/* line 614, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate .infoWrapper {
  position: relative;
  height: auto;
  font-size: 15px;
  line-height: 15px;
}
/* line 619, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate .infoWrapper .pricelabel > div {
  margin-top: 0px;
}
/* line 622, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate .infoWrapper .pricelabel {
  font-size: 15px;
}
/* line 624, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate .infoWrapper .pricelabel .price > span {
  line-height: 22px;
  font-size: 18px;
}
/* line 628, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate .infoWrapper .pricelabel .promotional > span {
  line-height: 18px;
  font-size: 15px;
}
/* line 634, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate .bottomWrapper {
  position: absolute;
  bottom: 40px;
  left: 0;
  right: 10px;
  padding-top: 27px;
}
/* line 637, ../../../../resource/compass/lib/_productBrief.scss */
.new_arrival .productBrief.fashionTemplate .bottomWrapper, .sale .productBrief.fashionTemplate .bottomWrapper {
  bottom: 74px;
}
/* line 643, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate .bottomWrapper > a {
  margin-top: 2px;
  display: block;
}
/* line 646, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate .bottomWrapper > a > i {
  margin: 2px 6px 0 2px;
  float: left;
}
/* line 650, ../../../../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 655, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate .bottomWrapper > a > span:hover {
  text-decoration: underline;
}
/* line 661, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate .labelWrapper {
  position: absolute;
  bottom: 0;
  left: -1px;
  right: 0;
}
/* line 666, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate .labelWrapper a {
  display: inline-block;
}
/* line 669, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate .labelWrapper i {
  padding: 0 18px 0 7px;
}
/* line 671, ../../../../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 676, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate .labelWrapper.upper {
  bottom: 34px;
}
/* line 681, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate .MarketingLabelWrapper {
  position: absolute;
  height: 36px;
  bottom: 44px;
  left: -1px;
  right: 0;
}
/* line 687, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate .MarketingLabelWrapper a {
  position: relative;
  display: inline-block;
  width: 203px;
}
/* line 691, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate .MarketingLabelWrapper a img {
  position: absolute;
  left: 3px;
}
/* line 695, ../../../../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 705, ../../../../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 708, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate .overlay2Wrapper .productButtonList {
  display: inline-block;
}
/* line 710, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate .overlay2Wrapper .productButtonList > * {
  position: relative;
}
/* line 713, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate .overlay2Wrapper .productButtonList > div {
  display: inline-block;
  margin: 0 3px;
}
/* line 716, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate .overlay2Wrapper .productButtonList > div .simpleButton {
  border-radius: 50%;
}
/* line 718, ../../../../resource/compass/lib/_productBrief.scss */
.productBrief.fashionTemplate .overlay2Wrapper .productButtonList > div .simpleButton .spriteWrapper {
  font-size: 0;
  width: 32px;
  height: 32px;
}
/* line 725, ../../../../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 725, ../../../../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 736, ../../../../resource/compass/lib/_productBrief.scss */
.productGridTable {
  width: 100%;
  table-layout: fixed;
}
/* line 741, ../../../../resource/compass/lib/_productBrief.scss */
.productGridTable tr td {
  position: relative;
}
/* line 744, ../../../../resource/compass/lib/_productBrief.scss */
#listOfProduct .productGridTable tr td.separator {
  width: 56px;
}
/* line 749, ../../../../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 753, ../../../../resource/compass/lib/_productBrief.scss */
.productGridTable tr td .productBrief {
  position: static;
}
/* line 755, ../../../../resource/compass/lib/_productBrief.scss */
.productGridTable tr td .productBrief .imageWrapper {
  position: relative;
}
/* line 757, ../../../../resource/compass/lib/_productBrief.scss */
#listOfProduct .productGridTable tr td .productBrief .imageWrapper {
  width: 250px;
  height: 250px;
}
/* line 761, ../../../../resource/compass/lib/_productBrief.scss */
#product-result .productGridTable tr td .productBrief .imageWrapper {
  width: 225px;
  height: 225px;
}
/* line 765, ../../../../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 770, ../../../../resource/compass/lib/_productBrief.scss */
.productGridTable tr td .productBrief .infoWrapper {
  padding: 5px 0;
}
/* line 775, ../../../../resource/compass/lib/_productBrief.scss */
.productGridTable tr.horizontalDivider td {
  padding: 10px 0 0 0;
}
/* line 778, ../../../../resource/compass/lib/_productBrief.scss */
.productGridTable tr.horizontalDivider:not(:last-child) td > div {
  border-top: 1px solid #ccc;
}
/* line 782, ../../../../resource/compass/lib/_productBrief.scss */
#listOfProduct .productGridTable tr:not(.horizontalDivider) td {
  padding-top: 30px;
  padding-bottom: 83px;
}
/* line 786, ../../../../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 790, ../../../../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 798, ../../../../resource/compass/lib/_productBrief.scss */
#new_arrival .productGridTable tr td.separator, #sale .productGridTable tr td.separator {
  width: 62px;
}

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