/* Публичный профиль игрока (/users/<SteamID>) — стили 1-в-1 с case-battle.ac (.container.profile-other).
   Шапка переработана оригиналом (grid, .profile-identity, статистика <dl>, блок «Лучший дроп»). */
/* Оригинал ограничивает .container до 1200px (у нас общего правила нет — главная/кейсы во всю
   ширину). Профилю нужна эта ширина, иначе шапка и сетка предметов растягиваются на весь экран
   (было 7 карточек в ряд вместо 5). */
.container.profile-other { max-width:1200px;margin:0 auto;padding:0 10px;box-sizing:border-box;background:url("/assets/img/bg_case.webp") 0 0/100% auto no-repeat;overflow:hidden }
/* margin-top:.67em — браузерный дефолт h1, который у оригинала есть (нет глобального reset),
   а у нас его съедает `* { margin:0 }`. Без него вся шапка профиля поднималась выше оригинала. */
.main-content h1.page-title { text-transform:uppercase;font-size:24px;font-weight:500;margin-top:.67em;margin-bottom:25px;color:#fff;text-align:center }

.container.profile-other .info-other { margin-bottom:30px }
.container.profile-other .info-other .admin-link { margin-top:7px;text-align:center;font-size:14px }
.container.profile-other .info-other .admin-link img { height:24px;vertical-align:middle }
.container.profile-other .info-other .admin-link a { text-decoration:none;color:#a9a9a9;transition:color .2s ease }
.container.profile-other .info-other .admin-link a:hover { text-decoration:none;color:#d3d3d3 }

/* --- Обёртка шапки: grid (2 колонки; с «лучшим дропом» — 3) --- */
.container.profile-other .info-other .wrapper { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:26px;max-width:780px;margin:0 auto;background-color:rgba(9,8,13,.55);padding:26px;box-sizing:border-box }
.container.profile-other .info-other .wrapper.has-best-drop { max-width:1200px;grid-template-columns:minmax(0,.95fr) minmax(0,1fr) minmax(0,1.15fr) }

/* --- Личность: аватар + ник/Steam --- */
.container.profile-other .info-other .wrapper .profile-identity { display:flex;align-items:center;gap:18px;min-width:0 }
.container.profile-other .info-other .wrapper .avatar { width:112px;flex:0 0 112px;display:block;align-self:center;box-sizing:border-box }
.container.profile-other .info-other .wrapper .avatar>img { width:100%;border-radius:50%;border:2px solid #ee6f3c;display:block;box-sizing:border-box }
.container.profile-other .info-other .wrapper .block.userpic { flex:1 1 0;min-width:0 }
.container.profile-other .info-other .wrapper .block.userpic .user-name { display:flex;align-items:center;gap:8px;margin-bottom:20px }
.container.profile-other .info-other .wrapper .block.userpic .user-name>img { display:block;width:19px;flex:0 0 19px }
.container.profile-other .info-other .wrapper .block.userpic .user-name span { min-width:0;font-size:24px;font-weight:600;color:#fff;overflow-wrap:anywhere;line-height:1.3 }
.container.profile-other .info-other .wrapper .block.userpic .login { display:inline-flex;align-items:center;gap:8px;text-decoration:none;padding:6px 0;color:#bfcae3;font-size:14px;line-height:1.4;border-bottom:1px solid #646d7c;transition:color .2s,border-color .2s }
.container.profile-other .info-other .wrapper .block.userpic .login:hover { color:#fff;border-color:#bfcae3 }
.container.profile-other .info-other .wrapper .block.userpic .login img { width:24px;flex:0 0 24px;height:auto }

/* --- Статистика: заголовок + счётчики <dl> --- */
.container.profile-other .info-other .wrapper .block.stat { min-width:0;border-left:1px solid #252632;padding-left:26px }
.container.profile-other .info-other .wrapper .profile-stat-title { margin:0 0 24px;color:#bfcae3;font-size:18px;line-height:1.3;text-transform:uppercase }
.container.profile-other .info-other .wrapper .profile-stat-counters { display:grid;grid-template-columns:repeat(auto-fit,minmax(64px,1fr));gap:20px 16px;margin:0 }
.container.profile-other .info-other .wrapper .profile-stat-counter { container-type:inline-size;display:flex;flex-direction:column;align-items:center;min-width:0;gap:8px;text-align:center;cursor:default;transition-property:transform,filter;transition-duration:.22s;transition-timing-function:ease-out }
.container.profile-other .info-other .wrapper .profile-stat-counter dt { order:2;color:#bfcae3;font-size:13px;font-weight:normal }
.container.profile-other .info-other .wrapper .profile-stat-counter dd { display:flex;flex-direction:column;align-items:center;gap:10px;margin:0;color:#f3f4f7;font-size:30px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.2;overflow-wrap:anywhere;max-width:100% }
.container.profile-other .info-other .wrapper .profile-stat-counter .icon { width:28px;height:28px;font-size:28px;transition-property:transform,filter;transition-duration:.22s;transition-timing-function:ease-out }
.container.profile-other .info-other .wrapper .profile-stat-counter dd span { font-size:min(30px,(100cqw - 12px)*1.6/var(--counter-length,1));line-height:36px;white-space:nowrap }

/* --- «Лучший дроп» --- */
.container.profile-other .info-other .wrapper .profile-best-drop { min-width:0;padding:18px;border:1px solid rgba(211,134,60,.4);background:linear-gradient(120deg,rgba(211,134,60,.08),rgba(9,8,13,.4));box-sizing:border-box;transition-property:border-color,box-shadow,transform;transition-duration:.28s;transition-timing-function:ease-out }
.container.profile-other .info-other .wrapper .best-drop-heading { display:flex;align-items:center;gap:10px }
.container.profile-other .info-other .wrapper .best-drop-heading>.icon { flex:0 0 35px;width:35px;height:35px;object-fit:contain;font-size:26px;fill:#d3863c }
.container.profile-other .info-other .wrapper .best-drop-heading>div { min-width:0 }
.container.profile-other .info-other .wrapper .best-drop-heading h2 { margin:0 0 3px;color:#d3863c;font-size:17px;line-height:1.3;text-transform:uppercase }
.container.profile-other .info-other .wrapper .best-drop-source { color:#9ba2b2;font-size:12px;line-height:1.4;overflow-wrap:anywhere }
.container.profile-other .info-other .wrapper .best-drop-body { display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:8px }
.container.profile-other .info-other .wrapper .best-drop-details { min-width:0 }
.container.profile-other .info-other .wrapper .best-drop-name { color:#fff;font-size:15px;line-height:1.4;overflow-wrap:anywhere }
.container.profile-other .info-other .wrapper .best-drop-name span { display:block }
.container.profile-other .info-other .wrapper .best-drop-price { margin-top:10px;color:#d3863c;font-size:26px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.3;overflow-wrap:anywhere }
.container.profile-other .info-other .wrapper .best-drop-image { display:block;width:100%;height:140px;margin:-20px 0;clip-path:inset(20px 0);object-fit:contain;transition-property:transform,filter;transition-duration:.35s;transition-timing-function:cubic-bezier(.2,0,0,1);will-change:transform }

/* --- Анимации при наведении (как в оригинале): счётчики статистики и карточка «Лучший дроп» --- */
.container.profile-other .info-other .wrapper .profile-stat-counter:hover { transform:translateY(-4px) }
.container.profile-other .info-other .wrapper .profile-stat-counter:hover .icon { transform:scale(1.14);filter:drop-shadow(0 3px 6px rgba(0,0,0,.35)) }
.container.profile-other .info-other .wrapper .profile-best-drop:hover { border-color:rgba(211,134,60,.75);box-shadow:0 6px 26px rgba(211,134,60,.18);transform:translateY(-3px) }
.container.profile-other .info-other .wrapper .profile-best-drop:hover .best-drop-image { transform:scale(1.07) }

/* --- Сетка предметов --- */
.container.profile-other .items-block-other { text-align:center;z-index:3;position:relative }
.container.profile-other .items-block-other .items { display:flex;flex-wrap:wrap;justify-content:center }
.container.profile-other .items-block-other .items .unit { width:188px;border:1px solid #29313f;text-align:left;color:#fff;text-decoration:none;margin:0 25px 25px 0;display:inline-block }
.container.profile-other .items-block-other .items .unit .weapon { height:172px;border-bottom:2px solid #ddd;background-image:url("/assets/img/bg_unit.png");background-size:100% auto;box-sizing:border-box;padding-top:6px;position:relative }
.container.profile-other .items-block-other .items .unit .weapon.restricted { border-bottom-color:#8a2be2 }
.container.profile-other .items-block-other .items .unit .weapon.mil-spec { border-bottom-color:#4169e1 }
.container.profile-other .items-block-other .items .unit .weapon.classified { border-bottom-color:#e334c8 }
.container.profile-other .items-block-other .items .unit .weapon.industrial { border-bottom-color:#279bf0 }
.container.profile-other .items-block-other .items .unit .weapon.covert { border-bottom-color:#ea2f2f }
.container.profile-other .items-block-other .items .unit .weapon.rare { border-bottom-color:#e9bf0c }
.container.profile-other .items-block-other .items .unit .weapon.base { border-bottom-color:#ddd }
.container.profile-other .items-block-other .items .unit .weapon .source-ico { position:absolute;top:10px;left:8px }
.container.profile-other .items-block-other .items .unit .weapon .source-ico img { width:28px;height:auto }
.container.profile-other .items-block-other .items .unit .weapon .source-ico svg { font-size:1.35rem }
.container.profile-other .items-block-other .items .unit .weapon .source-ico svg.icon-trophy { fill:#d3863c }
.container.profile-other .items-block-other .items .unit .weapon .source-ico svg.icon-gamepad { font-size:1.1rem }
.container.profile-other .items-block-other .items .unit .skin-image { display:block;width:150px;margin:0 auto }
.container.profile-other .items-block-other .items .unit .unit-title { position:absolute;bottom:6px;left:8px;overflow:hidden;width:155px;white-space:nowrap;text-overflow:ellipsis;font-size:14px }
.container.profile-other .items-block-other .items .unit .unit-title span { font-size:12px }
.container.profile-other .items-block-other .items .unit .weapon .price { position:absolute;left:0;background-color:rgba(43,51,66,.83);bottom:44px;padding:3px 6px 4px;text-align:center;font-weight:600;min-width:60px }
.container.profile-other .items-block-other .items .unit .weapon .price span { font-size:15px;color:#ee6f3c }
.container.profile-other .items-block-other .items .unit .weapon .si { display:block !important;position:absolute;top:10px;right:8px }
.container.profile-other .items-block-other .items .unit .weapon .si svg { fill:#6f88b3;font-size:1.35rem }
.container.profile-other .items-block-other .items .unit .weapon .si svg.icon-steam { font-size:1.25rem }
.container.profile-other .items-block-other .items .unit .weapon .si svg.icon-upgrade { font-size:1.45rem }

/* --- Пагинация --- */
.pagination-holder .count-page { font-size:12px;color:#999;font-weight:lighter;text-align:center;margin-bottom:7px }
.pagination-holder .pagination-wrap { display:flex;background-color:#171c25;justify-content:center }
.pagination-holder .pagination { margin:0 auto;padding:0;white-space:nowrap }
.pagination-holder .pagination li { display:inline-block;font-size:14px;color:#999 }
.pagination-holder .pagination li a,.pagination-holder .pagination li span { padding:5px }
.pagination-holder .pagination li.prev a,.pagination-holder .pagination li.prev span { padding-left:7px }
.pagination-holder .pagination li a { font-size:16px;color:#999;text-decoration:none;display:inline-block }
.pagination-holder .pagination li.active a { font-weight:bold;color:#fff }
.pagination-holder .pagination li.next a,.pagination-holder .pagination li.next span { padding-right:7px }

/* ================= Адаптив (как в оригинале) ================= */
@media only screen and (max-width:1250px) {
  .container.profile-other .info-other .wrapper.has-best-drop { max-width:780px;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) }
  .container.profile-other .info-other .wrapper .profile-best-drop { grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) 140px;align-items:center;gap:12px 18px;padding:16px 18px }
  .container.profile-other .info-other .wrapper .best-drop-heading { grid-column:1;margin-bottom:0 }
  .container.profile-other .info-other .wrapper .best-drop-body { display:contents }
  .container.profile-other .info-other .wrapper .best-drop-details { grid-column:1 }
  .container.profile-other .info-other .wrapper .best-drop-price { margin-top:6px;font-size:22px }
  .container.profile-other .info-other .wrapper .best-drop-image { grid-area:1/2/span 2;height:100px;margin:0;clip-path:none }
}
@media only screen and (max-width:768px) {
  .main-content .container.profile-other .items-block-other .items .unit { width:170px;margin:0 15px 25px }
  .main-content .container.profile-other .items-block-other .items .unit .weapon { padding-top:9px }
  .main-content .container.profile-other .items-block-other .items .unit .skin-image { width:135px }
}
@media only screen and (max-width:650px) {
  .container.profile-other .info-other .wrapper,
  .container.profile-other .info-other .wrapper.has-best-drop { grid-template-columns:minmax(0,1fr);padding:18px;gap:22px }
  .container.profile-other .info-other .wrapper .profile-identity { max-width:100% }
  .container.profile-other .info-other .wrapper .avatar { width:88px;flex-basis:88px }
  .container.profile-other .info-other .wrapper .block.userpic .user-name span { font-size:22px }
  .container.profile-other .info-other .wrapper .block.stat { padding:20px 0 0;border-left:0;border-top:1px solid #252632 }
  .container.profile-other .info-other .wrapper .profile-stat-counters { grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:18px 16px }
  .container.profile-other .info-other .wrapper .profile-stat-counter dd span { font-size:min(26px,(100cqw - 12px)*1.6/var(--counter-length,1));line-height:32px }
  .container.profile-other .info-other .wrapper .profile-best-drop { padding:12px;grid-template-columns:minmax(0,1fr) 84px;gap:10px }
  .container.profile-other .info-other .wrapper .best-drop-heading { gap:7px }
  .container.profile-other .info-other .wrapper .best-drop-heading>.icon { width:30px;height:30px;flex-basis:30px }
  .container.profile-other .info-other .wrapper .best-drop-heading h2 { font-size:14px }
  .container.profile-other .info-other .wrapper .best-drop-name { font-size:13px }
  .container.profile-other .info-other .wrapper .best-drop-price { font-size:20px }
  .container.profile-other .info-other .wrapper .best-drop-image { height:84px }
}
@media only screen and (max-width:550px) {
  .main-content .profile-other .info-other { margin-bottom:40px }
}
@media only screen and (max-width:400px) {
  .main-content .container.profile-other .items-block-other .items .unit { width:148px;margin:0 5px 15px }
  .main-content .container.profile-other .items-block-other .items .unit .weapon { height:146px;padding-top:10px }
  .main-content .container.profile-other .items-block-other .items .unit .unit-title { width:138px }
  .main-content .container.profile-other .items-block-other .items .unit .skin-image { width:120px }
}