.kit{background:var(--bg-page);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-size-m);padding:var(--space-6)}.kit-h{font-size:var(--text-size-s);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;border-top:1px solid var(--hairline);padding-top:var(--space-4);margin:var(--space-6) 0 var(--space-4);font-weight:500}.kit-row{gap:var(--space-4);flex-wrap:wrap;align-items:flex-start;display:flex}.kit-row-end{align-items:flex-end}.kit-row-center{align-items:center}
.kit-title{font-family:var(--font-display);font-size:var(--text-size-xl);letter-spacing:.08em;text-transform:uppercase;margin:0 0 var(--space-5);font-weight:400}.kit-swatch{gap:var(--space-2);font-size:var(--text-size-xs);color:var(--text-muted);flex-direction:column;display:flex}.kit-swatch i{width:var(--space-8);height:var(--space-7);border-radius:var(--radius-control);border:1px solid var(--hairline);display:block}.kit-type{margin:0 0 var(--space-3)}.kit-type-display{font-family:var(--font-display);font-size:var(--text-size-xl);letter-spacing:.12em}.kit-space{align-items:center;gap:var(--space-2);font-size:var(--text-size-xs);color:var(--text-muted);flex-direction:column;display:flex}.kit-space i{background:var(--accent);border-radius:var(--radius-control);display:block}.kit-tile{background:var(--bg-tile);border:1px solid var(--hairline);padding:var(--space-5);font-size:var(--text-size-s);color:var(--text-muted)}.kit-tile-card{border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.kit-tile-control{border-radius:var(--radius-control)}
.kit-fields{max-width:980px}.kit-fields>.sb-field,.kit-fields>.sb-select{flex:220px}.kit-col{gap:var(--space-4);flex-direction:column;align-items:flex-start;display:flex}.kit-cards{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(240px,300px));display:grid}
.sb-badge{font-size:var(--text-size-s);letter-spacing:.04em;text-transform:uppercase;color:var(--accent);font-weight:500}.sb-badge--muted{color:var(--text-muted)}
.sb-breadcrumbs__list{align-items:center;gap:var(--space-2);font-size:var(--text-size-s);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.sb-breadcrumbs__item{align-items:center;gap:var(--space-2);display:inline-flex}.sb-breadcrumbs__item:not(:first-child):before{content:"/";color:var(--text-muted)}.sb-breadcrumbs__link{color:var(--text-muted);text-decoration:none;transition:color .2s}a.sb-breadcrumbs__link:hover{color:var(--text-primary);text-decoration:underline}.sb-breadcrumbs__current{color:var(--text-primary)}
.sb-focus-ring:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.sb-btn{height:44px;padding:0 var(--space-5);background:var(--accent);border:1px solid var(--accent);border-radius:var(--radius-control);color:var(--text-on-accent);font-family:var(--font-body);font-size:var(--text-size-s);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;justify-content:center;align-items:center;font-weight:500;transition:background-color .2s,border-color .2s,color .2s;display:inline-flex;position:relative}.sb-btn--l{height:52px;padding:0 var(--space-6)}.sb-btn:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.sb-btn:active:not(:disabled){transform:translateY(1px)}.sb-btn:disabled{opacity:.4;cursor:default}.sb-btn--secondary{border-color:var(--hairline);color:var(--text-primary);background:0 0}.sb-btn--secondary:hover:not(:disabled){border-color:var(--accent);background:0 0}.sb-btn--link{height:auto;color:var(--text-primary);background:0 0;border:0;padding:0}.sb-btn--link:hover:not(:disabled){background:0 0}.sb-btn--link .sb-btn__label:after{content:"";background:var(--accent);width:0;height:1px;transition:width .25s;display:block}.sb-btn--link:hover:not(:disabled) .sb-btn__label:after{width:100%}.sb-btn--loading .sb-btn__label{opacity:0}.sb-btn--loading:disabled{opacity:1;cursor:default}.sb-btn--loading:after{content:"";border-radius:var(--radius-pill);border-top:2px solid;border-right:2px solid;width:14px;height:14px;animation:.7s linear infinite sb-btn-spin;position:absolute}@keyframes sb-btn-spin{to{transform:rotate(360deg)}}
.sb-checkbox{align-items:center;gap:var(--space-3);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-size-m);cursor:pointer;display:inline-flex}.sb-checkbox__control{flex:none;width:20px;height:20px;position:relative}.sb-checkbox__input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.sb-checkbox__box{border:1px solid var(--hairline);border-radius:var(--radius-chip);color:var(--text-on-accent);pointer-events:none;justify-content:center;align-items:center;transition:background-color .15s,border-color .15s;display:inline-flex;position:absolute;inset:0}.sb-checkbox__box svg{opacity:0;transition:opacity .15s}.sb-checkbox:hover .sb-checkbox__input:not(:disabled)+.sb-checkbox__box{border-color:var(--accent)}.sb-checkbox__input:checked+.sb-checkbox__box{background:var(--accent);border-color:var(--accent)}.sb-checkbox__input:checked+.sb-checkbox__box svg{opacity:1}.sb-checkbox:has(.sb-checkbox__input:disabled){opacity:.4;cursor:default}
.sb-banner{--sb-banner-bar:70px;border-radius:var(--radius-card);min-height:340px;color:var(--text-primary);box-shadow:var(--accent) 0 0 0 0 inset;text-decoration:none;transition:box-shadow .3s;display:block;position:relative;overflow:hidden}.sb-banner__media{z-index:0;object-fit:cover;width:100%;height:100%;transition:transform .3s;position:absolute;inset:0}.sb-banner__media--placeholder{background:linear-gradient(135deg, var(--bg-raised), var(--bg-tile))}.sb-banner:before{content:"";z-index:1;background:linear-gradient(to top, var(--scrim), transparent);pointer-events:none;height:160px;transition:opacity .3s;position:absolute;bottom:0;left:0;right:0}.sb-banner:after{content:"";z-index:2;background:var(--scrim);opacity:0;pointer-events:none;transition:opacity .3s,bottom .3s;position:absolute;inset:0}.sb-banner__bar{z-index:3;justify-content:space-between;align-items:center;gap:var(--space-4);height:var(--sb-banner-bar);padding:0 var(--space-6);display:flex;position:absolute;bottom:0;left:0;right:0}.sb-banner__title{font-family:var(--font-display);font-size:var(--text-size-m);letter-spacing:.02em;font-weight:400}.sb-banner__arrow{flex-shrink:0;display:inline-flex}.sb-banner:hover{box-shadow:var(--accent) 0 calc(-1 * var(--sb-banner-bar)) 0 0 inset}.sb-banner:hover .sb-banner__media{transform:translateY(calc(-1 * var(--sb-banner-bar)))}.sb-banner:hover:before{opacity:0}.sb-banner:hover:after{bottom:var(--sb-banner-bar);opacity:1}@media (prefers-reduced-motion:reduce){.sb-banner,.sb-banner__media,.sb-banner:before,.sb-banner:after{transition:none}}
.sb-iconbtn{border-radius:var(--radius-pill);width:36px;height:36px;color:var(--text-primary);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;transition:color .2s ease-out;display:inline-flex;position:relative}.sb-iconbtn:before{content:"";border-radius:var(--radius-pill);background:var(--accent);transition:transform .3s ease-in-out;position:absolute;inset:0;transform:scale(0)}.sb-iconbtn:hover:not(:disabled):before,.sb-iconbtn:focus-visible:before{transform:scale(1)}.sb-iconbtn:hover:not(:disabled),.sb-iconbtn:focus-visible{color:var(--text-on-accent)}.sb-iconbtn:disabled{opacity:.4;cursor:default}.sb-iconbtn__icon{z-index:1;display:inline-flex;position:relative}
.sb-pagination{align-items:center;gap:var(--space-2);display:flex}.sb-pagination__item{min-width:36px;height:36px;padding:0 var(--space-2);border:1px solid var(--hairline);border-radius:var(--radius-control);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-size-s);cursor:pointer;background:0 0;justify-content:center;align-items:center;text-decoration:none;transition:background-color .2s,border-color .2s,color .2s;display:inline-flex}a.sb-pagination__item:hover,button.sb-pagination__item:hover:not(:disabled){border-color:var(--accent)}.sb-pagination__item--current{background:var(--accent);border-color:var(--accent);color:var(--text-on-accent);cursor:default}.sb-pagination__item--prev svg{transform:scaleX(-1)}.sb-pagination__item:disabled{opacity:.4;cursor:default}.sb-pagination__ellipsis{min-width:36px;height:36px;color:var(--text-muted);justify-content:center;align-items:center;display:inline-flex}
.sb-price{font-size:var(--text-size-s);color:var(--text-primary);font-weight:500}.sb-price--l{font-size:var(--text-size-l)}.sb-price--muted{color:var(--text-muted)}
.sb-card{width:100%;font-size:var(--text-size-m);position:relative}.sb-card__corner{top:var(--space-3);left:var(--space-3);z-index:2;padding:var(--space-3);font-size:var(--text-size-xs);letter-spacing:.19em;text-transform:uppercase;color:var(--text-primary);white-space:nowrap;text-decoration:none;position:absolute}.sb-card__add{top:var(--space-4);right:var(--space-4);z-index:2;position:absolute}.sb-card__tile{aspect-ratio:300/410;background:var(--bg-tile);border-radius:var(--radius-card);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.sb-card__img{object-fit:contain;width:100%;height:100%;transition:transform .3s}.sb-card:hover .sb-card__img{transform:scale(1.1)}.sb-card__placeholder{background:linear-gradient(135deg, var(--bg-raised), var(--bg-tile));position:absolute;inset:0}.sb-card__swatches{bottom:var(--space-5);justify-content:center;gap:var(--space-4);width:100%;display:flex;position:absolute;left:0}.sb-card__swatches i{border-radius:var(--radius-chip);width:12px;height:12px;transition:transform .3s}.sb-card:hover .sb-card__swatches i{transform:scale(1.1)}.sb-card:hover .sb-card__add:before{transform:scale(1)}.sb-card:hover .sb-card__add{color:var(--text-on-accent)}.sb-card__info{margin-top:var(--space-4);color:inherit;text-decoration:none;display:block}.sb-card__title{color:var(--text-primary);letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.sb-card__meta{align-items:center;gap:var(--space-2);margin-top:var(--space-1);display:flex}
.sb-tabs{gap:var(--space-6);border-bottom:1px solid var(--hairline);display:flex}.sb-tab{padding:0 0 var(--space-3);color:var(--text-muted);font-family:var(--font-body);font-size:var(--text-size-s);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;font-weight:500;transition:color .2s;position:relative}.sb-tab:hover:not(:disabled):not(.sb-tab--active),.sb-tab--active{color:var(--text-primary)}.sb-tab--active:after{content:"";background:var(--accent);height:2px;position:absolute;bottom:-1px;left:0;right:0}.sb-tab:disabled{opacity:.4;cursor:default}
.sb-field{position:relative}.sb-field__input{box-sizing:border-box;width:100%;height:52px;padding:20px var(--space-4) 6px;background:var(--bg-raised);border:1px solid var(--bg-raised);border-radius:var(--radius-control);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-size-m);outline:none;transition:border-color .2s}.sb-field__input:focus{border-color:var(--text-muted)}.sb-field__label{left:var(--space-4);color:var(--text-muted);font-size:var(--text-size-m);pointer-events:none;transform-origin:0 0;transition:transform .15s ease-out;position:absolute;top:16px}.sb-field__input:focus+.sb-field__label,.sb-field__input:not(:placeholder-shown)+.sb-field__label{transform:translateY(-11px)scale(.72)}.sb-field--error .sb-field__input{border-color:var(--danger)}.sb-field__error{color:var(--danger);font-size:var(--text-size-xs);margin-top:var(--space-1)}.sb-field__input:disabled{opacity:.4;cursor:default}.sb-field__input:disabled+.sb-field__label{opacity:.4}
.sb-drawer{width:380px;max-width:92vw;height:100%;max-height:100%;color:var(--text-primary);background:0 0;border:0;margin:0 0 0 auto;padding:0}.sb-drawer--left{margin:0 auto 0 0}.sb-drawer::backdrop{background:var(--scrim)}.sb-drawer__panel{background:var(--bg-raised);height:100%;box-shadow:var(--shadow-card);flex-direction:column;display:flex}.sb-drawer__head{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-5);border-bottom:1px solid var(--hairline);display:flex}.sb-drawer__title{font-family:var(--font-display);font-size:var(--text-size-l);letter-spacing:.04em;text-transform:uppercase;margin:0;font-weight:400}.sb-drawer__body{padding:var(--space-5);font-size:var(--text-size-m);color:var(--text-muted);flex:1;overflow-y:auto}.sb-drawer[open] .sb-drawer__panel{animation:.25s ease-out sb-drawer-in-right}.sb-drawer--left[open] .sb-drawer__panel{animation-name:sb-drawer-in-left}.sb-drawer[open]::backdrop{animation:.25s ease-out sb-drawer-fade-in}@keyframes sb-drawer-in-right{0%{transform:translate(100%)}}@keyframes sb-drawer-in-left{0%{transform:translate(-100%)}}@keyframes sb-drawer-fade-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.sb-drawer[open] .sb-drawer__panel,.sb-drawer[open]::backdrop{animation:none}}
.sb-modal{width:440px;max-width:92vw;color:var(--text-primary);background:0 0;border:0;padding:0}.sb-modal::backdrop{background:var(--scrim);cursor:pointer}.sb-modal__panel{background:var(--bg-raised);border-radius:var(--radius-card);box-shadow:var(--shadow-card);overflow:hidden}.sb-modal__head{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-5) var(--space-3);display:flex}.sb-modal__title{font-family:var(--font-display);font-size:var(--text-size-l);letter-spacing:.04em;text-transform:uppercase;margin:0;font-weight:400}.sb-modal__body{padding:0 var(--space-5) var(--space-5);font-size:var(--text-size-m);color:var(--text-muted)}.sb-modal__foot{justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:1px solid var(--hairline);display:flex}.sb-modal[open] .sb-modal__panel{animation:.2s ease-out sb-modal-in}.sb-modal[open]::backdrop{animation:.2s ease-out sb-fade-in}@keyframes sb-modal-in{0%{opacity:0;transform:translateY(8px)scale(.98)}}@keyframes sb-fade-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.sb-modal[open] .sb-modal__panel,.sb-modal[open]::backdrop{animation:none}}
.sb-sselect{position:relative}.sb-sselect__trigger{justify-content:space-between;align-items:center;gap:var(--space-3);box-sizing:border-box;width:100%;height:52px;padding:20px var(--space-4) 6px;background:var(--bg-raised);border:1px solid var(--hairline);border-radius:var(--radius-control);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-size-m);text-align:left;cursor:pointer;outline:none;transition:border-color .2s;display:flex}.sb-sselect__trigger:focus-visible,.sb-sselect--open .sb-sselect__trigger{border-color:var(--text-muted)}.sb-sselect--error .sb-sselect__trigger{border-color:var(--danger)}.sb-sselect__trigger:disabled{opacity:.4;cursor:default}.sb-sselect__trigger:disabled+.sb-sselect__label{opacity:.4}.sb-sselect__error{margin-top:var(--space-1);color:var(--danger);font-size:var(--text-size-xs)}.sb-sselect__value{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sb-sselect__label{left:var(--space-4);color:var(--text-muted);font-size:var(--text-size-m);pointer-events:none;transform-origin:0 0;position:absolute;top:16px;transform:translateY(-11px)scale(.72)}.sb-sselect__chevron{color:var(--text-muted);flex-shrink:0;transition:transform .2s;display:inline-flex}.sb-sselect--open .sb-sselect__chevron{transform:rotate(180deg)}.sb-sselect__panel{z-index:20;top:calc(100% + var(--space-1));background:var(--bg-raised);border:1px solid var(--hairline);border-radius:var(--radius-control);box-shadow:var(--shadow-card);animation:.16s ease-out sb-sselect-in;position:absolute;left:0;right:0;overflow:hidden}.sb-sselect__list{max-height:320px;padding:var(--space-1);margin:0;list-style:none;overflow-y:auto}.sb-sselect__option{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-chip);color:var(--text-primary);font-size:var(--text-size-m);cursor:pointer;display:flex}.sb-sselect__option.is-active{background:var(--hairline)}.sb-sselect__option.is-selected{color:var(--accent)}.sb-sselect__check{color:var(--accent);flex-shrink:0;display:inline-flex;transform:translateY(1px)}@keyframes sb-sselect-in{0%{opacity:0;transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){.sb-sselect__panel{animation:none}.sb-sselect__chevron{transition:none}}
.sb-scroll{scrollbar-width:none}.sb-scroll::-webkit-scrollbar{width:0;height:0}.sb-scrollthumb{border-radius:var(--radius-pill);background:var(--hairline-strong);opacity:0;pointer-events:none;width:5px;transition:opacity .3s ease-out;position:absolute;top:0;right:3px}.sb-scrollthumb.is-visible{opacity:1}@media (prefers-reduced-motion:reduce){.sb-scrollthumb{transition:none}}
.sb-toast{align-items:center;gap:var(--space-3);min-width:280px;max-width:420px;padding:var(--space-3) var(--space-4);background:var(--bg-raised);border-radius:var(--radius-control);border-left:3px solid var(--text-muted);box-shadow:var(--shadow-card);color:var(--text-primary);font-size:var(--text-size-s);display:flex}.sb-toast--success{border-left-color:var(--accent)}.sb-toast--error{border-left-color:var(--danger)}.sb-toast__icon{color:var(--text-muted);flex:none;display:inline-flex}.sb-toast--success .sb-toast__icon{color:var(--accent)}.sb-toast--error .sb-toast__icon{color:var(--danger)}.sb-toast__msg{flex:1}.sb-toast__close{margin-left:var(--space-2);flex:none}
.sb-ac,.sb-ac__field{position:relative}.sb-ac__input{box-sizing:border-box;width:100%;height:52px;padding:20px var(--space-7) 6px var(--space-4);background:var(--bg-raised);border:1px solid var(--hairline);border-radius:var(--radius-control);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-size-m);outline:none;transition:border-color .2s}.sb-ac__input:focus{border-color:var(--text-muted)}.sb-ac__label{left:var(--space-4);color:var(--text-muted);font-size:var(--text-size-m);pointer-events:none;transform-origin:0 0;transition:transform .15s ease-out;position:absolute;top:16px}.sb-ac__input:focus+.sb-ac__label,.sb-ac__input:not(:placeholder-shown)+.sb-ac__label{transform:translateY(-11px)scale(.72)}.sb-ac__clear{right:var(--space-3);padding:var(--space-1);color:var(--text-muted);cursor:pointer;background:0 0;border:0;transition:color .2s;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.sb-ac__clear:hover{color:var(--text-primary)}.sb-ac__clear svg{width:14px;height:14px;display:block}.sb-ac__list{z-index:20;top:calc(100% + var(--space-1));padding:var(--space-1);background:var(--bg-raised);border:1px solid var(--hairline);border-radius:var(--radius-control);box-shadow:var(--shadow-card);margin:0;list-style:none;animation:.16s ease-out sb-ac-in;position:absolute;left:0;right:0}.sb-ac__option{padding:var(--space-3);border-radius:var(--radius-chip);color:var(--text-primary);font-size:var(--text-size-m);cursor:pointer}.sb-ac__option:hover{background:var(--hairline)}.sb-ac__empty{padding:var(--space-3);color:var(--text-muted);font-size:var(--text-size-m)}@keyframes sb-ac-in{0%{opacity:0;transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){.sb-ac__list{animation:none}}