/* Compact inline photo swatches match the existing 32px fabric colors. */
.vc-crystal-settings{display:grid;gap:12px;margin-top:14px}
.vc-crystal-label{display:block;font-size:10px;margin-bottom:7px;color:#555}
.vc-crystal-palette{display:flex;flex-wrap:wrap;gap:8px;padding:3px}
.vc-crystal-choice.color-swatch{display:flex;align-items:center;justify-content:center;width:32px;height:32px;min-height:32px;flex:0 0 32px;padding:0;border:2px solid transparent;background:#f7f5f0;border-radius:50%}
.vc-crystal-choice[aria-pressed=true]{border-color:#121212}
.vc-crystal-photo{display:block;width:28px;height:28px;border-radius:50%;flex:none;background-image:url('/assets/crystals/reference.jpg');background-size:1362px 838.8px;background-repeat:no-repeat}
.vc-crystal-settings>label{display:flex;align-items:center;justify-content:space-between;gap:12px}
.vc-crystal-settings>label .vc-crystal-label{margin:0}
.vc-crystal-settings select{min-height:34px;width:auto;max-width:65%;border:1px solid #d6d6d6;border-radius:6px;background:#fff;font-size:12px;padding:5px 9px}
.vc-crystal-note,.vc-crystal-deadline{font-size:11px;line-height:1.5;margin:8px 0 0}
.vc-crystal-deadline{font-weight:600}
.vc-crystal-settings :focus-visible,#ui-Strass button:focus-visible{outline:3px solid #816738;outline-offset:3px}
#ui-Strass button{min-height:44px}
html[lang=ar] .vc-crystal-settings,html[lang=ar] .vc-crystal-note,html[lang=ar] .vc-crystal-deadline{direction:rtl}

/* Explicit spacing: the compiled utility CSS does not supply this section gap. */
#female-strass-section{margin-top:0;padding-top:32px}

#female-strass-section{border-top:0}

.vc-crystal-modes{display:flex;gap:4px;margin-top:14px;padding:3px;border-radius:7px;background:#efeeeb}.vc-crystal-modes button{flex:1;padding:7px 4px;font-size:11px;border-radius:5px;background:transparent}.vc-crystal-modes button[aria-pressed=true]{background:#fff;box-shadow:0 1px 3px #0002}.vc-crystal-mix-status{display:block;font-size:10px;color:#666;margin-bottom:5px}.vc-crystal-choice:disabled{opacity:.4;cursor:default}.vc-crystal-view{display:block;margin-top:10px;padding:8px 12px;border:1px solid #ccc;border-radius:6px;background:#fff;font-size:11px;width:100%}.vc-crystal-modes button:focus-visible,.vc-crystal-view:focus-visible{outline:2px solid #816738;outline-offset:2px}