/* common value, do not edit unless you have global search and confirm it is safe */
/* Color Theme */
/* Color theme for landing */
/* header scss variable */
/* (Flexbox Mixin Helper) */
/* (Calc Mixin Helper) */
/*  START: Animation Mixin */
/* Clockwise Spinning */
/* Anti-clockwise Spinning */
/*  END: Animation Mixin */
/* line 8, ../../../../resource/compass/_ui/desktop/common/css/product-detail-page-sfpi.scss */
body:not(.fashion) #igdrec_1_productstore_popular:empty {
  display: none;
}
/* line 12, ../../../../resource/compass/_ui/desktop/common/css/product-detail-page-sfpi.scss */
body:not(.fashion) #igdrec_1_productstore_popular .titleWrapper {
  margin: 3px 0;
}
/* line 14, ../../../../resource/compass/_ui/desktop/common/css/product-detail-page-sfpi.scss */
body:not(.fashion) #igdrec_1_productstore_popular .titleWrapper .title {
  font-weight: bold;
}
/* line 19, ../../../../resource/compass/_ui/desktop/common/css/product-detail-page-sfpi.scss */
body:not(.fashion) #igdrec_1_productstore_popular .slide {
  margin-right: -10px;
}
/* line 19, ../../../../resource/compass/lib/_hktvMixin.scss */
body:not(.fashion) #igdrec_1_productstore_popular .slide:after {
  content: " ";
  display: table;
  height: 0;
  clear: both;
}
/* line 23, ../../../../resource/compass/_ui/desktop/common/css/product-detail-page-sfpi.scss */
body:not(.fashion) #igdrec_1_productstore_popular .product-brief {
  float: left;
  width: 94px;
  margin-right: 10px;
}
/* line 27, ../../../../resource/compass/_ui/desktop/common/css/product-detail-page-sfpi.scss */
body:not(.fashion) #igdrec_1_productstore_popular .product-brief:nth-child(n+3) {
  margin-top: 10px;
}
/* line 31, ../../../../resource/compass/_ui/desktop/common/css/product-detail-page-sfpi.scss */
body:not(.fashion) #igdrec_1_productstore_popular .btnSupermarketPdpRecommendationPrev {
  position: absolute;
  bottom: -10px;
  left: -10px;
}
/* line 36, ../../../../resource/compass/_ui/desktop/common/css/product-detail-page-sfpi.scss */
body:not(.fashion) #igdrec_1_productstore_popular .padder {
  height: 45px;
}
/* line 39, ../../../../resource/compass/_ui/desktop/common/css/product-detail-page-sfpi.scss */
body:not(.fashion) #igdrec_1_productstore_popular .btnSupermarketPdpRecommendationNext {
  position: absolute;
  bottom: -10px;
  right: -10px;
}
/* line 46, ../../../../resource/compass/_ui/desktop/common/css/product-detail-page-sfpi.scss */
body:not(.fashion) #igdrec_1_productstore_popular .btnSupermarketPdpRecommendationPrev {
  background-image: url(/_ui/desktop/common/images/sprite/pdp-1x-s1cd8f2725d.png);
  background-position: -642px 0;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 35px;
  width: 109px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 46, ../../../../resource/compass/_ui/desktop/common/css/product-detail-page-sfpi.scss */
  body:not(.fashion) #igdrec_1_productstore_popular .btnSupermarketPdpRecommendationPrev {
    background-image: url(/_ui/desktop/common/images/sprite/pdp-2x-sa9b9cb20e5.png);
    background-size: 3298px 52px;
    background-position: -628px 0;
    height: 35px;
    width: 109px;
  }
}
/* line 48, ../../../../resource/compass/_ui/desktop/common/css/product-detail-page-sfpi.scss */
body:not(.fashion) #igdrec_1_productstore_popular .btnSupermarketPdpRecommendationPrev:hover {
  background-image: url(/_ui/desktop/common/images/sprite/pdp-1x-s1cd8f2725d.png);
  background-position: -531px 0;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 35px;
  width: 109px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 48, ../../../../resource/compass/_ui/desktop/common/css/product-detail-page-sfpi.scss */
  body:not(.fashion) #igdrec_1_productstore_popular .btnSupermarketPdpRecommendationPrev:hover {
    background-image: url(/_ui/desktop/common/images/sprite/pdp-2x-sa9b9cb20e5.png);
    background-size: 3298px 52px;
    background-position: -518px 0;
    height: 35px;
    width: 109px;
  }
}
/* line 53, ../../../../resource/compass/_ui/desktop/common/css/product-detail-page-sfpi.scss */
body:not(.fashion) #igdrec_1_productstore_popular .btnSupermarketPdpRecommendationNext {
  background-image: url(/_ui/desktop/common/images/sprite/pdp-1x-s1cd8f2725d.png);
  background-position: -420px 0;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 35px;
  width: 109px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 53, ../../../../resource/compass/_ui/desktop/common/css/product-detail-page-sfpi.scss */
  body:not(.fashion) #igdrec_1_productstore_popular .btnSupermarketPdpRecommendationNext {
    background-image: url(/_ui/desktop/common/images/sprite/pdp-2x-sa9b9cb20e5.png);
    background-size: 3298px 52px;
    background-position: -408px 0;
    height: 35px;
    width: 109px;
  }
}
/* line 55, ../../../../resource/compass/_ui/desktop/common/css/product-detail-page-sfpi.scss */
body:not(.fashion) #igdrec_1_productstore_popular .btnSupermarketPdpRecommendationNext:hover {
  background-image: url(/_ui/desktop/common/images/sprite/pdp-1x-s1cd8f2725d.png);
  background-position: -309px 0;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 35px;
  width: 109px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 55, ../../../../resource/compass/_ui/desktop/common/css/product-detail-page-sfpi.scss */
  body:not(.fashion) #igdrec_1_productstore_popular .btnSupermarketPdpRecommendationNext:hover {
    background-image: url(/_ui/desktop/common/images/sprite/pdp-2x-sa9b9cb20e5.png);
    background-size: 3298px 52px;
    background-position: -298px 0;
    height: 35px;
    width: 109px;
  }
}

