.bwb-fpc { margin-top: 20px; }
.bwb-fpc__loading { padding: 12px; opacity: .75; }

.bwb-fpc-box { border: 1px solid #eee; border-radius: 8px; overflow: hidden; }
.bwb-fpc-head { padding: 12px 14px; font-weight: 600; display:flex; align-items:center; justify-content:space-between; }
.bwb-fpc-sub { padding: 0 14px 12px; opacity: .8; font-size: 13px; }

.bwb-fpc-table { width: 100%; overflow-x: auto; }
.bwb-fpc-grid { min-width: 720px; width: 100%; border-collapse: collapse; }
.bwb-fpc-grid th, .bwb-fpc-grid td { border-top: 1px solid #f0f0f0; padding: 10px; vertical-align: top; }
.bwb-fpc-grid th:first-child, .bwb-fpc-grid td:first-child { background: #fafafa; width: 220px; }
.bwb-fpc-prod { min-width: 170px; }

.bwb-fpc-prod__img { width: 90px; height: 90px; object-fit: contain; display:block; margin: 0 auto 8px; }
.bwb-fpc-prod__name { font-size: 13px; line-height: 1.2; margin-bottom: 6px; height: 32px; overflow:hidden; }
.bwb-fpc-badge { display:inline-block; font-size: 11px; padding: 2px 6px; border-radius: 4px; background:#1fb25a; color:#fff; margin-bottom: 6px; }
.bwb-fpc-price { font-weight: 700; }
.bwb-fpc-actions { margin-top: 8px; }

.bwb-fpc__toggle { display:inline-block; margin: 10px 14px; font-size: 13px; }

.bwb-fpc-row--extra { display: none; }
.bwb-fpc-table.is-expanded .bwb-fpc-row--extra { display: table-row; }
.bwb-fpc-badge{
        display:inline-block;
        font-size: 11px;
        padding: 2px 6px;
        border-radius: 4px;
        margin-bottom: 6px;
        font-weight: 600;
}

/* in stock - keep green */
.bwb-fpc-badge--in_stock{
        background:#1fb25a;
        color:#fff;
        border: 1px solid #1fb25a;
}

/* depozit - transparent + red border/text */
.bwb-fpc-badge--depozit{
        background: transparent;
        border: 1px solid rgba(220, 0, 0, .55);
        color: #d40000;
}

/* out - optional */
.bwb-fpc-badge--out{
        background: transparent;
        border: 1px solid rgba(0,0,0,.2);
        color: rgba(0,0,0,.55);
}


@media (max-width: 768px) {
        .bwb-fpc-grid { min-width: 640px; }
        .bwb-fpc-grid th:first-child, .bwb-fpc-grid td:first-child { width: 160px; }
}