/* ======================
   Basis / Wrapper
   ====================== */
.stijl-dna-wrapper {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px 0 120px 0;
}

.stijl-dna-empty,
.stijl-dna-loading {
    text-align: center;
    padding: 60px 20px;
    color: #777;
    font-size: 16px;
}

.stijl-dna-btn {
    padding: 14px 32px;
    background: #1a1a1a;
    color: #fff;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.stijl-dna-btn:hover:not(:disabled) {
    background: #333;
}

.stijl-dna-btn:disabled {
    background: #ccc;
    cursor: not-allowed;
}

.stijl-dna-btn-outline {
    background: transparent;
    color: #1a1a1a;
    border: 2px solid #1a1a1a;
}

.stijl-dna-btn-outline:hover:not(:disabled) {
    background: #1a1a1a;
    color: #fff;
}

.stijl-dna-btn-outline:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}