/* КОВЧЕГ • Mobile Classic V2 / Stage 65
   Independent phone composition. Desktop PHP and UI preserved.
   One header + one drawer; old social/VK-like clean stacked profile. */
@media (max-width:780px){
 body.shelter-dark {
  --km2-bg:#111418;--km2-surface:#1e2228;--km2-hi:#252a31;
  --km2-input:#262b32;--km2-border:#343b45;--km2-text:#f4f5f8;
  --km2-muted:#9da9ba;--km2-link:#80b7fb;
  --km2-shadow:0 13px 28px rgba(0,0,0,.29),0 2px 5px rgba(0,0,0,.25);
  --km2-inset:inset 0 1px 0 rgba(255,255,255,.055);
 }
 body.shelter-light {
  --km2-bg:#eef2f7;--km2-surface:#fff;--km2-hi:#f7f9fd;
  --km2-input:#f3f6fa;--km2-border:#dce4ef;--km2-text:#223348;
  --km2-muted:#6c7c91;--km2-link:#326faf;
  --km2-shadow:0 10px 25px rgba(31,51,82,.11),0 2px 5px rgba(31,51,82,.05);
  --km2-inset:inset 0 1px 0 rgba(255,255,255,.58);
 }
 html{overflow-x:clip}
 body.shelter-dark,body.shelter-light{
  background:var(--km2-bg)!important;
  color:var(--km2-text)!important;
  background-image:none!important;
  padding-bottom:0!important;
  min-width:0;
 }
 body .kv-mobile-bottom{display:none!important}
 body .site-footer{display:none!important}
 body.is-community .kv-vk-sidebar{display:none!important}
 body.is-community .kv-vk-app{display:block!important;max-width:100%;width:100%;margin:0}
 body.is-community .site-main{
  width:calc(100% - 24px)!important;max-width:720px!important;
  margin:0 auto!important;padding:12px 0 30px!important;
  min-width:0;min-height:55dvh;
 }
 body:not(.is-community):not(.is-crm) .site-main{
  width:calc(100% - 24px)!important;max-width:720px!important;
  padding:10px 0 30px!important;margin:0 auto!important;
 }
 body.is-crm .crm-main{padding-bottom:24px}
 /* One mobile navigation: compact header and a controlled drawer */
 body .site-header{
  position:sticky!important;top:0!important;z-index:150!important;
  background:var(--km2-surface)!important;
  border-bottom:1px solid var(--km2-border)!important;
  box-shadow:0 2px 15px rgba(0,0,0,.12)!important;
  backdrop-filter:blur(16px);
 }
 body .site-header .header-inner,
 body.is-community .site-header .header-inner{
  width:calc(100% - 24px)!important;max-width:720px!important;
  min-height:57px!important;height:57px!important;
  padding:0!important;margin:auto!important;gap:7px!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;
 }
 body .site-header .brand{display:flex;min-width:0;flex:1 1 auto;align-items:center;text-decoration:none!important}
 body .site-header .brand>span{min-width:0}
 body .site-header .brand strong{
  display:block;color:var(--km2-text)!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-weight:700!important;font-size:clamp(15px,4.25vw,19px)!important;
  line-height:1.2!important;letter-spacing:-.025em;
  text-wrap:nowrap;overflow:hidden;text-overflow:ellipsis;
 }
 body .site-header .brand small{display:none!important}
 body .site-header .desktop-nav,
 body .site-header .mobile-menu,
 body.is-community .site-header .mobile-menu,
 body .site-header .account-menu,
 body .site-header .account-dropdown{display:none!important}
 body .site-header .header-actions{
  display:flex!important;gap:5px!important;align-items:center!important;
  flex:0 0 auto;min-width:0;
 }
 body .site-header .kv-mobile-trigger{
  display:grid!important;place-items:center;flex:0 0 35px;
  width:35px;height:35px;padding:5px!important;border-radius:10px;
  border:1px solid var(--km2-border)!important;
  background:linear-gradient(155deg,var(--km2-hi),var(--km2-surface))!important;
  color:var(--km2-text)!important;box-shadow:var(--km2-inset);
  cursor:pointer;touch-action:manipulation;
 }
 body .site-header .kv-mobile-trigger:hover,
 body .site-header .kv-mobile-trigger[aria-expanded="true"]{
  background:var(--km2-hi)!important;color:var(--km2-link)!important;
 }
 body .site-header .kv-notice-bell{
  width:34px!important;height:36px!important;color:var(--km2-muted)!important;
  border:0!important;box-shadow:none!important;background:transparent!important;
 }
 body .site-header .kv-global-notice{flex:0 0 auto;min-width:0}
 body .site-header .kv-notice-panel{z-index:230}
 body .site-header .kv-mobile-head-avatar{
  display:block!important;flex:0 0 36px;width:36px;height:36px;
  border-radius:50%;border:1px solid var(--km2-border);padding:2px;
  overflow:hidden;box-shadow:0 2px 8px #0002;
 }
 .kv-mobile-head-avatar img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}
 body .site-header .login-link{font-size:12px;padding:4px}
 .kv-mobile-drawer[hidden]{display:none!important}
 .kv-mobile-drawer{display:block;position:fixed;inset:0;z-index:220}
 .kv-mobile-drawer-shade{
  position:absolute;inset:0;background:rgba(0,0,0,.7);border:0;
  cursor:pointer;width:100%;height:100%;
 }
 .kv-mobile-drawer-panel{
  position:absolute;top:0;left:0;bottom:0;
  display:flex;flex-direction:column;width:min(84vw,340px);min-width:0;
  background:var(--km2-surface);color:var(--km2-text);
  border-right:1px solid var(--km2-border);
  box-shadow:14px 0 55px rgba(0,0,0,.36);
 }
 .kv-mobile-drawer-head{
  min-height:60px;display:flex;align-items:center;justify-content:space-between;
  padding:10px 16px;border-bottom:1px solid var(--km2-border);
  background:linear-gradient(125deg,var(--km2-hi),var(--km2-surface));
 }
 .kv-mobile-drawer-head strong{color:var(--km2-text)!important;font-size:17px}
 .kv-mobile-drawer-head button{
  width:35px;height:35px;background:var(--km2-input);color:var(--km2-text);
  border:1px solid var(--km2-border);border-radius:9px;font-size:23px;cursor:pointer;
 }
 .kv-mobile-drawer-person{
  display:flex;gap:11px;align-items:center;min-height:73px;padding:13px 15px;
  border-bottom:1px solid var(--km2-border);text-decoration:none!important;
 }
 .kv-mobile-drawer-person img{width:42px;height:42px;flex:0 0 42px;object-fit:cover;border-radius:50%}
 .kv-mobile-drawer-person span{display:grid;gap:3px;min-width:0}
 .kv-mobile-drawer-person strong{font-size:13px;color:var(--km2-text)!important}
 .kv-mobile-drawer-person small{font-size:11px;color:var(--km2-muted)!important}
 .kv-mobile-drawer-scroll{overflow-y:auto;flex:1;overscroll-behavior:contain;padding:7px 12px 25px}
 .kv-mobile-drawer-group{padding:9px 0 10px;border-bottom:1px solid var(--km2-border)}
 .kv-mobile-drawer-group h2{color:var(--km2-muted)!important;font-size:10px!important;
  letter-spacing:.08em;text-transform:uppercase;margin:0 7px 8px!important}
 .kv-mobile-drawer-group a{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  min-height:42px;padding:8px 11px;border-radius:8px;
  color:var(--km2-text)!important;text-decoration:none!important;font-size:13px;
 }
 .kv-mobile-drawer-group a svg{color:var(--km2-muted)}
 .kv-mobile-drawer-group a:hover,.kv-mobile-drawer-group a[aria-current=page]{
  background:var(--km2-hi)!important;color:var(--km2-link)!important;
 }
 .kv-mobile-drawer-logout button,.kv-mobile-drawer-login{
  display:block;background:var(--km2-hi)!important;color:var(--km2-text)!important;
  width:100%;padding:13px;border:1px solid var(--km2-border);border-radius:10px;
  font-size:12px;text-align:left;cursor:pointer;margin:12px 0;
 }
 body.kv-mobile-drawer-open{overflow:hidden!important}
 body .kv-mobile-trigger:focus-visible,
 .kv-mobile-drawer button:focus-visible,.kv-mobile-drawer a:focus-visible,
 .kv-mobile-head-avatar:focus-visible{outline:2px solid var(--km2-link)!important;outline-offset:2px}
 /* Classic VK mobile profile: image FIRST, then data, then photos and wall. */
 body.is-community .kv-oldvk-app .kv-oldvk-main{width:100%;min-width:0}
 body.is-community .kv-oldvk-app .kv-classic-columns{
  display:flex!important;flex-direction:column!important;gap:0!important;
  width:100%;min-width:0;align-items:stretch!important;
 }
 body.is-community .kv-oldvk-app .kv-classic-left,
 body.is-community .kv-oldvk-app .kv-classic-content{display:contents!important}
 body.is-community .kv-oldvk-app .kv-vk-right{display:none!important}
 body.is-community .kv-oldvk-app .kv-classic-avatar-card{order:1}
 body.is-community .kv-oldvk-app .kv-classic-info-card{order:2}
 body.is-community .kv-oldvk-app .kv-classic-recent-photos{order:3}
 body.is-community .kv-oldvk-app .kv-vk-wall{order:4}
 body.is-community .kv-oldvk-app .kv-classic-avatar-card,
 body.is-community .kv-oldvk-app .kv-classic-info-card,
 body.is-community .kv-oldvk-app .kv-classic-recent-photos,
 body.is-community .kv-oldvk-app .kv-vk-wall,
 body.is-community .kv-oldvk-app .kv-vk-wall .kv-panel,
 body.is-community .kv-oldvk-app .kv-vk-wall .cabinet-panel{
  min-width:0;width:100%;max-width:100%;
 }
 body.is-community .kv-oldvk-app .kv-classic-avatar-card{
  margin:0!important;padding:0!important;border:1px solid var(--km2-border)!important;
  border-bottom:0!important;border-radius:16px 16px 0 0!important;
  background:var(--km2-surface)!important;
  box-shadow:var(--km2-shadow)!important;overflow:hidden!important;
 }
 body.is-community .kv-oldvk-app .kv-classic-avatar-frame{
  display:block!important;width:100%!important;max-width:none!important;
  aspect-ratio:1.48!important;height:auto!important;min-height:0!important;
  border-radius:0!important;margin:0!important;overflow:hidden!important;
  background:var(--km2-input)!important;
 }
 body.is-community .kv-oldvk-app .kv-classic-avatar-frame>a{
  position:absolute;inset:0;width:100%;height:100%;display:block!important;
 }
 body.is-community .kv-oldvk-app .kv-classic-avatar-frame>a img,
 body.is-community .kv-oldvk-app .kv-classic-avatar-frame img[data-kv-avatar-current]{
  display:block;width:100%!important;height:100%!important;
  object-fit:cover!important;object-position:center 27%!important;
  aspect-ratio:auto!important;max-width:none!important;
 }
 body.is-community .kv-oldvk-app .kv-classic-avatar-card>.kv-classic-avatar-action{
  display:none!important;
 }
 body.is-community .kv-oldvk-app .kv-classic-avatar-card .kv-avatar-pencil{
  bottom:12px;right:12px;background:rgba(22,26,34,.83)!important;
  border:1px solid #ffffff42!important;color:#fff!important;backdrop-filter:blur(7px);
 }
 body.is-community .kv-oldvk-app .kv-classic-avatar-card form[data-kv-friend-form],
 body.is-community .kv-oldvk-app .kv-classic-avatar-card .kv-block-user-button{
  display:none!important;
 }
 body.is-community .kv-oldvk-app .kv-classic-info-card{
  position:relative!important;margin:0 0 12px!important;
  padding:16px 17px 17px!important;
  border:1px solid var(--km2-border)!important;border-radius:0 0 16px 16px!important;
  background:linear-gradient(155deg,var(--km2-hi) -50%,var(--km2-surface) 55%)!important;
  box-shadow:var(--km2-shadow),var(--km2-inset)!important;
 }
 body.is-community .kv-oldvk-app .kv-classic-name-row{
  display:flex!important;align-items:flex-start!important;min-width:0;
  border:0!important;padding:0 106px 0 0!important;margin:0 0 10px!important;
 }
 body.is-community .kv-oldvk-app .kv-classic-name{min-width:0}
 body.is-community .kv-oldvk-app .kv-classic-name h1{
  font-size:clamp(17px,5.2vw,23px)!important;line-height:1.25!important;
  font-weight:780!important;letter-spacing:-.02em;margin:0 0 4px!important;
  color:var(--km2-text)!important;overflow-wrap:anywhere;
 }
 body.is-community .kv-oldvk-app .kv-classic-name small{
  font-size:12px!important;line-height:1.4!important;color:var(--km2-muted)!important;
 }
 body.is-community .kv-oldvk-app .kv-classic-online{display:none!important}
 body.is-community .kv-oldvk-app .kv-official-check{
  color:#3d98fa!important;filter:drop-shadow(0 1px 3px rgba(37,145,245,.27));
 }
 body.is-community .kv-oldvk-app .kv-mobile-edit-profile{
  display:inline-flex;position:absolute;right:12px;top:14px;
  min-height:34px;align-items:center;justify-content:center;
  padding:7px 10px;border:1px solid #5689c9;border-radius:9px;
  background:linear-gradient(145deg,rgba(72,122,181,.14),rgba(64,98,140,.09))!important;
  color:var(--km2-link)!important;font-size:11px;font-weight:700;
  text-decoration:none!important;box-shadow:var(--km2-inset);
 }
 body.is-community .kv-oldvk-app .kv-mobile-profile-role{
  display:block;margin:0 0 8px;font-size:12px;line-height:1.5;
  color:var(--km2-muted)!important;overflow-wrap:anywhere;
 }
 body.is-community .kv-oldvk-app .kv-mobile-profile-bio{
  display:block;margin:7px 0 10px;
  font-size:13px;line-height:1.6;color:var(--km2-text)!important;
  overflow-wrap:anywhere;
 }
 body.is-community .kv-oldvk-app .kv-classic-status{
  margin:7px 0 12px!important;padding:0!important;border:0!important;
  font-size:13px;line-height:1.6;color:var(--km2-text)!important;
 }
 body.is-community .kv-oldvk-app .kv-mobile-profile-stats{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  border-top:1px solid var(--km2-border);padding-top:13px;margin:9px 0 11px;
 }
 body.is-community .kv-oldvk-app .kv-mobile-profile-stats a{
  display:grid;gap:3px;min-width:0;text-decoration:none!important;text-align:center;
  border-right:1px solid var(--km2-border);padding:2px 2px;
 }
 body.is-community .kv-oldvk-app .kv-mobile-profile-stats a:last-child{border-right:0}
 body.is-community .kv-oldvk-app .kv-mobile-profile-stats strong{
  font-size:17px;line-height:1.35;color:var(--km2-text)!important;font-weight:750;
 }
 body.is-community .kv-oldvk-app .kv-mobile-profile-stats small{
  font-size:10px;line-height:1.3;color:var(--km2-muted)!important;
  overflow-wrap:anywhere;
 }
 body.is-community .kv-oldvk-app .kv-classic-info-body{padding:0!important}
 body.is-community .kv-oldvk-app .kv-classic-mini-details{display:none!important}
 body.is-community .kv-oldvk-app .kv-profile-accordion{
  border-top:1px solid var(--km2-border);padding-top:10px;margin-top:4px;
 }
 body.is-community .kv-oldvk-app .kv-profile-accordion>summary{
  color:var(--km2-link)!important;font-size:12px!important;
  padding:5px 0!important;cursor:pointer;
 }
 body.is-community .kv-oldvk-app .kv-classic-info-body :is(dt,dd),
 body.is-community .kv-oldvk-app .kv-vk-profile-more :is(dt,dd){
  overflow-wrap:anywhere;
 }
 body.is-community .kv-oldvk-app .kv-vk-wall{background:transparent!important;min-height:0}
 body.is-community .kv-oldvk-app .kv-vk-wall .cabinet-panels,
 body.is-community .kv-oldvk-app .kv-vk-wall .kv-feed-stack{gap:11px!important}
 body.is-community .kv-oldvk-app .kv-classic-recent-photos,
 body.is-community .kv-oldvk-app .kv-vk-wall .kv-panel,
 body.is-community .kv-oldvk-app .kv-vk-wall .cabinet-panel{
  background:linear-gradient(145deg,var(--km2-hi),var(--km2-surface) 48%)!important;
  border:1px solid var(--km2-border)!important;
  color:var(--km2-text)!important;
  border-radius:14px!important;box-shadow:var(--km2-shadow),var(--km2-inset)!important;
 }
 body.is-community .kv-oldvk-app .kv-classic-recent-photos{
  padding:13px 14px!important;margin:0 0 12px!important;
 }
 body.is-community .kv-oldvk-app .kv-classic-recent-title{
  display:flex;align-items:baseline;justify-content:space-between;gap:7px;
  margin:0 0 12px!important;min-width:0;
 }
 body.is-community .kv-oldvk-app .kv-classic-recent-title h2{
  color:var(--km2-text)!important;font-weight:750!important;
  font-size:17px!important;line-height:1.4;margin:0!important;
 }
 body.is-community .kv-oldvk-app .kv-classic-recent-title h2 span{
  font-size:13px!important;color:var(--km2-muted)!important;
 }
 body.is-community .kv-oldvk-app .kv-classic-recent-title a{
  color:var(--km2-link)!important;font-size:11px!important;
  text-decoration:none!important;white-space:nowrap;
 }
 body.is-community .kv-oldvk-app .kv-classic-recent-grid{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));
  gap:7px!important;min-width:0;
 }
 body.is-community .kv-oldvk-app .kv-classic-recent-grid a{
  display:block!important;min-width:0;aspect-ratio:1;
  background:var(--km2-input);border-radius:10px!important;
  overflow:hidden;border:1px solid var(--km2-border);
 }
 body.is-community .kv-oldvk-app .kv-classic-recent-grid img{
  display:block;width:100%!important;height:100%!important;object-fit:cover!important;
  max-height:none!important;
 }
 body.is-community .kv-oldvk-app .kv-classic-recent-empty{color:var(--km2-muted)!important;font-size:12px}
 body.is-community .kv-oldvk-app .kv-vk-wall .kv-panel,
 body.is-community .kv-oldvk-app .kv-vk-wall .cabinet-panel{
  padding:14px!important;margin:0!important;
 }
 body.is-community .kv-oldvk-app .kv-post-head img,
 body.is-community .kv-oldvk-app .kv-comment-avatar{
  width:36px!important;height:36px!important;flex:0 0 36px!important;
  max-width:36px!important;min-width:36px!important;border-radius:50%!important;
  aspect-ratio:1!important;object-fit:cover!important;object-position:center!important;
 }
 body.is-community .kv-oldvk-app .kv-comment{min-width:0;max-width:100%;gap:9px}
 body.is-community .kv-oldvk-app .kv-comment-main{flex:1 1 auto;min-width:0}
 body.is-community .kv-oldvk-app .kv-comment .kv-comment{
  margin-left:5px!important;padding-left:8px!important;border-left:1px solid var(--km2-border);
 }
 body.is-community .kv-oldvk-app .kv-post-text,
 body.is-community .kv-oldvk-app .kv-comment-main p{
  color:var(--km2-text)!important;overflow-wrap:anywhere;
 }
 body.is-community .kv-oldvk-app .kv-post-comments{border-color:var(--km2-border)!important}
 body.is-community .kv-oldvk-app .kv-comments-title{color:var(--km2-text)!important}
 body.is-community .kv-oldvk-app :is(.kv-wall-compose,.kv-comment-compose){
  background:var(--km2-input)!important;border:1px solid var(--km2-border)!important;
  border-radius:11px!important;box-shadow:var(--km2-inset);
 }
 body.is-community .kv-oldvk-app :is(.kv-wall-compose,.kv-comment-compose) textarea{
  font-size:16px!important;color:var(--km2-text)!important;
  background:transparent!important;border:0!important;
 }
 body.is-community .kv-oldvk-app :is(.kv-wall-send,.kv-comment-send){
  color:var(--km2-link)!important;
 }
 /* All other mobile pages use cards from the same visual system */
 body.is-community .kv-vk-main :is(.kv-settings-card,.kv-stage51-section,.kv-member-card,.kv-search-area,.kv-msg-shell,.kv-panel){
  border-color:var(--km2-border)!important;border-radius:12px;
 }
 body.shelter-dark.is-community .kv-vk-main :is(.kv-settings-card,.kv-stage51-section,.kv-member-card,.kv-search-area,.kv-msg-shell){
  background:var(--km2-surface)!important;color:var(--km2-text)!important;
 }
 body.is-community .kv-vk-messages-layout .kv-msg-shell{border-radius:13px!important;
  box-shadow:var(--km2-shadow)!important}
 .kv-photo-dialog{border-color:var(--km2-border)!important}
}
@media(max-width:375px){
 body .site-header .brand strong{font-size:15px!important}
 body .site-header .header-actions{gap:2px!important}
 body.is-community .kv-oldvk-app .kv-classic-name-row{padding-right:0!important}
 body.is-community .kv-oldvk-app .kv-mobile-edit-profile{
  position:static!important;margin:0 0 10px!important;max-width:max-content;
 }
 body.is-community .kv-oldvk-app .kv-mobile-profile-stats small{font-size:9px!important}
 body.is-community .kv-oldvk-app .kv-classic-recent-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(min-width:781px){
 .kv-mobile-trigger,.kv-mobile-head-avatar,.kv-mobile-drawer,
 .kv-mobile-edit-profile,.kv-mobile-profile-role,.kv-mobile-profile-bio,
 .kv-mobile-profile-stats{display:none!important}
}
@media(prefers-reduced-motion:reduce){
 .kv-mobile-drawer,.kv-mobile-trigger{transition:none!important}
}