.rf-badge {
    font-weight: 100 !important;
    border-radius: 5px !important;
}
span.badge.rf-badge {
    padding: 5px;
    font-weight: 100 !important;
    margin-top: -20px;
}
.custom-highlight-card .custom-badge-display{
    bottom: -180px !important;
}

@media (max-width: 768px){
    .custom-highlight-card .custom-badge-display{
        bottom: -140px !important;
    }
}

.mb-2{
  margin-bottom: 4px !important;
}

.inline-widget{
    margin-bottom: 4px !important;
}

/* ======================================================
   RF – MEDIA DO PRODUTO
   Desktop: altura automática
   Mobile: altura fixa 310px
====================================================== */

/* -------------------------------
   CONTAINER PRINCIPAL
-------------------------------- */
.rf-media {
    position: relative;
    overflow: hidden;
    background: transparent;
    border: none !important;
    border-radius: 0 !important;
}

/* -------------------------------
   CAROUSEL (base)
-------------------------------- */
.rf-media .carousel,
.rf-media .carousel-inner,
.rf-media .carousel-item {
    width: 100%;
}

/* -------------------------------
   IMAGEM – DESKTOP
-------------------------------- */
.rf-product-img {
    width: 100%;
    height: auto;
    max-height: 600px;              /* ajuste se quiser */
    display: block;
    object-fit: cover;
    object-position: center;
    background: transparent;
    border: none;
}

/* Remove qualquer borda herdada */
.rf-media img,
.rf-media a {
    border: none !important;
    outline: none !important;
    background: transparent !important;
}

/* -------------------------------
   CAPTION SOBRE A IMAGEM
-------------------------------- */
.rf-caption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 12px 14px;
    background: linear-gradient(
        to top,
        rgba(0,0,0,0.75),
        rgba(0,0,0,0.45),
        rgba(0,0,0,0)
    );
    color: #fff;
    z-index: 5;
    pointer-events: none;
}

.rf-title,
.rf-sub,
.rf-badge {
    pointer-events: auto;
}

/* -------------------------------
   CONTROLES DO CAROUSEL
-------------------------------- */
.rf-control {
    background: rgba(0,0,0,0.55);
    border: none !important;
}

/* ======================================================
   MOBILE – ALTURA FIXA 310px
====================================================== */
@media (max-width: 768px) {

    .rf-media {
        height: 310px;
    }

    .rf-media .carousel,
    .rf-media .carousel-inner,
    .rf-media .carousel-item {
        height: 100%;
    }

    .rf-product-img {
        height: 100%;
        max-height: none;
        object-fit: cover;
    }
}
.rf-btn{
  padding: 4px !important;
}
button.inline-widget.button-item.mb-2.inline-buttons-draw.false {
    margin-bottom: 4px !important;
    padding: 4px !important;
}
.inline-widget.mb-2{
      margin-bottom: 4px !important;
}
.inline-widget.ranking{
       margin-bottom: 4px !important;
}
button.promo-chip{
  padding: 4px 6px !important;
}
.badge {
    font-weight: 100 !important;
}
button.promo-chip {
    text-transform: uppercase !important;
}
.rf-caption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    padding: 7px 8px 8px;
    background: linear-gradient(90deg, rgba(2, 3, 5, .92) 0, rgba(2, 3, 5, .55) 45%, rgba(2, 3, 5, 0) 100%);
    display: grid;
    gap: 6px;
}
select#state{
  color: #000 !important;
}
.col.col-contato-display {
    display: none;
}