/* /Components/Admin/FileManager.razor.rz.scp.css */
.file-manager-container[b-ft7mrlq1vm] {
    display: flex;
    flex-direction: column;
    height: 100vh;
    background: #f8f9fa;
}

.file-manager-header[b-ft7mrlq1vm] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.5rem;
    background: white;
    border-bottom: 1px solid #e0e0e0;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.file-manager-header h3[b-ft7mrlq1vm] {
    margin: 0;
    color: #333;
    font-weight: 600;
}

.search-container[b-ft7mrlq1vm] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.search-btn[b-ft7mrlq1vm] {
    white-space: nowrap;
}

.file-manager-content[b-ft7mrlq1vm] {
    display: flex;
    flex: 1;
    overflow: hidden;
}

.sidebar[b-ft7mrlq1vm] {
    width: 300px;
    background: white;
    border-right: 1px solid #e0e0e0;
    overflow-y: auto;
    padding: 1rem;
}

.folder-tree h5[b-ft7mrlq1vm] {
    margin: 0 0 1rem 0;
    color: #555;
    font-weight: 600;
}

.folder-tree-view[b-ft7mrlq1vm] {
    width: 100%;
}

.main-content[b-ft7mrlq1vm] {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: white;
}

.toolbar[b-ft7mrlq1vm] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.5rem;
    background: #f8f9fa;
    border-bottom: 1px solid #e0e0e0;
}

.toolbar-left[b-ft7mrlq1vm] {
    font-weight: 500;
    color: #666;
}

.current-path[b-ft7mrlq1vm] {
    font-family: monospace;
    background: #e9ecef;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    font-size: 0.9rem;
}

.toolbar-right[b-ft7mrlq1vm] {
    display: flex;
    gap: 0.5rem;
}

.toolbar-btn[b-ft7mrlq1vm] {
    font-size: 0.9rem;
    width: 200px;
    margin-right: 20px;
}

.upload-area[b-ft7mrlq1vm] {
    padding: 1rem 1.5rem;
    border-bottom: 1px solid #e0e0e0;
    background: #f8f9fa;
}

.file-upload[b-ft7mrlq1vm] {
    width: 100%;
}

.upload-layout[b-ft7mrlq1vm] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.upload-dropzone[b-ft7mrlq1vm] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    border: 2px dashed #007bff;
    border-radius: 8px;
    background: #f8f9ff;
    transition: all 0.3s ease;
}

.upload-dropzone:hover[b-ft7mrlq1vm] {
    background: #e6f3ff;
    border-color: #0056b3;
}

.upload-text[b-ft7mrlq1vm] {
    color: #666;
    font-style: italic;
}

.file-grid[b-ft7mrlq1vm] {
    flex: 1;
    padding: 1.5rem;
    overflow: auto;
}

.loading-spinner[b-ft7mrlq1vm] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 200px;
}

.file-grid-view[b-ft7mrlq1vm] {
    height: 100%;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
}

.file-name-cell[b-ft7mrlq1vm] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.file-thumbnail[b-ft7mrlq1vm] {
    width: 40px;
    height: 40px;
    object-fit: cover;
    border-radius: 4px;
    border: 1px solid #e0e0e0;
}

.file-icon[b-ft7mrlq1vm] {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f8f9fa;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    color: #666;
    font-size: 1.2rem;
}

.file-name[b-ft7mrlq1vm] {
    font-weight: 500;
    color: #333;
}

.action-btn[b-ft7mrlq1vm] {
    margin-right: 0.5rem;
    font-size: 0.85rem;
}

.delete-btn[b-ft7mrlq1vm] {
    color: #dc3545 !important;
}

.delete-btn:hover[b-ft7mrlq1vm] {
    color: #c82333 !important;
}

.empty-folder[b-ft7mrlq1vm] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 300px;
    color: #999;
}

.empty-icon[b-ft7mrlq1vm] {
    font-size: 4rem;
    margin-bottom: 1rem;
    opacity: 0.5;
}

.dialog-footer[b-ft7mrlq1vm] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    padding: 1rem 0 0 0;
    margin-right:20px;
}

.rename-dialog[b-ft7mrlq1vm] {
    padding: 1rem 0;
    margin-left: 20px;
    margin-right: 20px;
}

