[x-cloak]{display:none!important}.moyshop-builder{--ms-rice: #faf7f2;--ms-gold: #9a7b4f;--ms-gold-bright: #b68b40;--ms-charcoal: #3d3630;--ms-mist: #e6e0d8;--ms-surface: #fef9f1;background:var(--ms-rice);min-height:calc(100vh - var(--header-height, 0px));color:var(--ms-charcoal);font-family:Assistant,system-ui,sans-serif}.moyshop-builder *,.moyshop-builder *:before,.moyshop-builder *:after{box-sizing:border-box}.moyshop-builder__grid{min-height:calc(100vh - var(--header-height, 0px))}@media(min-width:1024px){.moyshop-builder{--ms-sidebar-w: 52rem}.moyshop-builder__grid{display:grid;grid-template-columns:var(--ms-sidebar-w) minmax(0,1fr) var(--ms-sidebar-w);overflow:hidden}.moyshop-builder__beads,.moyshop-builder__summary{height:calc(100vh - var(--header-height, 0px))}.moyshop-builder__beads-scroll{height:calc(100vh - var(--header-height, 0px) - 14rem)}.moyshop-builder__sidebar-scroll{max-height:calc(100vh - var(--header-height, 0px) - 42rem)}.moyshop-builder__stage{min-height:calc(100vh - var(--header-height, 0px))}}@media(max-width:1023px){.moyshop-builder{min-height:auto;padding-bottom:5.5rem}.moyshop-builder__grid{display:flex;flex-direction:column;min-height:auto;overflow:visible}.moyshop-builder__beads,.moyshop-builder__stage,.moyshop-builder__summary{min-height:auto;height:auto;width:100%}.moyshop-builder__beads{border-right:none;border-bottom:1px solid var(--ms-mist);order:1;max-height:none;overflow:visible}.moyshop-builder__beads-head{padding:.375rem .75rem .5rem}.moyshop-builder__beads-head h2{display:none}.moyshop-builder__search-wrap{margin-bottom:.375rem}.moyshop-builder__search{padding:.3125rem .5rem .3125rem 1.75rem;font-size:.75rem;border-radius:.375rem}.moyshop-builder__search-wrap svg{left:.5rem;width:.875rem;height:.875rem}.moyshop-builder__filters{flex-wrap:nowrap;overflow-x:auto;gap:.375rem;padding-bottom:.125rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}.moyshop-builder__filters::-webkit-scrollbar{display:none}.moyshop-builder__beads .filter-pill{padding:.25rem .5rem;font-size:.5625rem;flex-shrink:0}.moyshop-builder__beads-scroll{flex:1;min-height:0;overflow-y:auto;max-height:38dvh;padding:.5rem .75rem .625rem}.moyshop-builder__beads-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.moyshop-builder__beads .bead-card{display:flex;flex-direction:row;align-items:flex-start;gap:.375rem;padding:.4375rem .5rem;background:var(--ms-surface);border:1px solid rgba(230,224,216,.55);border-radius:.75rem;cursor:pointer;text-align:left}.moyshop-builder__beads .bead-card:hover{box-shadow:0 2px 8px #3d36300d;border-color:#e6e0d8d9}.moyshop-builder__beads .bead-card__image{order:1;width:1.75rem;height:1.75rem;flex:0 0 1.75rem;max-width:1.75rem;margin:.125rem 0 0;border-radius:50%;aspect-ratio:1;overflow:hidden;background:transparent;cursor:pointer}.moyshop-builder__beads .bead-card__image img{width:100%;height:100%;object-fit:cover}.moyshop-builder__beads .bead-card:hover .bead-card__image img{transform:none}.moyshop-builder__beads .bead-card__meta{order:2;flex:1;min-width:0;margin-bottom:0;text-align:left}.moyshop-builder__beads .bead-card__effect,.moyshop-builder__beads .bead-card__add{display:none}.moyshop-builder__beads .bead-card__name{font-size:.6875rem;line-height:1.2;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;margin:0}.moyshop-builder__beads .bead-card__size{display:block;font-size:.5625rem;letter-spacing:.06em;text-transform:uppercase;color:#817566;margin:.125rem 0 0}.moyshop-builder__beads .bead-card__price{display:block;font-size:.6875rem;font-weight:600;color:var(--ms-gold-bright);margin:.125rem 0 0}.moyshop-builder__stage{order:2;min-height:min(68vh,620px);border-bottom:1px solid var(--ms-mist);flex-shrink:0;justify-content:flex-start;overflow:visible;padding-bottom:.25rem}.moyshop-builder__stage .ring-stage{flex:1;display:flex;align-items:center;justify-content:center;width:100%;min-height:calc(68vh - 5.5rem);padding:1rem 1rem .5rem}.moyshop-builder__stage .ring-counter{position:relative;left:auto;bottom:auto;transform:none;margin:.5rem auto 1.25rem;max-width:calc(100% - 2rem);flex-wrap:wrap;justify-content:center;flex-shrink:0}.moyshop-builder__summary{order:3;border-left:none;margin-top:.25rem}.moyshop-builder__sidebar-scroll{max-height:none;overflow:visible}.builder-mobile-section-label{display:block;padding:.375rem .75rem 0;font-size:.5625rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#817566}.builder-summary-footer .builder-action-btn--primary{display:none}.builder-mobile-footer{padding-top:1rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom,0px))}.bead-on-ring__remove{opacity:1}}@media(min-width:1024px){.builder-mobile-section-label{display:none}}.moyshop-builder__beads{background:#fff;border-right:1px solid var(--ms-mist);display:flex;flex-direction:column;min-height:0}.moyshop-builder__beads-head{padding:1.25rem 1.5rem;border-bottom:1px solid var(--ms-mist);flex-shrink:0}.moyshop-builder__beads-head h2{font-family:Playfair Display,Georgia,serif;font-size:1.125rem;margin:0 0 .75rem}.moyshop-builder__search{width:100%;padding:.5rem .75rem .5rem 2.25rem;border:1px solid var(--ms-mist);border-radius:.5rem;background:var(--ms-surface);font-size:.875rem}.moyshop-builder__search-wrap{position:relative;margin-bottom:.75rem}.moyshop-builder__search-wrap svg{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:1rem;height:1rem;opacity:.5}.moyshop-builder__filters{display:flex;flex-wrap:wrap;gap:.5rem}.filter-pill{padding:.375rem .75rem;border-radius:999px;border:none;font-size:.6875rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:#ece8e0;color:#4f4538;transition:background .2s,color .2s}.filter-pill.is-active{background:var(--ms-charcoal);color:#fff}.moyshop-builder__beads-scroll{overflow-y:auto;padding:1rem 1.5rem;flex:1;min-height:0}.moyshop-builder__beads-message{text-align:center;padding:3rem 1rem;color:#6b6560;font-size:.875rem}.moyshop-builder__beads-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.bead-card{display:flex;flex-direction:column;align-items:center;background:#fff;border:1px solid var(--ms-mist);border-radius:.75rem;padding:.75rem;transition:box-shadow .2s,border-color .2s}.bead-card:hover{box-shadow:0 4px 16px #3d36300f;border-color:#9a7b4f4d}.bead-card__image{width:100%;aspect-ratio:1;border-radius:.5rem;overflow:hidden;background:#e6e0d840;cursor:pointer;margin-bottom:.75rem}.bead-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.bead-card:hover .bead-card__image img{transform:scale(1.08)}.bead-card__meta{text-align:center;width:100%;margin-bottom:.75rem}.bead-card__effect{font-size:.625rem;letter-spacing:.08em;text-transform:uppercase;color:#817566;margin:0 0 .25rem}.bead-card__name{font-size:.75rem;font-weight:600;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bead-card__price{font-size:.75rem;color:var(--ms-gold-bright);margin:.25rem 0 0}.bead-card__size{font-size:.625rem;letter-spacing:.08em;text-transform:uppercase;color:#817566;margin:.25rem 0 0}.bead-card__add{width:100%;padding:.375rem;border:none;border-radius:.375rem;background:#ece8e0;font-size:.625rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:background .2s,color .2s}.bead-card__add:hover{background:var(--ms-gold);color:#fff}.moyshop-builder__stage{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--ms-rice);overflow:hidden;min-height:0;background-image:radial-gradient(circle at 2px 2px,rgba(154,123,79,.05) 1px,transparent 0);background-size:24px 24px}.ring-stage__watermark{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:0}.ring-stage__watermark span{font-family:Playfair Display,Georgia,serif;font-size:clamp(2rem,7vw,4rem);letter-spacing:.2em;text-transform:uppercase;color:#d2c4b373}.ring-stage{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;padding:1rem}.ring-canvas{position:relative;display:flex;align-items:center;justify-content:center}.ring-track{position:absolute;border-radius:50%;border:1px solid rgba(230,224,216,.55);pointer-events:none}.ring-empty-state{position:relative;z-index:3;width:12rem;height:12rem;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fdf8f0d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(230,224,216,.5)}.ring-empty-state svg{width:2rem;height:2rem;color:var(--ms-gold-bright);margin-bottom:.5rem}.ring-empty-state p{font-size:.625rem;letter-spacing:.12em;text-transform:uppercase;color:#6b6560;margin:0}.bead-on-ring{position:absolute;left:50%;top:50%;z-index:4;transition:transform .6s cubic-bezier(.34,1.56,.64,1),width .35s ease,height .35s ease,margin .35s ease}.bead-on-ring__inner{position:relative;width:100%;height:100%}.bead-on-ring__inner img{width:100%;height:100%;object-fit:cover;border-radius:50%;box-shadow:0 4px 12px #3d36301f}.bead-on-ring__remove{position:absolute;top:-4px;right:-4px;width:1.25rem;height:1.25rem;border-radius:50%;border:1px solid var(--ms-mist);background:#fff;color:#ba1a1a;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;font-size:.75rem;line-height:1}.bead-on-ring:hover .bead-on-ring__remove{opacity:1}.ring-counter{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);z-index:5;display:inline-flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;border-radius:999px;background:#fdf8f0e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(230,224,216,.7);font-size:.6875rem;letter-spacing:.08em;text-transform:uppercase}.ring-counter button{border:none;background:none;color:#ba1a1a;cursor:pointer;font-size:inherit;letter-spacing:inherit;text-transform:inherit}.moyshop-builder__summary{background:#fff;border-left:1px solid var(--ms-mist);display:flex;flex-direction:column;min-height:0}.moyshop-builder__summary-head{padding:1.25rem 1.5rem;border-bottom:1px solid var(--ms-mist)}.moyshop-builder__summary-head h2{font-family:Playfair Display,Georgia,serif;font-size:1.125rem;margin:0 0 .25rem}.moyshop-builder__summary-head p{font-size:.625rem;letter-spacing:.08em;text-transform:uppercase;color:#6b6560;margin:0}.moyshop-builder__sidebar-scroll{flex:1;overflow-y:auto;padding:1.25rem 1.5rem;min-height:0}.grouped-bead-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem;background:var(--ms-surface);border:1px solid rgba(230,224,216,.55);border-radius:.75rem;margin-bottom:.75rem}.grouped-bead-row__left{display:flex;align-items:center;gap:.75rem;min-width:0}.grouped-bead-row__thumb{width:2.5rem;height:2.5rem;border-radius:50%;overflow:hidden;flex-shrink:0}.grouped-bead-row__thumb img{width:100%;height:100%;object-fit:cover}.grouped-bead-row__name{font-size:.75rem;font-weight:600;margin:0}.grouped-bead-row__effect{font-size:.625rem;color:#817566;text-transform:uppercase;margin:0}.grouped-bead-row__qty{font-size:.75rem;font-weight:600;text-align:right;margin:0}.grouped-bead-row__total{font-size:.75rem;font-weight:700;color:var(--ms-gold-bright);text-align:right;margin:0}.selection-empty{border:1px dashed rgba(154,123,79,.25);border-radius:.75rem;padding:2rem 1rem;text-align:center;color:#6b6560;font-size:.8125rem}.builder-summary-footer{padding:1.25rem 1.5rem;border-top:1px solid var(--ms-mist);background:var(--ms-surface)}.builder-summary-footer .row{display:flex;justify-content:space-between;font-size:.75rem;color:#6b6560;margin-bottom:.5rem}.builder-summary-footer .total{display:flex;justify-content:space-between;align-items:baseline;padding-top:.75rem;border-top:1px solid rgba(230,224,216,.55);margin-top:.5rem}.builder-summary-footer .total strong{font-family:Playfair Display,Georgia,serif;font-size:1.25rem;color:var(--ms-gold)}.builder-action-btn{width:100%;padding:1rem;border:none;border-radius:.5rem;font-size:.625rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:opacity .2s,transform .2s;margin-top:.75rem}.builder-action-btn:disabled{opacity:.35;cursor:not-allowed}.builder-action-btn--primary{background:var(--ms-charcoal);color:#fff}.builder-action-btn--primary:hover:not(:disabled){background:#2a2520}.builder-action-btn--ghost{background:#fff;border:1px solid var(--ms-mist);color:var(--ms-charcoal)}.builder-mobile-tabs{display:none!important}.builder-mobile-section-label{display:none}@media(min-width:1024px){.builder-mobile-footer{display:none}}.moyshop-builder-page .section-moyshop-builder,.moyshop-builder-page .page-width,.moyshop-builder-page .section{max-width:none;padding-left:0;padding-right:0}.builder-mobile-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem calc(.75rem + env(safe-area-inset-bottom,0px));background:#fff;border-top:1px solid var(--ms-mist);position:fixed;left:0;right:0;bottom:0;z-index:20;box-shadow:0 -4px 20px #3d36300f}.builder-mobile-footer .total-label{font-size:.625rem;letter-spacing:.08em;text-transform:uppercase;color:#6b6560;margin:0}.builder-mobile-footer .total-price{font-family:Playfair Display,Georgia,serif;font-size:1.125rem;font-weight:700;color:var(--ms-gold);margin:0}.custom-scrollbar::-webkit-scrollbar{width:4px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#d2c4b3;border-radius:10px}.moyshop-builder-page .section-header,.moyshop-builder-page .page-title{display:none}@media(min-width:1024px){.moyshop-builder__beads-head{padding:1.25rem 1.5rem}.moyshop-builder__beads-head h2{font-size:2.25rem;margin-bottom:1.25rem}.moyshop-builder__search{padding:.875rem 1rem .875rem 3.5rem;font-size:1.625rem;border-radius:.625rem}.moyshop-builder__search-wrap{margin-bottom:1.25rem}.moyshop-builder__search-wrap svg{left:1.125rem;width:1.75rem;height:1.75rem}.moyshop-builder__filters{gap:.75rem}.moyshop-builder__beads .filter-pill{padding:.625rem 1.25rem;font-size:1.125rem}.moyshop-builder__beads-message{text-align:center;padding:3rem 1rem;color:#6b6560;font-size:1.75rem}.moyshop-builder__beads-scroll{padding:.75rem 1rem}.moyshop-builder__beads-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.bead-card{padding:.5rem .4375rem;border-radius:.5rem}.bead-card__image{width:72%;max-width:5.75rem;margin-left:auto;margin-right:auto;margin-bottom:.5rem;border-radius:.4375rem;aspect-ratio:1}.bead-card__meta{margin-bottom:.375rem;flex:1;display:flex;flex-direction:column;justify-content:center;min-height:7rem}.bead-card__effect{font-size:1.5rem;margin-bottom:.375rem;letter-spacing:.06em}.bead-card__name{font-size:2rem;line-height:1.2;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bead-card__price{font-size:1.875rem;margin-top:.375rem;font-weight:600}.bead-card__size{font-size:1.625rem;margin-top:.375rem}.bead-card__add{padding:.75rem;font-size:1.5rem;border-radius:.375rem;letter-spacing:.06em}.moyshop-builder__summary-head{padding:3rem 3.5rem}.moyshop-builder__summary-head h2{font-size:2.75rem;margin-bottom:.5rem}.moyshop-builder__summary-head p{font-size:1.5rem}.moyshop-builder__sidebar-scroll{padding:3rem 3.5rem}.grouped-bead-row{padding:1.75rem;gap:1.75rem;margin-bottom:1.75rem;border-radius:1.75rem}.grouped-bead-row__left{gap:1.75rem}.grouped-bead-row__thumb{width:6rem;height:6rem}.grouped-bead-row__name{font-size:1.75rem}.grouped-bead-row__effect{font-size:1.5rem}.grouped-bead-row__qty,.grouped-bead-row__total{font-size:1.75rem}.selection-empty{font-size:1.875rem;padding:4.5rem 2.5rem;border-radius:1.75rem}.builder-summary-footer{padding:3rem 3.5rem}.builder-summary-footer .row{font-size:1.75rem;margin-bottom:1rem}.builder-summary-footer .total{padding-top:1.5rem;margin-top:1rem}.builder-summary-footer .total strong{font-size:3rem}.builder-action-btn{padding:2.25rem;font-size:1.5rem;margin-top:1.5rem;border-radius:.75rem}.custom-scrollbar::-webkit-scrollbar{width:8px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/moyshop-bracelet-builder.css.map */