.bracelet-stack-builder{display:block;background:var(--color-background);color:var(--color-foreground);--bsb-surface: var(--color-background);--bsb-surface-soft: rgb(var(--color-foreground-rgb) / .025);--bsb-surface-muted: rgb(var(--color-foreground-rgb) / .045);--bsb-border: rgb(var(--color-foreground-rgb) / .1);--bsb-border-strong: rgb(var(--color-foreground-rgb) / .24);--bsb-text-muted: rgb(var(--color-foreground-rgb) / .62);--bsb-text-soft: rgb(var(--color-foreground-rgb) / .42);--bsb-shadow: 0 18px 52px rgb(var(--color-shadow-rgb, var(--color-foreground-rgb)) / .08)}.bracelet-stack-builder *{box-sizing:border-box}.bracelet-stack-builder__inner{max-width:min(var(--normal-page-width, 120rem),1320px);margin:0 auto;padding:clamp(36px,6vw,72px) var(--page-margin, 24px)}.bracelet-stack-builder__hero{position:relative;display:grid;min-height:clamp(340px,46vw,620px);align-items:end;overflow:hidden;margin-bottom:clamp(22px,3vw,34px);border:1px solid var(--bsb-border);border-radius:var(--style-border-radius-xs, 4px);background:linear-gradient(135deg,rgb(var(--color-foreground-rgb) / .06),transparent 42%),linear-gradient(180deg,rgb(var(--color-foreground-rgb) / .02),rgb(var(--color-foreground-rgb) / .065))}.bracelet-stack-builder__hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 30%,rgb(0 0 0 / .44));pointer-events:none}.bracelet-stack-builder__hero-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.bracelet-stack-builder__hero-overlay{position:relative;z-index:1;display:grid;gap:14px;width:100%;padding:clamp(24px,5vw,56px)}.bracelet-stack-builder__kicker{margin:0;color:#ffffffd1;font-family:var(--font-subheading--family, var(--font-body--family));font-size:.78rem;font-weight:600;letter-spacing:var(--letter-spacing-md, .13em);text-transform:uppercase}.bracelet-stack-builder__heading{max-width:min(100%,22ch);margin:0;color:#fff;font-family:var(--font-heading--family, var(--font-body--family));font-size:clamp(2.2rem,4.4vw,4.75rem);font-weight:400;letter-spacing:0;line-height:1}.bracelet-stack-builder__subheading{max-width:610px;margin-bottom:clamp(28px,4vw,44px);color:var(--bsb-text-muted);font-size:clamp(1rem,1.3vw,1.08rem);line-height:1.65}.bracelet-stack-builder__subheading>*{margin:0}.bracelet-stack-builder__layout{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(0,1.35fr);gap:clamp(20px,4vw,48px);align-items:start}.bracelet-stack-builder__preview-panel{position:sticky;top:calc(var(--header-height, 0px) + 20px);display:grid;gap:18px;padding:clamp(18px,2vw,26px);border:1px solid var(--bsb-border);border-radius:var(--style-border-radius-xs, 4px);background:var(--bsb-surface);box-shadow:var(--bsb-shadow)}.bracelet-stack-builder__preview-header,.bracelet-stack-builder__options-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-end}.bracelet-stack-builder__preview-label{color:var(--color-foreground-heading, var(--color-foreground));font-size:.78rem;font-weight:700;letter-spacing:var(--letter-spacing-md, .13em);text-transform:uppercase}.bracelet-stack-builder__count{display:inline-flex;min-width:58px;min-height:36px;align-items:center;justify-content:center;border:1px solid var(--bsb-border-strong);border-radius:var(--style-border-radius-buttons-primary, 14px);color:var(--color-foreground);font-size:.86rem;font-weight:700}.bracelet-stack-builder__wrist{position:relative;container-type:inline-size;display:grid;aspect-ratio:1515 / 1378;min-height:0;place-items:center;overflow:hidden;border:1px solid var(--bsb-border);border-radius:var(--style-border-radius-xs, 4px);background:var(--bsb-surface-soft)}.bracelet-stack-builder__wrist-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center}.bracelet-stack-builder__slot{position:absolute;top:calc(31% + ((var(--slot-index) - 1) * 8.6%));left:48.4%;display:grid;width:118%;min-height:150px;place-items:center;overflow:visible;transform:translate(-50%,-50%);z-index:1}.bracelet-stack-builder__slot-empty{width:100%;padding:13px 18px;border:1px dashed rgb(var(--color-foreground-rgb) / .24);border-radius:999px;color:var(--bsb-text-soft);font-size:.75rem;letter-spacing:.08em;text-align:center;text-transform:uppercase}.bracelet-stack-builder__preview-bracelet{display:block;width:595%;max-width:none;height:205px;object-fit:contain;object-position:50% 50%;transform:translateY(-1%) scale(2.1);filter:drop-shadow(0 12px 16px rgb(var(--color-foreground-rgb) / .28))}.bracelet-stack-builder__preview-placeholder{position:relative;display:block;width:92%;height:92px;border:4px solid var(--color-foreground);border-radius:999px;opacity:.88;background:rgb(var(--color-background-rgb) / .08);box-shadow:0 8px 16px rgb(var(--color-foreground-rgb) / .18)}.bracelet-stack-builder__preview-placeholder:before,.bracelet-stack-builder__preview-placeholder:after,.bracelet-stack-builder__placeholder span:before,.bracelet-stack-builder__placeholder span:after{content:"";position:absolute;top:50%;width:12px;height:12px;border:2px solid var(--color-foreground);border-radius:50%;background:var(--color-background);transform:translateY(-50%)}.bracelet-stack-builder__preview-placeholder:before,.bracelet-stack-builder__placeholder span:before{left:22%}.bracelet-stack-builder__preview-placeholder:after,.bracelet-stack-builder__placeholder span:after{right:22%}.bracelet-stack-builder__selected-list{display:grid;gap:0;margin:0;padding:0;list-style:none}.bracelet-stack-builder__selected-empty,.bracelet-stack-builder__selected-item{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,.8fr);gap:12px;align-items:center;min-height:52px;padding:10px 0;border:0;border-bottom:1px solid var(--bsb-border);border-radius:0;background:transparent}.bracelet-stack-builder__selected-empty{color:var(--bsb-text-muted)}.bracelet-stack-builder__selected-empty>span:first-child,.bracelet-stack-builder__selected-title{display:grid;gap:3px;overflow:hidden;color:var(--color-foreground-heading, var(--color-foreground));font-size:.78rem;font-weight:600;letter-spacing:.06em;line-height:1.2;text-transform:uppercase;text-overflow:ellipsis}.bracelet-stack-builder__selected-empty small{color:var(--bsb-text-muted);font-size:.76rem;font-weight:500;letter-spacing:0}.bracelet-stack-builder__selected-empty span:last-child,.bracelet-stack-builder__selected-position{color:var(--bsb-text-muted);font-size:.78rem}.bracelet-stack-builder__selection-select{justify-self:end;width:100%;min-height:38px;padding:0 34px 0 12px;-webkit-appearance:none;appearance:none;border:1px solid var(--bsb-border);border-radius:var(--style-border-radius-xs, 4px);background-color:var(--color-background);background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-repeat:no-repeat;background-size:5px 5px,5px 5px;color:var(--color-foreground);font:inherit;font-size:.82rem;font-weight:500;cursor:pointer;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease}.bracelet-stack-builder__selection-select:hover{border-color:var(--bsb-border-strong);background-color:var(--bsb-surface-muted)}.bracelet-stack-builder__selection-select:focus-visible{outline:2px solid var(--color-foreground);outline-offset:3px}.bracelet-stack-builder__selection-select option{color:var(--color-foreground);background:var(--color-background)}.bracelet-stack-builder__selected-actions{display:flex;flex-shrink:0;gap:6px}.bracelet-stack-builder__selected-item>span:first-child{display:grid;gap:3px;min-width:0}.bracelet-stack-builder__icon-button{display:inline-grid;width:34px;height:34px;place-items:center;border:1px solid var(--bsb-border);border-radius:50%;background:var(--color-background);color:var(--color-foreground);cursor:pointer;line-height:1;transition:background-color .15s ease,border-color .15s ease,opacity .15s ease}.bracelet-stack-builder__icon-button:not(:disabled):hover{border-color:var(--bsb-border-strong);background:var(--bsb-surface-muted)}.bracelet-stack-builder__icon-button:disabled{opacity:.32;cursor:not-allowed}.bracelet-stack-builder__add-button{width:100%;min-height:52px;border:1px solid var(--color-primary-button-border);border-radius:var(--style-border-radius-buttons-primary, 14px);background:var(--color-primary-button-background);color:var(--color-primary-button-text);font:inherit;font-weight:700;letter-spacing:.02em;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease,opacity .15s ease}.bracelet-stack-builder__add-button:not(:disabled):hover{border-color:var(--color-primary-button-hover-border);background:var(--color-primary-button-hover-background);color:var(--color-primary-button-hover-text)}.bracelet-stack-builder__add-button:disabled{opacity:.42;cursor:not-allowed}.bracelet-stack-builder__status{min-height:1.4em;margin:0;color:var(--bsb-text-muted);font-size:.86rem;text-align:center}.bracelet-stack-builder__status.is-error{color:#912727}.bracelet-stack-builder__options-wrap{min-width:0}.bracelet-stack-builder__options-header{margin-bottom:16px}.bracelet-stack-builder__options-header h2{margin:0;color:var(--color-foreground-heading, var(--color-foreground));font-size:clamp(1.25rem,2vw,1.65rem);font-weight:500;letter-spacing:0}.bracelet-stack-builder__options-header p{max-width:310px;margin:0;color:var(--bsb-text-muted);font-size:.92rem;line-height:1.45;text-align:right}.bracelet-stack-builder__options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.bracelet-stack-builder__option{display:grid;grid-template-rows:auto 1fr auto;gap:10px;min-width:0;padding:8px;border:1px solid transparent;border-radius:var(--style-border-radius-xs, 4px);background:var(--color-background);color:inherit;font:inherit;text-align:left;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.bracelet-stack-builder__option:not(:disabled):hover{border-color:var(--bsb-border);box-shadow:0 10px 26px rgb(var(--color-shadow-rgb, var(--color-foreground-rgb)) / .045);transform:translateY(-1px)}.bracelet-stack-builder__option:disabled{opacity:.58;cursor:not-allowed}.bracelet-stack-builder__option.is-selected{border-color:rgb(var(--color-foreground-rgb) / .18);box-shadow:0 0 0 1px rgb(var(--color-foreground-rgb) / .1)}.bracelet-stack-builder__option-media{position:relative;display:grid;aspect-ratio:1.14 / 1;width:100%;place-items:center;overflow:hidden;border:0;border-radius:var(--style-border-radius-xs, 4px);background:transparent}.bracelet-stack-builder__option-media img{display:block;width:auto;height:auto;max-width:96%;max-height:96%;margin:auto;object-fit:contain;object-position:center;transform:none;filter:drop-shadow(0 10px 18px rgb(var(--color-foreground-rgb) / .1))}.bracelet-stack-builder__placeholder{position:relative;display:block;width:min(74%,320px);height:30%;min-height:54px;border:4px solid var(--color-foreground);border-radius:999px;opacity:.78;transform:translateY(-4%);box-shadow:0 12px 22px rgb(var(--color-foreground-rgb) / .08)}.bracelet-stack-builder__option-copy{display:grid;gap:4px}.bracelet-stack-builder__option-title{color:var(--color-foreground-heading, var(--color-foreground));font-size:.9rem;font-weight:600;line-height:1.2}.bracelet-stack-builder__option-description{color:var(--bsb-text-muted);font-size:.88rem;line-height:1.45}.bracelet-stack-builder__option-price{color:var(--bsb-text-muted);font-size:.8rem;font-weight:400}.bracelet-stack-builder__option-state{justify-self:start;padding:0;border:0;border-radius:var(--style-border-radius-buttons-secondary, 14px);color:var(--bsb-text-muted);font-size:.72rem;font-weight:600;letter-spacing:.04em;line-height:1.1;text-transform:uppercase}.bracelet-stack-builder__option.is-selected .bracelet-stack-builder__option-state{background:transparent;color:var(--color-foreground)}@media screen and (min-width:990px){.bracelet-stack-builder__preview-bracelet{transform:translateY(-1%) scale(1.07)}}@media screen and (max-width:989px){.bracelet-stack-builder__layout{grid-template-columns:1fr}.bracelet-stack-builder__preview-panel{position:static}.bracelet-stack-builder__options{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:749px){.bracelet-stack-builder__inner{padding-inline:16px}.bracelet-stack-builder__preview-header,.bracelet-stack-builder__options-header{align-items:flex-start;flex-direction:column}.bracelet-stack-builder__options-header p{max-width:none;text-align:left}.bracelet-stack-builder__options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.bracelet-stack-builder__wrist{min-height:0}.bracelet-stack-builder__slot{left:48.6%;width:118%;min-height:130px}.bracelet-stack-builder__preview-bracelet{width:540%;max-width:none;height:225px;height:43.6cqw;transform:translateY(-1%) scale(1.18)}.bracelet-stack-builder__preview-placeholder{width:92%;height:84px}.bracelet-stack-builder__option{gap:5px;padding:4px}.bracelet-stack-builder__option-media{aspect-ratio:1.08 / 1}.bracelet-stack-builder__option-title{font-size:.68rem;line-height:1.15}.bracelet-stack-builder__option-price{font-size:.66rem}.bracelet-stack-builder__option-state{padding:0;font-size:.58rem;letter-spacing:.04em}.bracelet-stack-builder__selected-empty,.bracelet-stack-builder__selected-item{grid-template-columns:1fr;gap:8px;padding:9px 0}.bracelet-stack-builder__selection-select{justify-self:stretch}.bracelet-stack-builder__selected-actions{justify-content:flex-start}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/bracelet-stack-builder.css.map */