/* RADAR V313 — mobile-only layout adjustments. Public base lives in public-base.css. */
@media (max-width:899.98px){
  .hide-m{display:none!important}.hide-d{display:flex!important}
  body{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}
  .wrap{width:100%;max-width:100%;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}

  /* Touch controls keep three intentional sizes: primary 46, compact 38, icon 46. */
  .btn:not(.block):not(.sm){height:var(--control-h);min-height:var(--control-h);padding-inline:15px;border-radius:var(--control-radius)}
  .btn.block{height:50px;min-height:50px}
  .btn.sm{min-height:var(--control-h-sm);height:var(--control-h-sm);padding-inline:13px;border-radius:11px}
  .icon-btn,.mtop-av{width:var(--control-h);min-width:var(--control-h);height:var(--control-h);border-radius:var(--control-radius)}
  .cat-pill{height:var(--category-pill-h);min-height:var(--category-pill-h)}
  .chip,.fpill{height:var(--filter-h-mobile);min-height:var(--filter-h-mobile)}
  .csel-tab{height:var(--filter-h-popup);min-height:var(--filter-h-popup)}


  /* Bottom navigation: six equal hit targets with labels constrained to their own column. */
  .tabbar{grid-template-columns:repeat(6,minmax(0,1fr))!important;grid-auto-flow:initial!important;grid-auto-columns:auto!important;padding-left:max(4px,env(safe-area-inset-left,0px))!important;padding-right:max(4px,env(safe-area-inset-right,0px))!important}
  .tabbar .tab-i{width:100%;min-width:0;overflow:hidden;padding-inline:1px;font-size:9px;line-height:1;letter-spacing:-.01em;white-space:nowrap;text-overflow:clip}
  .tabbar .tab-i .ic{flex:none}

  /* Exact requested mobile category rhythm:
     first tile full width, middle tiles two per row, final tile full width. */
  #view-home #catsGrid.cats{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-flow:row!important;grid-auto-rows:auto!important;gap:9px!important;align-items:stretch!important;margin:0!important
  }
  #view-home #catsGrid.cats>.cat,
  #view-home #catsGrid.cats>.cat.big,
  #view-home #catsGrid.cats>.cat.wide,
  #view-home #catsGrid.cats>.cat.tall{
    grid-column:span 1!important;grid-row:auto!important;min-width:0!important;max-width:none!important;width:auto!important;
    height:106px!important;min-height:106px!important;padding:12px 50px 11px 13px!important;
    border:1px solid var(--line-strong)!important;border-radius:14px!important;background:var(--surface)!important;background-image:none!important;
    box-shadow:0 1px 2px rgba(20,22,27,.04),0 9px 20px -18px rgba(20,22,27,.22)!important;
    overflow:hidden!important;isolation:isolate;transform:none!important;transition:border-color .14s,background-color .14s!important
  }
  #view-home #catsGrid.cats>.cat:first-child{
    grid-column:1/-1!important;height:132px!important;min-height:132px!important;padding:14px 82px 13px 14px!important
  }
  #view-home #catsGrid.cats>.home-cats-toggle{
    grid-column:1/-1!important;height:108px!important;min-height:108px!important;padding-right:78px!important
  }
  #view-home #catsGrid .cat::before,#view-home #catsGrid .cat::after{content:none!important;display:none!important}
  #view-home #catsGrid .cat-head{position:relative!important;z-index:2!important;max-width:100%!important;height:auto!important;min-width:0}
  #view-home #catsGrid .nm{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:var(--ink)!important;font-size:14px!important;font-weight:750!important;line-height:1.14!important;letter-spacing:-.01em;overflow-wrap:normal!important;word-break:normal!important;hyphens:none!important}
  #view-home #catsGrid.cats>.cat:first-child .nm{font-size:16px!important}
  #view-home #catsGrid .cat.long-name .nm{font-size:13px!important;letter-spacing:-.022em!important}
  #view-home #catsGrid .cat.name-xl .nm{font-size:12.25px!important;letter-spacing:-.035em!important}
  #view-home #catsGrid.cats>.cat:first-child.long-name .nm,#view-home #catsGrid.cats>.cat:first-child.name-xl .nm{font-size:16px!important;letter-spacing:-.012em!important}
  #view-home #catsGrid .cc{margin-top:5px!important;color:var(--dim)!important;font:500 10px/1.2 var(--mono)!important}
  #view-home #catsGrid .cat-art,
  #view-home #catsGrid .cat.big .cat-art,
  #view-home #catsGrid .cat.wide .cat-art,
  #view-home #catsGrid .cat.tall .cat-art{
    position:absolute!important;inset:auto 5px 4px auto!important;width:48px!important;height:48px!important;
    display:grid!important;place-items:center!important;z-index:1!important;pointer-events:none!important;opacity:1!important;transform:none!important;filter:none!important
  }
  #view-home #catsGrid.cats>.cat:first-child .cat-art{inset:auto 12px 8px auto!important;width:70px!important;height:70px!important}
  #view-home #catsGrid.cats>.home-cats-toggle .cat-art{inset:auto 11px 7px auto!important;width:60px!important;height:60px!important}
  #view-home #catsGrid .cat-fallback,#view-home #catsGrid .cat-ico-large{display:grid!important;place-items:center!important;width:100%!important;height:100%!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:var(--dim)!important;transform:none!important;filter:none!important}
  #view-home #catsGrid .cat-ico-large :is(svg,.ic){width:27px!important;height:27px!important;stroke-width:1.75}
  #view-home #catsGrid.cats>.cat:first-child .cat-ico-large :is(svg,.ic){width:40px!important;height:40px!important}
  #view-home #catsGrid .cat-photo{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;opacity:1!important;transform:none!important;filter:none!important}
  #view-home #catsGrid .cat-art-custom .cat-fallback{display:none!important}
  #view-home #catsGrid.cats>.cat:hover{transform:none!important;box-shadow:0 1px 2px rgba(20,22,27,.04),0 9px 20px -18px rgba(20,22,27,.22)!important}
  #view-home #catsGrid.cats>.cat:active{border-color:color-mix(in oklab,var(--accent) 48%,var(--line-strong))!important;background:color-mix(in oklab,var(--surface) 98%,var(--accent))!important}

  /* Horizontal filters never break into uneven, multi-height rows. */
  #view-catalog .subchip-row,.csel-tabs,.subs{flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none;padding-bottom:3px}
  #view-catalog .subchip-row::-webkit-scrollbar,.csel-tabs::-webkit-scrollbar,.subs::-webkit-scrollbar{display:none}
  #view-catalog .subchip-row .chip,#view-catalog .subchip-row .sub-chip{flex:0 0 auto;height:var(--filter-h-mobile);min-height:var(--filter-h-mobile);padding-inline:13px;font-size:12.5px;line-height:1}
  .cat-filters-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px}
  .cat-filters-grid .fclear{grid-column:1/-1;width:100%}

  /* Exchange layout is intentionally the original reference flex layout.
     Search/tabs stay inside the selector, without moving the page grid. */
  #view-exchange .ex-bar{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin-bottom:18px}
  #view-exchange .ex-bar>.ex-fld{min-width:0}
  #view-exchange .ex-bar>.ex-give-fld,#view-exchange .ex-bar>.ex-get-fld{flex:1 1 170px}
  #view-exchange .ex-bar>.ex-swap{flex:0 0 var(--control-h);align-self:flex-end}
  #view-exchange .ex-bar>.ex-amt-fld{flex:1 1 170px}
  #view-exchange .ex-bar>.ex-sort{flex:1 1 100%}
  #view-exchange .ex-fld-sel,#view-exchange .ex-fld input,#view-exchange .ex-fld select{min-width:0;width:100%}


  /* All custom selects open in one body-level viewport sheet. The popup is
     portalled by app.js, so no transformed parent can clip or offset it. */
  html.mobile-csel-open,body.mobile-csel-open{overflow:hidden!important;overscroll-behavior:none!important}
  body.mobile-csel-open .tabbar{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
  .mobile-csel-portal{position:fixed;left:0;top:0;width:var(--mobile-csel-width,100%);height:var(--mobile-csel-height,100dvh);z-index:820;display:none;isolation:isolate;overflow:hidden;overscroll-behavior:none;touch-action:none}
  .mobile-csel-portal.open{display:block}
  .mobile-csel-backdrop{position:absolute;inset:0;background:rgba(15,18,24,.38);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);touch-action:none}
  .mobile-csel-shell{position:absolute;left:0;right:0;bottom:0;width:100%;max-width:none;margin:0;padding:0;display:flex;align-items:flex-end;justify-content:stretch;z-index:1;touch-action:none}
  .mobile-csel-slot{width:100%;max-width:none;margin:0;padding:0}
  .mobile-csel-sheet-pop.csel-pop{
    position:relative!important;inset:auto!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;
    display:flex!important;flex-direction:column!important;gap:0!important;width:100%!important;max-width:none!important;min-width:0!important;
    max-height:min(72dvh,calc(var(--mobile-csel-height,100dvh) - max(12px,env(safe-area-inset-top,0px))))!important;
    margin:0!important;padding:10px max(10px,env(safe-area-inset-right,0px)) max(10px,env(safe-area-inset-bottom,0px)) max(10px,env(safe-area-inset-left,0px))!important;
    overflow:hidden!important;border:1px solid var(--line-strong)!important;border-bottom:0!important;border-radius:22px 22px 0 0!important;
    background:var(--surface)!important;box-shadow:0 -18px 60px rgba(15,18,24,.24)!important;animation:mobileCselUp .2s var(--ease,ease-out)!important;z-index:1!important;contain:layout paint;touch-action:pan-y
  }
  .mobile-csel-sheet-pop.csel-pop::before{content:"";display:block;flex:0 0 auto;width:42px;height:4px;margin:0 auto 9px;border-radius:999px;background:var(--line-strong)}
  .mobile-csel-sheet-pop .csel-pop-head{position:relative!important;top:auto!important;flex:0 0 auto;padding:0 0 9px!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;background:var(--surface)!important}
  .mobile-csel-sheet-pop .csel-search-wrap,.mobile-csel-sheet-pop .csel-find-row{position:relative!important;z-index:2!important;display:flex!important;flex:0 0 44px!important;align-items:center!important;gap:8px!important;width:100%!important;height:44px!important;min-height:44px!important;max-height:44px!important;margin:0 0 9px!important;padding:0 12px!important;border:1px solid var(--line-strong)!important;border-radius:12px!important;background:var(--tile)!important;box-shadow:none!important}
  .mobile-csel-sheet-pop .csel-search-wrap:focus-within,.mobile-csel-sheet-pop .csel-find-row:focus-within{border-color:var(--ink)!important;background:var(--surface)!important;box-shadow:0 0 0 3px color-mix(in oklab,var(--ink) 7%,transparent)!important}
  .mobile-csel-sheet-pop :is(.csel-search-wrap,.csel-find-row)>input.csel-search{flex:1!important;min-width:0!important;width:100%!important;height:100%!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;font-size:16px!important;color:var(--ink)!important;-webkit-appearance:none!important;appearance:none!important}
  .mobile-csel-sheet-pop .csel-tabs{display:flex!important;align-items:center!important;flex-wrap:nowrap!important;gap:7px!important;width:100%!important;padding:0 0 1px!important;overflow-x:auto!important;scrollbar-width:none!important}
  .mobile-csel-sheet-pop .csel-tabs::-webkit-scrollbar{display:none}
  .mobile-csel-sheet-pop .csel-tab{flex:0 0 auto!important;height:36px!important;min-height:36px!important;padding:0 13px!important;border-radius:999px!important;font-size:12.5px!important}
  .mobile-csel-sheet-pop>.csel-list,.mobile-csel-sheet-pop .csel-list{position:relative!important;z-index:1!important;flex:1 1 auto!important;min-height:0!important;max-height:min(52dvh,calc(var(--mobile-csel-height,100dvh) - 142px))!important;margin:0!important;padding:6px 2px 2px!important;overflow-y:auto!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-y!important;scrollbar-gutter:stable}
  .mobile-csel-sheet-pop .csel-opt{min-height:48px!important;padding:10px 12px!important;border-radius:11px!important;font-size:14px!important}
  .mobile-csel-sheet-pop .csel-empty{padding:24px 12px!important}
  @media (prefers-reduced-motion:reduce){.mobile-csel-sheet-pop.csel-pop{animation:none!important}}
  @keyframes mobileCselUp{from{transform:translateY(100%)}to{transform:translateY(0)}}
  @media (max-height:520px) and (orientation:landscape){
    .mobile-csel-sheet-pop.csel-pop{max-height:92dvh!important;border-radius:18px 18px 0 0!important}
    .mobile-csel-sheet-pop>.csel-list,.mobile-csel-sheet-pop .csel-list{max-height:calc(var(--mobile-csel-height,100dvh) - 124px)!important}
  }
  .pwa-standalone .mobile-csel-sheet-pop.csel-pop{padding-bottom:max(12px,env(safe-area-inset-bottom,0px))!important}

  /* Paid header links on mobile. */
  .mobile-header-ads{display:block;width:100%;padding:8px 0 7px;background:var(--surface);border-bottom:1px solid var(--line);overflow:hidden}
  .mobile-header-ads[style*="display:none"]{display:none!important}
  .mobile-header-ads-scroll{display:flex;align-items:center;gap:8px;overflow-x:auto;scrollbar-width:none;padding-left:max(14px,env(safe-area-inset-left,0px));padding-right:max(14px,env(safe-area-inset-right,0px));scroll-padding-inline:14px}
  .mobile-header-ads-scroll::-webkit-scrollbar{display:none}
  .mobile-header-ad{flex:0 0 auto;min-height:34px;max-width:min(72vw,250px);display:inline-flex;align-items:center;gap:7px;padding:6px 11px 6px 8px;border:1px solid var(--line);border-radius:999px;background:var(--tile);color:var(--ink-soft);font-size:12px;font-weight:650;line-height:1}
  .mobile-header-ad .ad-nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

  /* Mobile chat portal. */
  body.mobile-chat-modal-open{overflow:hidden!important;overscroll-behavior:none!important}
  body.mobile-chat-modal-open .tabbar{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
  .mobile-chat-portal{position:fixed;inset:0;height:100dvh;z-index:900;display:none;padding:max(8px,env(safe-area-inset-top,0px)) max(8px,env(safe-area-inset-right,0px)) max(8px,env(safe-area-inset-bottom,0px)) max(8px,env(safe-area-inset-left,0px));box-sizing:border-box;isolation:isolate}
  .mobile-chat-portal.open{display:flex}.mobile-chat-portal-backdrop{position:absolute;inset:0;background:rgba(13,16,22,.30);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.mobile-chat-portal-shell{position:relative;z-index:1;width:min(100%,680px);height:100%;min-height:0;margin:auto;display:flex}
  .chat-page.mobile-chat-modal-active{position:relative!important;inset:auto!important;width:100%!important;height:100%!important;max-width:none!important;min-height:0!important;margin:0!important;padding:0!important;display:grid!important;grid-template-rows:auto minmax(0,1fr) auto auto!important;border:1px solid var(--line-strong)!important;border-radius:24px!important;overflow:hidden!important;background:var(--surface)!important;box-shadow:0 24px 70px rgba(15,18,24,.28)!important}
  .chat-page.mobile-chat-modal-active .mobile-chat-sheet-bar{display:grid!important;grid-template-columns:minmax(0,1fr) 44px;align-items:center;gap:12px;min-height:64px;padding:10px 10px 10px 18px;border-bottom:1px solid var(--line);background:var(--surface)}
  .mobile-chat-sheet-title{display:flex;min-width:0;flex-direction:column;gap:3px}.mobile-chat-sheet-title strong,.mobile-chat-sheet-title span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-chat-sheet-title strong{font-size:16px}.mobile-chat-sheet-title span{color:var(--dim);font-size:11px}
  .mobile-chat-sheet-close{display:grid!important;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--line-strong);border-radius:14px;background:var(--tile);color:var(--ink);font-size:28px;cursor:pointer}
  .chat-page.mobile-chat-modal-active .chat-window{height:auto!important;min-height:0!important;max-height:none!important;overflow:auto!important;padding:16px!important}.chat-page.mobile-chat-modal-active .chat-foot{position:static!important;margin:0!important;padding:10px!important;border-inline:0!important;border-bottom:0!important;border-radius:0!important;box-shadow:none!important;background:var(--surface)!important}.chat-page.mobile-chat-modal-active .chat-note{display:block!important;padding:0 12px 10px!important;font-size:10.5px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;background:var(--surface)!important}.chat-page.mobile-chat-modal-active input,.chat-page.mobile-chat-modal-active textarea,.chat-foot input,.chat-foot textarea{font-size:16px!important}

  /* Public chat advertising follows the same readable mobile geometry as home banners. */
  #view-chat .chat-layout{gap:14px}
  #view-chat .chat-bn.chat-bn-side{order:-1;display:flex!important;box-sizing:border-box;width:100%;min-width:0;min-height:112px;aspect-ratio:345/118!important;padding:16px;border-radius:18px;background-position:center!important;background-size:cover!important;overflow:hidden}
  #view-chat .chat-bn.chat-bn-side .bl,#view-chat .chat-bn.chat-bn-side .bd{max-width:100%;text-align:center;overflow-wrap:anywhere}
  #view-chat .chat-bn.chat-bn-side.has-ad-img{align-items:flex-start;justify-content:flex-start}

  /* Buttons and filters keep one visual rhythm on every mobile page. */
  .mtop{gap:10px;min-height:66px;height:auto;padding:calc(env(safe-area-inset-top,0px) + var(--sa-top,0px) + 10px) max(16px,env(safe-area-inset-right,0px)) 10px max(16px,env(safe-area-inset-left,0px))}
  .mtop .icon-btn,.mtop .mtop-av{flex:0 0 var(--control-h);width:var(--control-h);min-width:var(--control-h);height:var(--control-h);padding:0}
  .catbar .search2 input{height:var(--field-h);min-height:var(--field-h);border-radius:var(--control-radius)}
  .cat-filters-grid :is(.ff > input,.csel-btn,.fclear){height:var(--filter-field-h);min-height:var(--filter-field-h)}
  .cat-filters-grid .fclear{border-radius:10px}
  .auth-tabs .t{min-height:var(--control-h)}
  .seg button{height:var(--seg-h);min-height:var(--seg-h)}
  .modal .actions,.modal-actions,.pf-actions{align-items:stretch}
  .modal .actions>.btn,.modal-actions>.btn{min-height:var(--control-h)}

  .install-sheet{padding:20px 18px 18px!important;border-radius:24px!important}.install-sheet-top{align-items:flex-start;padding-right:44px}.install-sheet h3{margin-right:0!important;font-size:19px!important}.install-sheet-lead{font-size:14px}.install-sheet-icon{width:46px;height:46px;border-radius:15px}.install-sheet-actions .btn{width:100%;min-width:0}
}

