/* Fulwari Store v5.4 — Home benefits icon alignment
   The icon wrapper is a <span>, while .fv-benefit span is also used for text.
   This final layer prevents those text rules from shifting the icon/SVG.
*/

.fv-benefit .fv-benefit-icon{
  box-sizing:border-box!important;
  width:44px!important;
  min-width:44px!important;
  max-width:44px!important;
  height:44px!important;
  min-height:44px!important;
  max-height:44px!important;
  flex:0 0 44px!important;

  display:grid!important;
  place-items:center!important;

  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:999px!important;

  background:#F7EBD5!important;
  color:var(--fv-gold-dark)!important;

  font-size:0!important;
  line-height:0!important;
  text-indent:0!important;
  letter-spacing:0!important;
  vertical-align:middle!important;

  overflow:hidden!important;
  position:relative!important;
  transform:none!important;
}

.fv-benefit .fv-benefit-icon svg{
  display:block!important;
  position:static!important;
  inset:auto!important;

  width:21px!important;
  min-width:21px!important;
  max-width:21px!important;
  height:21px!important;
  min-height:21px!important;
  max-height:21px!important;

  margin:0!important;
  padding:0!important;
  transform:none!important;
  vertical-align:middle!important;

  fill:none!important;
  stroke:currentColor!important;
  vector-effect:non-scaling-stroke;
}

/* Explicitly neutralize the generic .fv-benefit span text rule */
.fv-benefit > .fv-benefit-icon{
  margin-top:0!important;
}

@media (max-width:767px){
  .fv-benefit .fv-benefit-icon{
    width:44px!important;
    min-width:44px!important;
    max-width:44px!important;
    height:44px!important;
    min-height:44px!important;
    max-height:44px!important;
    flex-basis:44px!important;
    margin:0 auto!important;
  }

  .fv-benefit .fv-benefit-icon svg{
    width:20px!important;
    min-width:20px!important;
    max-width:20px!important;
    height:20px!important;
    min-height:20px!important;
    max-height:20px!important;
  }
}

@media (max-width:420px){
  .fv-benefit .fv-benefit-icon{
    width:42px!important;
    min-width:42px!important;
    max-width:42px!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    flex-basis:42px!important;
  }

  .fv-benefit .fv-benefit-icon svg{
    width:19px!important;
    min-width:19px!important;
    max-width:19px!important;
    height:19px!important;
    min-height:19px!important;
    max-height:19px!important;
  }
}