.mo-color-mode{display:inline-flex;gap:4px;background:var(--gift-soft,#e9eef6);padding:4px;border-radius:12px;margin:0 0 20px}
.mo-color-mode button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:9px 20px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--gift-muted,#52647d);font:inherit;font-weight:700;cursor:pointer}
.mo-color-mode button[aria-pressed=true]{background:var(--gift-paper,#fff);color:var(--gift-ink,#102034);border-color:var(--gift-line,#d6dfed);box-shadow:0 2px 5px #142b4510}
.mo-color-mode button:focus-visible,.mo-color-row button:focus-visible,.mo-color-select input:focus-visible{outline:3px solid var(--gift-blue,#1761ae);outline-offset:3px}
.mo-multicolor{margin-bottom:28px}.mo-multicolor-heading{display:flex;align-items:start;justify-content:space-between;gap:20px}.mo-multicolor-heading h3{font-size:19px;margin:0 0 6px}.mo-multicolor-heading p{color:var(--gift-muted,#52647d);font-size:14px;margin:0}.mo-multicolor-heading>strong{white-space:nowrap;font-size:13px;color:var(--gift-blue,#1761ae);background:var(--gift-soft,#e9eef6);border-radius:8px;padding:8px 10px}
.mo-multicolor-minimum{font-size:13px;color:var(--gift-muted,#52647d);margin:14px 0 16px;line-height:1.6}
.mo-multicolor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mo-color-row{border:1px solid var(--gift-line,#d6dfed);border-radius:12px;padding:12px;background:var(--gift-paper,#fff);min-width:0}.mo-color-row.is-selected{border-color:var(--gift-blue,#1761ae);background:var(--gift-soft,#f0f5fc)}
.mo-color-select{display:flex!important;align-items:center;gap:10px;cursor:pointer;margin:0!important}.mo-color-select input{width:18px!important;height:18px;flex:0 0 18px;accent-color:var(--gift-blue,#1761ae);margin:0}.mo-color-select img{object-fit:contain;border-radius:6px;background:#fff;flex:0 0 40px}.mo-color-select span{min-width:0}.mo-color-select strong{display:block;font-size:14px;line-height:1.35}.mo-color-select small{display:block;font-size:11px;color:var(--gift-muted,#52647d);font-weight:400;line-height:1.5;margin-top:3px}
.mo-color-row-controls{display:flex;align-items:center;gap:8px;margin-top:12px}.mo-color-row-controls label{font-size:12px!important;margin:0!important;color:var(--gift-muted,#52647d)}.mo-color-row-controls input[type=number]{width:86px!important;min-height:40px;text-align:center;font-weight:700;padding:8px!important;border-radius:8px!important}.mo-color-row-controls input:disabled{opacity:.4}.mo-color-row-controls button{margin-left:auto;border:0;background:transparent;padding:8px 0;font:inherit;font-size:12px;color:var(--gift-blue,#1761ae);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.mo-color-row-controls button:disabled{visibility:hidden}.mo-color-row-controls button[aria-pressed=true]{font-weight:700;text-decoration:none}
.mo-multicolor-context,.mo-multicolor-print{font-size:13px;line-height:1.55;margin:14px 0 0;color:var(--gift-muted,#52647d)}.mo-multicolor-print{border-left:3px solid var(--gift-blue,#1761ae);padding:10px 14px;background:var(--gift-soft,#e9eef6);border-radius:0 8px 8px 0}
.mo-color-breakdown{display:grid;gap:0;margin:0 0 18px;border:1px solid var(--gift-line,#d6dfed);border-radius:12px;overflow:hidden;background:var(--gift-paper,#fff)}.mo-color-breakdown-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:14px 16px}.mo-color-breakdown-row+.mo-color-breakdown-row{border-top:1px solid var(--gift-line,#d6dfed)}.mo-color-breakdown-row>span{display:grid;gap:3px;font-size:14px}.mo-color-breakdown-row small{font-size:12px;color:var(--gift-muted,#52647d)}.mo-color-breakdown-amount{text-align:right}.mo-color-breakdown-amount del{font-size:12px;color:var(--gift-muted,#52647d)}.mo-color-breakdown-amount.is-sale strong,.mo-color-breakdown-amount.is-sale small{color:#a32d20}
:is([data-theme=dark],[data-bs-theme=dark]) .mo-multicolor,:is([data-theme=dark],[data-bs-theme=dark]) .mo-color-breakdown,:is([data-theme=dark],[data-bs-theme=dark]) .mo-color-mode{--gift-paper:#152638;--gift-ink:#edf3fa;--gift-muted:#b9c6d8;--gift-line:#415571;--gift-blue:#98c6ff;--gift-soft:#213850;color:#edf3fa}:is([data-theme=dark],[data-bs-theme=dark]) .mo-color-breakdown-amount.is-sale strong,:is([data-theme=dark],[data-bs-theme=dark]) .mo-color-breakdown-amount.is-sale small{color:#ffb7a5}
@media(max-width:600px){.mo-multicolor-grid{grid-template-columns:1fr}.mo-multicolor-heading{flex-direction:column;gap:12px}.mo-color-mode{display:flex}.mo-color-mode button{flex:1}.mo-color-row{padding:14px}.mo-color-row-controls input[type=number]{width:96px!important}.mo-color-breakdown-row{gap:12px;padding:12px}}

:is([data-theme=dark],[data-bs-theme=dark]) .mo-multicolor{background:var(--gift-paper);padding:16px;border-radius:14px}