#add-to-cart{
  margin-bottom: 10px;
  // display: none !important;
}
/* =========== */
.red {
  color: red;
}

.brown {
  color: #5c2403;
}
.navbar-laravel {
  background-color: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
}

.fode-product-group-container{
  display: block;
  padding: 15px 0 0;
}

.fode-product-group-container .group-item{
  width: 50px;
  height: 50px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin: 1px;
  cursor: pointer;
  border: 1px solid #ebebeb;
}

.fode-product-group-container .group-item:hover{
  box-shadow: rgb(0 0 0 / 10%) 0px 2px 4px;
}

.fode-product-group-container .group-item img{
  max-width: 100%;
  max-height: 100%;
}

.fode-product-group-container .group-item:hover img{
  transform: scale(1.1);
}

.fode-platform-button-dropdown{
  display: block;
  position: relative;
  margin-bottom: 10px;
}

.fode-platform-button-dropdown .fode-button{
  text-transform: uppercase;
  text-align: center;
  font-weight: 600;
  padding: 15px 35px 17px;
  cursor: pointer;
}

.fode-platform-button-dropdown .fode-menu-sub{
  display: none;
  width: 100%;
  position: absolute;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  background: #fff;
}

.fode-platform-button-dropdown .fode-menu-sub a.fode-menu-item{
  display: flex;
  align-items: center;
  justify-content: center;
  clear: both;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.42857143;
  color: #fff;
  margin: 12px 20px;
  border-radius: 6px;
  padding: 10px 20px;
  overflow: auto;
}

.fode-platform-button-dropdown .fode-menu-sub a.fode-menu-item .platform-price{
  margin-left: 10px;
  font-weight: 400;
}

.fode-platform-button-dropdown .fode-menu-sub a.fode-menu-item .platform-price-compare{
  margin-left: 10px;
  text-decoration: line-through;
  font-size: 0.8em;
  font-weight: 400;
}

.fode-platform-button-dropdown .fode-menu-sub a.fode-menu-item img{
  width: 17px;
  height: 17px;
  margin-right: 5px;
  display: flex;
}

.fode-platform-button-dropdown .fode-menu-sub a.fode-menu-item.shopee{
  background: #fc5d31;
}

.fode-platform-button-dropdown .fode-menu-sub a.fode-menu-item.lazada{
  background: #10156f;
}

.fode-platform-button-dropdown .fode-menu-sub a.fode-menu-item.tiki{
  background: rgb(0 96 255);
}

.fode-platform-button-dropdown .fode-menu-sub a.fode-menu-item.tiktok_shop{
  background: #000000;
}

.fode-button-chat-consultant{
  display: block;
  margin-bottom: 10px;
  padding: 15px 35px 17px;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  font-weight: 600;
}

.fode-button-chat-consultant:hover{
  color: #fff;
}

.fode-button-chat-consultant:focus{
  color: #fff;
}

.fode-chat-global{
  width: 60px;
  height: 60px;
  border-radius: 50%;
  position: fixed;
  bottom: 80px;
  right: 28px;
  z-index: 2001;
}

