/* ===== Static UI: вёрстка поверх Fragment CSS (auction.css) и app.css =====
   Подключается после app.css и anim.css. Только раскладка, типографика и
   компоненты CatuGram (меню аккаунта, шторка коллекций, «Мои активы»,
   кошелёк, карточка NFT). Анимации только transform/opacity, 150–350 мс. */
:root{
  --sg-red:#4db2ff;--sg-red-btn:#248bda;--sg-red-hover:#1f7cc4;
  --sg-bg:#1c1c1e;--sg-card:#2c2c2e;--sg-card-2:#3a3a3c;--sg-line:rgba(255,255,255,.06);
  --sg-text:#fafafa;--sg-muted:#9a9a9f;--sg-dim:#8c8c90;
  --sg-ease:cubic-bezier(.22,1,.36,1);
}

/* ----- страница не шире экрана: ничего не уезжает вправо ----- */
html,body{max-width:100%;overflow-x:hidden}
@supports (overflow:clip){html,body{overflow-x:clip}}

/* ----- значок Gram: соразмерен цифрам цены и стоит на их базовой линии -----
   В SVG 14×17 сам ромб занимает лишь 12.71×10.71 (поля сверху и снизу), поэтому при «contain»
   он выходил ~0.6 высоты цифр. Фон обрезается ровно по ромбу: высота .72em ≈ высоте цифр Roboto,
   ширина по пропорции ромба. Знак тот же, меняется только кадрирование. */
.icon-ton:not(.form-control-wrap):before,.btn .icon-ton:before,.popup-body .icon-ton:not(.form-control-wrap):before,.icon-ton-text:before,.sg-gram-ico{
  width:.855em;height:.72em;margin:0 .2em 0 0;vertical-align:0;background-size:110.15% 158.73%;background-position:34.9% 40.7%;background-repeat:no-repeat}
.icon-ton-text:before{margin:0 .18em 0 .1em}
.tm-amount,.sg-gram{white-space:nowrap;font-variant-numeric:tabular-nums}