/* line 66, ../../../../resource/compass/_ui/desktop/common/css/product-detail-page-sfpi.scss */
body:not(.fashion) #igdrec_1_productstore:empty, body:not(.fashion) #igdrec_1_product:empty, body:not(.fashion) #igdrec_1_product_bb:empty, body:not(.fashion) #igdrec_1:empty {
  display: none;
}
/* line 70, ../../../../resource/compass/_ui/desktop/common/css/product-detail-page-sfpi.scss */
body:not(.fashion) #igdrec_1_productstore .slick-slider, body:not(.fashion) #igdrec_1_product .slick-slider, body:not(.fashion) #igdrec_1_product_bb .slick-slider, body:not(.fashion) #igdrec_1 .slick-slider {
  left: 47px;
  width: 850px;
}
/* line 73, ../../../../resource/compass/_ui/desktop/common/css/product-detail-page-sfpi.scss */
body:not(.fashion) #igdrec_1_productstore .slick-slider .slick-list, body:not(.fashion) #igdrec_1_product .slick-slider .slick-list, body:not(.fashion) #igdrec_1_product_bb .slick-slider .slick-list, body:not(.fashion) #igdrec_1 .slick-slider .slick-list {
  margin: 0 -11px;
}
/* line 75, ../../../../resource/compass/_ui/desktop/common/css/product-detail-page-sfpi.scss */
body:not(.fashion) #igdrec_1_productstore .slick-slider .slick-list .slick-slide, body:not(.fashion) #igdrec_1_product .slick-slider .slick-list .slick-slide, body:not(.fashion) #igdrec_1_product_bb .slick-slider .slick-list .slick-slide, body:not(.fashion) #igdrec_1 .slick-slider .slick-list .slick-slide {
  margin: 0 11px;
}
/* line 82, ../../../../resource/compass/_ui/desktop/common/css/product-detail-page-sfpi.scss */
body:not(.fashion) #igdrec_1_productstore .bnArrowLeft, body:not(.fashion) #igdrec_1_product .bnArrowLeft, body:not(.fashion) #igdrec_1_product_bb .bnArrowLeft, body:not(.fashion) #igdrec_1 .bnArrowLeft {
  position: absolute;
  top: 50%;
  left: -49px;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: url(/_ui/shared/common/images/sprite/sfpi-s6ab2cd438e.png);
  background-position: 0 -32px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 30px;
  width: 18px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 82, ../../../../resource/compass/_ui/desktop/common/css/product-detail-page-sfpi.scss */
  body:not(.fashion) #igdrec_1_productstore .bnArrowLeft, body:not(.fashion) #igdrec_1_product .bnArrowLeft, body:not(.fashion) #igdrec_1_product_bb .bnArrowLeft, body:not(.fashion) #igdrec_1 .bnArrowLeft {
    background-image: url(/_ui/shared/common/images/sprite/sfpi-2x-s242f76fdb7.png);
    background-size: 18px 155px;
    background-position: 0 -31px;
    height: 30px;
    width: 18px;
  }
}
/* line 88, ../../../../resource/compass/_ui/desktop/common/css/product-detail-page-sfpi.scss */
body:not(.fashion) #igdrec_1_productstore .bnArrowLeft:hover, body:not(.fashion) #igdrec_1_product .bnArrowLeft:hover, body:not(.fashion) #igdrec_1_product_bb .bnArrowLeft:hover, body:not(.fashion) #igdrec_1 .bnArrowLeft:hover {
  background-image: url(/_ui/shared/common/images/sprite/sfpi-s6ab2cd438e.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 30px;
  width: 18px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 88, ../../../../resource/compass/_ui/desktop/common/css/product-detail-page-sfpi.scss */
  body:not(.fashion) #igdrec_1_productstore .bnArrowLeft:hover, body:not(.fashion) #igdrec_1_product .bnArrowLeft:hover, body:not(.fashion) #igdrec_1_product_bb .bnArrowLeft:hover, body:not(.fashion) #igdrec_1 .bnArrowLeft:hover {
    background-image: url(/_ui/shared/common/images/sprite/sfpi-2x-s242f76fdb7.png);
    background-size: 18px 155px;
    background-position: 0 0;
    height: 30px;
    width: 18px;
  }
}
/* line 92, ../../../../resource/compass/_ui/desktop/common/css/product-detail-page-sfpi.scss */
body:not(.fashion) #igdrec_1_productstore .bnArrowRight, body:not(.fashion) #igdrec_1_product .bnArrowRight, body:not(.fashion) #igdrec_1_product_bb .bnArrowRight, body:not(.fashion) #igdrec_1 .bnArrowRight {
  position: absolute;
  top: 50%;
  right: -49px;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: url(/_ui/shared/common/images/sprite/sfpi-s6ab2cd438e.png);
  background-position: 0 -96px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 30px;
  width: 18px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 92, ../../../../resource/compass/_ui/desktop/common/css/product-detail-page-sfpi.scss */
  body:not(.fashion) #igdrec_1_productstore .bnArrowRight, body:not(.fashion) #igdrec_1_product .bnArrowRight, body:not(.fashion) #igdrec_1_product_bb .bnArrowRight, body:not(.fashion) #igdrec_1 .bnArrowRight {
    background-image: url(/_ui/shared/common/images/sprite/sfpi-2x-s242f76fdb7.png);
    background-size: 18px 155px;
    background-position: 0 -93px;
    height: 30px;
    width: 18px;
  }
}
/* line 98, ../../../../resource/compass/_ui/desktop/common/css/product-detail-page-sfpi.scss */
body:not(.fashion) #igdrec_1_productstore .bnArrowRight:hover, body:not(.fashion) #igdrec_1_product .bnArrowRight:hover, body:not(.fashion) #igdrec_1_product_bb .bnArrowRight:hover, body:not(.fashion) #igdrec_1 .bnArrowRight:hover {
  background-image: url(/_ui/shared/common/images/sprite/sfpi-s6ab2cd438e.png);
  background-position: 0 -64px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 30px;
  width: 18px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 98, ../../../../resource/compass/_ui/desktop/common/css/product-detail-page-sfpi.scss */
  body:not(.fashion) #igdrec_1_productstore .bnArrowRight:hover, body:not(.fashion) #igdrec_1_product .bnArrowRight:hover, body:not(.fashion) #igdrec_1_product_bb .bnArrowRight:hover, body:not(.fashion) #igdrec_1 .bnArrowRight:hover {
    background-image: url(/_ui/shared/common/images/sprite/sfpi-2x-s242f76fdb7.png);
    background-size: 18px 155px;
    background-position: 0 -62px;
    height: 30px;
    width: 18px;
  }
}
/* line 107, ../../../../resource/compass/_ui/desktop/common/css/product-detail-page-sfpi.scss */
body:not(.fashion) #igdrec_1_productstore .sfpiRecommendation .titleWrapper, body:not(.fashion) #igdrec_1_product .sfpiRecommendation .titleWrapper, body:not(.fashion) #igdrec_1_product_bb .sfpiRecommendation .titleWrapper, body:not(.fashion) #igdrec_1 .sfpiRecommendation .titleWrapper {
  display: inline-block;
}
/* line 19, ../../../../resource/compass/lib/_hktvMixin.scss */
body:not(.fashion) #igdrec_1_productstore .sfpiRecommendation .titleWrapper:after, body:not(.fashion) #igdrec_1_product .sfpiRecommendation .titleWrapper:after, body:not(.fashion) #igdrec_1_product_bb .sfpiRecommendation .titleWrapper:after, body:not(.fashion) #igdrec_1 .sfpiRecommendation .titleWrapper:after {
  content: " ";
  display: table;
  height: 0;
  clear: both;
}
/* line 110, ../../../../resource/compass/_ui/desktop/common/css/product-detail-page-sfpi.scss */
body:not(.fashion) #igdrec_1_productstore .sfpiRecommendation .titleWrapper .title, body:not(.fashion) #igdrec_1_product .sfpiRecommendation .titleWrapper .title, body:not(.fashion) #igdrec_1_product_bb .sfpiRecommendation .titleWrapper .title, body:not(.fashion) #igdrec_1 .sfpiRecommendation .titleWrapper .title {
  float: left;
  font-weight: bold;
  display: inline-block;
  white-space: nowrap;
  width: 100%;
  max-height: 20px;
  font-size: 18px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 1000px;
  width: auto;
}
/* line 123, ../../../../resource/compass/_ui/desktop/common/css/product-detail-page-sfpi.scss */
body:not(.fashion) #igdrec_1_productstore .sfpiRecommendation .slider {
  margin: 10px 0 50px;
}
/* line 126, ../../../../resource/compass/_ui/desktop/common/css/product-detail-page-sfpi.scss */
body:not(.fashion) #igdrec_1_productstore .sfpiRecommendation .titleWrapper {
  padding-bottom: 5px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
}
/* line 130, ../../../../resource/compass/_ui/desktop/common/css/product-detail-page-sfpi.scss */
body:not(.fashion) #igdrec_1_productstore .sfpiRecommendation .titleWrapper .title {
  color: #F68721;
}
/* line 135, ../../../../resource/compass/_ui/desktop/common/css/product-detail-page-sfpi.scss */
body:not(.fashion) #igdrec_1_productstore .bnArrowLeft {
  top: 50%;
  transform: translateY(-50%);
}
/* line 139, ../../../../resource/compass/_ui/desktop/common/css/product-detail-page-sfpi.scss */
body:not(.fashion) #igdrec_1_productstore .bnArrowRight {
  top: 50%;
  transform: translateY(-50%);
}
/* line 146, ../../../../resource/compass/_ui/desktop/common/css/product-detail-page-sfpi.scss */
body:not(.fashion) #igdrec_1_product .BMSM-brief-btn .sepaButton, body:not(.fashion) #igdrec_1_product_bb .BMSM-brief-btn .sepaButton, body:not(.fashion) #igdrec_1 .BMSM-brief-btn .sepaButton {
  min-width: auto;
}
/* line 150, ../../../../resource/compass/_ui/desktop/common/css/product-detail-page-sfpi.scss */
body:not(.fashion) #igdrec_1_product .BMSM-brief-btn .sepaButton .spriteWrapper > i:first-of-type, body:not(.fashion) #igdrec_1_product_bb .BMSM-brief-btn .sepaButton .spriteWrapper > i:first-of-type, body:not(.fashion) #igdrec_1 .BMSM-brief-btn .sepaButton .spriteWrapper > i:first-of-type {
  margin: 0 4px;
}
/* line 154, ../../../../resource/compass/_ui/desktop/common/css/product-detail-page-sfpi.scss */
body:not(.fashion) #igdrec_1_product .BMSM-brief-btn .sepaButton > span:first-of-type, body:not(.fashion) #igdrec_1_product_bb .BMSM-brief-btn .sepaButton > span:first-of-type, body:not(.fashion) #igdrec_1 .BMSM-brief-btn .sepaButton > span:first-of-type {
  padding: 0 4px;
}
/* line 158, ../../../../resource/compass/_ui/desktop/common/css/product-detail-page-sfpi.scss */
body:not(.fashion) #igdrec_1_product .product-brief.BMSM, body:not(.fashion) #igdrec_1_product_bb .product-brief.BMSM, body:not(.fashion) #igdrec_1 .product-brief.BMSM {
  border: none;
}
/* line 160, ../../../../resource/compass/_ui/desktop/common/css/product-detail-page-sfpi.scss */
body:not(.fashion) #igdrec_1_product .product-brief.BMSM .saveMore, body:not(.fashion) #igdrec_1_product_bb .product-brief.BMSM .saveMore, body:not(.fashion) #igdrec_1 .product-brief.BMSM .saveMore {
  left: 116px;
}
/* line 163, ../../../../resource/compass/_ui/desktop/common/css/product-detail-page-sfpi.scss */
body:not(.fashion) #igdrec_1_product .product-brief.BMSM .bottom-button-wrapper, body:not(.fashion) #igdrec_1_product_bb .product-brief.BMSM .bottom-button-wrapper, body:not(.fashion) #igdrec_1 .product-brief.BMSM .bottom-button-wrapper {
  height: 47px;
}
/* line 168, ../../../../resource/compass/_ui/desktop/common/css/product-detail-page-sfpi.scss */
body:not(.fashion) #igdrec_1_product .saveMore, body:not(.fashion) #igdrec_1_product_bb .saveMore, body:not(.fashion) #igdrec_1 .saveMore {
  left: 111px;
}
/* line 171, ../../../../resource/compass/_ui/desktop/common/css/product-detail-page-sfpi.scss */
body:not(.fashion) #igdrec_1_product .slick-slider .slick-list, body:not(.fashion) #igdrec_1_product_bb .slick-slider .slick-list, body:not(.fashion) #igdrec_1 .slick-slider .slick-list {
  margin: -35px -11px -60px;
  padding: 35px 0 60px;
}
/* line 176, ../../../../resource/compass/_ui/desktop/common/css/product-detail-page-sfpi.scss */
body:not(.fashion) #igdrec_1_product .slick-slide .product-brief.BMSM-brief-btn .popUpMenuContainer, body:not(.fashion) #igdrec_1_product_bb .slick-slide .product-brief.BMSM-brief-btn .popUpMenuContainer, body:not(.fashion) #igdrec_1 .slick-slide .product-brief.BMSM-brief-btn .popUpMenuContainer {
  transform-origin: 50% 320px;
  -webkit-transform-origin: 50% 320px;
  -ms-transform-origin: 50% 320px;
  -moz-transform-origin: 50% 320px;
}
/* line 182, ../../../../resource/compass/_ui/desktop/common/css/product-detail-page-sfpi.scss */
body:not(.fashion) #igdrec_1_product .slick-slide.first .product-brief.BMSM-brief-btn .popUpMenuContainer, body:not(.fashion) #igdrec_1_product_bb .slick-slide.first .product-brief.BMSM-brief-btn .popUpMenuContainer, body:not(.fashion) #igdrec_1 .slick-slide.first .product-brief.BMSM-brief-btn .popUpMenuContainer {
  transform-origin: 30% 320px;
  -webkit-transform-origin: 30% 320px;
  -ms-transform-origin: 30% 320px;
  -moz-transform-origin: 30% 320px;
}
/* line 188, ../../../../resource/compass/_ui/desktop/common/css/product-detail-page-sfpi.scss */
body:not(.fashion) #igdrec_1_product .slick-slide.last .product-brief.BMSM-brief-btn .popUpMenuContainer, body:not(.fashion) #igdrec_1_product_bb .slick-slide.last .product-brief.BMSM-brief-btn .popUpMenuContainer, body:not(.fashion) #igdrec_1 .slick-slide.last .product-brief.BMSM-brief-btn .popUpMenuContainer {
  transform-origin: 70% 320px;
  -webkit-transform-origin: 70% 320px;
  -ms-transform-origin: 70% 320px;
  -moz-transform-origin: 70% 320px;
}

