.j-charms{display:block;margin:18px 0;color:#202640;font-family:Arial,Helvetica,sans-serif}.j-charms button{font:inherit;cursor:pointer}.j-charms-open{display:flex;align-items:center;gap:12px;width:100%;min-height:52px;background:#f6f7fb;border:1px solid #cbd1e0;border-radius:6px;padding:12px 14px;text-align:left;color:#202640;font-size:14px}.j-charms-open>span:first-child{flex:1}.j-charms-hint{font-size:12px;line-height:1.5;color:#666;margin:10px 0 14px}.j-charms-error{color:#a12424;font-size:13px}.j-charms-fallback label{display:block;font-size:13px;margin-top:12px}.j-charms-fallback select{width:100%;font-size:16px;min-height:44px}.j-charms[data-enhanced] .j-charms-fallback{display:none}.j-charms-dialog{color:#202640;border:0;padding:0;max-height:92dvh;max-width:100%;width:500px;border-radius:12px 12px 0 0;margin:auto 0 0 auto;background:#fff;box-shadow:0 0 30px #0002}.j-charms-dialog::backdrop{background:#0006}.j-charms-dialog header{display:flex;align-items:center;padding:18px 20px;border-bottom:1px solid #eee}.j-charms-dialog h2{font-family:Georgia,serif;font-size:23px;margin:0;flex:1;font-weight:400}.j-charms-dialog header button{width:44px;height:44px;background:none;border:0;font-size:28px}.j-charms-content{padding:0 20px 20px;max-height:calc(92dvh - 166px);overflow:auto;overscroll-behavior:contain}.j-charms-slots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:16px 0}.j-charms-slots button{background:#fff;border:1px solid #d2d7e8;border-radius:6px;color:#202640;min-height:62px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:11px;padding:8px}.j-charms-slots button[aria-pressed=true]{border-color:#202640;box-shadow:inset 0 0 0 1px #202640;background:#eef0f8}.j-charms-categories{display:flex;gap:6px;overflow-x:auto;padding:0 0 10px;margin:0 0 12px;scrollbar-width:none}.j-charms-categories button{border:0;border-bottom:2px solid transparent;background:#fff;min-height:44px;padding:8px 10px;white-space:nowrap;color:#666;font-size:12px}.j-charms-categories button[aria-pressed=true]{color:#202640;border-color:#202640}.j-charms-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.j-charms-choice{border:1px solid #e5e7ed;border-radius:6px;min-height:96px;background:#fff;display:flex;flex-direction:column;gap:7px;align-items:center;justify-content:center;padding:10px 4px;color:#202640;font-size:11px!important}.j-charms-choice:disabled{opacity:.35;cursor:default}.j-charms-choice[aria-pressed=true]{border-color:#202640;box-shadow:inset 0 0 0 1px #202640;background:#f6f7fb}.j-charms-symbol{display:flex;align-items:center;justify-content:center;height:42px;width:42px;color:#b89039;text-shadow:1px 1px 1px #dfbf65;font-size:32px;font-family:Georgia,serif}.j-charms[data-finish=silver] .j-charms-symbol{color:#92989d;text-shadow:1px 1px 1px #ddd}.j-charms-symbol img{width:42px;height:42px;object-fit:contain}.j-charms-symbol svg{width:36px;height:36px}.j-charms-dialog footer{padding:14px 20px;border-top:1px solid #eee;background:#fff}.j-charms-dialog footer .j-btn{width:100%;min-height:48px}.j-charms-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.j-charms-summary:empty{display:none}.j-charms-summary button{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #e5e7ed;background:#fff;border-radius:6px;min-height:88px;padding:8px 4px;color:#202640;font-size:11px;gap:6px}.j-charms button:focus-visible{outline:2px solid #202640;outline-offset:3px}.j-product:has(j-charms-picker) .j-color-option>span{width:43px;height:43px;min-width:43px;aspect-ratio:1;padding:0;border-radius:50%}@media(min-width:750px){.j-charms-dialog{height:100dvh;max-height:100dvh;border-radius:0}.j-charms-content{max-height:calc(100dvh - 166px)}}@media(max-width:749px){.j-charms-dialog{width:100%;margin:auto 0 0;max-height:90dvh}.j-charms-content{max-height:calc(90dvh - 166px)}}

.j-charms-zodiac{border-radius:50%;background:linear-gradient(135deg,#be963c,#fff0b2 44%,#d2ac55 68%,#f4d890);border:1px solid #b18a37;box-shadow:0 1px 2px #0002;text-shadow:none}.j-charms-zodiac svg{width:27px;height:27px;fill:#654914}.j-charms-zodiac svg g{fill:inherit}.j-charms[data-finish=silver] .j-charms-zodiac{background:linear-gradient(135deg,#aeb3b7,#fff 44%,#b7bcc0 68%,#e4e7e9);border-color:#9ba1a5}.j-charms[data-finish=silver] .j-charms-zodiac svg{fill:#50575c}