.musk-purchase-wrapper {
    font-family: 'DM Sans', sans-serif;
    color: #100e0b;
}
.musk-attribute-wrap { margin-bottom: 20px; }
.musk-var-label {
    font-family: 'Playfair Display', serif;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
}
.musk-swatches { display: flex; flex-wrap: wrap; gap: 10px; }
.musk-swatch {
    border: 1px solid #ccc;
    background: transparent;
    padding: 8px 16px;
    cursor: pointer;
    border-radius: 4px;
    transition: all 0.2s;
    user-select: none;
}
.musk-style-circle .musk-swatch {
    border-radius: 50%; width: 40px; height: 40px; padding: 0;
    display: flex; align-items: center; justify-content: center;
}
.musk-swatch:hover { border-color: #876523; }
.musk-swatch.active { border-color: #D4A12C; background-color: #fbf9f5; border-width: 2px; }
.musk-swatch.disabled { opacity: 0.5; text-decoration: line-through; cursor: not-allowed; }

.musk-purchase-controls { 
    display: flex; 
    flex-wrap: wrap; 
    gap: 15px; 
    align-items: flex-start;
}
.musk-qty-wrap {
    display: flex; align-items: center; justify-content: space-between;
    border: 1px solid #eae5db; border-radius: 4px;
    height: 45px; overflow: hidden; background: #fff; 
    width: 100%;
    flex: 0 0 100%;
}
.musk-qty-btn {
    background: transparent; border: none; width: 25%; font-size: 20px;
    cursor: pointer; color: #100e0b; height: 100%;
    display: flex; align-items: center; justify-content: center; padding: 0;
}
.musk-qty-input { 
    flex: 1; text-align: center; border: none; -moz-appearance: textfield; 
    width: auto; min-width: 0; font-size: 16px;
}
.musk-qty-input::-webkit-outer-spin-button, .musk-qty-input::-webkit-inner-spin-button {
    -webkit-appearance: none; margin: 0;
}
.musk-btn {
    height: 45px; border: none; border-radius: 4px; font-family: 'Playfair Display', serif;
    font-size: 16px; font-weight: 600; cursor: pointer; transition: background 0.3s, opacity 0.3s;
    flex: 1; width: calc(50% - 7.5px); margin: 0; padding: 0 10px;
    display: flex; align-items: center; justify-content: center;
    text-align: center; white-space: nowrap;
}
.musk-add-to-cart { background-color: #100e0b; color: #fff; }
.musk-add-to-cart:hover { background-color: #333; }
.musk-buy-now { background-color: #d4a12c; color: #100e0b; }
.musk-buy-now:hover { background-color: #b38520; }