/* design layer: кнопки, инпуты, дропдауны, чипы */
html.so-t .ty-btn{height:44px;min-height:44px;padding:0 20px;border-radius:var(--so-r-pill);font-weight:500;font-size:14px;letter-spacing:0;border:1px solid transparent;background:var(--so-surface-2);color:var(--so-text);transition:background .15s ease,color .15s ease,box-shadow .15s ease,transform .1s ease}
html.so-t .ty-btn:hover{background:var(--so-surface-3);color:var(--so-text)}
html.so-t .ty-btn:active{transform:scale(.98)}
html.so-t .ty-btn:focus-visible{box-shadow:var(--so-ring);outline:0}
html.so-t .ty-btn__primary,html.so-t .ty-btn__add-to-cart,html.so-t .ut2-pb .ty-btn__add-to-cart,html.so-t .ty-btn__login{background:var(--so-accent);color:#fff}
html.so-t .ty-btn__primary:hover,html.so-t .ty-btn__add-to-cart:hover,html.so-t .ut2-pb .ty-btn__add-to-cart:hover,html.so-t .ty-btn__login:hover{background:var(--so-accent-hover);color:#fff}
html.so-t .ty-btn__primary:active{background:var(--so-accent-active)}
html.so-t .ty-btn__secondary{background:var(--so-text);color:#fff}
html.so-t .ty-btn__secondary:hover{background:#33333d;color:#fff}
html.so-t .ty-btn__tertiary,html.so-t .ty-btn__tertiary:hover{background:var(--so-surface-2) !important;color:var(--so-text)}
html.so-t .ty-btn__tertiary:hover{background:var(--so-surface-3) !important}
html.so-t .ty-btn__primary.ty-btn__text{background:transparent;color:var(--so-accent-text)}
html.so-t .ty-btn.ty-btn__text{background:transparent}
html.so-t .ty-btn__big{height:52px;font-size:16px;padding:0 28px}
html.so-t .ty-ab-load-more-btn,html.so-t .ty-ab-load-more-btn:hover{background:var(--so-surface);color:var(--so-text);border:1px solid var(--so-line);height:44px;padding:0 24px;border-radius:var(--so-r-pill)}
html.so-t .ut2-load-more-container .ut2-load-more{background:var(--so-surface);color:var(--so-text);border-radius:var(--so-r-pill);height:48px;box-shadow:var(--so-sh-1)}
html.so-t .ut2-load-more-container .ut2-load-more:hover{box-shadow:var(--so-sh-2)}
html.so-t .ty-btn-go{border:0;background:var(--so-accent);color:#fff;border-radius:var(--so-r-pill);top:4px;right:4px;height:36px}
html.so-t .ty-btn-go__icon{color:#fff}
/* поля ввода */
html.so-t input[type="text"],html.so-t input[type="password"],html.so-t input[type="email"],html.so-t input[type="tel"],html.so-t input[type="number"],html.so-t input[type="search"],html.so-t textarea,html.so-t select,html.so-t .ty-input-text,html.so-t .ty-input-text-medium,html.so-t .ty-input-text-large,html.so-t .ty-input-text-short,html.so-t .ty-input-text-full{border:1px solid transparent;background:var(--so-surface-2);border-radius:var(--so-r-sm);min-height:44px;padding:0 14px;color:var(--so-text);font-size:14px;box-shadow:none;transition:background .15s ease,box-shadow .15s ease}
html.so-t textarea{padding:12px 14px;min-height:96px}
html.so-t input[type="text"]:hover,html.so-t input[type="password"]:hover,html.so-t input[type="email"]:hover,html.so-t input[type="tel"]:hover,html.so-t input[type="number"]:hover,html.so-t textarea:hover,html.so-t select:hover{border-color:transparent;background:var(--so-surface-3);box-shadow:none}
html.so-t input[type="text"]:focus,html.so-t input[type="password"]:focus,html.so-t input[type="email"]:focus,html.so-t input[type="tel"]:focus,html.so-t input[type="number"]:focus,html.so-t textarea:focus,html.so-t select:focus{border-color:transparent;background:#fff;box-shadow:var(--so-ring);outline:0}
html.so-t input[type="checkbox"],html.so-t input[type="radio"]{accent-color:var(--so-accent)}
html.so-t .ty-control-group__label,html.so-t .ty-control-group__title{color:var(--so-text-2);font-weight:500}
html.so-t .ty-control-group__label.cm-required:after{color:var(--so-accent)}
html.so-t .ty-value-changer,html.so-t .ty-qty .ty-value-changer{border-radius:var(--so-r-pill);overflow:hidden}
/* выпадающие панели */
html.so-t .ty-dropdown-box__content{border:0;border-radius:var(--so-r-md);box-shadow:var(--so-sh-3);padding:var(--so-s1);margin-top:6px;background:var(--so-surface)}
html.so-t .ty-dropdown-box__content .ty-dropdown-box__item{border-radius:var(--so-r-sm);padding:10px 14px}
html.so-t .ty-dropdown-box__content .ty-dropdown-box__item:hover{background:var(--so-surface-2)}
html.so-t .ty-dropdown-box__content .ty-dropdown-box__item a,html.so-t .ty-account-info__a{color:var(--so-text)}
html.so-t .ty-dropdown-box__content .ty-dropdown-box__item:hover a{color:var(--so-accent-text)}
html.so-t .ty-account-info__buttons{padding:var(--so-s1) 14px 14px}
html.so-t .ty-account-info__buttons .ty-btn{width:100%;margin:0 0 8px}
html.so-t .ty-sort-dropdown__wrapper{border-radius:var(--so-r-pill);background:var(--so-surface);box-shadow:var(--so-sh-1);padding:8px 14px;color:var(--so-text)}
html.so-t .ty-sort-dropdown__wrapper:hover{background:var(--so-surface-2)}
html.so-t .ty-sort-dropdown__content{border:0;border-radius:var(--so-r-md);box-shadow:var(--so-sh-3);padding:var(--so-s1)}
html.so-t .ty-sort-dropdown__content-item-a{border-radius:var(--so-r-sm);color:var(--so-text)}
html.so-t .ty-sort-dropdown__content-item-a:hover{background:var(--so-surface-2);color:var(--so-accent-text)}
/* чипы */
html.so-t .so-chips{display:flex;flex-wrap:wrap;gap:var(--so-s1);margin:0 0 var(--so-s3)}
html.so-t .so-chip{display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 18px 0 10px;border-radius:var(--so-r-pill);background:var(--so-surface);color:var(--so-text);font-size:14px;font-weight:500;text-decoration:none;box-shadow:var(--so-sh-1);white-space:nowrap;transition:background .15s ease,box-shadow .15s ease,color .15s ease}
html.so-t .so-chip img{width:28px;height:28px;border-radius:50%;object-fit:contain;background:var(--so-surface-2);padding:3px;box-sizing:border-box}
html.so-t .so-chip:hover{background:var(--so-accent-soft);color:var(--so-accent-text);box-shadow:var(--so-sh-2)}
html.so-t .so-chip.is-active{background:var(--so-text);color:#fff}
html.so-t .so-chip--nopic{padding-left:18px}
/* модальные окна jQuery UI и попапы темы */
html.so-t .ui-dialog{border-radius:var(--so-r-lg);box-shadow:var(--so-sh-3);border:0;padding:0;overflow:hidden}
html.so-t .ui-dialog .ui-dialog-titlebar{background:transparent;border:0;padding:20px 28px 0;font-size:20px;font-weight:600}
html.so-t .ui-dialog .ui-dialog-content{padding:16px 28px 28px}
html.so-t .ui-dialog .ui-dialog-titlebar-close{border-radius:50%;background:var(--so-surface-2);width:32px;height:32px;right:16px;margin-top:-16px}
html.so-t .ty-login-popup{font-family:var(--so-font)}
html.so-t .ty-login-popup .ty-login__input{height:44px;font-size:14px}
html.so-t .ty-password-forgot__a,html.so-t .ty-login-reglink__a{color:var(--so-accent-text)}
/* пагинация */
html.so-t .ty-pagination__item,html.so-t .ty-pagination__selected{min-width:36px;height:36px;line-height:36px;padding:0 6px;border-radius:50%;color:var(--so-text-2);text-transform:none;font-weight:500}
html.so-t .ty-pagination__item:hover{background:var(--so-surface-2);color:var(--so-text)}
html.so-t .ty-pagination__selected{background:var(--so-text);color:#fff}
html.so-t .ty-pagination__btn,html.so-t .ty-pagination__text-arrow,html.so-t .ty-pagination__range{color:var(--so-text-2)}
html.so-t .ty-pagination__bottom{border-top:0}
/* стикеры-ярлыки на карточках */
html.so-t .ab-stickers-container>div,html.so-t .ab-sticker-small_size>div{border-radius:var(--so-r-pill)}
