/* CRAZY WCS V69 — единая мобильная адаптация */
*,*::before,*::after{box-sizing:border-box}
html,body{max-width:100%;overflow-x:hidden}
img,svg,video,canvas{max-width:100%;height:auto}
input,select,textarea,button{max-width:100%;font:inherit}

@media (max-width: 820px){
  html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
  body{margin:0!important;padding-left:0!important;padding-right:0!important;padding-bottom:92px!important}
  .wrap,.cw-wrap,.page-wrap,.history-wrap,.wrap--skins{width:calc(100% - 20px)!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important}
  .cw-top{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important;padding:12px!important}
  .cw-nav{display:flex!important;flex-wrap:wrap!important;gap:8px!important}
  .cw-link,.cw-logo{max-width:100%!important}
  h1,.page-title,.page-hero h1,.history-title-main{font-size:clamp(28px,9vw,44px)!important;line-height:1.05!important;overflow-wrap:anywhere}
  h2{font-size:clamp(22px,7vw,34px)!important;line-height:1.12!important}
  h3{font-size:clamp(18px,5vw,26px)!important}
  p,.muted,.sort-hint{overflow-wrap:anywhere}

  /* Верхняя панель аккаунта */
  .account-bar{display:block!important;padding:14px!important;border-radius:20px!important;margin-bottom:14px!important;overflow:visible!important}
  .account-left{margin-bottom:12px!important}
  .account-right{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;gap:8px!important;justify-content:stretch!important}
  .account-right.hidden{display:none!important}
  .account-right>*{min-width:0!important}
  .acc-admin,.acc-vip,.acc-name,.acc-balance{grid-column:1/-1!important;white-space:normal!important;max-width:none!important;text-align:left!important;line-height:1.3!important}
  .acc-avatar{grid-column:1!important;justify-self:start!important}
  .acc-profile-btn,.acc-login-btn{width:100%!important;min-height:42px!important;padding:10px 12px!important}
  #accountLoggedOut{display:block!important}
  #accountLoggedOut.hidden{display:none!important}

  /* Навигация и категории */
  .cats-bar,.tabs,.tab-row,.history-nav,.category-tabs{display:flex!important;overflow-x:auto!important;overscroll-behavior-x:contain!important;scroll-snap-type:x proximity!important;gap:8px!important;padding:8px!important;-webkit-overflow-scrolling:touch}
  .cats-bar>* ,.tabs>* ,.tab-row>* ,.history-nav>* ,.category-tabs>*{flex:0 0 auto!important;scroll-snap-align:start}
  .server{grid-template-columns:1fr!important;gap:10px!important;padding:14px!important}
  .server>*{min-width:0!important}

  /* Карточки товаров и контента */
  #perks,.perks,.products-grid,.purchase-grid,.active-grid,.levels-grid,.stats-grid,.social-grid,.skins-grid{grid-template-columns:1fr!important}
  .perk,.product-history-card,.purchase-card,.active-card,.level-card,.race-row,.stat-card,.panel,.page-hero{min-width:0!important;width:100%!important}
  .product-history-card,.purchase-card,.active-card,.race-row{grid-template-columns:82px minmax(0,1fr)!important;gap:12px!important;padding:14px!important}
  .product-history-card .product-actions,.purchase-card .purchase-side,.race-row .race-side{grid-column:1/-1!important;display:flex!important;justify-content:space-between!important;align-items:center!important;gap:10px!important;width:100%!important}
  .product-history-card img,.purchase-card img,.active-card img,.race-row img{width:82px!important;height:82px!important;object-fit:contain!important}

  /* Формы */
  .form-row,.form-grid,.user-select-row,.small-actions,.topup-row,.cw-pay-row{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  .form-row>* ,.form-grid>* ,.user-select-row>* ,.small-actions>*{width:100%!important;min-width:0!important;max-width:none!important}
  .input,.select,.search,input[type="text"],input[type="search"],input[type="number"],input[type="password"],select,textarea{width:100%!important;min-height:46px!important;font-size:16px!important}
  .btn,.buy,.store-buy-btn,.copy-btn{min-height:42px!important}
  .perm-grid{grid-template-columns:1fr!important}

  /* Таблицы превращаются в читаемые мобильные карточки */
  .table-card{overflow:visible!important;border:0!important;background:transparent!important;box-shadow:none!important}
  .table-card table,.admin-table,.vip-table,.donor-table,.punish-table,.history-table,.store-products-table{display:block!important;width:100%!important;min-width:0!important;border-collapse:separate!important}
  .table-card thead,.admin-table thead,.vip-table thead,.donor-table thead,.punish-table thead,.history-table thead,.store-products-table thead{display:none!important}
  .table-card tbody,.admin-table tbody,.vip-table tbody,.donor-table tbody,.punish-table tbody,.history-table tbody,.store-products-table tbody{display:grid!important;gap:12px!important;width:100%!important}
  .table-card tr,.admin-table tr,.vip-table tr,.donor-table tr,.punish-table tr,.history-table tr,.store-products-table tr{display:block!important;width:100%!important;border:1px solid rgba(143,116,255,.24)!important;border-radius:18px!important;overflow:hidden!important;background:rgba(255,255,255,.035)!important;box-shadow:0 10px 28px rgba(0,0,0,.12)!important}
  .table-card td,.admin-table td,.vip-table td,.donor-table td,.punish-table td,.history-table td,.store-products-table td{display:grid!important;grid-template-columns:minmax(104px,38%) minmax(0,1fr)!important;gap:10px!important;align-items:center!important;width:100%!important;min-width:0!important;padding:11px 13px!important;border:0!important;border-bottom:1px solid rgba(143,116,255,.14)!important;white-space:normal!important;text-align:left!important;overflow-wrap:anywhere!important}
  .table-card td:last-child,.admin-table td:last-child,.vip-table td:last-child,.donor-table td:last-child,.punish-table td:last-child,.history-table td:last-child,.store-products-table td:last-child{border-bottom:0!important}
  td[data-mobile-label]::before{content:attr(data-mobile-label);font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#a99be0;line-height:1.2}
  td .user{min-width:0!important;display:flex!important;align-items:center!important;gap:10px!important}
  td .name,td .muted{overflow-wrap:anywhere!important}
  td form{width:100%!important}

  /* Модальные окна */
  .modal-backdrop,.cw-modal-backdrop,.modal-overlay{padding:8px!important;align-items:flex-start!important;overflow-y:auto!important}
  .modal-col,.cw-modal-col,.modal-window,.history-window,.store-dialog-window{width:100%!important;max-width:none!important;margin:8px auto 100px!important}
  .modal,.cw-modal,.modal-window{border-radius:20px!important;max-height:none!important}
  .modal .content,.cw-modal .content,.modal-body,.admin-modal-body{padding:14px!important}
  #modal .modal-art{padding:8px!important}
  #modal .modal-art img{max-width:100%!important;max-height:46vh!important;object-fit:contain!important}
  .modal-grid,.modal-layout{grid-template-columns:1fr!important}

  /* Админка сайта */
  .admin-tabs,.cw-tabs{display:flex!important;overflow-x:auto!important;gap:8px!important;-webkit-overflow-scrolling:touch}
  .admin-tabs>* ,.cw-tabs>*{flex:0 0 auto!important}
  .panel{padding:14px!important;border-radius:20px!important}
  .panel h2{margin-top:0!important}
  .sort-toolbar{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}

  /* Переключатель темы не закрывает контент */
  .cw-theme-switcher{left:50%!important;right:auto!important;bottom:8px!important;transform:translateX(-50%) scale(.88)!important;transform-origin:center bottom!important;z-index:1200!important}
  body.has-open-modal .cw-theme-switcher{display:none!important}

  /* V95 — сильно уменьшенный переключатель темы на мобильной версии */
  .cw-theme-switcher{left:50%!important;right:auto!important;bottom:8px!important;width:132px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px!important;padding:4px!important;border-radius:16px!important;transform:translateX(-50%) scale(1)!important;transform-origin:center bottom!important;z-index:1200!important}
  .cw-theme-switcher .cw-theme-button{width:auto!important;min-width:0!important;min-height:36px!important;padding:4px 3px!important;border-radius:12px!important;gap:1px!important}
  .cw-theme-switcher .cw-theme-button svg{width:16px!important;height:16px!important;stroke-width:4!important}
  .cw-theme-switcher .cw-theme-button span{font-size:7px!important;line-height:1!important;letter-spacing:0!important}

  /* V94 — улучшенная мобильная шапка аккаунта */
  .account-bar{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;padding:14px!important;border-radius:22px!important}
  .account-left{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:4px!important;margin:0!important;padding:2px 2px 0!important}
  .account-left .acc-project{font-size:18px!important;line-height:1.05!important;letter-spacing:.06em!important}
  .account-left .acc-label{font-size:11px!important;line-height:1.2!important}
  #accountLoggedOut.account-right{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  #accountLoggedIn.account-right{display:grid!important;grid-template-columns:84px minmax(0,1fr)!important;gap:9px 12px!important;align-items:start!important}
  #accountLoggedIn #btnHistory{grid-column:1!important;grid-row:1!important;width:100%!important}
  #accountLoggedIn .acc-admin-panel-btn{grid-column:2!important;grid-row:1!important;width:100%!important}
  #accountLoggedIn .acc-avatar{grid-column:1!important;grid-row:2 / span 4!important;justify-self:start!important;align-self:start!important;width:64px!important;height:64px!important}
  #accountLoggedIn .acc-name{grid-column:2!important;grid-row:2!important;font-size:18px!important;line-height:1.15!important}
  #accountLoggedIn .acc-admin{grid-column:2!important;grid-row:3!important}
  #accountLoggedIn .acc-vip{grid-column:2!important;grid-row:4!important}
  #accountLoggedIn .acc-balance{grid-column:2!important;grid-row:5!important;font-size:16px!important}
  #accountLoggedIn #btnOpenTopup{grid-column:1!important;grid-row:6!important;width:100%!important}
  #accountLoggedIn #btnLogout{grid-column:2!important;grid-row:6!important;width:100%!important}
  #accountLoggedIn .acc-admin,
  #accountLoggedIn .acc-vip,
  #accountLoggedIn .acc-name,
  #accountLoggedIn .acc-balance{white-space:normal!important;overflow-wrap:anywhere!important;text-align:left!important;max-width:none!important;margin:0!important}
  
  /* V94 — аккуратная сетка категорий вместо хаотичного набора кнопок */
  .cats-row{overflow:visible!important}
  .cats-bar{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;overflow:visible!important;scroll-snap-type:none!important;gap:10px!important;padding:12px!important;justify-content:stretch!important}
  .cats-bar > *{flex:none!important;min-width:0!important}
  .cat-link{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important;width:100%!important;min-width:0!important}
  .cat-pill{display:flex!important;align-items:center!important;justify-content:center!important;min-height:50px!important;padding:10px 14px!important;text-align:center!important;line-height:1.15!important;white-space:normal!important}
  .cat-count{display:grid!important;place-items:center!important;min-width:44px!important;min-height:44px!important;padding:6px 10px!important;justify-self:end!important}
  .cat-link.info-link{grid-column:1/-1!important;width:min(220px,100%)!important;margin:0 auto!important}

  /* V94 — тулбар вида карточек */
  .store-view-toolbar{padding:14px!important;border-radius:20px!important}
  .store-view-toolbar-copy{display:grid!important;gap:4px!important}
  .store-view-toolbar-title{font-size:14px!important}
  .store-view-toolbar-hint{font-size:11px!important;line-height:1.35!important}
  .store-view-switch{width:100%!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;padding:6px!important}
  .store-view-btn{min-height:48px!important;font-size:11px!important}



  /* V118 — центрирование мобильного аккаунт-блока и мониторинга */
  .account-bar,.account-left,.account-right{ text-align:center!important; }
  .account-left{ align-items:center!important; }
  .account-left .acc-project,.account-left .acc-label{ width:100%!important; text-align:center!important; }
  #accountLoggedOut.account-right,
  #accountLoggedIn.account-right{ justify-items:center!important; }
  #accountLoggedIn .acc-name,
  #accountLoggedIn .acc-admin,
  #accountLoggedIn .acc-vip,
  #accountLoggedIn .acc-balance,
  #accountLoggedOut .acc-balance,
  .acc-admin,.acc-vip,.acc-name,.acc-balance{ text-align:center!important; justify-self:center!important; }
  #accountLoggedIn .acc-avatar,
  .acc-avatar{ justify-self:center!important; margin-left:auto!important; margin-right:auto!important; }
  #accountLoggedIn #btnHistory,
  #accountLoggedIn .acc-admin-panel-btn,
  #accountLoggedIn #btnOpenTopup,
  #accountLoggedIn #btnLogout,
  #accountLoggedOut #btnSteamLogin,
  #accountLoggedOut #btnGuestBalance{ justify-self:center!important; text-align:center!important; }

  .server{ text-align:center!important; }
  .server .title-row,
  .server .meta,
  .server .right{ justify-content:center!important; align-items:center!important; text-align:center!important; }
  .server .left,
  .server .right{ width:100%!important; }
  .server .title,
  .server small{ text-align:center!important; width:100%!important; }
  .server .right{ gap:10px!important; }
  .server .right .online,
  .server .right .btn{ margin-left:auto!important; margin-right:auto!important; }

    /* V94 — модальные окна: кнопка закрытия наверху и липкий хедер */
  .modal-backdrop,.cw-modal-backdrop,.modal-overlay{padding:8px!important;align-items:flex-start!important;overflow-y:auto!important}
  .modal-col,.cw-modal-col,.modal-window,.history-window,.store-dialog-window{width:100%!important;max-width:none!important;margin:8px auto 28px!important}
  .modal,.cw-modal,.modal-window{border-radius:20px!important;max-height:none!important;overflow:hidden!important}
  .modal header,.cw-modal header,#topupModal .topup-modal-window header{position:sticky!important;top:0!important;z-index:4!important;padding-right:62px!important;min-height:64px!important}
  .modal-close-top{display:grid!important;position:absolute!important;top:12px!important;right:12px!important;z-index:6!important}
  .close-bottom,.topup-close-btn,.cw-close-bottom{display:none!important}
  body.has-open-modal .cw-chat-dock,
  body.has-open-modal .cw-chat-widget,
  body.has-open-modal .cw-support-widget{display:none!important}
  

}

@media (max-width: 430px){
  .wrap,.cw-wrap,.page-wrap,.history-wrap,.wrap--skins{width:calc(100% - 12px)!important}
  .product-history-card,.purchase-card,.active-card,.race-row{grid-template-columns:68px minmax(0,1fr)!important;padding:12px!important}
  .product-history-card img,.purchase-card img,.active-card img,.race-row img{width:68px!important;height:68px!important}
  .table-card td,.admin-table td,.vip-table td,.donor-table td,.punish-table td,.history-table td,.store-products-table td{grid-template-columns:1fr!important;gap:5px!important}
  #accountLoggedIn.account-right{grid-template-columns:1fr!important}
  #accountLoggedIn #btnHistory,#accountLoggedIn .acc-admin-panel-btn,#accountLoggedIn .acc-avatar,#accountLoggedIn .acc-name,#accountLoggedIn .acc-admin,#accountLoggedIn .acc-vip,#accountLoggedIn .acc-balance,#accountLoggedIn #btnOpenTopup,#accountLoggedIn #btnLogout{grid-column:1!important;grid-row:auto!important}
  #accountLoggedOut.account-right{grid-template-columns:1fr!important}
  .acc-admin,.acc-vip,.acc-name,.acc-balance,.acc-avatar{grid-column:1!important}
  .cats-bar{grid-template-columns:1fr!important}
  .cat-link.info-link{width:100%!important}
  .cw-theme-switcher{width:120px!important;gap:3px!important;padding:3px!important;bottom:6px!important}
  .cw-theme-switcher .cw-theme-button{min-height:32px!important;border-radius:10px!important;padding:3px 2px!important}
  .cw-theme-switcher .cw-theme-button svg{width:14px!important;height:14px!important}
  .cw-theme-switcher .cw-theme-button span{font-size:6px!important}
}