.delete-dialog[b-ft7mrlq1vm] {
    padding: 1rem 0;
    text-align: center;
}

.warning-text[b-ft7mrlq1vm] {
    color: #dc3545;
    font-weight: 500;
    margin: 0.5rem 0 0 0;
}

@media (max-width: 768px) {
    .file-manager-content[b-ft7mrlq1vm] {
        flex-direction: column;
    }

    .sidebar[b-ft7mrlq1vm] {
        width: 100%;
        height: 200px;
        border-right: none;
        border-bottom: 1px solid #e0e0e0;
    }

    .file-manager-header[b-ft7mrlq1vm] {
        flex-direction: column;
        gap: 1rem;
        align-items: stretch;
    }

    .toolbar[b-ft7mrlq1vm] {
        flex-direction: column;
        gap: 1rem;
        align-items: stretch;
    }

    .toolbar-right[b-ft7mrlq1vm] {
        justify-content: center;
        flex-wrap: wrap;
    }
}
/* /Components/Admin/Noxcess.razor.rz.scp.css */
.category-header[b-0j9yeqili8],
.category-row[b-0j9yeqili8] {
    display: grid;
    grid-template-columns: 80px 80px 120px 1fr 90px 70px;
    gap: 8px;
    font-family: monospace;
    align-items: center;
}

.category-header[b-0j9yeqili8] {
    font-weight: 600;
    border-bottom: 1px solid #ccc;
}

.category-row[b-0j9yeqili8] {
    border-bottom: 1px solid #eee;
}

.debug-stats[b-0j9yeqili8] {
    display: flex;
    gap: 16px;
    padding: 6px 10px;
    background: #f6f7f9;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-family: monospace;
    font-size: 0.9rem;
}

.debug-stats strong[b-0j9yeqili8] {
    color: #555;
}

.debug-page[b-0j9yeqili8]{
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
}
/* /Components/Admin/TheBridge.razor.rz.scp.css */
/* LCARS palette */
:root[b-pchoejscw5] {
    --lcars-bg: #0b0b12;
    --lcars-ink: #f2e9e4;
    --lcars-orange: #e27d60;
    --lcars-salmon: #ff9a76;
    --lcars-tan: #cdb4a0;
    --lcars-blue: #7ac7e3;
    --lcars-violet: #a68cff;
    --lcars-amber: #ffcc66;
    --lcars-accent: #ffd6a5;
}

