/* ANIMUS /yamalar/ meta controls: avoid collisions and the native white menu.
   Loaded after legacy reference styles so it overrides their absolute positions. */
body.archive-page-body .archive-meta-row {
  position:relative;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:flex-end;
  column-gap:clamp(18px,2.4vw,38px);
  row-gap:8px;
  height:auto;
  min-height:50px;
  margin:0;
  padding:9px 72px 11px;
  border:0;
  z-index:8;
}
body.archive-page-body .archive-meta-left {
  position:static;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:flex-end;
  gap:5px 15px;
  width:auto;
  min-width:0;
  white-space:normal;
}
body.archive-page-body #results {
  flex:none;
  white-space:nowrap;
  font-size:10px;
  color:#eee;
}
body.archive-page-body #catalog-live-status {
  display:inline-flex;
  align-items:center;
  gap:7px;
  flex:none;
  width:auto;
  max-width:none;
  margin:0;
  overflow:visible;
  white-space:nowrap;
  font-size:9px;
  letter-spacing:.08em;
}
body.archive-page-body #catalog-live-status[data-connected="true"]::before {
  content:"";
  display:inline-block;
  width:5px;
  height:5px;
  border-radius:50%;
  background:#d3d86a;
  box-shadow:0 0 6px #d3d86a77;
}
body.archive-page-body .archive-meta-right {
  position:static;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:12px;
  padding:0;
  flex:none;
  white-space:nowrap;
}
body.archive-page-body .archive-sort-label {
  color:#8c8c8c;
  font:600 9px/1.25 'Geist Mono',monospace;
  letter-spacing:.13em;
}
body.archive-page-body .archive-meta-right select#sort { display:none; }
body.archive-page-body .archive-sort-control { position:relative; }
body.archive-page-body .archive-sort-trigger {
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:13px;
  min-width:135px;
  height:32px;
  padding:5px 11px;
  color:#ececec;
  background:#111;
  border:1px solid #292929;
  border-radius:4px;
  cursor:pointer;
  font:600 10px/1.3 'Geist Mono',monospace;
  letter-spacing:.07em;
  white-space:nowrap;
  transition:border-color .15s,background .15s;
}
body.archive-page-body .archive-sort-trigger:hover,
body.archive-page-body .archive-sort-trigger[aria-expanded="true"] { border-color:#959b50; background:#191a13; }
body.archive-page-body .archive-sort-trigger:focus-visible,
body.archive-page-body .archive-sort-options button:focus-visible {
  outline:2px solid #d3d86a;
  outline-offset:2px;
}
body.archive-page-body .archive-sort-chevron {
  flex:none;
  width:7px;
  height:7px;
  border-right:1px solid #cdd26a;
  border-bottom:1px solid #cdd26a;
  transform:translateY(-2px) rotate(45deg);
  transition:transform .16s ease;
}
body.archive-page-body .archive-sort-trigger[aria-expanded="true"] .archive-sort-chevron {
  transform:translateY(2px) rotate(225deg);
}
body.archive-page-body .archive-sort-options {
  position:absolute;
  right:0;
  top:calc(100% + 6px);
  display:flex;
  flex-direction:column;
  gap:2px;
  min-width:100%;
  width:max-content;
  max-width:calc(100vw - 32px);
  padding:5px;
  background:#111210;
  border:1px solid #414537;
  border-radius:5px;
  box-shadow:0 14px 35px #000b;
  z-index:35;
}
body.archive-page-body .archive-sort-options[hidden] { display:none!important; }
body.archive-page-body .archive-sort-options button {
  display:block;
  width:100%;
  padding:10px 13px;
  background:transparent;
  border:0;
  border-radius:3px;
  color:#cacaca;
  cursor:pointer;
  text-align:left;
  white-space:nowrap;
  font:600 10px/1.4 'Geist Mono',monospace;
  letter-spacing:.08em;
}
body.archive-page-body .archive-sort-options button:hover,
body.archive-page-body .archive-sort-options button:focus-visible { background:#25291d; color:#eff3b0; }
body.archive-page-body .archive-sort-options button[aria-selected="true"] { background:#353a24; color:#e7ed91; }
body.archive-page-body .archive-grid-zone { padding-top:12px; }
@media(max-width:1150px) {
  body.archive-page-body .archive-meta-row { padding-left:0; padding-right:0; }
}
@media(max-width:600px) {
  body.archive-page-body .archive-meta-row {
    flex-direction:column;
    align-items:stretch;
    min-height:0;
    gap:7px;
    padding:11px 0 14px;
  }
  body.archive-page-body .archive-meta-left { justify-content:flex-start; gap:6px 13px; }
  body.archive-page-body .archive-meta-right { justify-content:flex-end; }
  body.archive-page-body .archive-sort-trigger { min-width:142px; }
}