/* ----- шапка: вкладки прокручиваются, ничего не обрезано ----- */
@media (max-width:767px){
  .tm-header-tabs{padding:0 16px}
  .tm-header-tab+.tm-header-tab{margin-left:20px}
  .tm-header-actions-thin{min-width:0;flex-shrink:1;margin-left:auto}
  .tm-header-actions-thin .tm-header-button{max-width:46vw;display:inline-flex;align-items:center}
  .tm-header-actions-thin .tm-button-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
/* аватар в кнопке аккаунта */
.sg-avatar{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:28px;height:28px;border-radius:50%;
  background:#fff;color:var(--sg-red-btn);font-weight:700;font-size:13px;line-height:1;text-transform:uppercase;overflow:hidden;user-select:none}
.sg-avatar.sg-avatar-lg{width:48px;height:48px;font-size:20px;background:var(--sg-red-btn);color:#fff}
.sg-avatar.sg-avatar-md{width:40px;height:40px;font-size:17px;background:var(--sg-red-btn);color:#fff}
.tm-header-button .sg-avatar{width:24px;height:24px;font-size:12px;margin:-3px 8px -3px -4px}
@media (min-width:768px){.tm-header-button .sg-avatar{width:26px;height:26px;margin:-4px 9px -4px -6px}}
.tm-header-button.sg-logged{display:inline-flex;align-items:center}
.tm-header-button.sg-logged:after{content:"";width:9px;height:9px;margin:0 -1px 0 8px;border:solid currentColor;border-width:0 1.8px 1.8px 0;transform:translateY(-2px) rotate(45deg);opacity:.8;transition:transform .2s var(--sg-ease)}
.tm-header-button.sg-logged[aria-expanded=true]:after{transform:translateY(2px) rotate(225deg)}

/* ----- меню аккаунта (кнопка в шапке) ----- */
.sg-acct{position:fixed;z-index:120;top:0;right:0;width:300px;max-width:calc(100vw - 32px);background:var(--sg-card);color:var(--sg-text);
  border-radius:16px;box-shadow:0 12px 40px rgba(0,0,0,.45);padding:8px 0;transform-origin:100% 0;
  opacity:0;transform:translate3d(0,-6px,0) scale(.97);pointer-events:none;transition:opacity .18s ease-out,transform .22s var(--sg-ease)}
.sg-acct.sg-open{opacity:1;transform:none;pointer-events:auto}
.sg-acct-head{display:flex;align-items:center;gap:12px;padding:10px 16px 12px}
.sg-acct-who{min-width:0}
.sg-acct-name{font-size:16px;line-height:21px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sg-acct-user{font-size:13px;line-height:18px;color:var(--sg-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sg-acct-bal{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 8px 6px;padding:12px;border-radius:12px;background:var(--sg-card-2)}
.sg-acct-bal-label{font-size:13px;line-height:18px;color:var(--sg-muted)}
.sg-acct-bal-value{font-size:17px;line-height:22px;font-weight:700}
.sg-acct-sep{height:1px;margin:6px 0;background:var(--sg-line)}
.sg-acct-link{display:flex;align-items:center;gap:14px;padding:10px 16px;font-size:15px;line-height:20px;color:var(--sg-text);text-decoration:none;cursor:pointer;background:none;border:0;width:100%;text-align:left}
.sg-acct-link:hover,.sg-acct-link:focus-visible{background:var(--sg-card-2);color:var(--sg-text);text-decoration:none}
.sg-i{display:inline-block;width:22px;height:22px;flex-shrink:0;background-color:currentColor;-webkit-mask:var(--sg-i) center/contain no-repeat;mask:var(--sg-i) center/contain no-repeat}
.sg-acct-link .sg-i{opacity:.75}.sg-acct-link.sg-danger .sg-i{opacity:1}
.sg-i-assets{--sg-i:var(--image-url-menu-assets)}.sg-i-wallet{--sg-i:var(--image-url-menu-wallet)}.sg-i-logout{--sg-i:var(--image-url-menu-logout)}
.sg-acct-link.sg-danger{color:var(--sg-red)}

/* ----- боковое меню: на весь видимый экран, прокрутка, без вылезающего подвала ----- */
.tm-header-menu{position:fixed;height:100vh;height:100dvh}
.tm-header-menu.hide{height:0}
.tm-header-menu-window{max-width:100vw;width:min(300px,86vw);padding-bottom:0}
.tm-header-menu-body{min-height:0;overscroll-behavior:contain}
.tm-header-menu-footer{padding:24px 12px calc(16px + env(safe-area-inset-bottom))}
.tm-header-menu-footer .tm-menu-button{margin:0;display:flex;align-items:center;justify-content:center}
.tm-menu-link.sg-current,a.tm-menu-link.sg-current:hover{color:var(--sg-red)}
.sg-menu-acct{display:flex;align-items:center;gap:12px;padding:12px;border-radius:14px;background:var(--sg-card);margin:0 0 10px}
.sg-menu-acct .sg-acct-who{flex:1}
.sg-menu-acct .sg-acct-name{font-size:15px;line-height:20px}
.sg-menu-acct-bal{font-size:13px;line-height:18px;color:var(--sg-text);font-weight:600;margin-top:2px}
.sg-menu-logout{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:46px;border:0;border-radius:12px;background:var(--sg-card);color:var(--sg-red);font-size:15px;font-weight:600;cursor:pointer}
.sg-menu-logout:hover{background:var(--sg-card-2)}
.sg-menu-logout .sg-i{width:20px;height:20px}
html.sg-anim .tm-header-menu:not(.hide) .tm-menu-links>*,html.sg-anim .tm-header-menu:not(.hide) .tm-header-menu-footer>*{animation:sg-in .28s var(--sg-ease) backwards}
html.sg-anim .tm-header-menu:not(.hide) .tm-menu-links>:nth-child(2){animation-delay:.03s}
html.sg-anim .tm-header-menu:not(.hide) .tm-menu-links>:nth-child(3){animation-delay:.06s}
html.sg-anim .tm-header-menu:not(.hide) .tm-menu-links>:nth-child(4){animation-delay:.09s}
html.sg-anim .tm-header-menu:not(.hide) .tm-menu-links>:nth-child(n+5){animation-delay:.12s}
html.sg-anim .tm-header-menu:not(.hide) .tm-header-menu-footer>*{animation-delay:.1s}

/* ----- подвал: ссылки переносятся по центру, без горизонтальной прокрутки ----- */
.tm-footer{margin-top:24px}
.tm-footer-links{flex-wrap:wrap;gap:8px 24px;padding:16px 16px calc(16px + env(safe-area-inset-bottom))}
.tm-footer-link+.tm-footer-link{margin-left:0}
.tm-footer-link{white-space:nowrap}

/* ----- заголовок секции и фильтры: одна строка, фильтры не вылезают ----- */
.tm-section-header{align-items:center;gap:6px;min-width:0}
.tm-section-header-text{min-width:0;flex:1 1 auto}
.tm-section-header:has(.tm-dropdown) .tm-section-header-text{white-space:nowrap;overflow:hidden}
.tm-section-header-text>span{overflow:hidden;text-overflow:ellipsis}
.tm-section-header .btn-group{margin-left:0;flex-shrink:0;min-width:0}
.tm-section-header .tm-dropdown .dropdown-toggle{display:inline-flex;align-items:center;white-space:nowrap;max-width:100%}
.tm-section-header .tm-dropdown .dropdown-toggle>span{overflow:hidden;text-overflow:ellipsis}
.tm-dropdown>.dropdown-menu{min-width:190px;box-shadow:0 10px 32px rgba(0,0,0,.4)}
/* место под список считает ui.js (placeDropdown): max-width — ширина экрана без полей 16px */
.tm-dropdown>.dropdown-menu>li>.dropdown-menu-item{overflow:hidden;text-overflow:ellipsis}
@media (max-width:479px){
  .tm-section-header{flex-wrap:wrap}
  .tm-section-header-text{font-size:18px}
}
@media (max-width:379px){
  .tm-section-header-text{flex-basis:100%}
}
/* заголовок страницы актива: полное имя, статус переносится, не обрезается */
.tm-section-header-domain{min-width:0;white-space:normal;display:inline-flex;align-items:flex-start}
.tm-section-header-title{white-space:normal;overflow-wrap:anywhere;word-break:normal}
.tm-auction-section .tm-section-header-text{white-space:normal;flex-wrap:wrap;align-items:center;justify-content:center;row-gap:4px}
.tm-auction-section .tm-section-header-status{margin:0 6px}

/* ----- таблицы: шапка ровно над колонками, строки как на Fragment ----- */
.tm-table thead th{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}
.tm-table .table-cell-value,.tm-table .table-cell-desc{overflow:hidden;text-overflow:ellipsis}
.tm-table .table-cell-value.icon-ton{display:block}
.tm-table-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:96px;padding:24px 16px;text-align:center;color:var(--sg-muted)}
.tm-table-wrap .tm-table+.tm-table-empty{background:rgba(var(--table-bg-rgb),1);border-radius:0 0 var(--def-border-radius) var(--def-border-radius)}
.sg-empty-title{font-size:16px;line-height:21px;font-weight:600;color:var(--sg-text)}
.sg-empty-text{font-size:14px;line-height:19px;color:var(--sg-muted)}
.table-cell .sg-status{white-space:nowrap;color:var(--sg-text);background:none!important}
.table-cell .sg-status.sg-st-sale{color:#5aec8c;background:rgba(90,236,140,.1)}
.table-cell .sg-status.sg-st-auction{color:#ffbe4f;background:rgba(255,190,79,.12)}
.table-cell .sg-status.sg-st-chain{color:#7ab8ff;background:rgba(122,184,255,.12)}
.table-cell .sg-status.sg-st-pending{color:#ffbe4f;background:rgba(255,190,79,.12)}
.tm-cell-thumb{border-radius:10px;object-fit:cover}

/* ----- кнопки на страницах: иерархия и отступы ----- */
.tm-section-buttons{display:flex;flex-wrap:wrap;gap:10px;padding-top:4px}
.tm-section-buttons .btn{flex:1 1 180px;min-height:48px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;font-weight:600}
.tm-section-box+.tm-section-box{margin-top:12px}
.tm-section-bid-info .tm-bid-info-text{padding:12px 16px 14px;color:var(--sg-muted);font-size:14px;line-height:19px}

/* ----- шторка «Коллекции»: шапка с крестиком, мульти-выбор, «Применить» ----- */
.sg-coll .popup-body{padding:0!important;display:flex;flex-direction:column;max-height:min(86vh,720px);max-height:min(86dvh,720px)}
.sg-coll .popup-body:before{top:8px}
.sg-coll section{display:flex;flex-direction:column;min-height:0;flex:1 1 auto;padding:0!important;margin:0!important;max-width:none!important}
.sg-coll-head{display:flex;align-items:center;gap:12px;padding:24px 16px 12px 20px}
.sg-coll-head h4{flex:1;margin:0!important}
.sg-coll-close{flex-shrink:0;width:32px;height:32px;border:0;border-radius:50%;background:rgba(255,255,255,.08);color:var(--sg-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .15s,transform .15s var(--sg-ease)}
.sg-coll-close:hover{background:rgba(255,255,255,.14);color:var(--sg-text)}
.sg-coll-close:active{transform:scale(.92)}
.sg-coll-close svg{width:14px;height:14px}
.sg-coll-search{padding:0 16px 8px}
.sg-coll-search input{width:100%;height:44px;border:0;border-radius:12px;background:var(--sg-card);color:var(--sg-text);padding:0 14px 0 40px;font-size:15px;outline:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238c8c90' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='M16 16l4 4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:12px center;background-size:18px}
.sg-coll-search input::placeholder{color:var(--sg-dim)}
.sg-coll-list{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:4px 8px 8px;-webkit-overflow-scrolling:touch}
.sg-coll-item{display:flex;align-items:center;gap:12px;width:100%;padding:8px 10px;border-radius:12px;cursor:pointer;user-select:none;transition:background-color .15s}
.sg-coll-item:hover{background:rgba(255,255,255,.04)}
.sg-coll-item input{position:absolute;opacity:0;pointer-events:none}
.sg-coll-photo{position:relative;width:40px;height:40px;flex-shrink:0;border-radius:12px;background:var(--sg-card);overflow:hidden;display:flex;align-items:center;justify-content:center}
.sg-coll-photo img{width:34px;height:34px;object-fit:contain;display:block}
.sg-coll-photo img.sg-crop{width:100%;height:100%;object-fit:cover;transform:scale(1.55) translateY(-4%)}
.sg-coll-photo.sg-all{color:var(--sg-muted)}
.sg-coll-photo.sg-all svg{width:20px;height:20px}
.sg-coll-name{flex:1;min-width:0;font-size:15px;line-height:20px;color:var(--sg-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sg-coll-count{font-size:14px;color:var(--sg-muted);font-variant-numeric:tabular-nums}
.sg-cbx{position:relative;width:22px;height:22px;flex-shrink:0;border-radius:7px;border:2px solid #5a5a5e;transition:background-color .15s,border-color .15s}
.sg-cbx:after{content:"";position:absolute;left:6px;top:2px;width:6px;height:11px;border:solid #fff;border-width:0 2.2px 2.2px 0;transform:rotate(45deg) scale(.4);opacity:0;transition:transform .2s var(--sg-ease),opacity .15s}
.sg-coll-item input:checked~.sg-cbx{background:var(--sg-red);border-color:var(--sg-red)}
.sg-coll-item input:checked~.sg-cbx:after{opacity:1;transform:rotate(45deg) scale(1)}
.sg-coll-item input:focus-visible~.sg-cbx{outline:2px solid rgba(77,178,255,.5);outline-offset:2px}
.sg-coll-none{padding:28px 16px;text-align:center;color:var(--sg-muted);font-size:14px}
.sg-coll-foot{display:flex;gap:10px;padding:12px 16px calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--sg-line);background:var(--sg-bg)}
.sg-coll-foot .btn{flex:1 1 0;min-height:48px;margin:0;border:0;border-radius:14px;font-size:16px;font-weight:600;display:flex;align-items:center;justify-content:center}
.sg-coll-foot .sg-reset{flex:0 0 auto;padding:0 18px;background:var(--sg-card);color:var(--sg-text)}
.sg-coll-foot .sg-reset:hover{background:var(--sg-card-2)}
.sg-coll-foot .sg-reset[disabled]{color:var(--sg-dim);opacity:1}
.sg-coll-foot .sg-apply{background:var(--sg-red-btn);color:#fff}
.sg-coll-foot .sg-apply:hover{background:var(--sg-red-hover)}
html.sg-anim .sg-coll:not(.hide) .sg-coll-item{animation:sg-in .24s var(--sg-ease) backwards}
html.sg-anim .sg-coll:not(.hide) .sg-coll-item:nth-child(2){animation-delay:.02s}
html.sg-anim .sg-coll:not(.hide) .sg-coll-item:nth-child(3){animation-delay:.04s}
html.sg-anim .sg-coll:not(.hide) .sg-coll-item:nth-child(4){animation-delay:.06s}
html.sg-anim .sg-coll:not(.hide) .sg-coll-item:nth-child(5){animation-delay:.08s}
html.sg-anim .sg-coll:not(.hide) .sg-coll-item:nth-child(6){animation-delay:.1s}
html.sg-anim .sg-coll:not(.hide) .sg-coll-item:nth-child(n+7){animation-delay:.12s}
@media (min-width:480px){.sg-coll .popup{width:440px}.sg-coll-foot{border-radius:0 0 20px 20px}}
/* кнопка «Коллекции» показывает выбранное число */
.js-choose-collection-btn .sg-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;margin-left:6px;border-radius:10px;background:var(--sg-red);color:#fff;font-size:12px;font-weight:700;line-height:1}
/* выбранные коллекции: «чипсы» под поиском */
.sg-chips{display:flex;flex-wrap:wrap;gap:6px;padding:0 0 4px}
.sg-chip{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 6px 0 12px;border:0;border-radius:15px;background:var(--sg-card);color:var(--sg-text);font-size:13px;cursor:pointer}
.sg-chip:hover{background:var(--sg-card-2)}
.sg-chip svg{width:14px;height:14px;color:var(--sg-muted)}
html.sg-anim .sg-chip{animation:sg-pop .2s var(--sg-ease) backwards}

/* ----- «Мои активы»: вкладки разделов ----- */
.sg-owned-tabs{position:relative;display:flex;gap:22px;padding:0 6px;margin:0 0 6px;overflow-x:auto;scrollbar-width:none}
.sg-owned-tabs::-webkit-scrollbar{display:none}
.sg-owned-tabs .tm-section-tab{background:none;border:0;cursor:pointer;display:inline-flex;align-items:center;gap:6px;font-size:15px}
.sg-owned-tabs .tm-section-tab-counter{font-size:12px;line-height:16px;padding:1px 6px;border-radius:8px;color:#e0e2e8;font-weight:700}
.sg-owned-tabs .tm-section-tab.tab-active .tm-section-tab-counter{background:var(--sg-red);color:#fff}
.sg-owned-tabs .tm-section-tab.tab-active:after{transition:transform .25s var(--sg-ease)}

/* ----- кошелёк ----- */
.sg-wallet-card{margin:8px 10px 0;padding:22px 16px 16px;border-radius:20px;background:var(--sg-card);text-align:center}
.sg-wallet-label{font-size:14px;line-height:19px;color:var(--sg-muted)}
.sg-wallet-balance{display:flex;align-items:center;justify-content:center;gap:8px;margin:6px 0 2px;font-size:36px;line-height:42px;font-weight:700;color:var(--sg-text);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.sg-wallet-balance .sg-gram-ico{margin:0;flex-shrink:0}
.sg-wallet-sub{font-size:13px;line-height:18px;color:var(--sg-muted)}
.sg-wallet-addr{display:flex;align-items:center;gap:8px;max-width:100%;margin:16px auto 0;padding:10px 12px 10px 14px;border:0;border-radius:12px;background:var(--sg-card-2);color:var(--sg-text);font-size:14px;line-height:19px;cursor:pointer;transition:background-color .15s,transform .15s var(--sg-ease)}
.sg-wallet-addr:hover{background:#444447}
.sg-wallet-addr:active{transform:scale(.98)}
.sg-wallet-addr .tm-wallet{flex:1;min-width:0;text-align:left}
.sg-wallet-addr svg{width:18px;height:18px;flex-shrink:0;color:var(--sg-muted)}
.sg-wallet-note{margin:10px 0 0;font-size:13px;line-height:18px;color:var(--sg-muted)}
.sg-wallet-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0 0}
.sg-wallet-actions .btn{min-height:48px;margin:0;border:0;border-radius:14px;font-weight:600;font-size:15px;display:flex;align-items:center;justify-content:center;gap:8px}
.sg-wallet-actions .btn svg{width:18px;height:18px}
.sg-wallet-actions .btn-default{background:var(--sg-card-2);color:var(--sg-text)}
.sg-wallet-actions .btn-default:hover{background:#444447}
.sg-wallet-actions .sg-wide{grid-column:1/-1}
.sg-amt-plus{color:#5aec8c}
@media (min-width:768px){.sg-wallet-card{margin:16px 0 0}.sg-wallet-actions{grid-template-columns:repeat(3,1fr)}.sg-wallet-actions .sg-wide{grid-column:auto}}

/* ----- карточка NFT (страница подарка) ----- */
.sg-nft{position:relative;width:100%;aspect-ratio:1;border-radius:var(--def-border-radius,12px);overflow:hidden;background:radial-gradient(circle at 50% 50%,var(--c,#3a3a3c) 0,var(--e,#1c1c1e) 75%);isolation:isolate}
.sg-nft-pattern{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .35s ease-out}
.sg-nft-pattern.sg-ready{opacity:1}
.sg-nft-model{position:absolute;left:18%;top:15%;width:64%;height:64%}
.sg-nft-model img,.sg-nft-model canvas{width:100%;height:100%;object-fit:contain;display:block}
.sg-nft-static{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tm-section-auction-thumb.sg-has-nft{background:none!important;padding:0;width:280px;max-width:100%}
@media (min-width:768px){.tm-section-auction-thumb.sg-has-nft{width:270px}}
html.sg-anim .sg-nft{animation:sg-nft-in .35s var(--sg-ease) backwards}
@keyframes sg-nft-in{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}

/* ----- меньше движения ----- */
@media (prefers-reduced-motion:reduce){
  .sg-acct,.sg-cbx:after,.sg-nft-pattern,.tm-header-button.sg-logged:after{transition:none!important}
}
.tm-section-header .sg-owned-tabs{flex:1 1 auto;min-width:0;margin:0;padding:0 6px}
.sg-owned-tabs .tm-section-tab{padding:12px 0}
#error[data-sg-hide]{display:none!important}
.sg-login-cta{margin-top:12px}
.sg-gram-ico{display:inline-block;background-image:var(--image-url-ton-icon)}
.sg-wallet-intro{padding-bottom:0}
.sg-wallet-intro .tm-main-intro-header{margin-bottom:0}
.sg-menu-acct .sg-acct-name{color:var(--sg-text)}
/* «Мои активы»: на телефоне вкладки во всю ширину, сортировка с 480px */
@media (max-width:479px){
  body[data-page=owned] .tm-section-header .tm-dropdown{display:none}
  .sg-owned-tabs{gap:18px}
  .sg-owned-tabs .tm-section-tab{font-size:14px}
}
/* сетка подарков: номер уже нарисован на превью, плашку не дублируем; имя видно и на телефоне */
.tm-catalog-grid .tm-grid-item-num{display:none}
.tm-catalog-grid .tm-grid-item-name.wide-only{display:block!important;font-size:13px;line-height:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}
@media (min-width:768px){.tm-catalog-grid .tm-grid-item-name.wide-only{font-size:15px;line-height:20px}}
.tm-catalog-grid .tm-grid-item-name .item-num{color:var(--sg-muted)}
.sg-wallet-addr-text{flex:1;min-width:0;text-align:center;font-variant-numeric:tabular-nums;letter-spacing:.01em}
.tm-table .table-cell-desc{white-space:nowrap}
.sg-owned-tabs{padding:0 4px}
@media (max-width:479px){.sg-owned-tabs{gap:16px}.sg-owned-tabs .tm-section-tab-counter{padding:1px 5px}}
#conversion .tm-main-intro-text{padding:0 6px;margin:0 0 12px}
.sg-chip svg{width:10px;height:10px}
.sg-chips{padding:8px 0 0}
.tm-search-field-row .js-choose-collection-btn{flex-shrink:0;display:inline-flex;align-items:center}
#owned-table.sg-login thead{display:none}
#owned-table.sg-login+.tm-table-empty{border-radius:var(--def-border-radius)}
.tm-catalog-grid .tm-grid-item-values{display:flex;flex-direction:column;align-items:center;gap:2px}
.tm-catalog-grid .tm-grid-item-status{margin:0}
.tm-catalog-grid .tm-grid-item-status{color:var(--sg-muted);font-weight:400;font-size:13px}
.tm-section-buttons .sg-btn-full{flex-basis:100%}
.tm-catalog-grid .tm-grid-item .tm-grid-item-status{font-size:13px;line-height:17px}
@media (max-width:380px){
  .sg-owned-tabs{gap:14px;-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent);padding-right:24px}
  .sg-owned-tabs .tm-section-tab{font-size:13px}
}
.tm-main>.tm-section.tm-main-intro:first-child{padding-top:28px;padding-bottom:16px}