.lcars-wrap[b-pchoejscw5] {
    min-height: calc(100vh - 0px);
    background: radial-gradient(1200px 600px at 10% -10%, #1a1a28 0%, var(--lcars-bg) 60%);
    color: var(--lcars-ink);
    font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
    padding: 24px;
}

/* Header */
.lcars-head[b-pchoejscw5] {
    display: grid;
    grid-template-columns: 60px 1fr 120px 90px auto 60px;
    align-items: center;
    gap: 10px;
    margin-bottom: 22px;
}

.lcars-cap[b-pchoejscw5] {
    height: 40px;
    background: var(--lcars-salmon);
    border-radius: 22px;
}
.lcars-cap.left[b-pchoejscw5] { border-top-left-radius: 60px; border-bottom-left-radius: 60px; }
.lcars-cap.right[b-pchoejscw5] { border-top-right-radius: 60px; border-bottom-right-radius: 60px; }

.lcars-band[b-pchoejscw5] { height: 18px; border-radius: 12px; }
.band-a[b-pchoejscw5] { background: var(--lcars-orange); }
.band-b[b-pchoejscw5] { background: var(--lcars-blue); }
.band-c[b-pchoejscw5] { background: var(--lcars-violet); }

.lcars-title[b-pchoejscw5] {
    justify-self: center;
    letter-spacing: 0.28em;
    font-weight: 700;
    font-size: 1.25rem;
    color: var(--lcars-accent);
    text-shadow: 0 0 18px rgba(255, 214, 165, 0.25);
}

/* Panel layout */
.lcars-panel[b-pchoejscw5] {
    display: grid;
    grid-template-columns: 120px 1fr 120px;
    gap: 18px;
    align-items: stretch;
}

.lcars-col.left-rail[b-pchoejscw5], .lcars-col.right-rail[b-pchoejscw5] {
    display: grid;
    align-content: start;
    gap: 14px;
}

.rail-seg[b-pchoejscw5] {
    height: 72px;
    border-radius: 36px;
    background: linear-gradient(90deg, var(--lcars-orange), var(--lcars-salmon));
    box-shadow: inset 0 0 0 4px rgba(0,0,0,0.25);
}
.seg-2[b-pchoejscw5] { background: linear-gradient(90deg, var(--lcars-amber), var(--lcars-tan)); }
.seg-3[b-pchoejscw5] { background: linear-gradient(90deg, var(--lcars-blue), var(--lcars-violet)); }

.rail-chip[b-pchoejscw5] {
    height: 28px;
    border-radius: 18px;
    background: var(--lcars-tan);
    opacity: .85;
}
.chip-2[b-pchoejscw5] { background: var(--lcars-blue); }
.chip-3[b-pchoejscw5] { background: var(--lcars-orange); }

.lcars-core[b-pchoejscw5] {
    position: relative;
    border-radius: 38px;
    padding: 28px;
    background:
            radial-gradient(900px 300px at 20% -10%, rgba(122,199,227,.15), transparent 60%),
            rgba(255,255,255,0.04);
    box-shadow:
            0 14px 40px rgba(0,0,0,0.55),
            inset 0 0 0 3px rgba(255,255,255,0.06);
    backdrop-filter: blur(10px);
}

.lcars-core-title[b-pchoejscw5] {
    display: flex;
    align-items: baseline;
    gap: 14px;
    font-weight: 700;
    letter-spacing: .18em;
    color: var(--lcars-amber);
    margin-bottom: 20px;
    text-transform: uppercase;
}
.lcars-core-title .blink[b-pchoejscw5] {
    animation: blink-b-pchoejscw5 1.2s infinite steps(2, jump-none);
    color: var(--lcars-salmon);
    filter: drop-shadow(0 0 6px rgba(255,154,118,.6));
}
@keyframes blink-b-pchoejscw5 { 50% { opacity: .2; } }
.lcars-core-title .stardate[b-pchoejscw5] {
    margin-left: auto;
    font-size: .9rem;
    color: #b9b4c7;
    letter-spacing: .14em;
}

/* Button */
.lcars-btn-grid[b-pchoejscw5] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 18px;
    margin-bottom: 10px;
}

.lcars-btn[b-pchoejscw5] {
    --padY: 16px; --padX: 22px;
    border: none;
    background: transparent;
    border-radius: 999px;
    padding: 0;
    margin-bottom: 10px;
}

.lcars-btn .dxbs-btn[b-pchoejscw5] {
    /* ensure DevExpress button adopts our chrome */
    background: linear-gradient(90deg, var(--lcars-orange), var(--lcars-salmon));
    color: #1b1212 !important;
    border: 0 !important;
    padding: var(--padY) var(--padX) !important;
    border-radius: 999px !important;
    box-shadow: 0 8px 22px rgba(226,125,96,.35), inset 0 0 0 3px rgba(0,0,0,.2);
    transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
}

.lcars-btn .dxbs-btn:hover[b-pchoejscw5] { transform: translateY(-2px); filter: saturate(1.1); }
.lcars-btn .dxbs-btn:active[b-pchoejscw5] { transform: translateY(0); box-shadow: 0 4px 12px rgba(226,125,96,.25); }

.lcars-btn-inner[b-pchoejscw5] {
    display: grid;
    grid-template-columns: 68px auto;
    align-items: center;
    gap: 14px;
}

.btn-tag[b-pchoejscw5] {
    display: inline-block;
    background: #1b1212;
    color: var(--lcars-accent);
    padding: 10px 14px;
    border-radius: 18px;
    letter-spacing: .22em;
    font-weight: 700;
    font-size: .9rem;
    box-shadow: inset 0 0 0 2px rgba(255, 214, 165, .3);
    text-align: center;
}
.btn-text[b-pchoejscw5] {
    text-transform: uppercase;
    letter-spacing: .18em;
    font-weight: 800;
    font-size: 1.05rem;
}