@media (max-width:560px){
  .cat-filters-grid{grid-template-columns:1fr}.cat-filters-grid .fclear{grid-column:auto}
}


/* ===== V312 mobile viewport and control stability ===== */
@media (max-width:899.98px){
  html,body{width:100%;max-width:100%;overflow-x:clip!important}
  body{min-height:100svh}
  input,textarea,select,.csel-search,.search2 input,.part-search input{font-size:16px!important;max-width:100%;touch-action:manipulation}
  .modal.open,.csel.open{overscroll-behavior:contain}
  .tabbar{transition:transform .18s ease,opacity .18s ease}
  .keyboard-open .tabbar{transform:translateY(120%);pointer-events:none;opacity:0}
  .keyboard-open .modal.open .sheet{max-height:calc(var(--radar-vvh,100dvh) - 18px)}
  /* Catalog and exchange popup geometry is owned by .mobile-csel-sheet-pop above. */

  /* Compact project card: actions get one clean row; views stay quiet below. */
  .shopcard .sc-bottom{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important;align-items:stretch!important;padding-top:11px!important;margin-top:11px!important}
  .shopcard .sc-actions{order:1;display:grid!important;grid-template-columns:40px minmax(0,1fr)!important;align-items:stretch!important;gap:8px!important;width:100%!important;max-width:none!important;margin:0!important}
  .shopcard .sc-copy,.shopcard .sc-go{height:40px!important;min-height:40px!important;border-radius:12px!important}
  .shopcard .sc-copy{width:40px!important;min-width:40px!important;max-width:40px!important;padding:0!important}
  .shopcard .sc-go{width:100%!important;min-width:0!important;max-width:none!important;padding:0 14px!important;font-size:12.5px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .shopcard .sc-go .ic{width:14px!important;height:14px!important;flex:none}
  .shopcard .sc-bottom .pv{order:3;justify-self:center!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;min-width:0!important;margin:9px 0 0!important;padding:9px 0 0!important;width:100%!important;border-top:1px solid var(--line)!important;color:var(--dim)!important;font-size:11.5px!important;line-height:1!important;white-space:nowrap}
  .shopcard .sc-bottom .pv .ic{width:12px!important;height:12px!important;flex:none}
  .shopcard .sc-bottom .pv .pv-lbl{display:inline!important;font-family:var(--sans);font-size:10.75px!important}

  /* Mobile settings: one action width/height, identical alignment and no text-driven resizing. */
  #settings .sheet{width:min(calc(100% - 24px),480px);max-height:min(88dvh,calc(var(--radar-vvh,100dvh) - 24px));overflow:auto;padding:22px 18px 18px;border-radius:22px}
  #settings .sheet>.icon-btn.x{width:40px;min-width:40px;height:40px;border-radius:12px}
  #settings .set-row{grid-template-columns:40px minmax(0,1fr) 108px;gap:11px;min-height:72px;padding:10px 0}
  #settings .set-ic{width:40px;height:40px;border-radius:12px}
  #settings .set-row>.settings-action{box-sizing:border-box;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:108px;min-width:108px;max-width:108px;height:40px;min-height:40px;max-height:40px;padding:0 9px;border-radius:11px;font-size:12.5px;line-height:1;text-align:center;justify-self:end;white-space:nowrap}
  #settings .set-row .k{font-size:14px;line-height:1.22}#settings .set-row .k small{font-size:11.5px;line-height:1.3}
  .countdown{grid-template-columns:repeat(4,minmax(0,1fr));display:grid!important}
}
@media(max-width:370px){
  #settings .set-row{grid-template-columns:40px minmax(0,1fr);min-height:112px;align-content:center}
  #settings .set-row>.settings-action{grid-column:1/-1;width:100%;min-width:0;max-width:none;justify-self:stretch}
}

/* V312 compact-phone header: keep all app controls inside 320 px without
   changing their relative size or hiding actions. */
@media (max-width:360px){
  .mtop{gap:6px;padding-left:max(10px,env(safe-area-inset-left,0px));padding-right:max(10px,env(safe-area-inset-right,0px))}
  .mtop .icon-btn,.mtop .mtop-av{flex-basis:44px;width:44px;min-width:44px;height:44px}
  .mtop .logo{gap:7px;min-width:0}
  .mtop .logo .mark{width:29px;height:29px}
  .mtop .logo .wm{font-size:16.5px;letter-spacing:.12em}
}