/* Integration only. Layout, popups, typography and transitions are Fragment's own CSS. */
[hidden]{display:none!important}
.tm-row-selectable{cursor:pointer}
.icon-connect-catugram{width:20px;height:20px;background:url('/catugram.png') center/contain no-repeat;margin-right:9px;margin-left:-2px;flex-shrink:0}
.tm-assign-account-photo{color:#fff;font-weight:bold;font-size:14px;line-height:32px}
.tm-search-field-photo .tm-assign-account-photo{width:100%;height:100%;margin:0;line-height:inherit;display:flex;align-items:center;justify-content:center}
.tm-section-buttons{display:flex;flex-wrap:wrap;gap:8px}
.tm-section-buttons .btn{margin:0!important;flex:1 1 200px}
.tm-grid-item-thumb{aspect-ratio:1;background:var(--table-bg-color)}.tm-grid-thumb{aspect-ratio:1;object-fit:cover}
.sg-collections .tm-main-filters-list{max-height:60svh}.sg-collections .tm-main-filters-content{margin:16px -12px 0}
.tm-logo:hover .tm-logo-icon{transform:rotate(-15deg);transition:transform var(--def-transition)}
#conversion{margin-top:24px}#conversion .tm-main-intro-text{text-align:left}
@media(max-width:479px){.tm-header-actions-thin .tm-button-label{font-size:12px}.tm-header-actions-thin .tm-header-button{padding-left:8px;padding-right:8px}}

/* ===== Static: палитра CatuGram (как StaticMarket) поверх темы Fragment ===== */
:root{
  --text-color:#9a9a9f;
  --accent-color:#4db2ff;--accent-rgb:77,178,255;
  --dropdown-bg-color:#2c2c2e;--dropdown-bg-hover-color:#3a3a3c;--dropdown-secondary-color:#9a9a9f;
  --field-bg-color:#2c2c2e;--field-second-color:#9a9a9f;--field-placeholder-color:#8c8c90;--field-accent-color:#4db2ff;
  --btn-primary-bg-rgb:36,139,218;--btn-primary-bg-hover-color:#1f7cc4;--btn-primary-disabled-color:#8c8c90;
  --btn-default-bg-color:#2c2c2e;--btn-default-bg-hover-color:#3a3a3c;
  --btn-header-bg-rgb:44,44,46;--btn-header-bg-hover-rgb:58,58,60;
  --table-bg-rgb:44,44,46;--table-header-bg-color:#3a3a3c;--table-bg-hover-color:#3a3a3c;--table-text-color:#9a9a9f;
  --filters-header-bg-color:#2c2c2e;--filters-icon-color:#8c8c90;
  --bg-rgb:28,28,30;--header-bg-rgb:28,28,30;--bg-hover-color:#2c2c2e;
  --settings-bg-hover-color:#2c2c2e;--inactive-bg-color:#2c2c2e;--inactive-color:#48484a;
  --footer-bg-color:#161618;--footer-color:#8c8c90;
  --tooltip-bg-color:#3a3a3c;--header-tab-color-rgb:224,226,232;
  --unavail-color-rgb:77,178,255;--danger-color-rgb:77,178,255;
  --def-border-radius:12px;--popup-border-radius:20px;
}
html,body{background:#1c1c1e}
.tm-form-checkbox-item input.checkbox:checked~.tm-form-checkbox-label:before,
.tm-main-filters-checkbox input.checkbox:checked~.tm-checkbox-icon:before,
.tm-checkbox-toggle .checkbox:checked~.tm-checkbox-label:before{background-color:#4db2ff}
.tm-checkbox-toggle .checkbox~.tm-checkbox-label:before{background-color:#48484a}
.tm-header-button-photo,.tm-menu-tg-account-photo,.tm-settings-account-photo,.tm-assign-account-photo{background:#4db2ff}
.tm-section-tab-counter,.tm-label-soon{background-color:#3a3a3c}
.tm-main-intro-link{background-color:#2c2c2e}
.table-cell-status-thin,.tm-section-header-status{color:#e0e2e8;background-color:rgba(224,226,232,.08)}
.tm-pay-timer-fill,.tm-pay-copy-tooltip{background:#4db2ff}
.tm-pay-timer-clock-icon,.tm-pay-copy-btn{background:rgba(77,178,255,.15);border-color:rgba(77,178,255,.3)}
.tm-pay-copy-btn:hover{background:rgba(77,178,255,.25)}
.tm-pay-copy-btn svg{color:#4db2ff}
/* битое превью: без текста alt поверх плитки, спокойная заглушка */
.tm-grid-thumb,.tm-grid-item-thumb img,.table-cell img{color:transparent;font-size:0}
.tm-grid-item-thumb{background:#2c2c2e}

/* ===== окна: шторка снизу на телефоне, карточка по центру на компьютере ===== */
.popup-container{background:rgba(0,0,0,.6)}
.popup{background:#1c1c1e;color:#fafafa;font-size:15px;line-height:20px}
.popup-body{padding:28px 20px calc(20px + env(safe-area-inset-bottom))}
.popup-body:before{content:"";position:absolute;top:8px;left:50%;width:36px;height:5px;margin-left:-18px;border-radius:3px;background:rgba(255,255,255,.2)}
.popup section{padding-bottom:0;max-width:none}
.popup h2,.popup h4{font-size:20px;line-height:25px;font-weight:600;margin:0 0 6px;color:#fafafa}
.place-bid-popup-container .popup h2{font-size:28px;line-height:34px}
.popup .popup-text{font-size:15px;line-height:20px;color:#9a9a9f}
.alert-popup-container .popup .popup-text{color:#fafafa;font-size:17px;line-height:22px}
.form-popup-container .popup h4,.form-popup-container .popup-text{margin-left:0;margin-right:0}
.form-popup-container form{padding:4px 0 0}
.form-popup-container .form-group{padding:16px 0 0}
.popup .form-group{margin:0}
.popup .form-group>label,.form-popup-container .form-group>label,.popup .tm-main-form-label{display:block;margin:0 4px 8px;font-size:13px;line-height:18px;font-weight:500;color:#9a9a9f}
.popup .tm-main-form-label-extra{margin:0;font-size:13px;line-height:18px;color:#4db2ff}
.popup .tm-main-form-group{margin:16px 0 0}
.popup .tm-search-field-error{height:auto;min-height:0;margin:6px 4px 0}
.popup .tm-search-field-error:empty{display:none}
.popup .form-control,.popup .tm-input,.popup .tm-field{border-radius:12px;background-color:#2c2c2e}
.popup .help-block{margin:8px 4px 0;font-size:13px;line-height:18px;color:#9a9a9f}
.popup .tm-form-control-hint:empty{display:none}
/* кнопки окна: настоящие кнопки в ряд, главная красная */
.popup .popup-buttons{position:static;display:flex;gap:10px;margin:22px 0 0}
.popup .popup-buttons .btn,.popup .popup-body .btn-block,.popup .form-main-button .btn{flex:1 1 0;display:flex;align-items:center;justify-content:center;min-height:50px;margin:0;padding:0 16px;border:0;border-radius:14px;font-size:16px;line-height:20px;font-weight:600;text-decoration:none;color:#fafafa;background:#2c2c2e;transition:transform .2s cubic-bezier(.22,1,.36,1),background-color .15s}
.popup .popup-buttons .btn+.btn{margin-left:0}
.popup .popup-buttons .btn:hover{background:#3a3a3c}
.popup .popup-buttons .btn:active,.popup .btn-block:active{transform:scale(.97)}
.popup .popup-buttons button[type=submit],.popup .popup-buttons .popup-primary-btn,.popup .btn-primary,.popup .form-main-button .btn-primary{color:#fff;background:#248bda}
.popup .popup-buttons button[type=submit]:hover,.popup .popup-buttons .popup-primary-btn:hover,.popup .btn-primary:hover,.popup .form-main-button .btn-primary:hover{background:#1f7cc4}
.popup .popup-buttons button[disabled],.popup .btn[disabled]{color:#8c8c90;background:#343436;opacity:1}
.popup .popup-body .btn-block+.btn-block{margin:10px 0 0}
.popup .form-main-button{margin-top:22px}
.processing-popup-container .popup-body{border-radius:20px}
.processing-popup-container .popup-body:before{display:none}
.popup-side-icons-new .icon-popup-close,.popup-body .icon-popup-close{background-color:rgba(255,255,255,.1);border-radius:50%}
@media (min-width:480px){
  .popup{width:420px;border-radius:20px}
  .popup-body{padding:28px 28px 24px}
  .popup-body:before{display:none}
}

/* ===== шапка и кнопки страницы ===== */
.btn-primary{border-radius:12px}
.tm-header-button.btn-primary,.tm-header-actions .btn-primary{background:#248bda}

/* ===== без синей вспышки при нажатии и рамки фокуса ===== */
*{-webkit-tap-highlight-color:transparent}
a:focus,button:focus,.btn:focus,.btn:active,.btn.active,.btn:focus-visible,.dropdown-toggle:focus{outline:none!important;box-shadow:none!important}
.btn-primary:active,.btn-primary.active,.btn-primary:focus{background-color:#1f7cc4!important;border-color:transparent!important}
.btn-default:active,.btn-default.active,.btn-default:focus{background-color:#3a3a3c!important;border-color:transparent!important}
/* подпись кнопки входа появляется сразу правильной (имя из прошлого визита), без мигания */
html:not(.sg-ready) [data-sg-login] .tm-button-label{visibility:hidden}

/* ===== пустая таблица прилегает к шапке: верх прямой, низ скруглён ===== */
.tm-table-wrap .tm-table+.tm-table-empty{border-top-left-radius:0;border-top-right-radius:0;margin-top:0}

/* ===== сетка подарков: все плитки одного размера, последний ряд не растягивается ===== */
.tm-catalog-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:var(--gap,8px)}
.tm-catalog-grid .tm-grid-item{min-width:0!important;max-width:none!important;margin:0!important;flex:none}
.tm-catalog-grid .tm-grid-item-shadow{display:none!important}
.tm-grid-item-thumb{overflow:hidden}
.tm-grid-item-thumb img{width:100%;height:100%;object-fit:cover;display:block}
@media (min-width:768px){.tm-catalog-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}

/* ===== страница подарка: фон из цветов подарка под анимацией модели ===== */
.tm-section-auction-thumb.sg-bg{background:radial-gradient(circle at 50% 45%,var(--c) 0,var(--e) 72%);border-radius:var(--def-border-radius);overflow:hidden}