/* Status area */
.lcars-status[b-pchoejscw5] { margin-top: 20px; min-height: 38px; }
.lcars-status .idle[b-pchoejscw5] { color: #b9b4c7; }
.lcars-status .complete[b-pchoejscw5] { color: #aa001f; text-shadow: 0 0 10px rgba(156,255,179,.25); }

.scanline[b-pchoejscw5] {
    position: relative;
    padding-left: 10px;
    color: var(--lcars-ink);
}
.scanline .runner[b-pchoejscw5] {
    position: relative;
    display: inline-block;
    width: 120px;
    height: 10px;
    margin-left: 12px;
    border-radius: 10px;
    background: linear-gradient(90deg, transparent, var(--lcars-blue), transparent);
    animation: sweep-b-pchoejscw5 1.4s linear infinite;
    filter: drop-shadow(0 0 12px rgba(122,199,227,.7));
}
@keyframes sweep-b-pchoejscw5 {
    0% { transform: translateX(-30px); opacity: .7; }
    50% { opacity: 1; }
    100% { transform: translateX(100px); opacity: .7; }
}

/* Footer */
.lcars-foot[b-pchoejscw5] {
    display: grid;
    grid-template-columns: 1fr 80px 1fr 120px;
    gap: 12px;
    margin-top: 26px;
}
.lcars-foot-band[b-pchoejscw5] {
    height: 14px; border-radius: 10px;
    box-shadow: inset 0 0 0 2px rgba(0,0,0,.25);
}
.f1[b-pchoejscw5] { background: var(--lcars-salmon); }
.f2[b-pchoejscw5] { background: var(--lcars-tan); }
.f3[b-pchoejscw5] { background: var(--lcars-blue); }
.f4[b-pchoejscw5] { background: var(--lcars-amber); }

/* DevExpress button text fix on dark */
.dxbs-btn[b-pchoejscw5] { color: #111; }
/* /Components/CheckoutFinalised.razor.rz.scp.css */
/* /Components/CheckoutView.razor.rz.scp.css */
.hidden[b-7cc5obdw7k] {
    display: none;
}

.dxbl-wait-indicator[b-7cc5obdw7k] {
    --dxbl-wait-indicator-color: white;
}

.fullwidth[b-7cc5obdw7k]{
    width: 100%;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-6o9jo6u8c1] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-6o9jo6u8c1] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }


 /* 007-style number-plate flip for the footer address */
 .address-rotator-wrap[b-6o9jo6u8c1] {
     perspective: 900px;
 }
/* /Components/ReceiptView.razor.rz.scp.css */
.receipt-wrapper[b-m54jx3t1uu] {
    max-width: 360px;
    margin: 2rem auto;
    padding: 16px 18px;
    background: #f9f9f9;
    border-radius: 8px;
    box-shadow: 0 4px 18px rgba(0,0,0,0.12);
    font-family: "Menlo", "Consolas", monospace;
    color: #222;
}

.receipt-paper[b-m54jx3t1uu] {
    background: #fff;
    padding: 16px 14px 20px;
    border-radius: 4px;
    box-shadow: 0 0 0 1px #eee inset;
    position: relative;
}

.receipt-paper[b-m54jx3t1uu]::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -8px;
    height: 8px;
    background-image: repeating-linear-gradient(
            -45deg,
            #fff 0,
            #fff 4px,
            #f1f1f1 4px,
            #f1f1f1 8px
    );
    border-radius: 0 0 4px 4px;
}

.receipt-header[b-m54jx3t1uu] {
    text-align: center;
    margin-bottom: 10px;
}

.receipt-header .merchant[b-m54jx3t1uu] {
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-size: 0.85rem;
}

.receipt-header .sub[b-m54jx3t1uu] {
    font-size: 0.75rem;
    margin-top: 2px;
}

.receipt-section[b-m54jx3t1uu] {
    margin: 8px 0;
    font-size: 0.8rem;
}

.receipt-label-row[b-m54jx3t1uu],
.receipt-row[b-m54jx3t1uu] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.receipt-label[b-m54jx3t1uu] {
    text-transform: uppercase;
    font-size: 0.7rem;
    letter-spacing: 0.05em;
    color: #777;
}

.receipt-value[b-m54jx3t1uu] {
    font-weight: 600;
}

