.mpo-options { direction: rtl; text-align: right; margin: 10px 0 20px; width: 100%; flex-basis: 100%; }
.mpo-group { margin-bottom: 22px; }
.mpo-title { font-weight: 700; font-size: 15px; margin-bottom: 8px; color: #222; }
.mpo-req { color: #e02b27; }
.mpo-desc { font-size: 12px; font-style: italic; color: #777; margin: -4px 0 8px; }
.mpo-options .mpo-input, .mpo-options .mpo-select { width: 100%; max-width: 360px; height: 42px; border: 1px solid #ddd; border-radius: 6px; padding: 0 12px; font-size: 14px; background: #fff; }
.mpo-input:focus, .mpo-select:focus { border-color: #0bb4e6; outline: none; box-shadow: 0 0 0 2px rgba(11,180,230,.15); }
.mpo-group.mpo-error .mpo-input, .mpo-group.mpo-error .mpo-select { border-color: #e02b27; }
.mpo-group.mpo-error .mpo-title { color: #e02b27; }

.mpo-list { display: flex; flex-direction: column; gap: 8px; }
.mpo-item { display: flex; align-items: center; gap: 8px; cursor: pointer; font-size: 13px; color: #444; margin: 0; }
.mpo-item input { margin: 0; accent-color: #0bb4e6; width: 16px; height: 16px; }
.mpo-options .mpo-item img.mpo-item-img { width: 36px !important; height: 36px !important; max-width: 36px; object-fit: contain; border-radius: 4px; margin: 0; }

.mpo-swatches { display: flex; flex-wrap: wrap; gap: 12px; }
.mpo-swatch { position: relative; display: flex; flex-direction: column; align-items: center; gap: 6px; cursor: pointer; width: 76px; margin: 0; }
.mpo-swatch input { position: absolute; opacity: 0; pointer-events: none; }
.mpo-swatch-img { width: 64px; height: 64px; border: 2px solid #e5e5e5; border-radius: 8px; overflow: hidden; display: flex; align-items: center; justify-content: center; background: #fff; transition: border-color .15s, box-shadow .15s; }
.mpo-options .mpo-swatch-img img { width: 100% !important; height: 100% !important; max-width: none; object-fit: contain; margin: 0; }
.mpo-swatch-label { font-size: 11px; line-height: 1.4; text-align: center; color: #555; }
.mpo-swatch:hover .mpo-swatch-img { border-color: #bbb; }
.mpo-swatch input:checked + .mpo-swatch-img { border-color: #0bb4e6; box-shadow: 0 0 0 2px rgba(11,180,230,.25); }
.mpo-swatch input:focus-visible + .mpo-swatch-img { outline: 2px solid #0bb4e6; outline-offset: 2px; }
.mpo-none-icon { font-size: 26px; color: #aaa; }
.mpo-noimg { font-weight: 700; color: #888; }

.mpo-summary { border-top: 1px dashed #ddd; padding-top: 12px; margin-top: 4px; display: flex; flex-direction: column; gap: 4px; font-size: 14px; }
.mpo-summary strong { color: #0bb4e6; }

/* Hide copies inside theme sticky add-to-cart bars */
.wd-sticky-btn .mpo-options, .woodmart-sticky-btn .mpo-options, .sticky-add-to-cart .mpo-options { display: none !important; }

/* When shown outside the buy form (e.g. under the gallery) */
.mpo-options.mpo-relocated { margin-top: 24px; max-width: 100%; }
.mpo-options.mpo-relocated .mpo-input, .mpo-options.mpo-relocated .mpo-select { max-width: 100%; }