/* RADAR V314 — desktop-only layout adjustments. Public base lives in public-base.css. */
@media (min-width:900px){
  .hide-d{display:none!important}.hide-m{display:block!important}

  /* Header controls use one optical system. */
  header .bar{gap:10px;height:70px}
  header .cat-btn,header .search input,header .bar>.btn,header .bar>.icon-btn,header .acct-chip{height:var(--control-h);min-height:var(--control-h);border-radius:var(--control-radius);font-size:14px;line-height:1;box-shadow:none;flex:none}
  header .bar>.icon-btn{width:var(--control-h);min-width:var(--control-h);padding:0;flex:0 0 var(--control-h)}
  header .cat-btn,header .bar>.btn,header .acct-chip{padding-inline:15px;gap:8px}
  header .bar>button[data-open="auth"]{min-width:76px}
  header .bar>button[data-open="mir"]{min-width:110px}
  header .bar>button[data-open="addproj"]{min-width:164px}
  header .search{min-width:220px;flex:1 1 320px}header .search input{width:100%}
  header .acct,.quicknav .navads{flex:none}

  /* Approved compact category layout. JavaScript and the CMS preview share the
     same 12-column span classes; no nth-child or legacy size overrides remain. */
  #view-home #catsGrid.cats{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;grid-auto-flow:row!important;grid-auto-rows:96px!important;gap:10px!important;align-items:stretch!important;margin:0!important}
  #view-home #catsGrid.cats>.cat{grid-row:auto!important;min-width:0!important;max-width:none!important;width:auto!important;height:96px!important;min-height:96px!important;padding:12px 14px!important;border:1px solid var(--line-strong)!important;border-radius:13px!important;background:var(--surface)!important;background-image:none!important;box-shadow:0 1px 2px rgba(20,22,27,.035)!important;overflow:hidden!important;isolation:isolate;transform:none;transition:transform .16s var(--ease),border-color .16s,background-color .16s}
  #view-home #catsGrid.cats>.cat.cat-span-1{grid-column:span 1!important}
  #view-home #catsGrid.cats>.cat.cat-span-2{grid-column:span 2!important}
  #view-home #catsGrid.cats>.cat.cat-span-3{grid-column:span 3!important}
  #view-home #catsGrid.cats>.cat.cat-span-4{grid-column:span 4!important}
  #view-home #catsGrid.cats>.cat.cat-span-5{grid-column:span 5!important}
  #view-home #catsGrid.cats>.cat.cat-span-6{grid-column:span 6!important}
  #view-home #catsGrid.cats>.cat.cat-span-7{grid-column:span 7!important}
  #view-home #catsGrid.cats>.cat.cat-span-8{grid-column:span 8!important}
  #view-home #catsGrid.cats>.cat.cat-span-9{grid-column:span 9!important}
  #view-home #catsGrid.cats>.cat.cat-span-10{grid-column:span 10!important}
  #view-home #catsGrid.cats>.cat.cat-span-11{grid-column:span 11!important}
  #view-home #catsGrid.cats>.cat.cat-span-12{grid-column:span 12!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:calc(100% - 44px)!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.15!important;letter-spacing:-.012em;overflow-wrap:normal!important;word-break:normal!important;hyphens:none!important}
  #view-home #catsGrid .cat.long-name .nm{font-size:13px!important}#view-home #catsGrid .cat.name-xl .nm{font-size:12px!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{position:absolute!important;inset:auto 7px 5px auto!important;width:50px!important;height:50px!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 .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:29px!important;height:29px!important;stroke-width:1.7}
  #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}
  @media (hover:hover) and (pointer:fine){
    #view-home #catsGrid.cats>.cat:hover{transform:translateY(-1px)!important;border-color:color-mix(in oklab,var(--accent) 52%,var(--line-strong))!important;background:color-mix(in oklab,var(--surface) 98%,var(--accent))!important;box-shadow:0 8px 18px -18px rgba(20,22,27,.3)!important}
    #view-home #catsGrid.cats>.cat:hover .cat-ico-large{color:var(--accent)!important}
  }
}

@media (min-width:900px) and (max-width:1120px){
  #view-home #catsGrid.cats{grid-auto-rows:92px!important;gap:8px!important}
  #view-home #catsGrid.cats>.cat{height:92px!important;min-height:92px!important;padding:11px 12px!important}
  #view-home #catsGrid .nm{font-size:13px!important}
  #view-home #catsGrid .cat-art{width:46px!important;height:46px!important}
  header .bar{gap:7px}header .bar>.logo .wm{display:none}header .bar>button[data-open="addproj"],header .bar>button[data-open="mir"]{min-width:0}
}

@media (min-width:900px) and (max-width:1180px){
  /* Keep the secondary navigation visually complete: one paid pill is shown,
     the rest remain available in the mobile scroller and at wider widths. */
  .quicknav .navads .qn.ad:nth-child(n+2){display:none}
}


/* ===== V312 card actions and filter polish ===== */
@media (min-width:900px){
  .shopcard .sc-actions{display:grid!important;grid-template-columns:44px minmax(150px,auto)!important;gap:9px!important;align-items:stretch!important}
  .shopcard .sc-copy,.shopcard .sc-go{height:44px!important;min-height:44px!important;border-radius:13px!important}
  .shopcard .sc-copy{width:44px!important}
  .shopcard .sc-go{padding-inline:18px!important}
  #view-exchange .csel-tab{min-width:88px}
}