.image-nav-btn {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 10;
        opacity: 0.7;
        transition: opacity 0.3s;
    }
    .image-nav-btn:hover { opacity: 1; }
    .image-nav-left { left: 5px; }
    .image-nav-right { right: 5px; }
    .table.is-borderless td, .table.is-borderless th { border: none; padding: 0.4em 0; }
    .btn-accent { background-color: var(--accent) !important; color: white !important; border: none; }
    .btn-brand { color: var(--brand) !important; }
    .accordion-header { border: 1px solid #ddd; border-radius: 4px; }
    .accordion-content { display: block; border: 1px solid #ddd; border-top: none; }
    .supplier-content.is-active {  border:1px solid var(--accent); }
    .attr-table th { width: 35%; background-color: #f9f9f9; }



.dk-box {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    padding: 1.5rem;
    margin-bottom: 1.5rem;
}

.dk-box-title {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.05rem;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 1rem;
}

/* Basic info table (top box) */
.dk-info-table {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9rem;
}
.dk-info-table th {
    color: #1a1a1a;
    font-weight: 700;
    white-space: nowrap;
    padding: 0.55rem 0.75rem;
    vertical-align: top;
    width: 200px;
    border: none;
}
.dk-info-table td {
    color: #333;
    padding: 0.55rem 0.75rem;
    vertical-align: top;
    border: none;
}
.dk-info-table tr:not(:last-child) th,
.dk-info-table tr:not(:last-child) td {
    border-bottom: 1px solid #f2f2f2;
}

/* Image box */
.dk-image-box {
    border-radius: 6px;
    padding: 1rem;
    background: #fff;
    cursor: pointer;
}

/* Attributes table */
.dk-attr-table {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.88rem;
    border-collapse: collapse;
    width: 100%;
}
.dk-attr-table th {
    background: #f4f5f7;
    color: #262626;
    font-weight: 700;
    text-align: right;
    padding: 0.65rem 0.9rem;
    width: 30%;
    border: 1px solid #ececec;
}
.dk-attr-table td {
    background: #fff;
    color: #333;
    padding: 0.65rem 0.9rem;
    border: 1px solid #ececec;
}
.dk-attr-table tr:nth-child(even) th,
.dk-attr-table tr:nth-child(even) td {
    background: #f9fafb;
}

.btn-brand {
    color: #1a5cd8;
    font-weight: 600;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
}
.btn-brand:hover { text-decoration: underline; }