/* ============================================================
   Bald Grid & Slider — v1.3.0
   ============================================================ */
.bgs-widget, .bgs-widget * { box-sizing: border-box; }

/* ── INLINE TABS FILTER ──────────────────────────────────── */
.bgs-filter-bar {
    display: flex; flex-wrap: wrap; align-items: center;
    gap: 16px; margin-bottom: 32px; padding: 10px 0;
}
.bgs-filter-label {
    font-size: 13px; font-weight: 500; color: rgba(255,255,255,0.75);
    white-space: nowrap; flex-shrink: 0; letter-spacing: 0.01em;
}
.bgs-filter-tabs { display: flex; flex-wrap: wrap; align-items: stretch; gap: 0; }
.bgs-filter-btn {
    display: inline-flex; align-items: center; justify-content: center; gap: 7px;
    border: 1px solid rgba(138,93,210,0.55); border-right-width: 0;
    background: transparent; color: rgba(255,255,255,0.82);
    font-size: 13px; font-weight: 500; padding: 10px 22px;
    border-radius: 0; cursor: pointer;
    transition: background 0.18s, color 0.18s, border-color 0.18s;
    line-height: 1.2; outline: none; letter-spacing: 0.02em;
    white-space: nowrap; min-width: 100px; position: relative;
}
.bgs-filter-btn:first-child { border-radius: 6px 0 0 6px; }
.bgs-filter-btn:last-child  { border-right-width: 1px; border-radius: 0 6px 6px 0; }
.bgs-filter-btn:first-child:last-child { border-radius: 6px; border-right-width: 1px; }
.bgs-filter-btn__icon { display: flex; align-items: center; flex-shrink: 0; opacity: 0.75; }
.bgs-filter-btn__icon svg { width: 14px; height: 14px; stroke: currentColor; fill: none; }
.bgs-filter-btn:hover { background: rgba(138,93,210,0.18); color: #fff; border-color: rgba(138,93,210,0.9); z-index: 1; }
.bgs-filter-btn.is-active { background: rgba(138,93,210,0.22); color: #fff; border-color: rgba(160,110,230,0.95); border-right-width: 1px; z-index: 2; }
.bgs-filter-btn.is-active + .bgs-filter-btn { border-left-width: 0; }
.bgs-filter-btn:focus-visible { outline: 2px solid rgba(160,110,230,0.8); outline-offset: -2px; z-index: 3; }

/* ── DROPDOWN FILTER ─────────────────────────────────────── */
.bgs-dropdown-bar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin-bottom: 32px;
    padding: 10px 0;
    position: relative;
}

/* Mobile toggle removed — filter dropdown is shown directly on all breakpoints. */
.bgs-mobile-filter-toggle { display: none !important; }

/* Filter label */
.bgs-dropdown-bar .bgs-filter-label {
    font-size: 13px; font-weight: 500;
    color: rgba(255,255,255,0.75);
    white-space: nowrap; flex-shrink: 0;
}

/* Dropdown wrapper */
.bgs-dropdown {
    position: relative;
    flex-shrink: 0;
}

/* Dropdown trigger button */
.bgs-dropdown-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: 1px solid rgba(138,93,210,0.55);
    background: transparent;
    color: rgba(255,255,255,0.82);
    font-size: 13px;
    font-weight: 500;
    padding: 9px 16px;
    border-radius: 6px;
    cursor: pointer;
    transition: background 0.18s, border-color 0.18s, color 0.18s;
    white-space: nowrap;
    outline: none;
    min-width: 180px;
    justify-content: space-between;
}
.bgs-dropdown-btn:hover,
.bgs-dropdown-btn[aria-expanded="true"] {
    background: rgba(138,93,210,0.18);
    border-color: rgba(160,110,230,0.8);
    color: #fff;
}
.bgs-dropdown-btn[aria-expanded="true"] .bgs-dropdown-btn__chevron {
    transform: rotate(180deg);
}
.bgs-dropdown-btn__label { flex: 1; text-align: left; }
.bgs-dropdown-btn__chevron {
    display: flex; align-items: center; flex-shrink: 0;
    transition: transform 0.2s ease;
    opacity: 0.7;
}
.bgs-dropdown-btn__chevron svg { stroke: currentColor; fill: none; }

