.charm-builder{--cb-gold: #ab8c52;--cb-gold-hover: #806430;--cb-black: #212121;--cb-grey: #767676;--cb-light: #fafafa;--cb-border: #f0f0f0;--cb-white: #ffffff;--cb-radius: 0px;font-family:inherit;color:var(--cb-black);background:var(--cb-white)}.charm-builder__layout{display:grid;grid-template-columns:1fr 1fr;align-items:start}.charm-builder__preview-col{display:flex;flex-direction:column;align-items:stretch;padding:0;background:var(--cb-white);overflow:hidden;aspect-ratio:3 / 4}.charm-builder__chain-wrap{position:relative;width:100%;flex:1;min-height:0}.charm-builder__chain-img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.charm-builder__overlays{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.charm-builder__overlays .charm-builder__hotspot{pointer-events:all}.charm-builder__hotspot{position:absolute;width:48px;height:48px;transform:translate(-50%,-50%);cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center}.charm-builder__hotspot-ring{display:block;width:24px;height:24px;border-radius:50%;border:2px solid transparent;background:#c9a96e26;transition:all .2s ease}.charm-builder__hotspot:hover .charm-builder__hotspot-ring,.charm-builder__hotspot-ring.is-active{border-color:var(--cb-gold);background:#c9a96e40;transform:scale(1.3)}.charm-builder__overlay-charm{position:absolute;width:40px;height:auto;pointer-events:none;z-index:5;filter:drop-shadow(0 2px 4px rgba(0,0,0,.15));transition:opacity .25s ease}.charm-builder__overlay-charm--connector{transform:translate(-50%,-50%)}.charm-builder__overlay-charm--hanging{transform:translate(-50%)}@keyframes charmEntry{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}to{opacity:1}}.charm-builder__overlay-charm--connector.charm-entering{animation:charmEntry .3s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes charmEntryHang{0%{opacity:0;transform:translate(-50%,-20px) scale(.5)}to{opacity:1;transform:translate(-50%)}}.charm-builder__overlay-charm--hanging.charm-entering{animation:charmEntryHang .3s cubic-bezier(.34,1.56,.64,1) forwards}.charm-builder__panel-header{margin-bottom:24px}.charm-builder__breadcrumb{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--cb-grey);margin-bottom:12px;flex-wrap:wrap}.charm-builder__breadcrumb a{color:var(--cb-grey);text-decoration:none}.charm-builder__breadcrumb a:hover{color:var(--cb-black)}.charm-builder__product-name{font-family:Playfair Display,serif;font-size:26px;font-weight:400;letter-spacing:.01em;margin:0 0 6px;line-height:1.2}.charm-builder__product-sub{font-size:12px;font-family:inherit;color:var(--cb-grey);letter-spacing:.06em;margin:0 0 10px;font-weight:300}.charm-builder__base-price{font-size:15px;font-weight:400;font-family:inherit;color:var(--cb-black);margin:0}.charm-builder__base-variants{margin-bottom:24px;display:flex;flex-direction:column;gap:14px}.charm-builder__base-option-label{font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:600;color:var(--cb-grey);margin:0 0 6px}.charm-builder__base-option-btns{display:flex;flex-wrap:wrap;gap:8px}.charm-builder__base-opt-btn{padding:7px 16px;border-radius:0;border:1.5px solid var(--cb-border);background:var(--cb-white);color:var(--cb-black);font-size:13px;cursor:pointer;transition:border-color .15s,background .15s}.charm-builder__base-opt-btn.is-active{border-color:var(--cb-black);background:var(--cb-black);color:var(--cb-white)}.charm-builder__base-opt-btn:hover:not(.is-active){border-color:#aaa}.charm-builder__panel-col{display:flex;flex-direction:column;padding:40px 32px 120px;position:relative}.charm-builder__slots-wrap{margin-bottom:32px}.charm-builder__slots-label{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--cb-grey);margin:0 0 14px}.charm-builder__slots-row{display:flex;gap:10px}.charm-builder__slot{position:relative;flex:1;max-width:72px}.charm-builder__slot-btn{width:100%;aspect-ratio:1;border:1.5px solid var(--cb-border);border-radius:var(--cb-radius);background:var(--cb-white);cursor:pointer;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:border-color .2s,box-shadow .2s;padding:0}.charm-builder__slot-btn:hover{border-color:var(--cb-gold)}.charm-builder__slot-btn.is-active{border-color:var(--cb-black);box-shadow:0 0 0 2px var(--cb-black)}.charm-builder__slot-btn.is-filled{border-color:var(--cb-gold)}.charm-builder__slot-plus{font-size:22px;color:var(--cb-border);line-height:1;pointer-events:none}.charm-builder__slot-thumb{width:100%;height:100%;object-fit:cover;display:block}.charm-builder__slot-remove{position:absolute;top:-8px;right:-8px;width:20px;height:20px;border-radius:50%;background:var(--cb-black);color:var(--cb-white);border:none;font-size:11px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2;padding:0;line-height:1;transition:background .15s}.charm-builder__slot-remove:hover{background:#333}.charm-builder__selector{flex:1}.charm-builder__selector-header{margin-bottom:0}.charm-builder__selector-title{font-size:13px;font-weight:500;letter-spacing:.04em;margin:0}.charm-builder__filters{display:flex;gap:0;border-bottom:1px solid var(--cb-border);width:100%;margin-bottom:20px}.charm-builder__filter{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-family:Figtree,inherit;font-weight:500;border:none;border-bottom:2px solid transparent;background:transparent;color:var(--cb-grey);padding:10px 16px 8px;margin-bottom:-1px;cursor:pointer;transition:color .15s,border-color .15s;white-space:nowrap}.charm-builder__filter:hover{color:var(--cb-black)}.charm-builder__filter.active{color:var(--cb-black);border-bottom-color:var(--cb-black);background:transparent}.charm-builder__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:10px;margin-bottom:20px}.charm-builder__charm-item{aspect-ratio:1;border:1.5px solid var(--cb-border);border-radius:var(--cb-radius);background:var(--cb-light);cursor:pointer;overflow:hidden;padding:8px;display:flex;align-items:center;justify-content:center;position:relative;transition:border-color .15s,transform .15s}.charm-builder__charm-item:hover{border-color:var(--cb-gold);transform:scale(1.04)}.charm-builder__charm-item.is-selected{border-color:var(--cb-black);box-shadow:0 0 0 2px var(--cb-black)}.charm-builder__charm-item.is-used{opacity:.35;cursor:not-allowed}.charm-builder__charm-item img{width:100%;height:100%;object-fit:contain;display:block}.charm-builder__charm-type-dot{position:absolute;bottom:5px;right:5px;width:7px;height:7px;border-radius:50%}.charm-builder__charm-type-dot--connector{background:var(--cb-gold)}.charm-builder__charm-type-dot--hanging{background:transparent;border:1.5px solid var(--cb-gold)}.charm-builder__empty{color:var(--cb-grey);font-size:13px;grid-column:1/-1;text-align:center;padding:24px 0}.charm-builder__detail{display:none!important}.charm-builder__detail--legacy{display:flex;align-items:center;gap:16px;border:1px solid var(--cb-border);border-radius:var(--cb-radius);padding:16px;margin-bottom:16px;background:var(--cb-white);animation:slideUp .2s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.charm-builder__detail-img{width:64px;height:64px;object-fit:contain;flex-shrink:0;background:var(--cb-light);border-radius:var(--cb-radius);padding:6px}.charm-builder__detail-info{flex:1;min-width:0}.charm-builder__detail-name{font-size:14px;font-weight:600;margin:0 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.charm-builder__detail-price{font-size:14px;color:var(--cb-grey);margin:0 0 5px}.charm-builder__detail-type-badge{display:inline-block;font-size:10px;letter-spacing:.1em;text-transform:uppercase;padding:2px 8px;border-radius:0;background:var(--cb-light);color:var(--cb-grey);border:1px solid var(--cb-border)}.charm-builder__detail-type-badge--connector{color:var(--cb-gold);border-color:var(--cb-gold);background:#c9a96e14}.charm-builder__detail-type-badge--hanging{color:#888;border-color:#ccc}.charm-builder__detail-variants{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.charm-builder__variant-btn{font-size:11px;padding:4px 10px;border-radius:0;border:1.5px solid var(--cb-border);background:var(--cb-white);color:var(--cb-black);cursor:pointer;transition:border-color .15s,background .15s;white-space:nowrap}.charm-builder__variant-btn.is-active{border-color:var(--cb-gold);background:var(--cb-gold);color:var(--cb-white)}.charm-builder__variant-btn:hover:not(.is-active){border-color:#aaa}.charm-builder__detail-add{flex-shrink:0;font-family:Figtree,inherit;font-size:13px;letter-spacing:.1em;text-transform:uppercase;font-weight:400;background:var(--cb-black);color:var(--cb-white);border:none;padding:12px 18px;border-radius:0;cursor:pointer;white-space:nowrap;transition:background .2s}.charm-builder__detail-add:hover{background:var(--cb-gold)}.charm-builder__cart-bar{position:fixed;bottom:0;left:0;right:0;z-index:100;background:var(--cb-white);border-top:1px solid var(--cb-border);padding:16px 32px;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:auto;z-index:20}.charm-builder__cart-summary{display:flex;flex-direction:column;gap:2px}.charm-builder__cart-count{font-size:12px;color:var(--cb-grey);letter-spacing:.06em;text-transform:uppercase}.charm-builder__cart-total{font-size:18px;font-weight:600;letter-spacing:.02em}.charm-builder__atc-btn{flex-shrink:0;background:var(--cb-black);color:var(--cb-white);border:none;padding:16px 32px;font-family:Figtree,inherit;font-size:13px;font-weight:400;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;border-radius:0;transition:background .2s,opacity .15s}.charm-builder__atc-btn:hover:not(:disabled){background:var(--cb-gold)}.charm-builder__atc-btn:disabled{opacity:.4;cursor:not-allowed}.charm-builder__atc-btn.is-added{background:var(--cb-gold)}.charm-builder__slot[draggable=true]{cursor:grab}.charm-builder__slot.is-dragging{opacity:.4}.charm-builder__slot.drag-over .charm-builder__slot-btn{border-color:var(--cb-gold);box-shadow:0 0 0 2px var(--cb-gold)}@media(max-width:900px){.charm-builder__layout{grid-template-columns:1fr}.charm-builder__preview-col{position:relative;height:auto;padding:0;aspect-ratio:auto}.charm-builder__chain-wrap{aspect-ratio:4 / 3;width:100%}.charm-builder__chain-img{width:100%;height:100%;object-fit:contain}.charm-builder__panel-col{height:auto;overflow-y:visible;padding:24px 16px 100px;border-left:none;border-top:1px solid var(--cb-border)}.charm-builder__product-name{font-size:22px}.charm-builder__slots-row{gap:8px}.charm-builder__slot{max-width:none;flex:1}.charm-builder__hotspot{width:56px;height:56px}.charm-builder__hotspot-ring{width:28px;height:28px}.charm-builder__cart-bar{position:fixed;bottom:0;left:0;right:0;padding:12px 16px;background:var(--cb-white);box-shadow:0 -4px 20px #00000014}.charm-builder__grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px}.charm-builder__selector-header{flex-direction:column;align-items:flex-start;gap:8px}.charm-builder__filters{flex-wrap:wrap}.charm-builder__atc-btn{padding:14px 24px}}@media(max-width:480px){.charm-builder__panel-col{padding:20px 12px 96px}.charm-builder__slots-row{gap:6px}.charm-builder__grid{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:6px}.charm-builder__cart-bar{padding:10px 12px}.charm-builder__cart-total{font-size:16px}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/charm-builder.css.map */