/* line 200, ../../../../resource/compass/_ui/desktop/common/css/product-detail-page-sfpi.scss */
body.fashion #igdrec_1_productstore .sfpiRecommendation {
  margin-bottom: 32px;
}
/* line 205, ../../../../resource/compass/_ui/desktop/common/css/product-detail-page-sfpi.scss */
body.fashion #igdrec_1_product .sfpiRecommendation, body.fashion #igdrec_1_product_bb .sfpiRecommendation, body.fashion #igdrec_1 .sfpiRecommendation {
  margin-bottom: 17px;
}
/* line 207, ../../../../resource/compass/_ui/desktop/common/css/product-detail-page-sfpi.scss */
body.fashion #igdrec_1_product .sfpiRecommendation:empty, body.fashion #igdrec_1_product_bb .sfpiRecommendation:empty, body.fashion #igdrec_1 .sfpiRecommendation:empty {
  display: none;
}
/* line 215, ../../../../resource/compass/_ui/desktop/common/css/product-detail-page-sfpi.scss */
body.fashion #igdrec_1_productstore .slick-slider, body.fashion #igdrec_1_product .slick-slider, body.fashion #igdrec_1_product_bb .slick-slider, body.fashion #igdrec_1 .slick-slider {
  width: 100%;
}
/* line 217, ../../../../resource/compass/_ui/desktop/common/css/product-detail-page-sfpi.scss */
body.fashion #igdrec_1_productstore .slick-slider .slick-list, body.fashion #igdrec_1_product .slick-slider .slick-list, body.fashion #igdrec_1_product_bb .slick-slider .slick-list, body.fashion #igdrec_1 .slick-slider .slick-list {
  margin: 0 -11px;
}
/* line 219, ../../../../resource/compass/_ui/desktop/common/css/product-detail-page-sfpi.scss */
body.fashion #igdrec_1_productstore .slick-slider .slick-list .slick-slide, body.fashion #igdrec_1_product .slick-slider .slick-list .slick-slide, body.fashion #igdrec_1_product_bb .slick-slider .slick-list .slick-slide, body.fashion #igdrec_1 .slick-slider .slick-list .slick-slide {
  margin: 0 11px;
}
/* line 227, ../../../../resource/compass/_ui/desktop/common/css/product-detail-page-sfpi.scss */
body.fashion #igdrec_1_productstore .sfpiRecommendation .titleWrapper .title, body.fashion #igdrec_1_product .sfpiRecommendation .titleWrapper .title, body.fashion #igdrec_1_product_bb .sfpiRecommendation .titleWrapper .title, body.fashion #igdrec_1 .sfpiRecommendation .titleWrapper .title {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 20px;
}
/* line 235, ../../../../resource/compass/_ui/desktop/common/css/product-detail-page-sfpi.scss */
body.fashion #igdrec_1_productstore .bnArrowLeft, body.fashion #igdrec_1_product .bnArrowLeft, body.fashion #igdrec_1_product_bb .bnArrowLeft, body.fashion #igdrec_1 .bnArrowLeft {
  position: absolute;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: -12px;
  z-index: 1;
  transition: opacity 0.13s linear;
  background-image: url(/_ui/desktop/common/images/sprite/fashion-sd3507c1a9e.png);
  background-position: -826px -135px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 52px;
  width: 52px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 235, ../../../../resource/compass/_ui/desktop/common/css/product-detail-page-sfpi.scss */
  body.fashion #igdrec_1_productstore .bnArrowLeft, body.fashion #igdrec_1_product .bnArrowLeft, body.fashion #igdrec_1_product_bb .bnArrowLeft, body.fashion #igdrec_1 .bnArrowLeft {
    background-image: url(/_ui/desktop/common/images/sprite/fashion-2x-sc4da1234d6.png);
    background-size: 1188px 262px;
    background-position: -826px -135px;
    height: 52px;
    width: 52px;
  }
}
/* line 243, ../../../../resource/compass/_ui/desktop/common/css/product-detail-page-sfpi.scss */
body.fashion #igdrec_1_productstore .bnArrowLeft:hover, body.fashion #igdrec_1_product .bnArrowLeft:hover, body.fashion #igdrec_1_product_bb .bnArrowLeft:hover, body.fashion #igdrec_1 .bnArrowLeft:hover {
  opacity: 1;
  background-image: url(/_ui/desktop/common/images/sprite/fashion-sd3507c1a9e.png);
  background-position: -774px -135px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 52px;
  width: 52px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 243, ../../../../resource/compass/_ui/desktop/common/css/product-detail-page-sfpi.scss */
  body.fashion #igdrec_1_productstore .bnArrowLeft:hover, body.fashion #igdrec_1_product .bnArrowLeft:hover, body.fashion #igdrec_1_product_bb .bnArrowLeft:hover, body.fashion #igdrec_1 .bnArrowLeft:hover {
    background-image: url(/_ui/desktop/common/images/sprite/fashion-2x-sc4da1234d6.png);
    background-size: 1188px 262px;
    background-position: -774px -135px;
    height: 52px;
    width: 52px;
  }
}
/* line 247, ../../../../resource/compass/_ui/desktop/common/css/product-detail-page-sfpi.scss */
body.fashion #igdrec_1_productstore .bnArrowLeft:not(:hover), body.fashion #igdrec_1_product .bnArrowLeft:not(:hover), body.fashion #igdrec_1_product_bb .bnArrowLeft:not(:hover), body.fashion #igdrec_1 .bnArrowLeft:not(:hover) {
  opacity: 0.7;
}
/* line 252, ../../../../resource/compass/_ui/desktop/common/css/product-detail-page-sfpi.scss */
body.fashion #igdrec_1_productstore .bnArrowRight, body.fashion #igdrec_1_product .bnArrowRight, body.fashion #igdrec_1_product_bb .bnArrowRight, body.fashion #igdrec_1 .bnArrowRight {
  position: absolute;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: -12px;
  z-index: 1;
  transition: opacity 0.13s linear;
  background-image: url(/_ui/desktop/common/images/sprite/fashion-sd3507c1a9e.png);
  background-position: -1124px -83px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 52px;
  width: 52px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 252, ../../../../resource/compass/_ui/desktop/common/css/product-detail-page-sfpi.scss */
  body.fashion #igdrec_1_productstore .bnArrowRight, body.fashion #igdrec_1_product .bnArrowRight, body.fashion #igdrec_1_product_bb .bnArrowRight, body.fashion #igdrec_1 .bnArrowRight {
    background-image: url(/_ui/desktop/common/images/sprite/fashion-2x-sc4da1234d6.png);
    background-size: 1188px 262px;
    background-position: -1124px -83px;
    height: 52px;
    width: 52px;
  }
}
/* line 260, ../../../../resource/compass/_ui/desktop/common/css/product-detail-page-sfpi.scss */
body.fashion #igdrec_1_productstore .bnArrowRight:hover, body.fashion #igdrec_1_product .bnArrowRight:hover, body.fashion #igdrec_1_product_bb .bnArrowRight:hover, body.fashion #igdrec_1 .bnArrowRight:hover {
  opacity: 1;
  background-image: url(/_ui/desktop/common/images/sprite/fashion-sd3507c1a9e.png);
  background-position: -878px -135px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 52px;
  width: 52px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 260, ../../../../resource/compass/_ui/desktop/common/css/product-detail-page-sfpi.scss */
  body.fashion #igdrec_1_productstore .bnArrowRight:hover, body.fashion #igdrec_1_product .bnArrowRight:hover, body.fashion #igdrec_1_product_bb .bnArrowRight:hover, body.fashion #igdrec_1 .bnArrowRight:hover {
    background-image: url(/_ui/desktop/common/images/sprite/fashion-2x-sc4da1234d6.png);
    background-size: 1188px 262px;
    background-position: -878px -135px;
    height: 52px;
    width: 52px;
  }
}
/* line 264, ../../../../resource/compass/_ui/desktop/common/css/product-detail-page-sfpi.scss */
body.fashion #igdrec_1_productstore .bnArrowRight:not(:hover), body.fashion #igdrec_1_product .bnArrowRight:not(:hover), body.fashion #igdrec_1_product_bb .bnArrowRight:not(:hover), body.fashion #igdrec_1 .bnArrowRight:not(:hover) {
  opacity: 0.7;
}
/* line 272, ../../../../resource/compass/_ui/desktop/common/css/product-detail-page-sfpi.scss */
body.fashion #recommendationPopup #igdrec_1_productstore_popular {
  margin-bottom: 15px;
}
/* line 274, ../../../../resource/compass/_ui/desktop/common/css/product-detail-page-sfpi.scss */
body.fashion #recommendationPopup #igdrec_1_productstore_popular:empty {
  display: none;
}
/* line 276, ../../../../resource/compass/_ui/desktop/common/css/product-detail-page-sfpi.scss */
body.fashion #recommendationPopup #igdrec_1_productstore_popular:empty + .btnFashionPdpPopupClose {
  display: none;
}
/* line 282, ../../../../resource/compass/_ui/desktop/common/css/product-detail-page-sfpi.scss */
body.fashion #recommendationPopup #igdrec_1_productstore_popular .clickable_prev {
  width: 53px;
  height: 194px;
  position: absolute;
  top: 0;
  left: -53px;
  opacity: 0;
  visibility: hidden;
}
/* line 290, ../../../../resource/compass/_ui/desktop/common/css/product-detail-page-sfpi.scss */
body.fashion #recommendationPopup #igdrec_1_productstore_popular .clickable_prev .prev {
  top: 85px;
  left: 19px;
  position: absolute;
}
/* line 297, ../../../../resource/compass/_ui/desktop/common/css/product-detail-page-sfpi.scss */
body.fashion #recommendationPopup #igdrec_1_productstore_popular .clickable_next {
  width: 53px;
  height: 194px;
  position: absolute;
  top: 0;
  right: -53px;
  opacity: 0;
  visibility: hidden;
}
/* line 305, ../../../../resource/compass/_ui/desktop/common/css/product-detail-page-sfpi.scss */
body.fashion #recommendationPopup #igdrec_1_productstore_popular .clickable_next .next {
  top: 85px;
  left: 19px;
  position: absolute;
}
/* line 313, ../../../../resource/compass/_ui/desktop/common/css/product-detail-page-sfpi.scss */
body.fashion #recommendationPopup #igdrec_1_productstore_popular .title {
  padding: 20px 20px;
}
/* line 316, ../../../../resource/compass/_ui/desktop/common/css/product-detail-page-sfpi.scss */
body.fashion #recommendationPopup #igdrec_1_productstore_popular .slider {
  width: 194px;
  margin: 0 auto;
  position: relative;
}
/* line 325, ../../../../resource/compass/_ui/desktop/common/css/product-detail-page-sfpi.scss */
body.fashion #recommendationPopup #igdrec_1_productstore_popular .product-brief .price-label .promotional > span, body.fashion #recommendationPopup #igdrec_1_productstore_popular .product-brief .price-label .price > span {
  color: #FFF;
}
/* line 331, ../../../../resource/compass/_ui/desktop/common/css/product-detail-page-sfpi.scss */
body.fashion #recommendationPopup #igdrec_1_productstore_popular .btnFashionPdpWhiteArrowLeft {
  background-image: url(/_ui/desktop/common/images/sprite/pdp-1x-s1cd8f2725d.png);
  background-position: -252px 0;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 19px;
  width: 12px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 331, ../../../../resource/compass/_ui/desktop/common/css/product-detail-page-sfpi.scss */
  body.fashion #recommendationPopup #igdrec_1_productstore_popular .btnFashionPdpWhiteArrowLeft {
    background-image: url(/_ui/desktop/common/images/sprite/pdp-2x-sa9b9cb20e5.png);
    background-size: 3298px 52px;
    background-position: -245px 0;
    height: 19px;
    width: 12px;
  }
}
/* line 335, ../../../../resource/compass/_ui/desktop/common/css/product-detail-page-sfpi.scss */
body.fashion #recommendationPopup #igdrec_1_productstore_popular .btnFashionPdpWhiteArrowRight {
  background-image: url(/_ui/desktop/common/images/sprite/pdp-1x-s1cd8f2725d.png);
  background-position: -266px 0;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 19px;
  width: 12px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 335, ../../../../resource/compass/_ui/desktop/common/css/product-detail-page-sfpi.scss */
  body.fashion #recommendationPopup #igdrec_1_productstore_popular .btnFashionPdpWhiteArrowRight {
    background-image: url(/_ui/desktop/common/images/sprite/pdp-2x-sa9b9cb20e5.png);
    background-size: 3298px 52px;
    background-position: -258px 0;
    height: 19px;
    width: 12px;
  }
}
/* line 345, ../../../../resource/compass/_ui/desktop/common/css/product-detail-page-sfpi.scss */
body.fashion #recommendationPopup.show #igdrec_1_productstore_popular .slider .clickable_prev, body.fashion #recommendationPopup.show #igdrec_1_productstore_popular .slider .prev, body.fashion #recommendationPopup.show #igdrec_1_productstore_popular .slider .clickable_next, body.fashion #recommendationPopup.show #igdrec_1_productstore_popular .slider .next {
  opacity: 1;
  visibility: initial;
  cursor: pointer;
}
/* line 354, ../../../../resource/compass/_ui/desktop/common/css/product-detail-page-sfpi.scss */
body.fashion #recommendationPopup .btnFashionPdpPopupClose {
  position: absolute;
  right: 20px;
  top: 20px;
  cursor: pointer;
  background-image: url(/_ui/desktop/common/images/sprite/pdp-1x-s1cd8f2725d.png);
  background-position: -234px 0;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 16px;
  width: 16px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 354, ../../../../resource/compass/_ui/desktop/common/css/product-detail-page-sfpi.scss */
  body.fashion #recommendationPopup .btnFashionPdpPopupClose {
    background-image: url(/_ui/desktop/common/images/sprite/pdp-2x-sa9b9cb20e5.png);
    background-size: 3298px 52px;
    background-position: -228px 0;
    height: 16px;
    width: 16px;
  }
}