/* dbblackfridayinfo — contador y etiqueta Black Friday (diseño Figma, nodos 6835:83220/86312/87495/88723). Prefijo .dbbf- */
.dbbf-countdown {
    display: inline-flex;
    align-items: flex-start;
    box-sizing: border-box;
    flex: 0 0 auto;
    margin: 0;
    padding: 1px 8px;
    background: #1c1c1c;
    color: #fff;
    border-radius: 2px;
    font: 700 12px/18px Play, sans-serif;
    letter-spacing: 0;
    white-space: nowrap;
    text-align: left;
}
.dbbf-countdown[hidden] {
    display: none !important; /* gana al display:inline-flex del componente */
}
/* Miniatura: una label más, mismas medidas que sus hermanas (px 8, py 2, radio 4) */
.dbbf-countdown--flag {
    padding: 2px 8px;
    border-radius: 4px;
    line-height: 20px; /* misma altura (24px) que las labels hermanas */
}
/* Ficha: en la misma fila que AHORRAS (.current-price es flex wrap en >=1024) */
.dbbf-countdown--price {
    order: 5;
    align-self: flex-start;
    margin: 4px 0 0 -4px; /* compensa el column-gap 8px de .current-price para los 4px de Figma */
}
/* Pantallas muy estrechas (320): el contador salta de línea; sin margen negativo para no salirse del contenedor */
@media (max-width: 349.98px) {
    .dbbf-countdown--price {
        margin-left: 0;
    }
}
/* Modal del carrito: etiqueta fija "Oferta Black Friday" sobre el precio */
.dbbf-countdown--modal {
    margin: 0 0 4px;
}