.receipt-divider[b-m54jx3t1uu] {
    border: 0;
    border-top: 1px dashed #ccc;
    margin: 6px 0;
}

.receipt-total[b-m54jx3t1uu] {
    font-size: 0.9rem;
    margin-top: 4px;
}

.receipt-total .label[b-m54jx3t1uu] {
    font-weight: 700;
}

.receipt-total .amount[b-m54jx3t1uu] {
    font-weight: 700;
}

.receipt-footer[b-m54jx3t1uu] {
    margin-top: 10px;
    text-align: center;
    font-size: 0.7rem;
    color: #777;
}

.receipt-footer .status[b-m54jx3t1uu] {
    font-weight: 700;
    letter-spacing: 0.08em;
    margin-bottom: 4px;
}

.status-approved[b-m54jx3t1uu] {
    color: #0a8a3c; /* eftpos green */
    font-weight: 700;
}
.status-declined[b-m54jx3t1uu] {
    color: #c62828; /* classic eftpos red */
    font-weight: 700;
}

.receipt-message[b-m54jx3t1uu] {
    margin-top: 18px;
    padding: 12px 14px;
    border-radius: 6px;
    font-size: 0.85rem;
}

.receipt-success[b-m54jx3t1uu] {
    border: 1px solid #c8e6c9;
    background: #f1fff3;
    color: #1b5e20;
}

.receipt-failed[b-m54jx3t1uu] {
    border: 1px solid #ffcdd2;
    background: #fff5f5;
    color: #b71c1c;
}

.receipt-message h4[b-m54jx3t1uu] {
    margin: 0 0 4px 0;
    font-size: 0.95rem;
}
/* /Components/SearchPanel.razor.rz.scp.css */
.search-panel-header[b-pe0cxydh16] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 12px;
    padding-right: 12px;
    background: #f4f4f4;
    border-bottom: 1px solid #ddd;
    font-weight: bold;
}

.search-panel.visible[b-pe0cxydh16] {
    top: 50px;
}