.fode-chat-global .image-box{
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.fode-chat-global .image-box img{
  width: 30px;
  height: 30px;
}

.fode-chat-global .fode-chat-popup{
  position: absolute;
  bottom: calc(100% + 15px);
  right: -500%;
  background: white;
  border-radius: 20px;
  padding: 15px;
  box-shadow: 0 0 4px #0003;
  width: 250px;
  transition: all 0.3s;
}

.fode-chat-global .fode-chat-popup.show{
  right: 0;
}

.fode-chat-global .fode-chat-popup .btn-close{
  float: right;
  position: relative;
  width: 20px;
  height: 20px;
  margin-top: -5px;
  margin-right: -4px;
  cursor: pointer;
}

.fode-chat-global .fode-chat-popup .btn-close:after,
.fode-chat-global .fode-chat-popup .btn-close:before {
    content: "";
    background-color: #333;
    border-radius: 50px;
    display: block;
    width: 18px;
    height: 1px;
    position: relative;
    transition: all .3s;
}

.fode-chat-global .fode-chat-popup .btn-close:before {
    left: 0;
    transform: rotate(-45deg);
    top: 12px;
}

.fode-chat-global .fode-chat-popup .btn-close:after {
    left: 0;
    transform: rotate(45deg);
    top: 11px;
}

.fode-chat-global .fode-chat-popup ul{
  padding-left: 0;
}

.fode-chat-global .fode-chat-popup ul li{
  list-style: none;
  border: 1px solid #d3d3d3;
  border-radius: 15px;
  padding: 5px 7px;
  margin: 10px 0;
}

.fode-chat-global .fode-chat-popup ul li:last-child{
  margin-bottom: 0;
}

.fode-chat-global .fode-chat-popup ul li a{
  display: flex;
  align-items: center;
}

.fode-chat-global .fode-chat-popup ul li a .icon{
  margin: 5px 10px;
}

.fode-chat-global .fode-chat-popup ul li a .title .title-2{
  font-size: 0.8em;
}

.fode-chat-global .fode-chat-popup ul li a p{
  margin: 0;
}

.fode-chat-global .fode-chat-popup ul li a{
  color: #000;
}

.fode-chat-global .fode-chat-popup ul li a:hover{
  color: #000;
}

.fode-bell-button{
  width: 60px;
  height: 60px;
  border-radius: 50%;
  position: fixed;
  left: 20px;
  bottom: 80px;
  z-index: 2001;
}

.fode-bell-button .image-box{
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.fode-bell-button .image-box img{
  width: 30px;
  height: 30px;
  animation: tilt-shaking 0.2s infinite;
}

@keyframes tilt-shaking {
  0% { transform: rotate(0deg); }
  25% { transform: rotate(5deg); }
  50% { transform: rotate(0eg); }
  75% { transform: rotate(-5deg); }
  100% { transform: rotate(0deg); }
}

.fode-popup-country{
  position: fixed;
  display: none;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0,0,0,.5);
  justify-content: center;
  padding: 40px;
  z-index: 999999;
}

.fode-popup-country.display{
  display: flex!important;
}

@media (min-width: 500px){
  .fode-popup-country .country-container{
    width: 70%;
  }
}

@media (max-width: 500px){
  .fode-popup-country .country-container{
    width: 90%;
  }

  .fode-popup-country .country-container .top-place,
  .fode-popup-country .country-container .bottom-place {
    padding: 15px;
  }
}

.fode-popup-country .country-container{
  background: #fff;
  text-align: center;
  overflow: auto;
  position: absolute;
  max-height: 90%;
  
}

.fode-popup-country .country-container .btn-close{
  position: absolute;
  right: 10px;
  top: 10px;
  width: 20px;
  height: 20px;
  cursor: pointer;
}

.fode-popup-country .country-container .btn-close:after,
.fode-popup-country .country-container .btn-close:before {
    content: "";
    background-color: #333;
    border-radius: 50px;
    display: block;
    width: 18px;
    height: 1px;
    position: relative;
    transition: all .3s;
}

.fode-popup-country .country-container .btn-close:before {
    left: 0;
    transform: rotate(-45deg);
    top: 12px;
}

.fode-popup-country .country-container .btn-close:after {
    left: 0;
    transform: rotate(45deg);
    top: 11px;
}

.fode-popup-country .country-container .top-place,
.fode-popup-country .country-container .bottom-place{
  padding: 30px;
}

.fode-popup-country .country-container .bottom-place{
  border-top: 1.5px solid #ece0e0;
  font-size: 1.2em;
}

.fode-popup-country .country-container .top-place .row-1 {
  font-weight: bold;
  font-size: 1.5em;
}

.fode-popup-country .country-container .top-place .row-2{
  font-size: 1.2em;
}

.fode-popup-country .country-container .top-place .row-3 {
  display: flex;
  justify-content: center;
}

.fode-popup-country .country-container .top-place .marketplace-box {
  margin: 0 10px;
  text-decoration: none;
  cursor: pointer;
  color: #f1582c;
  font-weight: bold;
  margin-right: 20px;
}

.fode-popup-country .country-container .top-place .marketplace-box img{
  width: 100px;
  height: 100px;
}

.fode-popup-country .country-container .top-place .marketplace-box p {
  border: 1px solid #f1582c;
  border-radius: 20px;
}

.fode-popup-country .country-container .bottom-place .row-4 {
  font-weight: bold;
  cursor: pointer;
}

.fode-popup-country .country-container .bottom-place .row-4 .proceed-icon{
  display: inline-block;
  width: 20px;
}

@media (max-width: 500px){
  .fode-popup-country .country-container .top-place .marketplace-box img {
    width: 70px;
    height: 70px;
  }
}

.fode-find-good-price{
  display: block;
  border: 2px solid rgba(0, 0, 0, 0.15);
	padding: 0 2px;
  margin-top: 12px;
}

.fode-find-good-price .title{
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  text-align: center;
  padding: 10px 0;
  font-weight: 700;
  font-size: 1.1em;
}

.fode-find-good-price .platform-item{
  display: flex;
  align-items: center;
  justify-content: space-between;
  clear: both;
  font-size: 19px;
  font-weight: 600;
  line-height: 1.42857143;
  color: #fff;
  margin: 12px 0;
  border-radius: 6px;
  padding: 0;
  overflow: hidden;
  cursor: pointer;
  position: relative;
}

.fode-find-good-price .platform-item .price-box {
  display: inline-flex;
  height: 100%;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
	position: absolute;
	right: 10%;
	padding-top: 6px;
}

.fode-find-good-price .platform-item .price-box .platform-price {
  font-weight: 600;
	line-height: 0.7;
	padding-top: 8px;
	color: #ffff54;
}

.fode-find-good-price .platform-item .price-box .platform-price-compare {
  text-decoration: line-through;
  font-size: 0.8em;
  font-weight: 600;
}

.fode-find-good-price .platform-item.website .price-box .platform-price-compare,
.fode-find-good-price .platform-item.shopee .price-box .platform-price-compare
{
  color: #000000;
}

.fode-find-good-price .platform-item .platform-canvas{
	width: 100%;
}

.fode-find-good-price .platform-item .review-box{
	position: absolute;
	width: 100%;
	height: 20px;
	overflow: hidden;
	bottom: 3px;
	left: 0;
	display: flex;
	text-decoration: none;
	text-transform: capitalize;
	font-size: 14px;
	font-weight: 500;
}

.fode-find-good-price .platform-item.shopee .review-box{
	color: #3d3d3d;
}

.fode-find-good-price .platform-item.lazada .review-box{
	color: #9f9f9f;
}

.fode-find-good-price .platform-item.tiktok_shop .review-box{
	color: #9f9f9f;
}

.fode-find-good-price .platform-item .review-box .review-item{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 33%;
}

.fode-find-good-price .platform-item .review-box .review-item+.review-item>div{
	border-left: 2px solid rgb(255 255 255 / 30%);
}

.fode-find-good-price .platform-item .review-box .review-item>div{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.fode-find-good-price .platform-item .review-box .review-star span.number{
	color: #ffff54;
	border-bottom: 1px solid #ffff54;
}

.fode-find-good-price .platform-item .review-box .review-star .rateit {
    display: flex;
    align-items: center;
    padding-bottom: 2px;
}

.fode-find-good-price .platform-item .review-box .review-star .number{
	line-height: 1;
}

.fode-find-good-price .platform-item .review-box .review-star .rateit .rateit-range {
    /* background: url(//fode.kirei.vn/images/webapp/star_transparent_3.png); */
    height: 16px;
    width: 80px;
    outline: none;
		background-size: contain;
}

.fode-find-good-price .platform-item .review-box .review-star .rateit .rateit-preset {
    background: url(//fode.kirei.vn/images/webapp/star_yellow.png) left -48px;
    height: 16px;
		background-size: contain;
}

.fode-find-good-price .platform-item .review-box .review-item .number {
	color: #e1e1e1;
	font-size: 16px;
	font-weight: 600;
	margin-right: 5px;
}

.fode-find-good-price .platform-item.shopee .review-box .review-item:not(.review-star) .number{
	color: #000;
}

.fode-find-good-price .platform-item.shopee .review-box .review-count .number{
	border-bottom: 1px solid #000;
	line-height: 1;
}

.fode-find-good-price .platform-item.lazada .review-box .review-count .number,
.fode-find-good-price .platform-item.tiktok_shop .review-box .review-count .number{
	border-bottom: 1px solid #e1e1e1;
	line-height: 1;
}

#detail-product .product-title{
	position: relative;
}

#detail-product .product-title .review-summary{
	display: inline-flex;
	width: 300px;
	margin-left: 5px;
	text-transform: capitalize;
	font-size: 12px;
	font-weight: 500;
}

#detail-product .product-title .review-summary .review-item {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 33%;
}