/* Dropdown menu */
.bgs-dropdown-menu {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    min-width: 100%;
    background: #1e0f3c;
    border: 1px solid rgba(138,93,210,0.4);
    border-radius: 8px;
    list-style: none;
    margin: 0;
    padding: 6px 0;
    z-index: 100;
    box-shadow: 0 8px 32px rgba(0,0,0,0.45);
    /* hidden by default */
    opacity: 0;
    visibility: hidden;
    transform: translateY(-6px);
    transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s;
}
.bgs-dropdown.is-open .bgs-dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* Dropdown option */
.bgs-dropdown-option {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 9px 16px;
    font-size: 13px;
    font-weight: 500;
    color: rgba(255,255,255,0.78);
    cursor: pointer;
    transition: background 0.15s, color 0.15s;
    white-space: nowrap;
    user-select: none;
}
.bgs-dropdown-option:hover {
    background: rgba(138,93,210,0.2);
    color: #fff;
}
.bgs-dropdown-option.is-active {
    color: #fff;
    background: rgba(138,93,210,0.25);
}
.bgs-dropdown-option__check {
    display: flex; align-items: center; flex-shrink: 0;
    width: 14px; height: 14px;
    opacity: 0;
    transition: opacity 0.15s;
    color: #a78bfa;
}
.bgs-dropdown-option__check svg { stroke: currentColor; fill: none; }
.bgs-dropdown-option.is-active .bgs-dropdown-option__check { opacity: 1; }

/* Time pills — outside dropdown, always visible */
.bgs-pill-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: 1px solid rgba(138,93,210,0.55);
    background: transparent;
    color: rgba(255,255,255,0.82);
    font-size: 13px;
    font-weight: 500;
    padding: 9px 18px;
    border-radius: 999px;
    cursor: pointer;
    transition: background 0.18s, color 0.18s, border-color 0.18s;
    white-space: nowrap;
    outline: none;
    flex-shrink: 0;
}
.bgs-pill-btn:hover {
    background: rgba(138,93,210,0.18);
    color: #fff;
    border-color: rgba(138,93,210,0.9);
}
.bgs-pill-btn.is-active {
    background: rgba(138,93,210,0.22);
    color: #fff;
    border-color: rgba(160,110,230,0.95);
}
.bgs-pill-btn:focus-visible { outline: 2px solid rgba(160,110,230,0.8); outline-offset: 2px; }

/* ── Responsive dropdown ────────────────────────────────── */
@media (max-width: 767px) {
    .bgs-dropdown-bar .bgs-filter-label { display: none; }
    /* Dropdown + pills shown directly (no toggle) — full width */
    .bgs-dropdown-bar .bgs-dropdown {
        display: block;
        width: 100%;
    }
    .bgs-dropdown-bar .bgs-dropdown-btn { width: 100%; }
    .bgs-dropdown-bar .bgs-pill-btn { display: inline-flex; }
    .bgs-dropdown-menu { min-width: 100%; }
}

/* ── Grid ─────────────────────────────────────────────────── */
.bgs-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; }

