.configure-band{--cfg-row-bg: #ffffff;--cfg-tile-bg: #eef3f6;--cfg-step-line: #c9d5de;padding-block:clamp(3.5rem,7vw,6.5rem);background:var(--surface-raised);scroll-margin-top:72px}html[data-theme=dark] .configure-band{--cfg-row-bg: var(--surface-soft);--cfg-tile-bg: rgba(255, 255, 255, .05);--cfg-step-line: #33465c}.configure-band__header{max-width:46rem;margin-bottom:clamp(2rem,4vw,3rem)}.configure-band__title{margin:0;color:var(--text-primary);font-size:clamp(2rem,3.2vw,2.9rem);font-weight:680;line-height:1.05;letter-spacing:-.03em}.configure-band__desc{margin:.9rem 0 0;color:var(--text-secondary);font-size:1.05rem;line-height:1.55}.cfg__layout{display:grid;grid-template-columns:200px minmax(0,1fr) 340px;gap:clamp(28px,3.5vw,56px);align-items:start}.cfg[data-cfg-steps="0"] .cfg__layout,.cfg[data-cfg-steps="1"] .cfg__layout{grid-template-columns:minmax(0,1fr) 340px}.cfg__categories[hidden]{display:none}.cfg__platforms:empty{display:none}.cfg__categories{position:sticky;top:96px;min-width:0}.cfg-steps{--cfg-dot: 28px;--cfg-gap: 18px;position:relative;display:flex;flex-direction:column;gap:var(--cfg-gap)}.cfg-steps:before,.cfg-steps:after{position:absolute;top:calc(var(--cfg-dot) / 2);left:calc(var(--cfg-dot) / 2);width:1px;transform:translate(-50%);content:"";pointer-events:none}.cfg-steps:before{bottom:calc(var(--cfg-dot) / 2);background:var(--cfg-step-line)}.cfg-steps:after{height:calc((100% - var(--cfg-dot)) * var(--cfg-step-progress, 0));background:var(--text-primary);transition:height .42s cubic-bezier(.16,1,.3,1)}.cfg-step{position:relative;z-index:1;display:flex;align-items:center;gap:14px;min-height:var(--cfg-dot);padding:0;border:0;background:none;color:var(--text-secondary);font:inherit;text-align:left;cursor:pointer}.cfg-step:before{position:absolute;inset:calc(var(--cfg-gap) / -2) 0;content:""}.cfg-step__dot{display:grid;flex:none;width:var(--cfg-dot);height:var(--cfg-dot);border:1px solid var(--cfg-step-line);border-radius:50%;background:var(--surface-raised);font-size:12px;font-weight:700;line-height:1;place-items:center;font-variant-numeric:tabular-nums;transition:border-color .22s ease,background-color .22s ease,color .22s ease,box-shadow .22s ease}.cfg-step__label{font-size:.95rem;font-weight:600;line-height:1.2;transition:color .22s ease}.cfg-step:hover{color:var(--text-primary)}.cfg-step:hover .cfg-step__dot{border-color:var(--text-secondary)}.cfg-step.is-complete .cfg-step__dot{border-color:var(--text-primary);color:var(--text-primary)}.cfg-step.is-current{color:var(--text-primary)}.cfg-step.is-current .cfg-step__dot{border-color:var(--color-accent, #dc0046);background:var(--color-accent, #dc0046);color:#fff;box-shadow:0 0 0 5px #dc00462e}.cfg-step:focus-visible{outline:none}.cfg-step:focus-visible .cfg-step__dot{outline:2px solid var(--focus-ring);outline-offset:3px}.cfg__main{min-width:0}.cfg-panel{display:flex;flex-direction:column;gap:28px}.cfg-panel__head{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.cfg-panel__title{margin:0;color:var(--text-primary);font-size:1.5rem;font-weight:650;letter-spacing:-.02em}.cfg-panel__count{color:var(--text-secondary);font-size:.85rem;font-variant-numeric:tabular-nums;white-space:nowrap}.cfg-group{display:flex;flex-direction:column;gap:10px}.cfg-group__label{margin:0;color:var(--text-primary);font-size:.95rem;font-weight:600}.cfg-group__note{margin:-4px 0 2px;color:var(--text-secondary);font-size:.875rem;line-height:1.45}.cfg-group__options{display:flex;flex-direction:column;gap:8px}.cfg-group:has(>.cfg-group__options>.cfg-option[role=switch]:only-child)+.cfg-group:has(>.cfg-group__options>.cfg-option[role=switch]:only-child){margin-top:-20px}.cfg-option{display:grid;grid-template-columns:56px minmax(0,1fr) auto 36px;align-items:center;gap:16px;width:100%;min-height:80px;padding:12px 16px 12px 12px;border:1px solid var(--border-color);border-radius:14px;background:var(--cfg-row-bg);color:var(--text-primary);font:inherit;text-align:left;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.cfg-option.is-static{cursor:default}.cfg-option:hover:not(:disabled):not(.is-static){border-color:var(--text-secondary)}.cfg-option.is-selected:not(.is-static){border-color:var(--control-selected);box-shadow:inset 0 0 0 1px var(--control-selected)}.cfg-option:disabled{cursor:not-allowed}.cfg-option.is-disabled .cfg-option__tile,.cfg-option.is-disabled .cfg-option__label,.cfg-option.is-disabled .cfg-option__price{opacity:.45}.cfg-option:focus-visible{outline:none;border-color:var(--focus-ring);box-shadow:inset 0 0 0 1px var(--focus-ring)}.cfg-option.is-coming-soon{cursor:default}.cfg-option.is-coming-soon .cfg-option__tile{border:1px dashed var(--border-color);background:transparent}.cfg-option__control{width:20px}.cfg-option__tile{display:grid;width:56px;height:56px;grid-template:100% / 100%;overflow:hidden;border-radius:10px;background:var(--cfg-tile-bg);place-items:center}.cfg-option__tile img{width:100%;height:100%;padding:6px;object-fit:contain}.cfg-option__tile:has(img){background:none}.cfg-option__tile[data-cfg-fit=cover] img{padding:0;object-fit:cover}.cfg-option__tile-text{color:var(--text-primary);font-size:.8rem;font-weight:700;letter-spacing:-.01em;font-variant-numeric:tabular-nums}.cfg-option__text{display:flex;flex-direction:column;gap:3px;min-width:0}.cfg-option__label{font-size:1rem;font-weight:600;line-height:1.3}.cfg-option__detail{color:var(--text-secondary);font-size:.875rem;line-height:1.4}.cfg-option__price{min-width:3.5rem;color:var(--text-primary);font-size:.95rem;font-weight:600;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.cfg-option.is-static .cfg-option__price{color:var(--text-secondary);font-weight:500}.cfg-option__badge{padding:3px 9px;border:1px solid var(--border-color);border-radius:999px;color:var(--text-secondary);font-size:.75rem;font-weight:600;white-space:nowrap}.cfg-option__radio{position:relative;width:20px;height:20px;border:1.5px solid var(--text-tertiary);border-radius:50%;justify-self:end}.cfg-option.is-selected .cfg-option__radio{border-color:var(--control-selected)}.cfg-option.is-selected .cfg-option__radio:after{position:absolute;inset:3.5px;border-radius:50%;background:var(--control-selected);content:""}.cfg-option__switch{position:relative;width:36px;height:22px;border-radius:999px;background:#c5ceda;justify-self:end;transition:background .15s ease}html[data-theme=dark] .cfg-option__switch{background:#fff3}.cfg-option__switch-thumb{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #00000040;transition:transform .15s ease}.cfg-option.is-selected .cfg-option__switch{background:var(--control-selected)}.cfg-option.is-selected .cfg-option__switch-thumb{transform:translate(14px)}.cfg-option__switch{justify-self:end}.cfg-option__radio{margin-right:8px}html[data-theme=dark] .cfg-option.is-selected .cfg-option__switch-thumb{background:var(--surface-soft)}.cfg-panel__foot{display:flex;align-items:center;justify-content:flex-end;gap:16px;padding-top:4px}.cfg-panel__back{min-height:44px;margin-right:auto;padding:0 4px;border:0;background:none;color:var(--text-secondary);font:inherit;font-weight:600;cursor:pointer}.cfg-panel__back:hover{color:var(--text-primary)}.cfg-panel__next{min-height:44px;padding:0 22px;border:0;border-radius:999px;background:var(--text-primary);color:var(--surface-page);font:inherit;font-size:.95rem;font-weight:600;cursor:pointer;transition:opacity .15s ease}.cfg-panel__next:hover{opacity:.88}.cfg-panel__next:focus-visible,.cfg-panel__back:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.cfg-panel__next--review{display:none}.cfg__notice{margin:12px 0 0;color:var(--text-secondary);font-size:.875rem;line-height:1.5}.cfg__notice:empty{display:none}.cfg-summary{position:sticky;top:96px;display:flex;flex-direction:column;gap:18px;padding:22px;border:1px solid var(--border-color);border-radius:18px;background:var(--cfg-row-bg)}.cfg-line{display:flex;flex-direction:column;gap:16px}.cfg-line__head{display:grid;grid-template-columns:88px minmax(0,1fr);gap:16px;align-items:center}.cfg-line__media{display:grid;width:88px;height:88px;overflow:hidden;place-items:center}.cfg-line__media img{width:100%;height:100%;padding:8px;object-fit:contain}.cfg-line__identity{display:flex;flex-direction:column;gap:4px;min-width:0}.cfg-line__name{color:var(--text-primary);font-size:1.125rem;font-weight:650;line-height:1.2}.cfg-line__code{color:var(--text-tertiary);font-size:.8rem;font-weight:500;letter-spacing:.02em;overflow-wrap:anywhere}.cfg-line__choices{display:flex;flex-direction:column;gap:8px;margin:0;padding:14px 0 0;border-top:1px solid var(--border-color);list-style:none}.cfg-line__choice{display:flex;align-items:center;gap:10px;color:var(--text-secondary);font-size:.875rem;line-height:1.35}.cfg-line__thumb{flex:none;width:36px;height:30px;object-fit:contain}.cfg-line__choice:not(:has(img)):before{flex:none;width:36px;content:""}.cfg-line__includes{margin:0;color:var(--text-tertiary);font-size:.8rem;line-height:1.45}.cfg-line:has(.cfg-line__thumb) .cfg-line__includes{padding-left:46px}.cfg-summary__price{display:flex;flex-direction:column;gap:2px;padding-top:16px;border-top:1px solid var(--border-color)}.cfg-summary__total{color:var(--text-primary);font-size:2rem;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.cfg-summary__total.is-quote{font-size:1.35rem;letter-spacing:-.01em}.cfg-summary__volume{margin:0;color:var(--text-secondary);font-size:.875rem}.cfg-summary__volume a,.cfg__cart-link{color:var(--text-primary);font-weight:600}.cfg-summary__each{color:var(--text-secondary);font-size:.85rem}.cfg-summary__quote{margin:0;color:var(--text-secondary);font-size:.875rem}.cfg-summary__buy{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center}.cfg-summary__qty input{width:2.75rem;height:44px;padding:0;border:0;background:transparent;color:var(--text-primary);font-size:var(--text-sm, .875rem);font-weight:600;text-align:center;font-variant-numeric:tabular-nums;-moz-appearance:textfield;appearance:textfield}.cfg-summary__qty input::-webkit-outer-spin-button,.cfg-summary__qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.cfg-summary__qty input:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}html[data-theme=dark] .cfg-summary__qty input{background:transparent}.cfg-summary__add{width:100%}.cfg-summary__reassure{margin:0;color:var(--text-tertiary);font-size:.78rem;line-height:1.5}.cfg-summary__continue{margin:0;font-size:.875rem}.cfg-summary__continue a{display:inline-flex;align-items:center;gap:.45rem;min-height:44px;color:var(--text-primary);font-weight:600;text-decoration:none}.cfg-summary__continue a:hover{text-decoration:underline}@media(max-width:1099px){.cfg__layout,.cfg[data-cfg-steps="0"] .cfg__layout,.cfg[data-cfg-steps="1"] .cfg__layout{grid-template-columns:minmax(0,1fr) 320px}.cfg__categories{position:static;grid-column:1 / -1;scroll-margin-top:96px}.cfg-steps{flex-direction:row;gap:28px;overflow-x:auto;padding:6px 18px;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 18px,#000 calc(100% - 18px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 18px,#000 calc(100% - 18px),transparent 100%)}.cfg-steps::-webkit-scrollbar{display:none}.cfg-steps:before,.cfg-steps:after{display:none}.cfg-step{flex:none}.cfg-step:before{inset:-8px -14px}.cfg-step__label{white-space:nowrap}}@media(max-width:860px){.cfg__layout,.cfg[data-cfg-steps="0"] .cfg__layout,.cfg[data-cfg-steps="1"] .cfg__layout{grid-template-columns:minmax(0,1fr)}.cfg__categories{scroll-margin-top:156px}.cfg-summary{position:static}.cfg-panel__foot{flex-wrap:wrap}.cfg-panel__next{flex:1 1 auto}.cfg-panel__next--review{display:inline-block}}@media(max-width:480px){.cfg-option{grid-template-columns:48px minmax(0,1fr) auto 36px;gap:12px;padding:10px 12px 10px 10px}.cfg-option__tile{width:48px;height:48px}.cfg-option__price{min-width:0}}@media(prefers-reduced-motion:reduce){.cfg-option,.cfg-option__switch,.cfg-option__switch-thumb,.cfg-step__dot,.cfg-steps:after{transition:none}}.cfg__mobile-bar{display:none}@media(max-width:860px){.cfg__mobile-bar:not([hidden]){position:fixed;z-index:40;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border-color);background:var(--bg-surface);box-shadow:0 -8px 24px #00142814}html[data-theme=dark] .cfg__mobile-bar:not([hidden]){background:var(--surface-raised);box-shadow:0 -8px 24px #00000059}.cfg__mobile-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;min-width:0}.cfg__mobile-price strong{color:var(--text-primary);font-size:1.25rem;font-variant-numeric:tabular-nums}.cfg__mobile-price span{color:var(--text-secondary);font-size:.8rem}.cfg__mobile-status{flex-basis:100%}.cfg__mobile-status:empty{display:none}.cfg__mobile-bar .btn{flex:none;min-height:44px}.has-cfg-bar .back-to-top{bottom:calc(88px + env(safe-area-inset-bottom,0px))}}html.cfg-in-view [data-page-top]{opacity:0;pointer-events:none}.configure-band__contact{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px}.configure-band__link{display:inline-flex;align-items:center;min-height:44px;color:var(--text-primary);font-weight:600;text-decoration:underline;text-decoration-color:var(--border-color);text-underline-offset:.2em}.configure-band__link:hover{text-decoration-color:currentColor}