body.charms-lock{overflow:hidden!important}.charms-btn-wrap{position:relative;width:100%;margin-bottom:0}.charms-trigger-btn.btn{display:flex!important;width:100%!important;min-height:56px;padding:var(--button-padding, 16px 28px)}.charms-trigger-btn.btn .btn__label--combined{color:#f74b98;box-shadow:inset 0 0 0 1.5px #f74b98!important}.charms-trigger-btn.btn:hover .btn__label--combined{box-shadow:inset 0 0 0 1.5px #000!important}.charms-trigger-btn.btn:hover .btn__label--combined .label-default{color:#fff}.charms-trigger-btn.btn:hover .btn__label--combined .label-active{color:#fff;background:#000;border-radius:var(--radius-button)}.charms-badge{position:absolute;top:-12px;right:20px;background:#1ab87b;color:#fff;font-family:var(--font-family-button);font-weight:var(--font-weight-button);font-size:10px;padding:4px 12px;border-radius:999px;letter-spacing:.05em;pointer-events:none}.charms-staged[hidden],.charms-atc-btn[hidden],.charms-modal[hidden],.charms-footer-preview[hidden]{display:none!important}.charms-staged{margin-top:12px;padding:14px 16px;background:#fdf6ee;border:1px solid #e8ddd0;border-radius:14px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.charms-staged__images{display:flex;gap:4px;flex-wrap:wrap}.charms-staged__images img{width:36px;height:36px;object-fit:contain;border-radius:50%;background:#fff;border:1px solid #e8ddd0}.charms-staged__images span{width:36px;height:36px;border-radius:50%;background:#f0e8ff;border:1px solid #e8ddd0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.charms-staged__info{flex:1;min-width:0}.charms-staged__title{display:block;font-family:var(--font-family-body);font-weight:var(--font-weight-bold-body, 700);font-size:13px;color:#111}.charms-staged__price{display:block;font-family:var(--font-family-body);font-weight:var(--font-weight-body);font-size:12px;color:#555;margin-top:2px}.charms-staged__delete{background:none;border:1px solid #ccc;border-radius:8px;padding:6px 12px;font-family:var(--font-family-body);font-weight:var(--font-weight-body);font-size:12px;cursor:pointer;color:#555;transition:border-color .2s,color .2s;white-space:nowrap}.charms-staged__delete:hover{border-color:#e00;color:#e00}.charms-atc-btn{margin-top:10px;margin-bottom:16px}.charms-atc-btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.charms-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483647;display:flex;align-items:center;justify-content:center}.charms-modal[hidden]{display:none}.charms-modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c}.charms-modal__box{position:relative;z-index:2;width:92%;max-width:860px;max-height:90vh;background:#fdf6ee;border-radius:24px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 64px #00000040;animation:charms-modal-in .25s ease;padding-top:12px}@keyframes charms-modal-in{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.charms-modal__close{position:absolute;top:16px;right:16px;width:32px;height:32px;border:none;background:#00000014;border-radius:50%;font-size:20px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#333;transition:background .2s;z-index:10}.charms-modal__close:hover{background:#0000002e}.charms-modal__controls{padding:18px 28px 0;flex-shrink:0;border-bottom:1px solid rgba(0,0,0,.07)}.charms-modal__body{padding:12px 28px 8px;overflow-y:auto;flex:1;-webkit-overflow-scrolling:touch}.charms-modal__title{font-family:var(--font-family-heading);font-weight:var(--font-weight-heading);font-style:var(--font-style-heading);font-size:18px;letter-spacing:.05em;margin:0 0 16px;padding-right:32px}.charms-section{margin-bottom:10px}.charms-section__label{display:block;font-family:var(--font-family-body);font-weight:var(--font-weight-bold-body, 700);font-size:12px;letter-spacing:.04em;color:#444;margin-bottom:6px;text-transform:uppercase}.charms-collar-swatches,.charms-color-swatches{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:8px}.charms-collar-swatch,.charms-color-swatch{width:36px;height:36px;border-radius:50%;border:3px solid transparent;cursor:pointer;transition:transform .15s,box-shadow .15s;padding:0}.charms-collar-swatch:hover,.charms-color-swatch:hover{transform:scale(1.1)}.charms-collar-swatch.is-active,.charms-color-swatch.is-active{box-shadow:0 0 0 2px #fff,0 0 0 4px #111}.charms-preview-wrapper{position:relative;width:100%;height:110px;margin-bottom:0;display:flex;align-items:center;justify-content:center}.charms-preview-bg{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:30px;border-radius:15px;transition:background-color .3s ease;pointer-events:none;z-index:0}.charms-preview-bar{display:flex;align-items:center;padding:0 12px;gap:4px;overflow-x:auto;scroll-behavior:smooth;width:100%;z-index:1;position:relative}.charms-preview-bar::-webkit-scrollbar{height:3px}.charms-preview-bar::-webkit-scrollbar-thumb{background:#0003;border-radius:2px}.charms-preview-charm{position:relative;flex:1 1 0;min-width:0;max-width:90px;height:90px;display:flex;align-items:center;justify-content:center}.charms-preview-charm img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 3px 5px rgba(0,0,0,.28))}.charms-preview-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:800}.charms-preview-remove{position:absolute;top:4px;right:4px;width:18px;height:18px;border-radius:50%;background:#222;color:#fff;border:none;font-size:11px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;padding:0;transition:background .15s}.charms-preview-remove:hover{background:#e00}.charms-counter-row{display:flex;justify-content:space-between;align-items:center;margin:8px 0 10px}.charms-counter{font-family:var(--font-family-body);font-weight:var(--font-weight-bold-body, 700);font-size:13px;color:#333}.charms-clear-btn{background:none;border:none;font-family:var(--font-family-body);font-weight:var(--font-weight-body);font-size:13px;color:#888;cursor:pointer;text-decoration:underline;padding:0;transition:color .15s}.charms-clear-btn:hover{color:#111}.charms-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:10px;margin-top:8px}@media(max-width:700px){.charms-grid{grid-template-columns:repeat(4,1fr);gap:6px}}.charms-item{border:2px solid #eee;border-radius:12px;padding:8px 6px 6px;cursor:pointer;text-align:center;background:#fff;display:flex;flex-direction:column;align-items:center;gap:4px;transition:border-color .15s,transform .15s,box-shadow .15s;position:relative}.charms-item:hover:not(.charms-item--unavailable){border-color:#f74b98;transform:translateY(-3px);box-shadow:0 4px 12px #f74b9833}.charms-item--unavailable{opacity:.45;cursor:not-allowed}.charms-item img{width:100%;aspect-ratio:1/1;object-fit:contain;display:block}.charms-item__fallback{width:100%;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;color:#ccc}.charms-item__label{font-family:var(--font-family-body);font-weight:var(--font-weight-body);font-size:9px;color:#666;line-height:1}.charms-item__oos{position:absolute;bottom:2px;left:0;right:0;font-family:var(--font-family-body);font-weight:var(--font-weight-bold-body, 700);font-size:7px;color:#e00;text-align:center;line-height:1.2}.charms-modal__footer{padding:16px 28px 20px;border-top:1px solid rgba(0,0,0,.08);background:#fdf6ee;flex-shrink:0}.charms-footer-preview{display:flex;align-items:center;gap:10px;margin-bottom:12px}.charms-footer-preview[hidden]{display:none}.charms-footer-preview__images{display:flex;gap:3px;flex-wrap:wrap}.charms-footer-preview__images img{width:30px;height:30px;object-fit:contain;border-radius:50%;background:#fff;border:1px solid #e8ddd0}.charms-footer-fallback{width:30px;height:30px;border-radius:50%;background:#f0e8ff;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;border:1px solid #e8ddd0}.charms-footer-preview__text{font-size:12px;color:#555}.charms-add-set-btn.btn,.charms-atc-btn.btn{display:flex!important;width:100%!important;background-color:#f74b98}.charms-add-set-btn .btn__label--default,.charms-atc-btn .btn__label--default{background-color:#f74b98!important;color:#fff!important}.charms-add-set-btn .btn__label--active,.charms-atc-btn .btn__label--active{background-color:#000;color:#fff;border-radius:var(--radius-button)}.charms-add-set-btn:hover.btn,.charms-atc-btn:hover.btn{background-color:#000!important}.charms-price-note{text-align:center;font-family:var(--font-family-body);font-weight:var(--font-weight-body);font-size:11px;color:#888;margin:8px 0 0;letter-spacing:.04em}@media(max-width:600px){.charms-modal__box{width:96%;max-height:88vh;border-radius:16px}.charms-modal__controls{padding:14px 14px 0}.charms-modal__body{padding:10px 14px 6px}.charms-modal__footer{padding:10px 14px 12px}.charms-modal__title{font-size:14px;margin:0 0 10px}.charms-section{margin-bottom:10px}.charms-section__label{font-size:10px;margin-bottom:6px}.charms-collar-swatch,.charms-color-swatch{width:26px;height:26px}.charms-preview-wrapper{height:60px}.charms-preview-bg{height:20px}.charms-preview-bar{padding:0 8px}.charms-preview-charm{height:50px;max-width:50px}.charms-counter-row{margin:6px 0 8px}.charms-counter,.charms-clear-btn{font-size:11px}.charms-item{padding:5px 3px 3px;border-radius:8px}.charms-item__label{font-size:8px}.charms-price-note{font-size:10px;margin-top:5px}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/charms.css.map */