#detail-product .product-title .review-summary .review-star span.number{
		color: #ee4d2d;
    border-bottom: 1px solid #ee4d2d;
}

#detail-product .product-title .review-summary span.number{
	line-height: 1;
}

#detail-product .product-title .review-summary .review-star .rateit{
	transform: scale(0.9);
}

#detail-product .product-title .review-summary .review-item:not(.review-star) span.number{
		margin-right: 5px;
    color: #000000;
		font-weight: 600;
		border-bottom: 1px solid #000000;
}

#detail-product .product-title .review-summary .review-item:not(.review-star) span.text{
	color: #646262;
}

#detail-product .product-title .review-summary .review-star .rateit {
    display: flex;
    align-items: center;
    padding-bottom: 2px;
}

#detail-product .product-title .review-summary .review-star .rateit .rateit-range {
    background: url(//fode.kirei.vn/images/webapp/review_star_2.png);
    height: 16px;
    width: 80px;
		overflow: hidden;
    outline: none;
}

#detail-product .product-title .review-summary .review-star .rateit .rateit-preset {
    background: url(//fode.kirei.vn/images/webapp/review_star_2.png) left -48px;
    height: 16px;
}

#detail-product .product-title .review-summary .review-item+.review-item{
	border-left: 1px solid rgba(0,0,0,.14);
}

