.charm-bar{background-color:var(--cc-light-blush, #FDF0F5);padding:5rem 0 6rem;border-top:1px solid rgba(196,84,122,.12)}.charm-bar__inner{max-width:var(--page-width, 120rem);margin:0 auto;padding:0 5rem}@media screen and (max-width:749px){.charm-bar__inner{padding:0 2rem}}.charm-bar__header{text-align:center;margin-bottom:4rem}.charm-bar__title{font-family:var(--font-heading-family, "Cormorant Garamond", Georgia, serif);font-size:3.6rem;font-weight:300;letter-spacing:.03em;color:var(--cc-plum, #3D1A2A);margin:0 0 1rem;line-height:1.2}@media screen and (max-width:749px){.charm-bar__title{font-size:2.8rem}}.charm-bar__subtitle{font-size:1.4rem;color:#3d1a2a99;margin:0;letter-spacing:.04em}.charm-bar__grid{display:grid;grid-template-columns:repeat(var(--charm-columns, 4),1fr);gap:2rem;margin-bottom:3rem}@media screen and (max-width:749px){.charm-bar__grid{grid-template-columns:repeat(2,1fr);gap:1.2rem}}@media screen and (min-width:750px)and (max-width:989px){.charm-bar__grid{grid-template-columns:repeat(3,1fr)}}.charm-item{background:#fff;border:2px solid transparent;border-radius:1.2rem;padding:2rem 1.5rem 1.5rem;cursor:pointer;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.6rem;transition:border-color .2s ease,box-shadow .2s ease,transform .18s ease;width:100%;font-family:inherit;position:relative}.charm-item:hover{border-color:#c4547a59;box-shadow:0 6px 20px #c4547a1a;transform:translateY(-3px)}.charm-item--selected{border-color:var(--cc-rose, #C4547A);box-shadow:0 6px 24px #c4547a33;transform:translateY(-3px)}.charm-item--multi:after{content:"\25be";position:absolute;top:.8rem;right:1rem;font-size:1rem;color:#3d1a2a4d;pointer-events:none}.charm-item__image-wrap{position:relative;width:9rem;height:9rem;border-radius:50%;overflow:visible;flex-shrink:0}@media screen and (max-width:749px){.charm-item__image-wrap{width:7rem;height:7rem}}.charm-item__img{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%;overflow:hidden;transition:opacity .2s ease}.charm-item__check{position:absolute;top:0;right:0;bottom:0;left:0;background:#c4547ad1;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease;color:#fff;border-radius:50%}.charm-item__check svg{width:2.6rem;height:2.6rem}.charm-item--selected .charm-item__check{opacity:1}.charm-item__options-badge{position:absolute;bottom:-.6rem;left:50%;transform:translate(-50%);background:var(--cc-rose, #C4547A);color:#fff;font-size:.9rem;font-weight:600;padding:.2rem .7rem;border-radius:2rem;white-space:nowrap;letter-spacing:.04em;pointer-events:none;line-height:1.6}.charm-item__name{font-size:1.3rem;font-weight:500;color:var(--cc-plum, #3D1A2A);line-height:1.3;letter-spacing:.01em;margin-top:.8rem}.charm-item__variant-label{font-size:1.1rem;color:var(--cc-rose, #C4547A);font-style:italic;min-height:1.5rem;line-height:1.5}.charm-item__price{font-size:1.25rem;color:#3d1a2a8c;font-weight:400}.charm-item--selected .charm-item__price{color:var(--cc-rose, #C4547A)}.charm-bar__footer{border-top:1px solid rgba(196,84,122,.18);padding-top:2.5rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap}.charm-bar__footer[hidden]{display:none}.charm-bar__selected-summary{display:flex;flex-direction:column;gap:.2rem}.charm-bar__selected-count{font-size:1.4rem;font-weight:500;color:var(--cc-plum, #3D1A2A);letter-spacing:.02em}.charm-bar__selected-total{font-family:var(--font-heading-family, "Cormorant Garamond", Georgia, serif);font-size:2.4rem;font-weight:400;color:var(--cc-rose, #C4547A);letter-spacing:.02em}.charm-bar__add-btn{background-color:var(--cc-rose, #C4547A);border:2px solid var(--cc-rose, #C4547A);color:#fff;padding:1.5rem 3.5rem;font-family:var(--font-body-family, "Jost", sans-serif);font-size:1.3rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;border-radius:var(--buttons-radius, 0);cursor:pointer;transition:background-color .2s ease,border-color .2s ease;white-space:nowrap}.charm-bar__add-btn:hover:not(:disabled){background-color:var(--cc-rose-dark, #A5365F);border-color:var(--cc-rose-dark, #A5365F)}.charm-bar__add-btn:disabled{opacity:.65;cursor:default}.charm-bar__add-btn--success{background-color:#5a9e6b;border-color:#5a9e6b}.charm-bar__loading,.charm-bar__empty{grid-column:1 / -1;text-align:center;padding:4rem 2rem;font-family:var(--font-heading-family, "Cormorant Garamond", Georgia, serif);font-size:1.8rem;font-style:italic;color:#3d1a2a73}.charm-variant-panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;pointer-events:none}.charm-variant-panel--open{pointer-events:all}.charm-variant-panel__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#3d1a2a80;opacity:0;transition:opacity .3s ease}.charm-variant-panel--open .charm-variant-panel__backdrop{opacity:1}.charm-variant-panel__sheet{position:absolute;bottom:0;left:0;right:0;background:#fff;border-radius:2rem 2rem 0 0;padding:3.5rem 2.5rem max(3rem,env(safe-area-inset-bottom));transform:translateY(100%);transition:transform .35s cubic-bezier(.32,.72,0,1);max-height:92vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.charm-variant-panel--open .charm-variant-panel__sheet{transform:translateY(0)}@media screen and (min-width:750px){.charm-variant-panel__sheet{position:absolute;bottom:auto;left:50%;top:50%;right:auto;width:min(68rem,90vw);border-radius:1.8rem;padding:4.5rem;transform:translate(-50%,calc(-50% + 2rem));opacity:0;transition:transform .3s cubic-bezier(.32,.72,0,1),opacity .3s ease;max-height:88vh;overflow-y:auto}.charm-variant-panel--open .charm-variant-panel__sheet{transform:translate(-50%,-50%);opacity:1}}.charm-variant-panel__close{position:absolute;top:1.6rem;right:1.6rem;background:var(--cc-blush, #F9E4EC);border:none;cursor:pointer;padding:.7rem;color:#3d1a2a99;border-radius:50%;transition:color .15s ease,background .15s ease;display:flex;align-items:center;justify-content:center;line-height:1}.charm-variant-panel__close:hover{color:var(--cc-plum, #3D1A2A);background:#c4547a33}.charm-variant-panel__close svg{width:1.8rem;height:1.8rem}.charm-variant-panel__content{display:flex;gap:4rem;align-items:flex-start}@media screen and (max-width:749px){.charm-variant-panel__content{flex-direction:column;align-items:center;gap:2.5rem}}.charm-variant-panel__image-area{flex-shrink:0;width:18rem;height:18rem;border-radius:50%;overflow:hidden;background:var(--cc-blush, #F9E4EC)}@media screen and (max-width:749px){.charm-variant-panel__image-area{width:14rem;height:14rem}}.charm-variant-panel__img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .2s ease}.charm-variant-panel__detail{flex:1;min-width:0;display:flex;flex-direction:column;gap:0}@media screen and (max-width:749px){.charm-variant-panel__detail{width:100%}}.charm-variant-panel__title{font-family:var(--font-heading-family, "Cormorant Garamond", Georgia, serif);font-size:3rem;font-weight:300;color:var(--cc-plum, #3D1A2A);margin:0 0 .4rem;line-height:1.2}.charm-variant-panel__price{font-size:2rem;color:var(--cc-rose, #C4547A);margin:0 0 2.5rem;font-weight:400;font-family:var(--font-heading-family, "Cormorant Garamond", Georgia, serif);letter-spacing:.02em}.charm-variant-panel__choose-label{font-size:1.1rem;letter-spacing:.1em;text-transform:uppercase;color:#3d1a2a73;margin:0 0 1rem;font-weight:500}.charm-variant-panel__variants{display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:2rem;max-height:22rem;overflow-y:auto}.charm-variant-panel__variants:has(.charm-variant-btn--swatch){display:grid;grid-template-columns:repeat(auto-fill,minmax(5rem,1fr));gap:.6rem;max-height:24rem}.charm-variant-btn--swatch{padding:0;border-radius:.5rem;overflow:hidden;border:2.5px solid transparent;background:#f5f5f5;position:relative;aspect-ratio:1;cursor:pointer;transition:border-color .15s,transform .12s}.charm-variant-btn--swatch img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.8);transition:transform .2s ease}.charm-variant-btn--swatch:hover{border-color:#c4547a73}.charm-variant-btn--swatch:hover img{transform:scale(1.65)}.charm-variant-btn--swatch.charm-variant-btn--active{border-color:var(--cc-rose, #C4547A);box-shadow:0 0 0 1px var(--cc-rose, #C4547A);background:transparent;color:inherit}.charm-variant-swatch-num{position:absolute;bottom:0;left:0;right:0;background:#3d1a2ab8;color:#fff;font-size:.85rem;text-align:center;padding:.18rem;opacity:0;transition:opacity .15s;pointer-events:none;line-height:1.2}.charm-variant-btn--swatch:hover .charm-variant-swatch-num,.charm-variant-btn--swatch.charm-variant-btn--active .charm-variant-swatch-num{opacity:1}.charm-variant-btn{padding:.9rem 1.8rem;border:1.5px solid rgba(61,26,42,.18);border-radius:.6rem;background:#fff;font-family:inherit;font-size:1.3rem;color:var(--cc-plum, #3D1A2A);cursor:pointer;transition:border-color .18s ease,background .18s ease,color .18s ease;font-weight:400;line-height:1}.charm-variant-btn:hover{border-color:var(--cc-rose, #C4547A);background:var(--cc-blush, #F9E4EC);color:var(--cc-plum, #3D1A2A)}.charm-variant-btn--active{border-color:var(--cc-rose, #C4547A);background:var(--cc-rose, #C4547A);color:#fff}.charm-variant-panel__add{width:100%;padding:1.7rem;background:var(--cc-plum, #3D1A2A);color:#fff;border:none;border-radius:var(--buttons-radius, .4rem);font-family:var(--font-body-family, "Jost", sans-serif);font-size:1.3rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:background .2s ease;margin-bottom:1rem}.charm-variant-panel__add:hover{background:var(--cc-rose, #C4547A)}.charm-variant-panel__remove{background:none;border:none;font-family:inherit;font-size:1.2rem;color:#3d1a2a73;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:2px;transition:color .15s ease;width:100%;text-align:center}.charm-variant-panel__remove:hover{color:#c0392b}
/*# sourceMappingURL=/cdn/shop/t/3/assets/charm-bar.css.map */