/* ── Card ─────────────────────────────────────────────────── */
.bgs-card { background:#1e0f3c; border-radius:12px; overflow:hidden; display:flex; flex-direction:column; transition:transform 0.25s ease,box-shadow 0.25s ease; }
.bgs-card--lift:hover { transform:translateY(-5px); box-shadow:0 16px 40px rgba(0,0,0,0.35) !important; }
.bgs-card__image-wrap { position:relative; width:100%; padding-bottom:60%; overflow:hidden; background:#2d1b4e; border-radius:12px 12px 0 0; flex-shrink:0; }
.bgs-card__image-wrap a { position:absolute; inset:0; display:block; }
.bgs-card__image { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform 0.45s ease; }
.bgs-card--lift:hover .bgs-card__image { transform:scale(1.05); }
.bgs-card__badge { position:absolute; top:0; right:0; background:#a78bfa; color:#1a0a2e; font-size:10px; font-weight:800; letter-spacing:0.08em; text-transform:uppercase; padding:5px 12px; clip-path:polygon(0 0,100% 0,100% 100%,15% 100%); border-radius:0 12px 0 0; z-index:2; }
.bgs-card__body { padding:16px 16px 20px; display:flex; flex-direction:column; flex:1; }
.bgs-card__cat { display:inline-block; font-size:10px; font-weight:700; letter-spacing:0.1em; text-transform:uppercase; color:#fff; background:rgba(255,255,255,0.15); padding:3px 10px; border-radius:4px; margin-bottom:10px; align-self:flex-start; }
.bgs-card__title { margin:0 0 8px; font-size:20px; font-weight:800; line-height:1.25; color:#fff; }
.bgs-card__title a { color:inherit; text-decoration:none; transition:opacity 0.2s; }
.bgs-card__title a:hover { opacity:0.8; }
.bgs-card__description { margin:0 0 16px; font-size:13px; line-height:1.6; color:rgba(255,255,255,0.65); flex:1; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.bgs-card__footer { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:auto; padding-top:12px; border-top:1px solid rgba(255,255,255,0.08); }
.bgs-card__price { display:flex; flex-direction:column; gap:2px; flex-shrink:0; }
.bgs-card__price-prefix { font-size:11px; color:rgba(255,255,255,0.55); line-height:1; }
.bgs-card__price-amount { font-size:20px; font-weight:800; color:#fff; line-height:1.1; }
.bgs-card__btn { display:inline-flex; align-items:center; justify-content:center; white-space:nowrap; text-decoration:none; font-size:12px; font-weight:700; letter-spacing:0.04em; text-transform:uppercase; padding:10px 20px; border-radius:999px; background:#7c3aed; color:#fff; border:none; cursor:pointer; transition:background 0.2s,transform 0.15s,box-shadow 0.15s; flex-shrink:0; }
.bgs-card__btn:hover { background:#5b21b6; transform:translateY(-1px); box-shadow:0 4px 14px rgba(124,58,237,0.45); }

/* Filter animations */
.bgs-widget[data-animation="fade"]     .bgs-card { transition:transform 0.25s ease,box-shadow 0.25s ease,opacity 0.3s ease; }
.bgs-widget[data-animation="slide-up"] .bgs-card { transition:transform 0.3s ease,box-shadow 0.25s ease,opacity 0.3s ease; }
.bgs-widget[data-animation="zoom"]     .bgs-card { transition:transform 0.25s ease,box-shadow 0.25s ease,opacity 0.25s ease; }
.bgs-widget[data-animation="fade"]     .bgs-card.bgs-hidden { opacity:0; pointer-events:none; visibility:hidden; }
.bgs-widget[data-animation="slide-up"] .bgs-card.bgs-hidden { opacity:0; transform:translateY(18px); pointer-events:none; visibility:hidden; }
.bgs-widget[data-animation="zoom"]     .bgs-card.bgs-hidden { opacity:0; transform:scale(0.9); pointer-events:none; visibility:hidden; }
.bgs-widget[data-animation="none"]     .bgs-card.bgs-hidden { display:none; }
.bgs-card.bgs-visible { opacity:1; transform:none; }
.bgs-grid .bgs-card.bgs-hidden { display:none; }
.bgs-widget[data-animation="fade"]     .bgs-grid .bgs-card.bgs-hidden,
.bgs-widget[data-animation="slide-up"] .bgs-grid .bgs-card.bgs-hidden,
.bgs-widget[data-animation="zoom"]     .bgs-grid .bgs-card.bgs-hidden { display:flex; visibility:hidden; width:0; overflow:hidden; padding:0; margin:0; border:0; }

/* ── Slider ─────────────────────────────────────────────── */
.bgs-slider-outer { position:relative; }
.bgs-swiper-wrap { position:relative; overflow:hidden; }
.bgs-swiper { overflow:visible; }
.bgs-swiper .swiper-wrapper { align-items:stretch; }
.bgs-swiper .swiper-slide { height:auto; }
.bgs-swiper-wrap .swiper-pagination { position:static; margin-top:16px; text-align:center; }
.swiper-pagination-bullet { background:rgba(255,255,255,0.3); opacity:1; width:8px; height:8px; transition:background 0.2s,transform 0.2s; }
.swiper-pagination-bullet-active { background:#7c3aed; transform:scale(1.4); }
.bgs-arrow { display:flex; align-items:center; justify-content:center; width:44px; height:44px; border-radius:50%; border:1px solid rgba(255,255,255,0.25); background:rgba(30,15,60,0.75); backdrop-filter:blur(6px); cursor:pointer; padding:0; transition:background 0.2s,border-color 0.2s,transform 0.15s,box-shadow 0.15s; flex-shrink:0; z-index:10; user-select:none; }
.bgs-arrow svg { width:18px; height:18px; stroke:#fff; fill:none; flex-shrink:0; pointer-events:none; }
.bgs-arrow:hover { background:rgba(124,58,237,0.85); border-color:rgba(124,58,237,0.9); transform:scale(1.08); box-shadow:0 4px 16px rgba(124,58,237,0.4); }
.bgs-arrow:active { transform:scale(0.95); }
.bgs-arrow.swiper-button-disabled { opacity:0.35; cursor:default; pointer-events:none; }
.bgs-arrows-sides { display:flex; align-items:center; gap:12px; }
.bgs-arrows-sides .bgs-swiper-wrap { flex:1; min-width:0; overflow:hidden; }
.bgs-arrows-inside { position:relative; }
.bgs-arrows-inside .bgs-swiper-wrap { overflow:hidden; }
.bgs-arrows-inside .bgs-arrow { position:absolute; top:50%; transform:translateY(-50%); }
.bgs-arrows-inside .bgs-arrow--prev { left:12px; }
.bgs-arrows-inside .bgs-arrow--next { right:12px; }
.bgs-arrows-inside .bgs-arrow:hover { transform:translateY(-50%) scale(1.08); }
.bgs-arrows-top-right { padding-top:60px; }
.bgs-arrows-top-right .bgs-arrow { position:absolute; top:0; }
.bgs-arrows-top-right .bgs-arrow--prev { right:56px; }
.bgs-arrows-top-right .bgs-arrow--next { right:0; }

/* ── Grid Slider ─────────────────────────────────────────── */
.bgs-gs-wrap { position:relative; width:100%; }
.bgs-gs-swiper { overflow:hidden; width:100%; }
.bgs-gs-swiper .swiper-slide { height:auto; width:100%; box-sizing:border-box; }
.bgs-gs-grid { display:grid; width:100%; box-sizing:border-box; }
.bgs-gs-card { position:relative; overflow:hidden; border:1px solid rgba(138,93,210,0.6); border-radius:12px; background:#1a0a2e; cursor:pointer; aspect-ratio:4/3; display:block; transition:border-color 0.22s ease,transform 0.25s ease,box-shadow 0.25s ease; }
.bgs-gs-card:hover { border-color:rgba(160,110,230,0.95); transform:translateY(-4px); box-shadow:0 14px 36px rgba(0,0,0,0.4); }
.bgs-gs-card__img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; transition:transform 0.45s ease; z-index:1; }
.bgs-gs-card:hover .bgs-gs-card__img { transform:scale(1.04); }
.bgs-gs-card__overlay { position:absolute; inset:0; z-index:2; display:flex; flex-direction:column; justify-content:flex-end; padding:22px 20px 20px; background:linear-gradient(to top,rgba(15,5,30,0.97) 0%,rgba(15,5,30,0.82) 35%,rgba(15,5,30,0.3) 65%,transparent 100%); border-radius:inherit; }
.bgs-gs-card__title { margin:0 0 8px; font-size:20px; font-weight:800; line-height:1.25; color:#fff; }
.bgs-gs-card__desc { margin:0 0 14px; font-size:13px; line-height:1.55; color:rgba(255,255,255,0.82); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.bgs-gs-card__readmore { display:inline-flex; align-items:center; gap:6px; font-size:11px; font-weight:700; letter-spacing:0.08em; text-transform:uppercase; color:#fff; text-decoration:none; transition:color 0.2s,gap 0.2s; align-self:flex-start; }
.bgs-gs-card__readmore svg { flex-shrink:0; transition:transform 0.2s; stroke:currentColor; }
.bgs-gs-card__readmore:hover { color:#a78bfa; gap:10px; }
.bgs-gs-card__readmore:hover svg { transform:translateX(3px); }
.bgs-gs-controls { display:flex; align-items:center; justify-content:space-between; margin-top:22px; gap:16px; }
.bgs-gs-pagination.swiper-pagination { position:static !important; display:inline-flex !important; align-items:center; gap:8px; flex:1; justify-content:center; bottom:auto !important; transform:none !important; }
.bgs-gs-pagination .swiper-pagination-bullet { background:rgba(255,255,255,0.35); opacity:1; width:10px; height:10px; border-radius:50%; margin:0 !important; transition:background 0.2s,transform 0.2s; cursor:pointer; display:block; flex-shrink:0; }
.bgs-gs-pagination .swiper-pagination-bullet-active { background:#fff; transform:scale(1.35); }
.bgs-gs-arrow { display:flex; align-items:center; justify-content:center; width:44px; height:44px; border-radius:50%; border:1px solid rgba(138,93,210,0.5); background:rgba(30,15,60,0.8); backdrop-filter:blur(6px); cursor:pointer; padding:0; flex-shrink:0; transition:background 0.2s,border-color 0.2s,transform 0.15s,box-shadow 0.15s; user-select:none; }
.bgs-gs-arrow svg { width:18px; height:18px; stroke:#fff; fill:none; pointer-events:none; flex-shrink:0; }
.bgs-gs-arrow:hover { background:rgba(124,58,237,0.9); border-color:rgba(124,58,237,0.9); transform:scale(1.08); box-shadow:0 4px 16px rgba(124,58,237,0.4); }
.bgs-gs-arrow:active { transform:scale(0.95); }
.bgs-gs-arrow.swiper-button-disabled { opacity:0.3; cursor:default; pointer-events:none; }

/* ── Responsive ─────────────────────────────────────────── */
@media (max-width:1024px) { .bgs-grid { grid-template-columns:repeat(2,1fr); } }
@media (max-width:767px) {
    .bgs-grid { grid-template-columns:1fr; }
    .bgs-card__title { font-size:17px; }
    .bgs-card__price-amount { font-size:17px; }
    .bgs-arrows-sides { gap:8px; }
    .bgs-arrow, .bgs-gs-arrow { width:36px; height:36px; }
    .bgs-arrow svg, .bgs-gs-arrow svg { width:15px; height:15px; }
    .bgs-gs-card__title { font-size:16px; }
    .bgs-gs-card__overlay { padding:14px 14px 16px; }
}

/* ══════════════════════════════════════════════════════════
   STANDALONE FILTER BAR WIDGET (bald_filter_bar)
══════════════════════════════════════════════════════════ */

.bgs-fb-bar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    position: relative;
}

/* ── Inline tabs layout ─────────────────────────────────── */
.bgs-fb-tabs-bar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    width: 100%;
}

.bgs-fb-label {
    font-size: 13px;
    font-weight: 500;
    color: rgba(255,255,255,0.75);
    white-space: nowrap;
    flex-shrink: 0;
}

/* Tab buttons (inline style) — collapsed borders */
.bgs-fb-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border: 1px solid rgba(138,93,210,0.55);
    border-right-width: 0;
    background: transparent;
    color: rgba(255,255,255,0.82);
    font-size: 13px;
    font-weight: 500;
    padding: 10px 22px;
    border-radius: 0;
    cursor: pointer;
    transition: background 0.18s, color 0.18s, border-color 0.18s;
    white-space: nowrap;
    outline: none;
    position: relative;
}
.bgs-fb-btn:first-of-type { border-radius: 6px 0 0 6px; }
.bgs-fb-btn:last-of-type  { border-right-width: 1px; border-radius: 0 6px 6px 0; }
.bgs-fb-btn:only-of-type  { border-radius: 6px; border-right-width: 1px; }
/* First tab after the label has no neighbour to collapse with */
.bgs-fb-label + .bgs-fb-btn { border-radius: 6px 0 0 6px; }

.bgs-fb-btn:hover {
    background: rgba(138,93,210,0.18);
    color: #fff;
    border-color: rgba(138,93,210,0.9);
    z-index: 1;
}
.bgs-fb-btn.is-active {
    background: rgba(138,93,210,0.22);
    color: #fff;
    border-color: rgba(160,110,230,0.95);
    border-right-width: 1px;
    z-index: 2;
}
.bgs-fb-btn.is-active + .bgs-fb-btn { border-left-width: 0; }
.bgs-fb-btn:focus-visible { outline: 2px solid rgba(160,110,230,0.8); outline-offset: -2px; z-index: 3; }

.bgs-fb-btn-icon {
    display: flex; align-items: center; flex-shrink: 0; opacity: 0.75;
}
.bgs-fb-btn-icon svg { stroke: currentColor; fill: none; }

/* ── Dropdown layout ─────────────────────────────────────── */
/* Mobile toggle removed — filter dropdown is shown directly on all breakpoints. */
.bgs-fb-mobile-toggle { display: none !important; }

/* Dropdown wrapper */
.bgs-fb-dropdown { position: relative; flex-shrink: 0; }

/* Dropdown trigger */
.bgs-fb-dd-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: 1px solid rgba(138,93,210,0.55);
    background: transparent;
    color: rgba(255,255,255,0.82);
    font-size: 13px;
    font-weight: 500;
    padding: 9px 16px;
    border-radius: 6px;
    cursor: pointer;
    transition: background 0.18s, border-color 0.18s, color 0.18s;
    white-space: nowrap;
    outline: none;
    min-width: 200px;
    justify-content: space-between;
}
.bgs-fb-dd-btn:hover,
.bgs-fb-dd-btn[aria-expanded="true"] {
    background: rgba(138,93,210,0.18);
    border-color: rgba(160,110,230,0.8);
    color: #fff;
}
.bgs-fb-dd-btn[aria-expanded="true"] .bgs-fb-dd-btn__chevron { transform: rotate(180deg); }
.bgs-fb-dd-btn__label  { flex: 1; text-align: left; }
.bgs-fb-dd-btn__chevron { display: flex; align-items: center; flex-shrink: 0; transition: transform 0.2s; opacity: 0.7; }
.bgs-fb-dd-btn__chevron svg { stroke: currentColor; fill: none; }

/* Dropdown menu */
.bgs-fb-dd-menu {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    min-width: 100%;
    background: #1e0f3c;
    border: 1px solid rgba(138,93,210,0.4);
    border-radius: 8px;
    list-style: none;
    margin: 0;
    padding: 6px 0;
    z-index: 200;
    box-shadow: 0 8px 32px rgba(0,0,0,0.45);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-6px);
    transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s;
}
.bgs-fb-dropdown.is-open .bgs-fb-dd-menu {
    opacity: 1; visibility: visible; transform: translateY(0);
}

.bgs-fb-dd-option {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 9px 16px;
    font-size: 13px;
    font-weight: 500;
    color: rgba(255,255,255,0.78);
    cursor: pointer;
    transition: background 0.15s, color 0.15s;
    white-space: nowrap;
    user-select: none;
}
.bgs-fb-dd-option:hover  { background: rgba(138,93,210,0.2); color: #fff; }
.bgs-fb-dd-option.is-active { color: #fff; background: rgba(138,93,210,0.25); }
.bgs-fb-dd-check { display: flex; align-items: center; flex-shrink: 0; width: 14px; height: 14px; opacity: 0; transition: opacity 0.15s; color: #a78bfa; }
.bgs-fb-dd-check svg { stroke: currentColor; fill: none; }
.bgs-fb-dd-option.is-active .bgs-fb-dd-check { opacity: 1; }

/* Time pills */
.bgs-fb-pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: 1px solid rgba(138,93,210,0.55);
    background: transparent;
    color: rgba(255,255,255,0.82);
    font-size: 13px;
    font-weight: 500;
    padding: 9px 18px;
    border-radius: 999px;
    cursor: pointer;
    transition: background 0.18s, color 0.18s, border-color 0.18s;
    white-space: nowrap;
    outline: none;
    flex-shrink: 0;
}
.bgs-fb-pill:hover  { background: rgba(138,93,210,0.18); color: #fff; border-color: rgba(138,93,210,0.9); }
.bgs-fb-pill.is-active { background: rgba(138,93,210,0.22); color: #fff; border-color: rgba(160,110,230,0.95); }
.bgs-fb-pill:focus-visible { outline: 2px solid rgba(160,110,230,0.8); outline-offset: 2px; }

/* ── Mobile responsive ──────────────────────────────────── */
@media (max-width: 767px) {
    .bgs-fb-style-dropdown .bgs-fb-label { display: none; }
    /* Dropdown + pills shown directly (no toggle) — full width */
    .bgs-fb-style-dropdown .bgs-fb-dropdown { display: block; width: 100%; }
    .bgs-fb-style-dropdown .bgs-fb-pill { display: inline-flex; }
    .bgs-fb-style-dropdown .bgs-fb-dd-btn { width: 100%; }
}

/* ── Section / heading visibility controlled by external filter ── */
/* Hiding is done via inline style (display:none) by JS — no CSS class needed.
   These are kept as fallbacks only. */
.elementor-element.bgs-section-hidden,
.bgs-collection-heading.bgs-heading-hidden {
    display: none !important;
}

/* ── Popup trigger button ── */
.bgs-popup-trigger {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    text-decoration: none;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    padding: 10px 20px;
    border-radius: 999px;
    background-color: #7c3aed;
    color: #ffffff;
    border: none;
    cursor: pointer;
    transition: background-color 0.2s, transform 0.15s, box-shadow 0.15s;
    flex-shrink: 0;
    line-height: 1;
    font-family: inherit;
}
.bgs-popup-trigger:hover {
    background-color: #5b21b6;
    color: #ffffff;
    transform: translateY(-1px);
    box-shadow: 0 4px 14px rgba(124,58,237,0.45);
    text-decoration: none;
}
.bgs-popup-trigger:active {
    transform: scale(0.97);
}

/* Reset for any <button> version still in use */
button.bgs-card__btn {
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
    font-family: inherit;
}