/* Favorito Delivery — Build 515
   Faixa informativa real nos cards de oferta + imagem compacta igual à loja. */

/* Marketplace: a foto da promoção passa a ter a mesma altura usada no card de oferta da loja. */
body[data-market-home-model="favorito_vitrine"][data-market-page="inicio"] .fav444-offer-media.fd515-market-offer-media{
  height:118px!important;
  min-height:118px!important;
}
body[data-market-home-model="favorito_vitrine"][data-market-page="inicio"] .fav444-offer-media.fd515-market-offer-media>img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}

/* O desconto fica no topo para não disputar espaço com a faixa inferior. */
body[data-market-home-model="favorito_vitrine"][data-market-page="inicio"] .fav444-offer-media.fd515-market-offer-media>b,
body[data-market-page="loja"] .fd509-offer-media.fd515-store-offer-media>b{
  top:8px!important;
  bottom:auto!important;
  left:8px!important;
  z-index:4!important;
}

/* Faixa única: modalidades + estoque restante + avaliação + contador real. */
.fd515-offer-strip{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  z-index:3;
  min-height:31px;
  padding:5px 8px;
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:7px;
  color:#fff;
  background:linear-gradient(180deg,rgba(8,15,25,.08) 0%,rgba(8,15,25,.42) 38%,rgba(8,15,25,.58) 100%);
  text-shadow:0 1px 2px rgba(0,0,0,.45);
  backdrop-filter:blur(1.5px);
  -webkit-backdrop-filter:blur(1.5px);
  font-size:11px;
  line-height:1;
  font-weight:800;
  white-space:nowrap;
  pointer-events:none;
}
.fd515-offer-services{
  display:inline-flex;
  align-items:center;
  gap:4px;
  min-width:0;
  flex:0 1 auto;
}
.fd515-offer-services i,
.fd515-offer-rating,
.fd515-offer-clock{
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.fd515-offer-services i{
  width:18px;
  height:18px;
  font-style:normal;
}
.fd515-offer-services svg,
.fd515-offer-rating svg,
.fd515-offer-clock svg{
  display:block;
  flex:0 0 auto;
  stroke:currentColor;
}
.fd515-offer-remaining{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  font-size:11px;
  font-weight:900;
  color:#fff;
}
.fd515-offer-rating{
  gap:3px;
  flex:0 0 auto;
  color:#fff;
}
.fd515-offer-rating b{
  font-size:11px;
  font-weight:900;
}
.fd515-offer-clock{
  gap:4px;
  flex:0 0 auto;
  color:#fff;
}
.fd515-offer-clock em{
  font-style:normal;
  font-size:10.5px;
  font-weight:600;
  letter-spacing:.01em;
}
.fd515-offer-clock.is-expired em{font-size:10px}

/* Dentro da loja a foto já tinha 96px; mantém exatamente o mesmo padrão. */
body[data-market-page="loja"] .fd509-offer-media.fd515-store-offer-media{
  height:118px!important;
  min-height:118px!important;
}
body[data-market-page="loja"] .fd509-offer-media.fd515-store-offer-media>img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}

@media (max-width:380px){
  .fd515-offer-strip{gap:5px;padding-inline:6px;font-size:10px}
  .fd515-offer-services{gap:2px}
  .fd515-offer-services i{width:16px;height:16px}
  .fd515-offer-remaining,.fd515-offer-rating b{font-size:10px}
  .fd515-offer-clock{gap:3px}
  .fd515-offer-clock em{font-size:9.5px}
}


/* Build 516 — refinamento do mesmo componente de ofertas, sem criar uma segunda camada visual. */
body[data-market-home-model="favorito_vitrine"][data-market-page="inicio"] .fav444-offer-card{
  flex:0 0 min(88vw,390px)!important;
}
body[data-market-page="loja"] .fd509-offers-track{
  grid-auto-columns:min(88%,330px)!important;
}
body[data-market-home-model="favorito_vitrine"][data-market-page="inicio"] .fav444-offer-name,
body[data-market-page="loja"] .fd509-offer-copy>strong{
  max-width:none;
}
body[data-market-home-model="favorito_vitrine"][data-market-page="inicio"] .fav-vitrine-filter-open .fd516-filter-icon{
  display:block;
  width:21px;
  height:21px;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
  fill:none;
}
@media(min-width:700px){
  body[data-market-home-model="favorito_vitrine"][data-market-page="inicio"] .fav444-offer-card{flex-basis:350px!important}
  body[data-market-page="loja"] .fd509-offers-track{grid-auto-columns:340px!important}
}
@media(max-width:520px){
  body[data-market-home-model="favorito_vitrine"][data-market-page="inicio"] .fav444-offer-media.fd515-market-offer-media,
  body[data-market-page="loja"] .fd509-offer-media.fd515-store-offer-media{height:118px!important;min-height:118px!important}
}