.search-panel[b-pe0cxydh16] {
    position: fixed;
    top: -700px; /* below main menu */
    /*right: -910px; !* hidden by default *!*/
    /* left position is set dynamically via inline style */
    width: 800px;
    height: calc(100vh - 60px);
    max-height: 640px;
    background: white;
    border-left: 2px solid #ccc;
    transition: right 0.3s ease;
    z-index: 1100;
    display: flex;
    flex-direction: column;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.search-panel-content[b-pe0cxydh16] {
    flex: 1;
    padding: 1rem;
    overflow-y: auto;            /* make body scroll */
    overscroll-behavior: contain;/* avoid background scroll chaining */
}

.searching-container[b-pe0cxydh16] {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    text-align: center;
    color: #444;
}

.search-results[b-pe0cxydh16]{
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 10px;
}

.search-result[b-pe0cxydh16] {
    border-radius: 14px;
    padding: 12px 14px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0,0,0,.06), 0 4px 12px rgba(0,0,0,.04);
    cursor: pointer;
    transition: transform .06s ease, box-shadow .12s ease;
}
.search-result:hover[b-pe0cxydh16] {
    transform: translateY(-1px);
    box-shadow: 0 6px 18px rgba(0,0,0,.08);
}
.search-result-title[b-pe0cxydh16] { font-weight: 600; letter-spacing: .2px; }
.search-result-sub[b-pe0cxydh16]   { font-size: .9rem; opacity: .75; margin-top: 2px; }
.search-result-tags[b-pe0cxydh16]  { margin-top: 8px; display: flex; flex-wrap: wrap; gap: 6px; }
.pill[b-pe0cxydh16] { font-size: .75rem; padding: 4px 8px; border-radius: 999px; background: #f2f4f7; border: 1px solid #e5e7eb; }
mark[b-pe0cxydh16] { background: #fff2ab; padding: 0 .15em; border-radius: 3px; }

.search-popup .dxbs-modal-content[b-pe0cxydh16] {
    display: flex;             /* header + body stack vertically */
    flex-direction: column;
}

.search-popup .dxbs-modal-body[b-pe0cxydh16] {
    padding: 0;                /* we'll pad the inner body */
}

.search-body[b-pe0cxydh16] {
    padding: 16px;
    overflow-y: auto;          /* <-- scroll here */
    max-height: min(70vh, 640px);
}

/* “sexy” list styles */
.result-list[b-pe0cxydh16] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 10px;
}

.result-item[b-pe0cxydh16] {
    border-radius: 14px;
    padding: 14px 16px;
    box-shadow: 0 1px 2px rgba(0,0,0,.06), 0 4px 12px rgba(0,0,0,.04);
    background: #fff;
    cursor: pointer;
    transition: transform .06s ease, box-shadow .12s ease;
}
.result-item:hover[b-pe0cxydh16] {
    transform: translateY(-1px);
    box-shadow: 0 6px 18px rgba(0,0,0,.08);
}
.result-title[b-pe0cxydh16] {
    font-weight: 600;
    letter-spacing: .2px;
}
.result-sub[b-pe0cxydh16] {
    font-size: .9rem;
    opacity: .75;
    margin-top: 2px;
}
.result-tags[b-pe0cxydh16] {
    margin-top: 8px;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}
.pill[b-pe0cxydh16] {
    font-size: .75rem;
    padding: 4px 8px;
    border-radius: 999px;
    background: #f2f4f7;
    border: 1px solid #e5e7eb;
}

/* highlight */
mark[b-pe0cxydh16] {
    background: #fff2ab;
    padding: 0 .15em;
    border-radius: 3px;
}
.empty[b-pe0cxydh16] {
    padding: 24px;
    text-align: center;
    opacity: .7;
}

/* sections */
.sp-section[b-pe0cxydh16] { margin-bottom: .75rem; }
.sp-section-title[b-pe0cxydh16] { font-weight: 600; margin: .25rem 0 .5rem; }

/* CATEGORIES: each on its own line (or neat grid on wider screens) */
.sp-cats[b-pe0cxydh16] { list-style: none; margin: 0; padding: 0; display: grid; gap: .4rem; }
.sp-cats li[b-pe0cxydh16] { margin: 0; }
.sp-cat[b-pe0cxydh16] {
    display: block;               /* <-- key: one per line */
    padding: .45rem .6rem;
    border-radius: .5rem;
    text-decoration: none;
    background: rgba(0,0,0,.04);
}
.sp-cat:hover[b-pe0cxydh16] { background: rgba(0,0,0,.08); }

/* On wider screens you can switch to a tidy grid of pills per row */
@media (min-width: 700px) {
    .sp-cats[b-pe0cxydh16] { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (min-width: 1100px) {
    .sp-cats[b-pe0cxydh16] { grid-template-columns: repeat(4, minmax(0,1fr)); }
}

/* PRODUCTS: one clickable ROW each */
.sp-products[b-pe0cxydh16] { display: grid; gap: .6rem; }
.sp-prod[b-pe0cxydh16] {
    display: grid;
    grid-template-columns: 64px 1fr;  /* thumbnail | text */
    gap: .7rem;
    align-items: center;
    padding: .5rem .6rem;
    border-radius: .6rem;
    text-decoration: none;
    background: rgba(0,0,0,.02);
}
.sp-prod:hover[b-pe0cxydh16] { background: rgba(0,0,0,.06); }

.sp-thumb[b-pe0cxydh16] { width: 64px; height: 64px; border-radius: .4rem; overflow: hidden; background: rgba(0,0,0,.05); display:flex; align-items:center; justify-content:center;}
.sp-thumb img[b-pe0cxydh16] { width: 100%; height: 100%; object-fit: cover; display:block; }

.sp-meta[b-pe0cxydh16] { min-width: 0; }
.sp-line[b-pe0cxydh16] { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sp-brand[b-pe0cxydh16] { font-weight: 600; }
.sp-sku[b-pe0cxydh16] { font-size: .9rem; opacity: .85; }
.sp-desc[b-pe0cxydh16] { font-size: .9rem; opacity: .9; }


.sp-cat[b-pe0cxydh16],
.sp-prod[b-pe0cxydh16] {
    color: #1a1a1a;           /* neutral dark gray text */
}

.sp-cat:hover[b-pe0cxydh16],
.sp-prod:hover[b-pe0cxydh16] {
    color: #0078d7;           /* Azure-blue hover */
}