@media (max-width: 450px){
	#detail-product .product-title .review-summary{
		width: 280px;
	}
}

.pro-loop .product-block .review-summary{
	display: flex;
	width: 100%;
	text-transform: capitalize;
	font-size: 13px;
	font-weight: 500;
}

.pro-loop .product-block .review-summary .review-item.review-star {
  display: flex;
  justify-content: flex-start;
  width: 50%;
  transform: scale(0.9);
  margin-left: -5px;
}

.pro-loop .product-block .review-summary .review-item.review-count {
	width: 32%;
}

.pro-loop .product-block .review-summary .review-item.sold-count{
	width: 50%;
  color: #000;
}

.pro-loop .product-block .review-summary .review-star span.number {
    color: #f51a1a;
    // border-bottom: 1px solid #ee4d2d;
}

.pro-loop .product-block .review-summary .review-star .rateit {
    display: flex;
    align-items: center;
    padding-bottom: 2px;
}

.pro-loop .product-block .review-summary .review-star .rateit .rateit-range {
    background: url(//fode.kirei.vn/images/webapp/review_star_2.png);
    height: 16px;
    width: 80px;
    overflow: hidden;
    outline: none;
}

.pro-loop .product-block .review-summary .review-star .rateit .rateit-preset {
    background: url(//fode.kirei.vn/images/webapp/review_star_2.png) left -48px;
    height: 16px;
}

.pro-loop .product-block .review-summary span.number {
    line-height: 1;
		margin-right: 2px;
}

.pro-loop .product-block .review-summary .review-star span.number{
    margin-left: 6px;
    font-weight: 600;
    font-size: 1.5rem;
}

.pro-loop .product-block .review-summary .review-item{
	display: inline-flex;
	align-items: center;
	justify-content: flex-end;
}

.pro-loop .product-block .review-summary .review-item+.review-item {
    // border-left: 1px solid rgba(0,0,0,.14);
}

.pro-loop .product-block .review-summary .review-item:not(.review-star) span.number {
    color: #000000;
    // font-weight: 600;
    // border-bottom: 1px solid #000000;
}

.pro-loop .product-block .review-summary .review-star span.number{
		// transform: scale(1.5);
}

@media (max-width: 500px){
	.pro-loop .product-block .review-summary {
		// font-size: 8px;
	}

	.pro-loop .product-detail h3{
		// margin-bottom: 0;
	}
}

@media (max-width: 992px){
  .product-detail-main .description-desktop{
    display: none;
  }
  .product-detail-main {
    margin-bottom: 0;
  }
  .pro-loop .product-block .review-summary .review-star span.number {
      margin-left: 3px;
  }
  .pro-loop .product-block .review-summary .review-item.review-star {
    margin-left: -14px;
  }
}

@media (min-width: 992px){
  .product-detail-main .description-mobile{
    display: none;
  }
}