#f2_explain {
    background-clip: padding-box;
    background-color: #000;
    box-shadow: 0 2px 3px #000;
    position: absolute;
    text-align: left;
    width: 280px;
    z-index: 1001;
    color: #fff;
    padding: 10px;
    margin-top: -5px;
    border-radius: 10px;
}
.f2-ffval,.f2-ffptp,.f2-ffpremium,.f2-fffriend{
	cursor: help;
}


.f2-s_badges {
  width: 74px;
  display: flex;
  align-items: center;
  padding-left: 15px;
}
.f2-s_badges span {
  padding-top: 2px;
}
.f2-s_badges span,
.f2-s_badges img {
  width: 24px;
  min-width: 24px;
  height: 24px;
  margin-left: -10px;
  font-size: var(--size_small);
}
.f2-s_badges span i,
.f2-s_badges img i {
  /*margin-left: -7px;*/
}
.w3-badge {padding: 0; display: flex; align-items: center; justify-content: center;}
.f2-s_badges .bgro {
  z-index: 6;
}
.f2-s_badges .bgsp {
  z-index: 5;
}
.f2-s_badges .bgrd {
  z-index: 4;
}


.f2-m_badges,.f2-fruit-badges {
  margin: 5px 0;
  line-height: 24px;
  display: flex;
}
.f2-m_badges div,.f2-fruit-badges div {
  width: 24px;
  height: 24px;
  margin-right: 5px;
  font-size: var(--size_small);
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.302));
}




.f2-heart_b,
.f2-heart_m,
.f2-heart_s {
  width: 45px;
  height: 55px;
  margin-top: -50px;
  z-index: 57;
}
.f2-heart_b {
  /* ** 100 % ** */
}
.f2-feed-box .f2-heart_b{
	width: 60px;
    height: 60px;
    margin-right: 16px;
}
.f2-heart_b i {
  color: var(--roza);
  font-size: var(--size_extrem);
}
.f2-heart_b div {
  font-weight: var(--weight_bold);
  font-size: var(--size_small);
  margin-top: -5px;
}
.f2-heart_m {
  /* ** >50% ** */
}
.f2-heart_m i {
  color: var(--heart_m);
  font-size: var(--size_42);
}
.f2-heart_m div {
  font-size: var(--size_small);
  margin-top: -5px;
}
.f2-heart_s {
  /* ** <50% ** */
}
.f2-heart_s i {
  color: var(--heart_s);
  font-size: var(--size_xxl);
}
.f2-heart_s div {
  font-size: var(--size_tiny);
  margin-top: -4px;
}



@media only screen and (max-width:500px) {
	#f2_explain {width: unset; left: 10px !important; right: 10px;}
	
}

/* payment icons */
.f2-payment-tos{
	margin-left:16px;font-size:16px;
}
.f2-payment-tos label{
	color:#fff;
}
@media only screen and (min-width:421px) and (max-width:460px) {
	.f2-paymentLogos .f2-card-logos {transform: scale(0.9); min-width: 190px;display: inline-flex;}
	.f2-paymentLogos .f2-card-logos .mer {margin:0;}
	
}
@media only screen and (min-width:391px) and (max-width:420px) {
	.f2-paymentLogos .f2-card-logos {transform: scale(0.8); min-width: 170px;display: inline-flex;}
	.f2-paymentLogos .f2-card-logos .mer {margin:0;}
	
}
@media only screen and (max-width:390px) {
	.f2-paymentLogos .f2-card-logos {transform: scale(0.7); min-width: 150px;display: inline-flex;}
	.f2-paymentLogos .f2-card-logos .mer {margin:0;}
}