/* static/market.css */

.mk-heroRight {
  display:flex;
}
/* 2) стили пунктов меню (используем в drawer и в dropdown через u- классы) */
.u-sep{ height:1px; background: rgba(255,255,255,.10); margin:10px 0; }
.u-group{ padding:8px 10px; font-size:12px; font-weight:900; opacity:.65; }
.u-item{
  display:block;
  padding: 11px 10px;
  border-radius: 12px;
  color: rgba(255,255,255,.88);
  text-decoration: none;
}
.u-item:hover{ background: rgba(255,255,255,.06); }
.u-danger{ color: rgba(255,120,120,.95); }
.u-danger:hover{ background: rgba(255,80,80,.10); }
.u-item-btn{
  width:100%;
  text-align:left;
  background:none;
  border:0;
  cursor:pointer;
  font: inherit;
}

/* =========================
   SEARCH TABS (desktop + mobile)
========================= */
.s-tabs{
  display:flex;
  gap: 8px;
  padding: 8px;
  border-radius: 14px;
  background: rgba(255,255,255,.03);
  border: 1px solid rgba(255,255,255,.08);
  margin: 6px 0 8px;
}

.s-tab{
  appearance:none;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.02);
  color: rgba(255,255,255,.82);
  height: 32px;
  padding: 0 10px;
  border-radius: 999px;
  font-weight: 800;
  font-size: 13px;
  cursor: pointer;
  transition: background .12s, border-color .12s, transform .12s, color .12s;
}

.s-tab:hover{
  transform: translateY(-1px);
  background: rgba(255,255,255,.06);
  border-color: rgba(243,201,119,.22);
  color: #fff;
}

.s-tab.is-on{
  background: rgba(243,201,119,.14);
  border-color: rgba(243,201,119,.28);
  color: #fff;
}

/* =========================
   СТАТЬИ
========================= */
.cover16{
      position:relative;
      width:100%;
      aspect-ratio:16/9;
      overflow:hidden;
      border-radius:20px;
      background:#0c111b;
      border:1px solid rgba(255,255,255,.06);
    }
    .cover16::before{
      content:"";
      position:absolute;
      inset:0;
      background-image:var(--cover-bg);
      background-size:cover;
      background-position:center;
      filter:blur(18px);
      transform:scale(1.12);
      opacity:.55;
    }
    .cover16 > img{
      position:relative;
      z-index:1;
      width:100%;
      height:100%;
      object-fit:contain;
      object-position:center;
      display:block;
    }

    .article-hero{ display:grid; gap:14px; margin-top:14px; }
    .article-header{
      padding:18px;
      background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,0));
      border-radius:20px;
      border:1px solid rgba(255,255,255,.06);
    }
    .article-meta{
      display:flex;
      gap:10px;
      align-items:center;
      flex-wrap:wrap;
      margin-top:12px;
    }
    .article-chip{
      font-size:12px;
      padding:6px 10px;
      border-radius:999px;
      background:#0f1420;
      border:1px solid rgba(255,255,255,.06);
    }

    .recs-wrap{ margin-top:18px; }
    .recs-grid{ display:grid; grid-template-columns: repeat(2, 1fr); gap:14px; }
    @media (max-width: 980px){ .recs-grid{ grid-template-columns: 1fr; } }

    .recs-card{
      background:#0f1420;
      border:1px solid rgba(255,255,255,.06);
      border-radius:20px;
      padding:18px;
    }
    .recs-head{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:10px;
      margin-bottom:12px;
    }
    .recs-title{ margin:0; font-size:18px; font-weight:900; }
    .recs-sub{ font-size:12px; color: rgba(255,255,255,.60); }
    .rail{ display:grid; gap:10px; }

    .mini{
      display:grid;
      grid-template-columns: 72px 1fr;
      gap:12px;
      align-items:center;
      padding:12px;
      border-radius:16px;
      border:1px solid rgba(255,255,255,.08);
      background: rgba(255,255,255,.02);
      transition: transform .12s ease, border-color .12s ease, background .12s ease;
      text-decoration:none;
    }
    .mini:hover{
      transform: translateY(-1px);
      border-color: rgba(243,201,119,.22);
      background: rgba(255,255,255,.03);
      text-decoration:none;
    }
    .mini-img{
      width:72px; height:72px;
      border-radius:14px;
      border:1px solid rgba(255,255,255,.10);
      background: rgba(255,255,255,.03);
      object-fit: cover;
      display:block;
    }
    .mini-kpi{
      font-size:12px;
      color: rgba(255,255,255,.60);
      margin-bottom:6px;
      display:flex;
      gap:10px;
      flex-wrap:wrap;
    }
    .mini-title{ font-weight:900; line-height:1.2; margin:0; }
    .mini-intro{
      font-size:13px;
      color: rgba(255,255,255,.70);
      margin-top:6px;
      display:-webkit-box;
      -webkit-line-clamp:2;
      -webkit-box-orient:vertical;
      overflow:hidden;
    }

    /* ✅ Adlook slots */
    .adslot{
      margin: 14px 0;
      padding: 12px;
      border-radius: 16px;
      background: rgba(255,255,255,.04);
      border: 1px solid rgba(255,255,255,.10);
    }
    .adslot .adlabel{ font-size:12px; opacity:.65; margin-bottom:8px; }
    .adslot .adbox{
      display:flex;
      justify-content:center;
      align-items:center;
      min-height: 250px; /* banner 300x250 */
    }
    .adslot.ibv .adbox{ min-height: 225px; } /* ibv 400x225 */
	

/* =========================
   Маркет Yearly
========================= */
  .vip-wrap { max-width: 1100px; margin: 0 auto; }
  .vip-grid { display:flex; gap:18px; flex-wrap:wrap; align-items:stretch; }
  .vip-left { flex: 1; min-width: 320px; }
  .vip-right { width: 380px; max-width: 100%; }
  .vip-bullets{ margin: 10px 0 0 0; padding-left: 18px; line-height: 1.7; }
  .vip-bullets li{ margin: 6px 0; }
  .vip-small { font-size: 13px; opacity: .85; }
  .vip-hr { height: 1px; background: rgba(255,255,255,.08); margin: 14px 0; }
  .vip-select { width: 100%; padding: 10px 12px; border-radius: 10px; background: rgba(0,0,0,.25); border: 1px solid rgba(255,255,255,.12); color: inherit; }
  .vip-select option { background: #0b0f16; }
  
  
  /* =========================
   Маркет Индекс
========================= */

    .mk-wrap{ width:min(1180px, 92vw); margin:0 auto; padding:18px 0 28px; }
    .mk-wrap{ padding-bottom: calc(var(--dock-h) + 24px); }
    @media (max-width: 740px){
      .mk-wrap{ padding-bottom: calc(var(--dock-h-m) + 24px); }
    }


    .mk-top{
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:14px;
      flex-wrap:wrap;
    }
    .mk-brand{
      display:inline-flex;
      align-items:center;
      gap:10px;
      padding:8px 12px;
      border-radius:999px;
      border:1px solid var(--mk-border2);
      background: rgba(255,255,255,.04);
      color: var(--mk-text);
      font-weight: 950;
      user-select:none;
      width: fit-content;
    }
    .mk-brand .dot{
      width:10px; height:10px; border-radius:999px;
      background: var(--mk-gold);
      box-shadow: 0 0 0 3px rgba(243,201,119,.14);
    }
    .mk-title{
      margin:12px 0 8px;
      font-size: clamp(28px, 3.6vw, 46px);
      line-height: 1.02;
      font-weight: 980;
      letter-spacing: -.02em;
      color: var(--mk-text);
      text-shadow: 0 18px 60px rgba(0,0,0,.40);
    }
    .mk-sub{
      margin:0;
      max-width: 920px;
      font-size: 15px;
      line-height: 1.56;
      color: var(--mk-muted);
    }

    .mk-rightMeta{
      display:flex;
      gap:10px;
      flex-wrap:wrap;
      align-items:center;
      justify-content:flex-end;
      margin-left:auto;
    }
    .mk-pinfo{
      display:inline-flex;
      align-items:center;
      gap:8px;
      padding:8px 10px;
      border-radius:999px;
      border:1px solid var(--mk-border2);
      background: rgba(0,0,0,.18);
      color: rgba(255,255,255,.84);
      font-weight: 950;
      font-size: 12px;
      user-select:none;
      white-space:nowrap;
    }
    .mk-pinfo .k{ opacity:.72; }
    .mk-pinfo .v{ opacity:1; }

    /* Tabs */
    .mk-tabs{ margin-top: 14px; display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
    .mk-seg{
      display:inline-flex;
      gap:6px;
      padding:6px;
      border-radius:999px;
      border:1px solid var(--mk-border);
      background: rgba(0,0,0,.16);
    }
    .mk-tab{
      display:inline-flex;
      align-items:center;
      gap:8px;
      padding:10px 14px;
      border-radius:999px;
      border:1px solid transparent;
      background: transparent;
      color: rgba(255,255,255,.86);
      text-decoration:none;
      font-weight: 980;
      transition: background .12s ease, transform .12s ease, border-color .12s ease;
      user-select:none;
    }
    .mk-tab:hover{ transform: translateY(-1px); background: rgba(255,255,255,.04); text-decoration:none; }
    .mk-tab[aria-selected="true"]{
      background: linear-gradient(180deg, rgba(243,201,119,.24), rgba(243,201,119,.10));
      border-color: rgba(243,201,119,.50);
      color:#fff;
    }
    .mk-pill{
      font-size:12px;
      padding:2px 8px;
      border-radius:999px;
      background: rgba(0,0,0,.22);
      border:1px solid var(--mk-border);
      color: rgba(255,255,255,.84);
      font-weight: 980;
    }

    .mk-head{
      margin-top:14px;
      display:flex;
      justify-content:space-between;
      align-items:flex-end;
      gap:12px;
      flex-wrap:wrap;
      padding:0 2px;
    }
    .mk-h2{
      margin:0;
      font-size:16px;
      font-weight: 980;
      color: var(--mk-text);
      letter-spacing:-.01em;
    }
    .mk-meta{
      font-size:12px;
      color: rgba(255,255,255,.62);
      font-weight: 900;
      user-select:none;
    }



    .mk-empty{
      margin-top:14px;
      padding:18px;
      border-radius:18px;
      border:1px dashed rgba(255,255,255,.14);
      background: rgba(0,0,0,.12);
      color: rgba(255,255,255,.72);
    }

    /* Soft loading */
    .mk-swap{ position:relative; }
    .mk-loading{
      position:absolute; inset:0;
      display:none;
      align-items:flex-start;
      justify-content:center;
      pointer-events:none;
      padding-top:24px;
      z-index: 30;
    }
    .mk-loading.is-on{ display:flex; }
    .mk-spinner{
      width:26px; height:26px;
      border-radius:999px;
      border:2px solid rgba(255,255,255,.18);
      border-top-color: rgba(243,201,119,.85);
      animation: mkspin .75s linear infinite;
    }
    @keyframes mkspin{ to{ transform: rotate(360deg); } }

    /* ===== Dock ===== */
    .mk-dock{
      position: fixed;
      left: 0; right: 0; bottom: 0;
      z-index: 85;
      padding: 10px 12px calc(10px + env(safe-area-inset-bottom));
      background: linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,.70) 30%, rgba(0,0,0,.86));
      pointer-events: none;
    }
    .mk-dockInner{
      width: min(1180px, 92vw);
      margin: 0 auto;
      pointer-events: auto;
      display:flex;
      gap:10px;
      align-items:stretch;
    }

    .mk-dockBox{
      flex: 1 1 auto;
      border-radius: 18px;
      border: 1px solid rgba(255,255,255,.14);
      background: rgba(15,20,28,.78);
      backdrop-filter: blur(10px);
      padding: 10px 10px;
      display:flex;
      gap:10px;
      align-items:center;
      min-height: var(--dock-h);
      overflow:hidden;
    }
    @media (max-width: 740px){
      .mk-dockBox{ min-height: var(--dock-h-m); }
    }

    .mk-dockDot{
      width:10px; height:10px; border-radius:999px;
      background: var(--mk-gold);
      box-shadow: 0 0 0 3px rgba(243,201,119,.14);
      flex: 0 0 auto;
      margin-left: 2px;
    }

    .mk-dockInline{
      flex: 1 1 auto;
      display:flex;
      gap:10px;
      align-items:center;
      min-width: 0;
    }

    /* Desktop inline selects */
    .mk-inline{
      display:none;
      gap:10px;
      align-items:center;
      flex: 1 1 auto;
      min-width: 0;
    }
    @media (min-width: 900px){
      .mk-inline{ display:flex; }
    }

    .mk-inlineItem{
      display:flex;
      gap:8px;
      align-items:center;
      min-width: 0;
    }
    .mk-inlineLabel{
      font-size:12px;
      color: rgba(255,255,255,.62);
      font-weight: 950;
      user-select:none;
      white-space:nowrap;
    }
    .mk-inlineSelect{
      padding:10px 12px;
      border-radius: 14px;
      background: rgba(0,0,0,.24);
      border: 1px solid rgba(255,255,255,.12);
      color: rgba(255,255,255,.92);
      outline:none;
      appearance:none;
      -webkit-appearance:none;
      line-height:1.1;
      font-weight: 950;
      max-width: 220px;
      min-width: 160px;
      transition: border-color .12s ease, box-shadow .12s ease;
    }
    .mk-inlineSelect:focus{
      border-color: rgba(243,201,119,.55);
      box-shadow: 0 0 0 3px rgba(243,201,119,.12);
    }
    .mk-inlineSelect option{ background:#0b1119; color:#f3efe6; }

    /* Mobile chips */
    .mk-dockChips{
      display:flex;
      gap:8px;
      align-items:center;
      flex-wrap:nowrap;
      overflow:auto;
      scrollbar-width: none;
      -ms-overflow-style: none;
      flex: 1 1 auto;
      padding-bottom: 2px;
    }
    .mk-dockChips::-webkit-scrollbar{ display:none; }
    @media (min-width: 900px){
      .mk-dockChips{ display:none; }
    }

    .mk-dockChip{
      display:inline-flex;
      gap:8px;
      align-items:center;
      padding: 8px 10px;
      border-radius: 999px;
      border: 1px solid rgba(255,255,255,.12);
      background: rgba(0,0,0,.26);
      color: rgba(255,255,255,.88);
      font-weight: 950;
      font-size: 12px;
      user-select:none;
      white-space: nowrap;
    }
    .mk-dockChip .k{ opacity:.70; }
    .mk-dockChip .v{ opacity:1; }

    .mk-dockBtn{
      flex: 0 0 auto;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:10px;
      padding: 12px 14px;
      border-radius: 18px;
      border: 1px solid rgba(255,255,255,.14);
      background: rgba(0,0,0,.40);
      color: rgba(255,255,255,.92);
      font-weight: 980;
      user-select:none;
      cursor:pointer;
      min-height: var(--dock-h);
      text-decoration:none;
    }
    @media (max-width: 740px){
      .mk-dockBtn{ min-height: var(--dock-h-m); }
    }
    .mk-dockBtn:hover{ text-decoration:none; }

    /* On desktop: hide Filters button (not needed), keep Reset */
    .mk-openFilters{ display:inline-flex; }
    @media (min-width: 900px){
      .mk-openFilters{ display:none; }
    }

    /* ===== Bottom Sheet for mobile ===== */
    .mk-sheetBack{
      position: fixed;
      inset: 0;
      z-index: 90;
      background: rgba(0,0,0,.55);
      backdrop-filter: blur(2px);
      display:none;
    }
    .mk-sheet{
      position: fixed;
      left: 0; right: 0; bottom: 0;
      z-index: 100;
      border-top-left-radius: 22px;
      border-top-right-radius: 22px;
      border: 1px solid rgba(255,255,255,.12);
      background: rgba(10,14,20,.94);
      backdrop-filter: blur(14px);
      box-shadow: 0 -18px 60px rgba(0,0,0,.55);
      transform: translateY(110%);
      transition: transform .18s ease;
      padding: 12px 12px calc(14px + env(safe-area-inset-bottom));
      max-height: 78vh;
      overflow: auto;
    }
    .mk-sheet.is-open{ transform: translateY(0); }

    .mk-sheetHead{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      padding: 6px 4px 12px;
      position: sticky;
      top: 0;
      background: rgba(10,14,20,.92);
      backdrop-filter: blur(12px);
      z-index: 2;
      border-bottom: 1px solid rgba(255,255,255,.06);
    }
    .mk-sheetTitle{
      font-weight: 980;
      color: rgba(255,255,255,.92);
      letter-spacing: -.01em;
    }
    .mk-sheetClose{
      width: 40px; height: 40px;
      border-radius: 14px;
      border: 1px solid rgba(255,255,255,.12);
      background: rgba(255,255,255,.04);
      color: rgba(255,255,255,.85);
      font-weight: 980;
      display:flex;
      align-items:center;
      justify-content:center;
      user-select:none;
      cursor:pointer;
    }

    .mk-sheetGrid{
      display:grid;
      grid-template-columns: 1fr;
      gap:12px;
      margin-top: 12px;
    }
    .mk-hint{
      font-size:12px;
      color: rgba(255,255,255,.64);
      font-weight: 900;
      margin: 0 0 6px 2px;
      user-select:none;
    }
    .mk-field{
      width:100%;
      padding:12px 12px;
      border-radius: 14px;
      background: rgba(0,0,0,.24);
      border: 1px solid rgba(255,255,255,.12);
      color: rgba(255,255,255,.92);
      outline:none;
      appearance:none;
      -webkit-appearance:none;
      line-height:1.2;
    }
    .mk-field:focus{
      border-color: rgba(243,201,119,.55);
      box-shadow: 0 0 0 3px rgba(243,201,119,.12);
    }
    .mk-field option{ background:#0b1119; color:#f3efe6; }

    .mk-sheetActions{
      margin-top: 12px;
      display:flex;
      gap:10px;
      align-items:center;
      justify-content:space-between;
      flex-wrap:wrap;
      padding-top: 10px;
      border-top: 1px solid rgba(255,255,255,.06);
    }
	
  /* =========================
   Маркет Страниа специалиста
========================= */
.mk-breadcrumb{
      margin-top:10px;
      color: rgba(255,255,255,60);
      font-size: 12px;
    }
    .mk-breadcrumb a{ color: rgba(255,255,255,70); text-decoration:none; }
    .mk-breadcrumb a:hover{ text-decoration:underline; }

    /* HERO */
    .mk-hero{
      margin-top:12px;
      border-radius: var(--r-xl);
      border: 1px solid var(--line);
      background: rgba(0,0,0,18);
      box-shadow: var(--shadow);
      overflow:hidden;
    }
    .mk-cover{
      position:relative;
      height: 230px;
      background:
        radial-gradient(1100px 420px at 18% 10%, rgba(243,201,119,12), rgba(0,0,0,0) 55%),
        radial-gradient(900px 360px at 90% 30%, rgba(120,180,255,09), rgba(0,0,0,0) 58%),
        linear-gradient(180deg, rgba(255,255,255,03), rgba(0,0,0,0));
    }
    .mk-cover img.cover{
      position:absolute; inset:0;
      width:100%; height:100%;
      object-fit:cover;
      opacity:.55;
      filter: saturate(.95);
    }
    .mk-cover .overlay{
      position:absolute; inset:0;
      background: linear-gradient(180deg, rgba(10,14,22,.20), rgba(10,14,22,.92));
    }
    .mk-heroInner{
      position:relative;
      height:100%;
      padding: 18px;
      display:flex;
      align-items:flex-end;
      gap: 14px;
    }

  
    .mk-titleRow{ display:flex; gap:10px; align-items:center; flex-wrap:wrap; }
    .mk-h1{
      margin:0;
      font-size: 34px;
      line-height: 1.05;
      color: var(--text);
      letter-spacing: -.02em;
    }

    .mk-metaLine{
      margin-top:8px;
      display:flex;
      gap:10px;
      flex-wrap:wrap;
      align-items:center;
      color: rgba(255,255,255,70);
      font-size: 12px;
      font-weight: 900;
    }
    .pill{
      display:inline-flex;
      align-items:center;
      gap:8px;
      padding: 7px 10px;
      border-radius: 999px;
      border: 1px solid var(--line);
      background: rgba(0,0,0,26);
      color: rgba(255,255,255,86);
      font-weight: 980;
      font-size: 12px;
      user-select:none;
      white-space:nowrap;
    }
    .pill.gold{
      border-color: rgba(243,201,119,40);
      background: rgba(243,201,119,08);
      color: rgba(255,255,255,92);
    }

    .mk-heroFooter{
      padding: 14px 18px;
      display:flex;
      gap:10px;
      flex-wrap:wrap;
      align-items:center;
      border-top: 1px solid rgba(255,255,255,08);
      background: rgba(0,0,0,30);
    }


    /* Layout */
    .grid2{
      margin-top:14px;
      display:grid;
      grid-template-columns: 1.2fr .8fr;
      gap:14px;
      align-items:start;
    }

    .card2{
      border-radius: var(--r-xl);
      border: 1px solid var(--line);
      background: rgba(0,0,0,20);
      box-shadow: var(--shadow2);
      overflow:hidden;
    }
    .sec-pad{ padding: 16px; }

    .h2x{
      margin:0 0 12px;
      font-size: 16px;
      font-weight: 980;
      color: var(--text);
      letter-spacing: -.01em;
    }

    /* Services */
    .svc{
      border-radius: 18px;
      border: 1px solid var(--line);
      background: rgba(0,0,0,18);
      padding: 12px;
      position:relative;
      overflow:hidden;
      transition: border-color .12s ease, box-shadow .12s ease, transform .12s ease;
    }
    .svc:hover{
      border-color: rgba(255,255,255,14);
      box-shadow: 0 16px 38px rgba(0,0,0,35);
      transform: translateY(-1px);
    }
    .svc.is-picked{
      border-color: rgba(243,201,119,34);
      box-shadow: 0 16px 44px rgba(243,201,119,08), 0 16px 38px rgba(0,0,0,35);
    }

    .svcTop{
      display:flex;
      gap:12px;
      align-items:flex-start;
      justify-content:space-between;
    }
    .svcTitle{
      font-weight: 980;
      color: rgba(255,255,255,92);
      line-height: 1.18;
      margin:0;
    }
    .svcDesc{
      margin-top:6px;
      color: var(--muted);
      font-size: 12px;
      line-height: 1.45;
    }
    .svcChips{
      margin-top:10px;
      display:flex;
      gap:8px;
      flex-wrap:wrap;
      align-items:center;
    }
    .chip.gold{
      border-color: rgba(243,201,119,40);
      background: rgba(243,201,119,08);
      color: rgba(255,255,255,92);
    }

    .svcRight{
      text-align:right;
      flex: 0 0 auto;
      display:flex;
      flex-direction:column;
      gap:8px;
      align-items:flex-end;
    }
    .svcPrice{
      font-weight: 980;
      font-size: 15px;
      color: rgba(255,255,255,92);
      padding: 8px 10px;
      border-radius: 999px;
      border: 1px solid var(--line);
      background: rgba(0,0,0,22);
      white-space:nowrap;
    }
    .svcActions{
      display:flex;
      gap:8px;
      flex-wrap:wrap;
      justify-content:flex-end;
    }

    /* Lead box */
    .leadSticky{
      position: sticky;
      top: 12px;
      height: fit-content;
    }
    .hint{
      color: var(--muted);
      font-size: 12px;
      line-height: 1.45;
      margin-top: -6px;
    }

    .chosen{
      margin-top: 10px;
      border-radius: 18px;
      border: 1px solid rgba(243,201,119,26);
      background: rgba(243,201,119,06);
      padding: 10px 12px;
      display:none;
    }
    .chosen .cap{
      font-size: 11px;
      color: rgba(255,255,255,70);
      font-weight: 900;
      margin-bottom: 4px;
    }
    .chosen .top{
      display:flex;
      gap:10px;
      align-items:center;
      justify-content:space-between;
    }
    .chosen .name{
      font-weight: 980;
      color: rgba(255,255,255,92);
      min-width:0;
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
    }

    .mutedSmall{
      margin-top: 10px;
      color: rgba(255,255,255,62);
      font-size: 12px;
      opacity: .92;
      line-height: 1.4;
    }

    .tmpl{
      margin-top: 10px;
      border-radius: 18px;
      border: 1px solid var(--line);
      background: rgba(0,0,0,18);
      padding: 12px;
    }
    .tmpl .cap{
      font-size: 11px;
      color: rgba(255,255,255,66);
      font-weight: 900;
      margin-bottom: 6px;
    }
    .tmpl textarea{
      width:100%;
      min-height: 120px;
      resize: vertical;
      padding: 12px;
      border-radius: 16px;
      border: 1px solid var(--line);
      background: rgba(0,0,0,22);
      color: rgba(255,255,255,92);
      outline:none;
      font-weight: 900;
      line-height: 1.35;
    }
    .tmpl textarea:focus{
      border-color: rgba(243,201,119,36);
      box-shadow: 0 0 0 4px rgba(243,201,119,08);
    }

    @media (max-width: 980px){
      .grid2{ grid-template-columns: 1fr !important; }
      .leadSticky{ position: static !important; }
      .mk-cover{ height: 210px; }
      .mk-h1{ font-size: 30px; }
      .svcTop{ flex-direction:column; }
      .svcRight{ align-items:flex-start; text-align:left; }
      .svcActions{ justify-content:flex-start; }
    }

/* =========================
   MARKET ROOT VARS
========================= */

body.page-market{


  --mk-gold: #f3c977;

  --mk-border: rgba(255,255,255,.14);
  --mk-border2: rgba(255,255,255,.10);

  --mk-shadow: 0 20px 60px rgba(0,0,0,.45);
  --mk-shadow2: 0 12px 32px rgba(0,0,0,.35);

  --gap: 14px;
  --r-xl: 22px;

  --dock-h: 56px;
  --dock-h-m: 52px;
}
/* softer typography for market */
body.page-market{
  --mk-text: rgba(233,238,248,.86);
  --mk-muted: rgba(233,238,248,.62);
}

/* заголовки чуть ярче, но не белые */
body.page-market .mk-title,
body.page-market .mk-h2,
body.page-market .svc-title,
body.page-market .pro-name{
  color: rgba(245,247,252,.90);
}

/* основной текст мягче */
body.page-market .svc-desc,
body.page-market .pro-bio,
body.page-market .mk-meta{
  color: var(--mk-muted);
}

/* цена тоже не “в лоб белая” */
body.page-market .svc-price{
  color: rgba(233,238,248,.88);
}


/* Market buttons tone fix */
body.page-market .btn-primary{
  background: linear-gradient(
    180deg,
    rgba(243,201,119,.95),
    rgba(243,201,119,.85)
  );
  color:#1a1408;
  border-color: rgba(243,201,119,.65);
  box-shadow: 0 10px 28px rgba(243,201,119,.35);
}

body.page-market .btn-primary:hover{
  transform: translateY(-1px);
  box-shadow: 0 14px 36px rgba(243,201,119,.45);
}

body.page-market .btn-ghost{
  background: rgba(255,255,255,.06);
  border-color: rgba(255,255,255,.18);
  color: rgba(255,255,255,.92);
}




/* 3) Drawer UI (mobile only) */
@media (max-width: 980px){
}

@media (max-width: 980px){
}
@media (max-width: 980px){
}

/* =========================
   MARKET BASE (missing bits)
   ========================= */

body.page-market{
  background: #0b1119;
  color: rgba(255,255,255,92);
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
}

/* links */
body.page-market a{ color: var(--mk-gold); }
body.page-market a:hover{ text-decoration: none; opacity:.92; }

/* buttons (market2.css had only tone-fix for btn-primary, but no .btn base) */
body.page-market .btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding: 12px 16px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,12);
  background: rgba(255,255,255,06);
  color: rgba(255,255,255,92);
  font-weight: 950;
  cursor: pointer;
  user-select:none;
  text-decoration:none;
  transition: transform .12s ease, box-shadow .12s ease, background .12s ease, border-color .12s ease;
}

body.page-market .btn:hover{
  transform: translateY(-1px);
  box-shadow: 0 14px 34px rgba(0,0,0,35);
  background: rgba(255,255,255,08);
  text-decoration:none;
}

body.page-market .btn:active{ transform: translateY(0); }
body.page-market .btn:disabled{ opacity:.55; cursor:not-allowed; transform:none; }

/* primary / ghost */
body.page-market .btn-primary{
  border-color: rgba(243,201,119,40);
  background: linear-gradient(180deg, rgba(243,201,119,95), rgba(243,201,119,78));
  color:#1a1408;
}

body.page-market .btn-primary:hover{
  border-color: rgba(243,201,119,58);
  box-shadow: 0 18px 44px rgba(243,201,119,10), 0 14px 34px rgba(0,0,0,35);
}

body.page-market .btn-ghost{
  background: rgba(0,0,0,26);
  border-color: rgba(243,201,119,26);
  color: rgba(255,255,255,92);
}

body.page-market .btn-ghost:hover{
  background: rgba(243,201,119,10);
  border-color: rgba(243,201,119,38);
}

/* small buttons (если где-то используешь) */
body.page-market .btn.btn-sm{
  padding: 10px 12px;
  border-radius: 14px;
  font-size: 13px;
}

/* little helpers часто нужны на маркете */
body.page-market .muted{ color: rgba(255,255,255,68); }
body.page-market .mono{ font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }

/* make selects/inputs look consistent when used with .btn рядом */
body.page-market select,
body.page-market input,
body.page-market textarea{
  font: inherit;
}
body.page-market .nav-link.is-active{
  opacity: 1;
  background: rgba(243,201,119,.10);
  border: 1px solid rgba(243,201,119,.22);
  box-shadow: 0 10px 26px rgba(243,201,119,.08);
}
/* =========================
   MARKET HERO IMAGE
========================= */

body.page-market .mk-hero{
  position: relative;
  overflow: hidden;
  border-radius: 26px;
}

/* фон-картинка */
body.page-market .mk-hero::before{
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      180deg,
      rgba(0,0,0,.75) 0%,
      rgba(0,0,0,.55) 45%,
      rgba(0,0,0,.85) 100%
    ),
    url("/static/img/market-hero.jpg") center / cover no-repeat;
  z-index: 0;
}

/* лёгкая зернистость (очень украшает) */
body.page-market .mk-hero::after{
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(transparent 60%, rgba(0,0,0,.35)),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");
  z-index: 1;
  pointer-events: none;
}

/* контент поверх */
body.page-market .mk-heroInner{
  position: relative;
  z-index: 2;
}

/* подложка под текст */
body.page-market .mk-top{
  background: rgba(0,0,0,.45);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 22px;
  padding: 26px 28px;
  box-shadow:
    0 30px 80px rgba(0,0,0,.55),
    inset 0 0 0 1px rgba(255,255,255,.04);
}
/* фиксируем общую высоту hero, чтобы не прыгал */
body.page-market .mk-heroInner{
  min-height: 250px; /* подбери: 240–280 */
  display: flex;
  flex-direction: column;
}

/* резерв под заголовок (2 строки) + подзаголовок */
body.page-market .mk-title{
  min-height: calc(1.02em * 2); /* 2 строки под title */
}

body.page-market .mk-sub{
  min-height: calc(1.56em * 2); /* 2 строки под sub */
}

/* shown badge in mk-head */
body.page-market .mk-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
}

body.page-market .mk-shown{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 10px 14px;
  border-radius: 16px;
  background: rgba(0,0,0,.28);
  border: 1px solid rgba(255,255,255,.10);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 18px 40px rgba(0,0,0,.35);
  white-space: nowrap;
}

body.page-market .mk-shown .k{
  font-size: 12px;
  font-weight: 850;
  letter-spacing: .02em;
  color: rgba(233,238,248,.62);
  text-transform: uppercase;
}

body.page-market .mk-shown .v{
  font-size: 14px;
  font-weight: 950;
  color: rgba(245,247,252,.90);
  padding: 4px 10px;
  border-radius: 999px;
  border: 1px solid rgba(243,201,119,.22);
  background: rgba(243,201,119,.10);
}

@media (max-width: 640px){
  body.page-market .mk-head{
    align-items:flex-start;
    flex-direction: column;
  }
  body.page-market .mk-shown{
    align-self: flex-start;
  }
}
body.page-market .mk-bar{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  margin-top: 18px;
}

body.page-market .mk-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  flex: 1 1 auto;
  min-width: 0;
}

body.page-market .mk-tabs{
  flex: 0 0 auto;
}
/* 1) mk-bar растягиваем на всю ширину heroInner */
body.page-market .mk-heroInner{
  width: 100%;
}

body.page-market .mk-bar{
  width: 100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;

  /* чтобы было как у остальных блоков в hero */
  margin-top: 18px;
}

/* 2) Левый блок: не "центр", а реально слева */
body.page-market .mk-head{
  flex: 1 1 auto;
  min-width: 0;
  display:flex;
  align-items:center;
  justify-content:flex-start;  /* ключевое */
  gap:14px;
}

/* 3) Заголовок+подсказка пусть не растягиваются на весь мир */
body.page-market .mk-head > div:first-child{
  min-width: 0;
  max-width: 560px;            /* можно 520–620 подобрать */
}

/* 4) shown — справа внутри левого блока */
body.page-market .mk-shown{
  margin-left:auto;            /* вот оно — прижмёт "ПОКАЗАНО" к табам */
}

/* 5) Табы — всегда справа */
body.page-market .mk-tabs{
  flex: 0 0 auto;
}

/* =========================================================
   MARKET PROFILE (page-market-profile)
   ========================================================= */
/* global links on this page */
body.page-market-profile a{
  color: inherit;
  text-decoration: none;
}

/* breadcrumb */
body.page-market-profile .mk-breadcrumb{
  margin: 14px 0 12px;
  font-size: 13px;
  color: rgba(235,240,252,.58);
}
body.page-market-profile .mk-breadcrumb a{
  color: rgba(235,240,252,.72);
}
body.page-market-profile .mk-breadcrumb a:hover{
  color: rgba(255,255,255,.90);
}

/* hero wrapper */
body.page-market-profile .mk-hero{
  border-radius: 22px;
  overflow: hidden;
  background: rgba(12,16,24,.55);
  border: 1px solid rgba(255,255,255,.08);
  box-shadow: 0 22px 70px rgba(0,0,0,.55);
  margin: 0 0 16px;
}

/* cover */
body.page-market-profile .mk-cover{
  position: relative;
  min-height: 170px;
}
body.page-market-profile .mk-cover .cover{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(.95) contrast(1.03);
  transform: scale(1.01);
}
body.page-market-profile .mk-cover .overlay{
  position: absolute;
  inset: 0;
  background:
    radial-gradient(1200px 500px at 60% 35%, rgba(0,0,0,.25), rgba(0,0,0,.80)),
    linear-gradient(180deg, rgba(0,0,0,.35), rgba(0,0,0,.75));
}

/* hero inner (avatar + title block) */
body.page-market-profile .mk-heroInner{
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 84px 1fr;
  gap: 14px;
  align-items: center;
  padding: 16px 18px 16px;
}

body.page-market-profile .mk-heroInner .ava{
  width: 84px;
  height: 84px;
  border-radius: 18px;
  overflow: hidden;
  background: rgba(0,0,0,.30);
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 14px 40px rgba(0,0,0,.55);
  display:flex;
  align-items:center;
  justify-content:center;
}
body.page-market-profile .mk-heroInner .ava img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

body.page-market-profile .mk-titleRow{
  display:flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}
body.page-market-profile .mk-h1{
  margin: 0;
  font-size: 34px;
  line-height: 1.05;
  letter-spacing: -0.02em;
  color: rgba(250,252,255,.92);
}

/* pills */
body.page-market-profile .pill{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.28);
  color: rgba(235,240,252,.78);
  font-size: 12px;
  font-weight: 800;
  white-space: nowrap;
}
body.page-market-profile .pill.gold{
  border-color: rgba(243,201,119,.22);
  background: rgba(243,201,119,.10);
  color: rgba(255,239,201,.92);
}

body.page-market-profile .mk-metaLine{
  margin-top: 8px;
  display:flex;
  flex-wrap: wrap;
  gap: 8px;
}

/* bio */
body.page-market-profile .mk-cover p{
  color: rgba(235,240,252,.62) !important;
}

/* hero footer */
body.page-market-profile .mk-heroFooter{
  position: relative;
  z-index: 2;
  padding: 12px 18px 16px;
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
  border-top: 1px solid rgba(255,255,255,.07);
  background: linear-gradient(180deg, rgba(0,0,0,.05), rgba(0,0,0,.26));
}

/* buttons tune (keep your existing btn system, just make it more “market”) */
body.page-market-profile .mk-heroFooter .btn{
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(0,0,0,.28);
  color: rgba(245,247,252,.88);
  padding: 10px 14px;
  font-weight: 900;
}
body.page-market-profile .mk-heroFooter .btn:hover{
  border-color: rgba(255,255,255,.18);
  background: rgba(0,0,0,.34);
}
body.page-market-profile .mk-heroFooter .btn.btn-primary{
  border-color: rgba(243,201,119,.22);
  background: rgba(243,201,119,.14);
  color: rgba(255,239,201,.95);
}
body.page-market-profile .mk-heroFooter .btn.btn-ghost{
  background: rgba(0,0,0,.18);
}

/* main 2-col grid */
body.page-market-profile .grid2{
  display: grid;
  grid-template-columns: 1.35fr .85fr;
  gap: 14px;
  align-items: start;
}

/* cards */
body.page-market-profile .card2{
  border-radius: 20px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(10,14,20,.60);
  box-shadow: 0 22px 70px rgba(0,0,0,.45);
  overflow: hidden;
}
body.page-market-profile .sec-pad{
  padding: 16px;
}
body.page-market-profile .h2x{
  margin: 0 0 12px;
  font-size: 16px;
  letter-spacing: .01em;
  color: rgba(245,247,252,.86);
}

/* service cards */
body.page-market-profile .svc{
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(0,0,0,.18);
  padding: 12px;
}
body.page-market-profile .svc + .svc{
  margin-top: 10px;
}
body.page-market-profile .svc.is-picked{
  border-color: rgba(243,201,119,.22);
  background: rgba(243,201,119,.06);
}

body.page-market-profile .svcTop{
  display:flex;
  gap: 12px;
  align-items: flex-start;
  justify-content: space-between;
}

body.page-market-profile .svcTitle{
  margin: 0;
  font-size: 15px;
  font-weight: 950;
  color: rgba(250,252,255,.90);
}
body.page-market-profile .svcDesc{
  margin-top: 8px;
  color: rgba(235,240,252,.60);
  font-size: 13px;
  line-height: 1.45;
}

body.page-market-profile .svcChips{
  margin-top: 10px;
  display:flex;
  gap: 8px;
  flex-wrap: wrap;
}
body.page-market-profile .chip{
  display:inline-flex;
  align-items:center;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.28);
  color: rgba(235,240,252,.74);
  font-size: 12px;
  font-weight: 850;
}
body.page-market-profile .chip.gold{
  border-color: rgba(243,201,119,.22);
  background: rgba(243,201,119,.10);
  color: rgba(255,239,201,.92);
}

body.page-market-profile .svcRight{
  flex: 0 0 auto;
  min-width: 190px;
  display:flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 10px;
}
body.page-market-profile .svcPrice{
  font-weight: 950;
  color: rgba(255,239,201,.92);
  letter-spacing: .01em;
}
body.page-market-profile .svcActions{
  display:flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

/* mini buttons */
body.page-market-profile .btn-mini{
  padding: 8px 12px;
  font-size: 12px;
  border-radius: 999px;
}

/* lead card */
body.page-market-profile .hint{
  margin: 0 0 12px;
  color: rgba(235,240,252,.62);
  line-height: 1.45;
}
body.page-market-profile .mutedSmall{
  margin-top: 10px;
  font-size: 12px;
  color: rgba(235,240,252,.50);
  line-height: 1.45;
}

/* chosen service box */
body.page-market-profile .chosen{
  display:none;
  border-radius: 16px;
  border: 1px solid rgba(243,201,119,.18);
  background: rgba(243,201,119,.08);
  padding: 12px;
  margin: 12px 0;
}
body.page-market-profile .chosen .cap{
  font-size: 12px;
  font-weight: 900;
  color: rgba(255,239,201,.80);
}
body.page-market-profile .chosen .top{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 10px;
  margin-top: 8px;
}
body.page-market-profile .chosen .name{
  font-weight: 950;
  color: rgba(250,252,255,.92);
  overflow:hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* tmpl box */
body.page-market-profile .tmpl{
  border-top: 1px solid rgba(255,255,255,.08);
  margin-top: 14px;
  padding-top: 14px;
}
body.page-market-profile .tmpl .cap{
  font-size: 12px;
  font-weight: 900;
  color: rgba(235,240,252,.70);
  margin-bottom: 8px;
}
body.page-market-profile textarea{
  width: 100%;
  min-height: 86px;
  resize: vertical;
  padding: 12px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.24);
  color: rgba(245,247,252,.86);
  outline: none;
}
body.page-market-profile textarea:focus{
  border-color: rgba(243,201,119,.18);
}

/* sticky lead */
@media (min-width: 980px){
  body.page-market-profile .leadSticky{
    position: sticky;
    top: 88px; /* под твою шапку */
  }
}

/* responsive */
@media (max-width: 980px){
  body.page-market-profile .grid2{
    grid-template-columns: 1fr;
  }
  body.page-market-profile .svcTop{
    flex-direction: column;
  }
  body.page-market-profile .svcRight{
    align-items: flex-start;
    min-width: 0;
  }
  body.page-market-profile .mk-h1{
    font-size: 28px;
  }
  body.page-market-profile .mk-heroInner{
    grid-template-columns: 72px 1fr;
  }
  body.page-market-profile .mk-heroInner .ava{
    width: 72px;
    height: 72px;
    border-radius: 16px;
  }
}
/* =========================================================
   MARKET PROFILE — polish (buttons + brightness)
   ========================================================= */
body.page-market-profile{
  color: rgba(235,240,252,.82);
}

/* make hero cover less “black hole” */
body.page-market-profile .mk-cover .overlay{
  background:
    radial-gradient(1200px 520px at 62% 32%, rgba(0,0,0,.18), rgba(0,0,0,.62)),
    linear-gradient(180deg, rgba(0,0,0,.22), rgba(0,0,0,.58));
}

/* slightly lighter cards (still glass) */
body.page-market-profile .card2{
  background: linear-gradient(180deg, rgba(16,22,32,.46), rgba(10,14,20,.58));
  border-color: rgba(255,255,255,.09);
  box-shadow: 0 26px 80px rgba(0,0,0,.42);
}

/* base buttons on this page — dark, not white */
body.page-market-profile .btn{
  background: rgba(0,0,0,.26);
  border: 1px solid rgba(255,255,255,.12);
  color: rgba(245,247,252,.88);
}
body.page-market-profile .btn:hover{
  background: rgba(0,0,0,.34);
  border-color: rgba(255,255,255,.16);
}
body.page-market-profile .btn:active{
  transform: translateY(1px);
}

/* primary — warm gold */
body.page-market-profile .btn.btn-primary{
  background: linear-gradient(180deg, rgba(242,206,120,.95), rgba(197,142,52,.92));
  border-color: rgba(255,210,120,.55);
  color: #14120e;
  box-shadow: 0 14px 34px rgba(0,0,0,.42);
}
body.page-market-profile .btn.btn-primary:hover{
  filter: saturate(1.05) brightness(1.02);
}

/* ghost stays dark */
body.page-market-profile .btn.btn-ghost{
  background: rgba(0,0,0,.18);
}

/* service action buttons (right column) */
body.page-market-profile .svcActions .btn{
  background: rgba(0,0,0,.22);
  border-color: rgba(255,255,255,.12);
}
body.page-market-profile .svcActions .btn.btn-mini{
  min-height: 36px;
}

/* inputs/textarea should match glass */
body.page-market-profile textarea,
body.page-market-profile input{
  background: rgba(0,0,0,.22);
  border: 1px solid rgba(255,255,255,.10);
  color: rgba(245,247,252,.88);
}
body.page-market-profile textarea::placeholder,
body.page-market-profile input::placeholder{
  color: rgba(245,247,252,.45);
}

/* === Service card clickable === */
body.page-market-profile .svc{
  cursor: pointer;
  transition: transform .12s ease, border-color .12s ease, background .12s ease, box-shadow .12s ease;
}
body.page-market-profile .svc:hover{
  border-color: rgba(255,255,255,.14);
  background: rgba(0,0,0,.22);
  box-shadow: 0 18px 50px rgba(0,0,0,.35);
  transform: translateY(-1px);
}
body.page-market-profile .svc:active{
  transform: translateY(0px);
}

/* keep buttons clickable without triggering card feels weird */
body.page-market-profile .svcActions,
body.page-market-profile .svcActions .btn,
body.page-market-profile .svcMore{
  cursor: pointer;
}

/* === Description clamp + expand === */
body.page-market-profile .svcDesc--clamp{
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
body.page-market-profile .svc.is-expanded .svcDesc--clamp{
  -webkit-line-clamp: unset;
  overflow: visible;
}

/* "Развернуть" button */
body.page-market-profile .svcMore{
  margin-top: 8px;
  padding: 0;
  border: 0;
  background: transparent;
  font-weight: 900;
  font-size: 12px;
  color: rgba(255,239,201,.85);
  opacity: .9;
}
body.page-market-profile .svcMore:hover{
  opacity: 1;
  text-decoration: underline;
}

/* picked state should win over hover */
body.page-market-profile .svc.is-picked{
  border-color: rgba(243,201,119,.22);
  background: rgba(243,201,119,.06);
  box-shadow: 0 18px 60px rgba(0,0,0,.35);
}

/* ===== Market Profile: description clamp + “more” button ===== */
body.page-market-profile .svc{
  cursor: pointer;
}
body.page-market-profile .svc:focus{
  outline: none;
  box-shadow: 0 0 0 2px rgba(243,201,119,.18);
}

body.page-market-profile .svcDesc--clamp{
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

body.page-market-profile .svc.is-expanded .svcDesc--clamp{
  -webkit-line-clamp: unset;
  display: block;
  overflow: visible;
}

body.page-market-profile .svcMore{
  margin-top: 8px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.22);
  color: rgba(235,240,252,.70);
  font-weight: 900;
  font-size: 12px;
  cursor: pointer;
}
body.page-market-profile .svcMore:hover{
  border-color: rgba(255,255,255,.16);
  background: rgba(0,0,0,.30);
}


/* ============================
   MARKET ADMIN NAV (cabinet tabs)
   ============================ */
.mk-adminNav{
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items:center;
  padding: 14px 14px 10px;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(10,14,20,.42);
  box-shadow: 0 18px 60px rgba(0,0,0,.30);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  margin: 0 0 16px;
}

.mk-adminTab{
  position: relative;
  display:inline-flex;
  align-items:center;
  gap: 8px;
  padding: 11px 14px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.18);
  color: rgba(235,240,252,.84);
  text-decoration:none;
  font-weight: 900;
  letter-spacing: .01em;
  transition: transform .12s ease, background .12s ease, border-color .12s ease, color .12s ease;
}

.mk-adminTab:hover{
  background: rgba(0,0,0,.26);
  border-color: rgba(255,255,255,.14);
  transform: translateY(-1px);
}

.mk-adminTab.is-active{
  border-color: rgba(243,201,119,.28);
  background: rgba(243,201,119,.12);
  color: rgba(255,239,201,.92);
  box-shadow: 0 14px 40px rgba(0,0,0,.35);
}

.mk-adminBadge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width: 22px;
  height: 22px;
  padding: 0 7px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(0,0,0,.25);
  color: rgba(245,247,252,.88);
  font-size: 12px;
  font-weight: 950;
  line-height: 1;
}

.mk-adminTab.is-active .mk-adminBadge{
  border-color: rgba(243,201,119,.30);
  background: rgba(243,201,119,.16);
  color: rgba(255,239,201,.94);
}

@media (max-width: 720px){
  .mk-adminNav{
    padding: 12px;
    gap: 8px;
  }
  .mk-adminTab{
    padding: 10px 12px;
    font-size: 13px;
  }
}

/* МАРКЕТ LEADS ЗАЯВКИ */

/* static/market_admin.css */

/* единая ширина и отступы для кабинета */
.mwrap.mwrap--dash{
  width: min(1200px, 94vw);
  margin: 0 auto;
  padding: 0 10px;
}

/* ====== TOP NAV (5 кнопок) ====== */
.mk-adminNav{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin: 8px 0 14px;
}

.mk-adminTab{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 12px 16px;
  border-radius: 16px;
  text-decoration:none;
  color: rgba(255,255,255,0.88);

  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.10);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  box-shadow:
    0 12px 28px rgba(0,0,0,0.35),
    inset 0 0 0 1px rgba(255,255,255,0.03);
}

.mk-adminTab:hover{
  border-color: rgba(243,201,119,0.25);
  background: rgba(255,255,255,0.06);
}

.mk-adminTab.is-active{
  color: rgba(20,16,10,0.92);
  background: rgba(243,201,119,0.92);
  border-color: rgba(243,201,119,0.50);
  box-shadow:
    0 18px 44px rgba(0,0,0,0.45),
    inset 0 0 0 1px rgba(255,255,255,0.18);
}

.mk-adminBadge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width: 26px;
  height: 22px;
  padding: 0 8px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 900;

  background: rgba(0,0,0,0.35);
  border: 1px solid rgba(255,255,255,0.12);
  color: rgba(255,255,255,0.92);
}

.mk-adminTab.is-active .mk-adminBadge{
  background: rgba(0,0,0,0.20);
  border-color: rgba(0,0,0,0.18);
  color: rgba(0,0,0,0.85);
}

/* ====== Leads layout ====== */
.leadsToolbar{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  align-items:flex-end;
  justify-content:space-between;
  margin-top: 12px;
}

.statusRow{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
}

.leadsFilters{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
}

.leadsFilters input,
.leadsFilters select{
  min-width: 220px;
}

.leadsList{
  margin-top: 14px;
  display:flex;
  flex-direction:column;
  gap:12px;
}

.leadItem{
  border-radius: 18px;
  overflow:hidden;
}

.leadSummary{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding: 14px 16px;
  cursor:pointer;

  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.10);
}

.leadSummary:hover{
  border-color: rgba(243,201,119,0.22);
  background: rgba(255,255,255,0.04);
}

.leadTitle{
  font-weight: 900;
  font-size: 18px;
}

.leadMeta{
  margin-top: 6px;
  opacity: .78;
  font-size: 13px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

.leadBody{
  padding: 14px 16px 16px;
  border-left: 1px solid rgba(255,255,255,0.10);
  border-right: 1px solid rgba(255,255,255,0.10);
  border-bottom: 1px solid rgba(255,255,255,0.10);
  background: rgba(10,12,18,0.35);
}

.thread{
  margin-top: 12px;
  display:flex;
  flex-direction:column;
  gap:10px;
}

.bubble{
  border: 1px solid rgba(255,255,255,0.10);
  background: rgba(255,255,255,0.04);
  border-radius: 14px;
  padding: 10px;
}

.bubble.out{
  border-color: rgba(243,201,119,0.18);
  background: rgba(243,201,119,0.08);
}

.bubbleTop{
  display:flex;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
  font-size:12px;
  opacity:.72;
}

.bubbleText{
  margin-top: 6px;
  white-space: pre-wrap;
  line-height: 1.45;
}

/* ====== Media (без огромного текста “photo”) ====== */
.mediaWrap{
  margin-top: 8px;
  display:flex;
  flex-direction:column;
  gap:8px;
}

.mediaThumb{
  display:block;
  width: min(360px, 100%);
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(0,0,0,0.25);
  cursor: zoom-in;
}

.mediaCaption{
  font-size: 13px;
  opacity: .82;
  line-height: 1.35;
}

.mediaAV{
  width: min(520px, 100%);
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(0,0,0,0.25);
}

/* ====== Lightbox (ахуенно увеличиваем скрины) ====== */
.mkLightbox{
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.72);
  display:none;
  align-items:center;
  justify-content:center;
  z-index: 9999;
  padding: 16px;
}

.mkLightbox.is-open{ display:flex; }

.mkLightboxInner{
  width: min(1100px, 96vw);
  max-height: 92vh;
  position: relative;
}

.mkLightboxImg{
  width: 100%;
  max-height: 92vh;
  object-fit: contain;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(0,0,0,0.35);
  box-shadow: 0 30px 80px rgba(0,0,0,0.6);
}

.mkLightboxClose{
  position:absolute;
  right: 10px;
  top: 10px;
  width: 42px;
  height: 42px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,0.16);
  background: rgba(20,20,24,0.55);
  color: rgba(255,255,255,0.92);
  cursor:pointer;
}
/* ===== Market Cabinet Top Nav (like bot page) ===== */
.mk-topnav{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
  justify-content:flex-end;
}

/* чуть компактнее, чем обычные .btn, но в том же стиле */
.mk-topnav__btn{
  border-radius: 14px;
  padding: 10px 14px;
  min-height: 44px;
  display:inline-flex;
  align-items:center;
  gap:8px;
}

/* активная вкладка — “вдавленная/выбранная”, без яркого свечения */
.mk-topnav__btn.is-active{
  border-color: rgba(243,223,162,.45);
  background: rgba(243,223,162,.10);
  box-shadow: 0 0 0 3px rgba(243,223,162,.08);
}

/* бейдж количества заявок */
.mk-topnav__badge{
  margin-left: 8px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width: 22px;
  height: 22px;
  padding: 0 8px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  color: #f4f1ea;

  border: 1px solid rgba(255,255,255,0.16);
  background: rgba(255,255,255,0.08);
}

/* “Публичная ↗” чуть выделяем как primary-экшен */
.mk-topnav__public{
  margin-left: 8px;
  border-radius: 14px;
  min-height: 44px;
}

/* mobile: не давим вправо, пусть красиво переносится */
@media (max-width: 720px){
  .mk-topnav{ justify-content:flex-start; }
  .mk-topnav__public{ margin-left: 0; }
}


    /* ============================
       Market Bot — FINAL (aligned to profile)
       - top nav like profile
       - bot controls as secondary toolbar
       - ONE global bottom save bar (like profile)
    ============================ */

    .mpage{ padding-bottom: 180px; }
    @media (max-width: 620px){ .mpage{ padding-bottom: 210px; } }

    .mhero.card{ padding:16px; }
    .mhero-top{ display:flex; gap:12px; align-items:flex-start; justify-content:space-between; flex-wrap:wrap; }
    .mhero-actions{ display:flex; gap:10px; flex-wrap:wrap; align-items:center; }
    .mhero-title{ margin:10px 0 0; }
    .mhero-sub{ margin:6px 0 0; max-width: 980px; }

    .hr{ height:1px; background: rgba(255,255,255,0.10); margin: 12px 0; border-radius:999px; }

    /* status badges (same vibe as bot page, but tighter) */
    .bot-badges{ display:flex; gap:8px; flex-wrap:wrap; align-items:center; margin-top:10px; }
    .btag{ display:inline-flex; align-items:center; gap:8px; padding:6px 10px; border-radius:999px;
           border:1px solid rgba(255,255,255,0.14); background: rgba(255,255,255,0.06); color:#f4f1ea; }
    .btag.ok{ border-color: rgba(120,255,170,0.28); background: rgba(120,255,170,0.08); }
    .btag.warn{ border-color: rgba(255,220,120,0.28); background: rgba(255,220,120,0.08); }
    .btag.bad{ border-color: rgba(255,120,120,0.28); background: rgba(255,120,120,0.08); }
    .btag.imp{ border-color: rgba(255,200,120,0.35); background: rgba(255,200,120,0.10); }

    /* secondary toolbar under status */
    .toolRow{
      margin-top: 12px;
      display:flex;
      gap:10px;
      align-items:center;
      justify-content:space-between;
      flex-wrap:wrap;
      border-radius: 16px;
      border: 1px solid rgba(255,255,255,0.12);
      background: rgba(255,255,255,0.05);
      padding: 10px;
    }
    .toolRow .left, .toolRow .right{ display:flex; gap:10px; flex-wrap:wrap; align-items:center; }
    .toolRow form{ margin:0; }

    /* layout */
    .pgrid{
      display:grid;
      grid-template-columns: 1.05fr 1fr;
      gap: 14px;
      margin-top: 14px;
      align-items:start;
    }
    @media (max-width: 980px){ .pgrid{ grid-template-columns: 1fr; } }

    .card.pad{ padding:16px; }
    .sec-head{ display:flex; align-items:flex-start; justify-content:space-between; gap:12px; flex-wrap:wrap; }
    .sec-title{ margin:0; }
    .sec-sub{ margin:6px 0 0; }

    /* unified inputs (match profile) */
    :root{ --ctrl-h: 48px; }

    .u-label{ display:block; margin-bottom:6px; }
    .u-help{ font-size:12.5px; opacity:.78; margin-top:6px; line-height:1.45; }
    .u-field{ margin-top: 12px; }
    .u-row2{ display:grid; grid-template-columns: 1fr 1fr; gap:10px; }
    @media (max-width: 720px){ .u-row2{ grid-template-columns: 1fr; } }

    .input, select.input, textarea.input{
      width:100%;
      background: rgba(255,255,255,.06) !important;
      color:#fff !important;
      border:1px solid rgba(255,255,255,.16) !important;
      border-radius:12px;
      padding:10px 12px;
      outline:none;
      box-shadow:none;
    }
    input.input, select.input{ height: var(--ctrl-h); }
    textarea.input{ min-height: 108px; height:auto; }
    .input::placeholder{ color: rgba(255,255,255,.55); }
    .input:focus{
      border-color: rgba(243,223,162,.55) !important;
      box-shadow: 0 0 0 3px rgba(243,223,162,.12);
    }
    select.input option{ color:#fff !important; background:#141922 !important; }

    /* checkbox row like profile bottom bar */
    .mk-check{
      display:flex; align-items:flex-start; gap:10px;
      min-width:0;
      padding:10px 12px;
      border-radius: 14px;
      border:1px solid rgba(255,255,255,0.12);
      background: rgba(255,255,255,0.05);
    }
    .mk-check input{ flex: 0 0 auto; width:18px; height:18px; margin-top:2px; }
    .mk-check .txt{ min-width:0; line-height:1.15; }
    .mk-check .txt b{ display:block; }
    .mk-check .txt span{ display:block; opacity:.75; font-size:12px; margin-top:2px; }

    /* compact pucks (like profile) */
    .puck details{
      border:1px solid rgba(255,255,255,0.12);
      background: rgba(255,255,255,0.05);
      border-radius: 14px;
    }
    .puck details[open]{ border-color: rgba(255,255,255,0.18); background: rgba(255,255,255,0.06); }
    .puck summary{
      list-style:none;
      cursor:pointer;
      user-select:none;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      padding: 12px 12px;
    }
    .puck summary::-webkit-details-marker{ display:none; }
    .puck .left{ display:flex; align-items:center; gap:10px; min-width:0; }
    .puck .ico{
      width:28px; height:28px;
      display:inline-flex; align-items:center; justify-content:center;
      border-radius:10px;
      border:1px solid rgba(255,255,255,0.12);
      background: rgba(255,255,255,0.06);
      flex: 0 0 auto;
    }
    .puck .ttl{ min-width:0; }
    .puck .ttl b{ display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
    .puck .ttl .meta{
      font-size:12px; opacity:.72;
      white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
      max-width: 520px;
    }
    .puck .right{ display:flex; align-items:center; gap:8px; flex:0 0 auto; }
    .puck .chip{
      font-size:12px; padding:5px 9px; border-radius:999px;
      border:1px solid rgba(255,255,255,0.14); background: rgba(255,255,255,0.06); opacity:.92;
    }
    .puck .body{ padding: 0 12px 12px; }

    /* menu blocks */
    .menu-add details,
    .menu-item details{ border:1px solid rgba(255,255,255,0.12); background: rgba(255,255,255,0.05); border-radius: 14px; }
    .menu-add details[open],
    .menu-item details[open]{ border-color: rgba(255,255,255,0.18); background: rgba(255,255,255,0.06); }

    .menu-add summary,
    .menu-item summary{
      list-style:none;
      cursor:pointer;
      user-select:none;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      padding: 12px 12px;
    }
    .menu-add summary::-webkit-details-marker,
    .menu-item summary::-webkit-details-marker{ display:none; }

    .sum-left{ display:flex; align-items:center; gap:10px; min-width:0; }
    .dragHandle{
      width:28px; height:28px;
      display:inline-flex; align-items:center; justify-content:center;
      border-radius:10px;
      border:1px solid rgba(255,255,255,0.12);
      background: rgba(255,255,255,0.06);
      cursor:grab;
      flex: 0 0 auto;
    }
    .sum-title{ min-width:0; }
    .sum-title b{ display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
    .sum-title .meta{ font-size:12px; opacity:.72; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

    .sum-right{ display:flex; align-items:center; gap:8px; flex:0 0 auto; }
    .chip.sys{ border-color: rgba(180,180,255,0.22); background: rgba(180,180,255,0.08); }
    .chip.off{ opacity:.6; }
    .iconBtn{ width:34px; height:34px; display:inline-flex; align-items:center; justify-content:center; border-radius: 12px; }

    .menu-body{ padding: 0 12px 12px; }
    .menu-body .grid{ display:grid; grid-template-columns: 1fr 1fr; gap: 10px; align-items:end; }
    @media (max-width: 860px){ .menu-body .grid{ grid-template-columns: 1fr; } }
    .menu-body .grid .col label{ display:block; margin-bottom:6px; }
    .menu-body .footer{ display:flex; gap:10px; flex-wrap:wrap; align-items:center; justify-content:flex-end; margin-top: 10px; }

    .kebab{ position: relative; }
    .kebab summary{ padding:0; list-style:none; }
    .kebab summary::-webkit-details-marker{ display:none; }
    .kebabMenu{
      position:absolute;
      right:0; top: 40px;
      min-width: 210px;
      padding:10px;
      border-radius: 14px;
      border: 1px solid rgba(255,255,255,0.14);
      background: rgba(15,18,24,0.98);
      box-shadow: 0 10px 30px rgba(0,0,0,0.35);
      z-index: 50;
      display:flex; flex-direction:column; gap:8px;
    }
    .kebabMenu .deny{ font-size:12px; opacity:.75; padding:6px 8px; border-radius:10px; border:1px dashed rgba(255,255,255,0.18); }

    .mutedLine{ font-size:12.5px; opacity:.74; margin-top:8px; line-height:1.45; }

    /* ====== Bottom fixed bar (ONE global save like profile) ====== */
    .bottomBar{
      position: fixed;
      left: 0; right: 0;
      bottom: 10px;
      z-index: 2000;
      pointer-events:none;
    }
    .bottomBarInner{
      max-width: 1100px;
      margin: 0 auto;
      padding: 0 14px;
      pointer-events:auto;
    }
    .bottomPanel{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      flex-wrap:wrap;
      border-radius: 16px;
      border: 1px solid rgba(255,255,255,0.12);
      background: rgba(5,9,19,0.78);
      backdrop-filter: blur(10px);
      padding: 8px 10px;
    }
    .bottomPanel .left{
      display:flex;
      align-items:center;
      gap:10px;
      min-width:0;
      flex: 1 1 auto;
    }
    .bottomPanel .left input{ width:18px; height:18px; }
    .bottomPanel .left .txt{ min-width:0; line-height:1.15; }
    .bottomPanel .left .txt b{ display:block; }
    .bottomPanel .left .txt span{ display:block; opacity:.75; font-size:12px; margin-top:2px; }
    @media (max-width: 620px){
      .bottomPanel .left .txt span{ display:none; }
    }

    .bottomActions{
      display:flex;
      gap:10px;
      align-items:center;
      justify-content:flex-end;
      flex: 0 0 auto;
    }
    @media (max-width: 620px){
      .bottomPanel{ flex-direction: column; align-items: stretch; }
      .bottomActions{ width:100%; }
      .bottomActions .btn{ width:100%; justify-content:center; }
    }

    /* Toast */
    .mk-toast{ position: fixed; right: 14px; bottom: 14px; z-index: 999; display:flex; flex-direction:column; gap:8px; }
    .mk-toast .t{
      padding:10px 12px;
      border-radius: 12px;
      border:1px solid rgba(255,255,255,0.14);
      background: rgba(15,18,24,0.95);
      color:#f4f1ea;
      box-shadow: 0 10px 30px rgba(0,0,0,0.35);
      transition: opacity .25s ease, transform .25s ease;
      max-width: 320px;
      font-size: 13.5px;
    }
    .mk-toast .t.ok{ border-color: rgba(120,255,170,0.28); }
    .mk-toast .t.bad{ border-color: rgba(255,120,120,0.28); }


  
/* ===== Market hero nav (inside hero block) ===== */

.mk-heroNav{
  width: 100%;
}

.mk-heroNav__row{
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start; /* внутри hero, а не “в шапку сайта” */
  margin-top: 6px;
}

/* вкладка-кнопка (как в bot.html: pill, glass, без яркого свечения) */
.mk-tab{
  display: inline-flex;
  align-items: center;
  gap: 8px;

  padding: 10px 14px;
  min-height: 44px;

  border-radius: 14px;
  text-decoration: none;
  color: #f4f1ea;

  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(255,255,255,0.05);
}

.mk-tab:hover{
  border-color: rgba(255,255,255,0.18);
  background: rgba(255,255,255,0.06);
}

.mk-tab.is-active{
  border-color: rgba(243,223,162,.45);
  background: rgba(243,223,162,.10);
  box-shadow: 0 0 0 3px rgba(243,223,162,.08);
}

.mk-badge{
  margin-left: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-width: 22px;
  height: 22px;
  padding: 0 8px;

  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;

  color: #f4f1ea;
  border: 1px solid rgba(255,255,255,0.16);
  background: rgba(255,255,255,0.08);
}

/* “Публичная ↗” — можно чуть выделить */
.mk-tab--public{
  border-color: rgba(255,255,255,0.16);
  background: rgba(255,255,255,0.06);
}

/* CTA-кнопка внутри hero, справа */
.mk-heroNav__cta{
  margin-top: 12px;
  display: flex;
  justify-content: flex-end;
}

.mk-ctaBtn{
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-height: 46px;
  padding: 12px 16px;

  border-radius: 14px;
  text-decoration: none;
  color: #f4f1ea;

  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(255,255,255,0.05);
}

.mk-ctaBtn:hover{
  border-color: rgba(255,255,255,0.18);
  background: rgba(255,255,255,0.06);
}

/* mobile */
@media (max-width: 720px){
  .mk-heroNav__row{ justify-content: flex-start; }
  .mk-heroNav__cta{ justify-content: flex-start; }
  .mk-ctaBtn{ width: 100%; }
}
/* ===== HERO TOP (badge left, nav right) ===== */
.mhero-top.mhero-top--nav{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
}

.mhero-top.mhero-top--nav .mhero-actions{
  margin-left:auto;
  display:flex;
  align-items:flex-start;
}

/* ===== Hero Nav (compact, right aligned) ===== */
.mk-heroNav{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  justify-content:flex-end;
  max-width: 920px;     /* чтобы не расползалось в бесконечность */
}

.mk-tab{
  display:inline-flex;
  align-items:center;
  gap:8px;

  padding:10px 14px;
  min-height:44px;

  border-radius:14px;
  text-decoration:none;
  color:#f4f1ea;

  border:1px solid rgba(255,255,255,0.12);
  background:rgba(255,255,255,0.05);
}

.mk-badge{
  margin-left:8px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:22px;
  height:22px;
  padding:0 8px;
  border-radius:999px;
  font-size:12px;
  font-weight:700;
  line-height:1;
  color:#f4f1ea;
  border:1px solid rgba(255,255,255,0.16);
  background:rgba(255,255,255,0.08);
}

.mk-tab--public{
  border-color: rgba(255,255,255,0.16);
  background: rgba(255,255,255,0.06);
}

/* mobile: nav уходит на новую строку, но остаётся ровным */
@media (max-width: 720px){
  .mhero-top.mhero-top--nav{
    align-items:flex-start;
  }
  .mhero-top.mhero-top--nav .mhero-actions{
    width:100%;
    margin-left:0;
  }
  .mk-heroNav{
    justify-content:flex-start;
    max-width: 100%;
  }
}
  /* ============================
     Market Profile — FINAL (iOS safe)
     - categories picker as custom modal (not <dialog>)
     - fixed bottom save bar compact
     - pub link box pretty
  ============================ */

  .mpage{ padding-bottom: 180px; }
  @media (max-width: 620px){
  }

  .pgrid{
    display:grid;
    grid-template-columns: 1.05fr 1fr;
    gap: 14px;
    margin-top: 14px;
    align-items:start;
  }
  @media (max-width: 980px){
  }

  /* unified controls */
  .u-label{ display:block; margin-bottom:6px; }
  @media (max-width: 720px){ }

  /* slug input group */
  .slugbox{
    display:flex; align-items:center; gap:10px;
    border-radius: 14px;
    border:1px solid rgba(255,255,255,0.12);
    background: rgba(255,255,255,0.05);
    padding: 10px 12px;
  }
  .slugbox .prefix{
    opacity:.75;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono","Courier New", monospace;
    white-space:nowrap;
  }
  .slugbox input{
    border:none; outline:none; background:transparent;
    color: inherit;
    width:100%;
    min-width:0;
  }

  /* bio_short counter */
  .countbox{ position:relative; }
  .countbox .cnt{
    position:absolute;
    right:10px;
    top:50%;
    transform: translateY(-50%);
    font-size:12px;
    opacity:.7;
    pointer-events:none;
  }

  /* compact pucks */
  .puck details{
    border:1px solid rgba(255,255,255,0.12);
    background: rgba(255,255,255,0.05);
    border-radius: 14px;
  }

  /* =========================================
     Categories — compact mini + custom modal
  ========================================= */
  .catMini{
    border:1px solid rgba(255,255,255,0.12);
    background: rgba(255,255,255,0.05);
    border-radius: 14px;
    padding: 12px;
  }
  .catMiniTop{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:10px;
    flex-wrap:wrap;
  }
  .catMiniStat{
    font-size:13px;
    opacity:.9;
    line-height:1.25;
  }
  .catMiniStat .muted{ opacity:.72; font-size:12px; }
  .catMiniPills{
    margin-top:10px;
    display:flex;
    flex-wrap:wrap;
    gap:8px;
  }
  .pill{
    font-size:12px;
    padding:6px 10px;
    border-radius:999px;
    border:1px solid rgba(255,255,255,0.14);
    background: rgba(255,255,255,0.06);
    max-width: 100%;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    opacity:.92;
  }
  .pill.on{
    border-color: rgba(243,201,119,0.32);
    background: rgba(243,201,119,0.10);
  }

  /* --- modal overlay (iOS safe) --- */
  body.modal-open{ overflow:hidden; }

  .catOverlay{
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.55);
    backdrop-filter: blur(6px);
    z-index: 9999;
    display:none;
    align-items: center;
    justify-content: center;
    padding: 12px;
  }
  .catOverlay.is-open{ display:flex; }

  .catModal{
    width: min(760px, 96vw);
    max-height: min(86vh, 860px);
    border: 1px solid rgba(255,255,255,0.16);
    border-radius: 18px;
    background: rgba(8,12,22,0.96);
    color: #f4f1ea;
    overflow:hidden;
    display:flex;
    flex-direction: column;
  }

  .catModalHead{
    padding: 14px 14px 10px;
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:10px;
    border-bottom: 1px solid rgba(255,255,255,0.10);
  }
  .catModalHead b{ font-size:14px; }
  .catModalHead .muted{ opacity:.75; font-size:12px; margin-top:2px; }

  .catModalBody{
    padding: 12px 14px 14px;
    overflow-y:auto;
    -webkit-overflow-scrolling: touch;
    flex: 1 1 auto;
  }

  .dlgSearch{ display:flex; gap:10px; align-items:center; }
  .dlgSearch input{ width:100%; }

  .dlgGrid{
    margin-top:12px;
    display:grid;
    grid-template-columns: 1fr 1fr;
    gap:10px;
  }
  @media (max-width: 560px){
    .dlgGrid{ grid-template-columns: 1fr; }
  }

  .catItem{
    position:relative;
    border-radius: 16px;
    border:1px solid rgba(255,255,255,0.12);
    background: rgba(255,255,255,0.05);
    padding: 12px 12px;
    cursor:pointer;
    user-select:none;
    display:flex;
    gap:10px;
    align-items:center;
    transition: border-color .12s ease, background .12s ease, transform .12s ease;
  }
  .catItem:hover{ border-color: rgba(255,255,255,0.18); transform: translateY(-1px); }
  .catItem input{
    position:absolute;
    opacity:0;
    pointer-events:none;
  }
  .catItem::before{
    content:"";
    width: 14px;
    height: 14px;
    border-radius: 999px;
    border:1px solid rgba(255,255,255,0.22);
    background: rgba(255,255,255,0.04);
    flex: 0 0 auto;
  }
  .catItem.is-on{
    border-color: rgba(243,201,119,0.32);
    background: rgba(243,201,119,0.10);
  }
  .catItem.is-on::before{
    border-color: rgba(243,201,119,0.55);
    background: rgba(243,201,119,0.35);
    box-shadow: 0 0 0 4px rgba(243,201,119,0.10);
  }
  .catItem .name{ font-size:13.5px; line-height:1.2; }

  .catModalFoot{
    padding: 12px 14px 14px;
    border-top: 1px solid rgba(255,255,255,0.10);
    display:flex;
    gap:10px;
    justify-content:flex-end;
    flex-wrap:wrap;
  }
  .catModalFoot .btn{ min-width: 120px; }
  @media (max-width: 520px){
    .catModalFoot{ flex-direction: column; align-items: stretch; }
    .catModalFoot .btn{ width:100%; justify-content:center; }
  }

  /* =========================================
     Public link box
  ========================================= */
  .pubBox{
	  margin-top: 12px;
	  padding: 12px;
	  border-radius: 14px;
	  border:1px solid rgba(255,255,255,0.10);
	  background: rgba(255,255,255,0.04);
	}

	.pubRow{
	  display:flex;
	  align-items:center;
	  justify-content:space-between;
	  gap:12px;
	  flex-wrap:wrap;
	}

	.pubLine{
	  display:flex;
	  gap:8px;
	  align-items:center;
	  flex-wrap:wrap;
	  min-width:0;
	}

	.pubCode{
	  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono","Courier New", monospace;
	  padding: 4px 10px;
	  border-radius: 12px;
	  background: rgba(255,255,255,0.06);
	  border: 1px solid rgba(255,255,255,0.10);
	}

	.pubId{
	  display:flex;
	  gap:8px;
	  align-items:center;
	}

	.pubCopyIcon{
	  width: 44px;
	  height: 38px;
	  padding: 0;
	  display:flex;
	  align-items:center;
	  justify-content:center;
	  border-radius: 12px;
	  border: 1px solid rgba(255,255,255,0.12);
	  background: rgba(255,255,255,0.05);
	}

	@media (max-width: 620px){
	  .pubRow{ flex-direction: column; align-items: stretch; }
	  .pubCopyIcon{ width: 100%; height: 44px; }
	}


  /* =========================================
     Right nav buttons
  ========================================= */
  .navBtns{
    margin-top:12px;
    display:grid;
    grid-template-columns: 1fr 1fr;
    gap:10px;
  }
  .navBtns .btn{ justify-content:center; }
  @media (max-width: 620px){
    .navBtns{ grid-template-columns: 1fr; }
  }




/* ============================
   Market Profile — moved from inline <style>
   Shared hero-top + nav (inside hero)
============================ */

/* page padding because fixed bottomBar */
.mpage{ padding-bottom: 180px; }
@media (max-width: 620px){
}

/* hero base */
.mhero.card{ padding:16px; }

/* hero top: badge left / nav right (same as bot) */
.mhero-top.mhero-top--nav{
  display:flex;
  gap:12px;
  align-items:flex-start;
  justify-content:space-between;
  flex-wrap:wrap;
}

/* ===== Hero Nav tabs (shared) ===== */
.mk-heroNav{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  justify-content:flex-end;
  max-width: 920px;
}

/* mobile */
@media (max-width: 720px){
}

/* ===== profile layout helpers (moved) ===== */
.pgrid{
  display:grid;
  grid-template-columns: 1.05fr 1fr;
  gap: 14px;
  margin-top: 14px;
  align-items:start;
}
@media (max-width: 980px){
}

/* unified controls */
.u-label{ display:block; margin-bottom:6px; }
@media (max-width: 720px){ }

/* slug input group */
.slugbox{
  display:flex; align-items:center; gap:10px;
  border-radius: 14px;
  border:1px solid rgba(255,255,255,0.12);
  background: rgba(255,255,255,0.05);
  padding: 10px 12px;
}

/* compact pucks */
.puck details{
  border:1px solid rgba(255,255,255,0.12);
  background: rgba(255,255,255,0.05);
  border-radius: 14px;
}

/* bottom bar */
.bottomBar{
  position: fixed;
  left: 0; right: 0;
  bottom: 10px;
  z-index: 2000;
  pointer-events:none;
}
@media (max-width: 620px){
}

/* same ctrl height tweaks */
:root{ --ctrl-h: 48px; }


  /* =========================
     Services — Premium UX
     - compact list
     - editor modal/drawer
     - reorder + sticky save bar
  ========================= */

  .mpage{ padding-bottom: 140px; }

  .pgrid{
    display:grid;
    grid-template-columns: 0.95fr 1.25fr;
    gap: 14px;
    margin-top: 14px;
    align-items:start;
  }
  @media (max-width: 980px){ }

  /* unified fields (same spirit as profile) */
  :root{ --ctrl-h: 48px; }
  @media (max-width: 720px){ }
  textarea.input{ min-height: 120px; height:auto; }

  /* compact service cards */
  .svcTopRow{ display:flex; align-items:flex-end; justify-content:space-between; gap:10px; flex-wrap:wrap; }
  .svcTools{ display:flex; gap:10px; flex-wrap:wrap; align-items:center; }

  .svcList{ display:flex; flex-direction:column; gap:10px; margin-top:12px; }

  .svcCard{
    border-radius: 16px;
    border:1px solid rgba(255,255,255,0.12);
    background: rgba(255,255,255,0.05);
    padding: 12px 12px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    cursor:pointer;
    user-select:none;
    transition: transform .12s ease, border-color .12s ease, background .12s ease;
  }
  .svcCard:hover{
    transform: translateY(-1px);
    border-color: rgba(255,255,255,0.18);
    background: rgba(255,255,255,0.06);
  }
  .svcLeft{ display:flex; gap:12px; align-items:flex-start; min-width:0; }
  .svcIco{
    width:34px; height:34px;
    display:flex; align-items:center; justify-content:center;
    border-radius: 12px;
    border:1px solid rgba(255,255,255,0.12);
    background: rgba(255,255,255,0.06);
    flex: 0 0 auto;
    margin-top:1px;
  }
  .svcMain{ min-width:0; }
  .svcTitle{ font-weight:900; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .svcMeta{
    margin-top:4px;
    font-size:12.5px;
    opacity:.78;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    max-width: 740px;
  }

  .svcChips{ margin-top:8px; display:flex; gap:8px; flex-wrap:wrap; }

  .chip.on{ border-color: rgba(120,255,170,0.28); background: rgba(120,255,170,0.08); }
  .chip.off{ opacity:.65; }
  .chip.imp{ border-color: rgba(243,223,162,.28); background: rgba(243,223,162,.10); }

  .svcRight{ display:flex; gap:10px; align-items:center; flex: 0 0 auto; }
  .svcPrice{ font-weight:900; opacity:.95; }
  .svcMiniBtns{ display:flex; gap:8px; align-items:center; }
  .svcMiniBtns .btn.sm{ padding:8px 10px; border-radius:12px; font-size:12.5px; }

  /* reorder */
  .svcHandle{
    width:34px; height:34px;
    border-radius: 12px;
    display:flex; align-items:center; justify-content:center;
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.12);
    cursor: grab;
    user-select:none;
    flex: 0 0 auto;
  }
  .svcHandle:active{ cursor: grabbing; }
  @media (pointer:coarse){ .svcHandle{ display:none; } }

  .svcItem.is-dragging{ opacity:.65; transform: scale(.995); }
  .svcItem.is-drop-target{ outline: 2px dashed rgba(243,201,119,0.35); outline-offset: 6px; border-radius: 18px; }

  /* sticky order bar */
  .orderBar{
    position: sticky;
    bottom: 10px;
    z-index: 8;
    margin-top: 14px;
    display:none;
  }
  .orderBarInner{
    border-radius: 18px;
    background: rgba(25,18,38,0.75);
    border: 1px solid rgba(255,255,255,0.14);
    backdrop-filter: blur(10px);
    padding: 12px 12px;
    display:flex;
    align-items:center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap:wrap;
  }
  .orderBarInner .muted{ opacity:.8; }

  /* =========================
     Editor modal (drawer-ish)
  ========================= */
  body.modal-open{ overflow:hidden; }

  .edOverlay{
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.55);
    backdrop-filter: blur(6px);
    z-index: 9999;
    display:none;
    align-items:flex-end;
    justify-content:center;
    padding: 12px;
  }
  .edOverlay.is-open{ display:flex; }

  .edModal{
    width: min(980px, 100%);
    max-height: min(92vh, 900px);
    border: 1px solid rgba(255,255,255,0.16);
    border-radius: 18px;
    background: rgba(8,12,22,0.96);
    color: #f4f1ea;
    overflow:hidden;
    display:flex;
    flex-direction: column;
    box-shadow: 0 18px 60px rgba(0,0,0,0.55);
  }
  .edHead{
    padding: 14px 14px 10px;
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:10px;
    border-bottom: 1px solid rgba(255,255,255,0.10);
  }
  .edHead .ttl b{ font-size:14px; }
  .edHead .ttl .muted{ opacity:.75; font-size:12px; margin-top:2px; }

  .edBody{
    padding: 12px 14px 14px;
    overflow-y:auto;
    -webkit-overflow-scrolling: touch;
    flex: 1 1 auto;
  }

  .edFoot{
    padding: 12px 14px 14px;
    border-top: 1px solid rgba(255,255,255,0.10);
    display:flex;
    gap:10px;
    justify-content:space-between;
    flex-wrap:wrap;
    align-items:center;
  }
  .edFoot .left, .edFoot .right{ display:flex; gap:10px; flex-wrap:wrap; align-items:center; }
  @media (max-width: 620px){
    .edOverlay{ align-items:stretch; }
    .edModal{ max-height: 96vh; }
    .edFoot{ flex-direction: column; align-items: stretch; }
    .edFoot .left, .edFoot .right{ width:100%; }
    .edFoot .btn{ width:100%; justify-content:center; }
  }

  /* categories mini (reused) */
  .catMini{
    border:1px solid rgba(255,255,255,0.12);
    background: rgba(255,255,255,0.05);
    border-radius: 14px;
    padding: 12px;
  }

  /* categories picker modal (inside editor) */
  .catOverlay{
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.55);
    backdrop-filter: blur(6px);
    z-index: 10000;
    display:none;
    align-items: center;
    justify-content: center;
    padding: 12px;
  }
  @media (max-width: 560px){ }
  @media (max-width: 520px){
  }
  /* =========================
   Leads page (unify like bot/profile)
========================= */
.leadsPage .mhero.card{ padding:16px; }
.leadsPage .mcard{ border-radius: 18px; }

/* toolbar */
.leadsToolbar{
  display:flex;
  flex-direction:column;
  gap:12px;
}
.statusRow{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
}
.leadsFilters{
  display:grid;
  grid-template-columns: 1.2fr 0.9fr auto auto;
  gap:10px;
  align-items:center;
}
@media (max-width: 860px){
  .leadsFilters{ grid-template-columns: 1fr; }
  .leadsFilters .btn{ width:100%; justify-content:center; }
}

/* list */
.leadsList{ margin-top:14px; display:flex; flex-direction:column; gap:12px; }

.leadItem.card{
  border-radius: 18px;
  border:1px solid rgba(255,255,255,0.12);
  background: rgba(255,255,255,0.05);
  overflow:hidden;
}

.leadSummary{
  list-style:none;
  cursor:pointer;
  user-select:none;
  display:flex;
  justify-content:space-between;
  gap:14px;
  padding: 14px 14px;
  align-items:flex-start;
}
.leadSummary::-webkit-details-marker{ display:none; }

.leadTitle{ font-weight:900; }
.leadMeta{
  margin-top:6px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  font-size:12.5px;
  opacity:.78;
}

.leadBody{
  padding: 0 14px 14px;
  border-top: 1px solid rgba(255,255,255,0.10);
}

/* thread bubbles */
.thread{ margin-top:12px; display:flex; flex-direction:column; gap:10px; }
.bubble{
  border-radius: 16px;
  border:1px solid rgba(255,255,255,0.12);
  background: rgba(255,255,255,0.05);
  padding: 10px 12px;
  max-width: 840px;
}
.bubble.out{
  margin-left:auto;
  border-color: rgba(243,223,162,.20);
  background: rgba(243,223,162,.08);
}
.bubbleTop{
  display:flex;
  justify-content:space-between;
  gap:10px;
  font-size:12px;
  opacity:.78;
  margin-bottom:6px;
}
.bubbleText{ white-space:pre-wrap; line-height:1.45; }

/* media */
.mediaWrap{ margin-top:8px; }
.mediaThumb{
  width: 220px;
  max-width: 100%;
  border-radius: 14px;
  border:1px solid rgba(255,255,255,0.12);
  display:block;
}
.mediaAV{ width: min(520px, 100%); }

/* lightbox */
.mkLightbox{
  position:fixed; inset:0;
  display:none;
  align-items:center;
  justify-content:center;
  padding:16px;
  background: rgba(0,0,0,0.65);
  backdrop-filter: blur(6px);
  z-index: 20000;
}
.mkLightboxInner{
  position:relative;
  max-width: min(1080px, 96vw);
  max-height: min(92vh, 900px);
}
.mkLightboxImg{
  max-width: 100%;
  max-height: 92vh;
  border-radius: 18px;
  border:1px solid rgba(255,255,255,0.12);
  display:block;
}
.mkLightboxClose{
  position:absolute;
  top:-10px; right:-10px;
  width: 40px; height: 40px;
  border-radius: 14px;
  border:1px solid rgba(255,255,255,0.16);
  background: rgba(8,12,22,0.92);
  color:#fff;
}

/* =========================
   Reviews page (unify like bot/profile)
========================= */
.reviewsPage .mhero.card{ padding:16px; }
.revList{ display:flex; flex-direction:column; gap:12px; }

.revCard{
  border-radius: 18px;
  border:1px solid rgba(255,255,255,0.12);
  background: rgba(255,255,255,0.05);
  padding: 14px;
}
.revTop{
  display:flex;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}
.revMeta{ font-size:12.5px; opacity:.78; }
.revName{ margin-top:4px; font-weight:900; }
.revStars{ margin-top:6px; letter-spacing:1px; font-size:16px; }
.revText{ margin-top:10px; white-space:pre-wrap; opacity:.95; line-height:1.45; }

/* =========================
   Reviews page — unified look
========================= */
.reviewsPage .revWrap{
  margin-top: 14px;
  padding: 16px;
}

.reviewsPage .revTopline{
  opacity: .85;
  margin-bottom: 12px;
}

.reviewsPage .revList{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.reviewsPage .revCard{
  border-radius: 18px;
  border:1px solid rgba(255,255,255,0.12);
  background: rgba(255,255,255,0.05);
  padding: 14px;
}

.reviewsPage .revTop{
  display:flex;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  align-items:flex-start;
}

.reviewsPage .revLeft{
  min-width: 240px;
}

.reviewsPage .revMeta{
  opacity:.85;
}

.reviewsPage .revName{
  margin-top:4px;
  font-weight: 900;
}

.reviewsPage .revStars{
  margin-top:6px;
  letter-spacing:1px;
  font-size:16px;
}

.reviewsPage .revActions{
  margin:0;
}

.reviewsPage .revText{
  margin-top:10px;
  white-space: pre-wrap;
  opacity:.95;
  line-height:1.45;
}

.reviewsPage .revId{
  margin-top:10px;
  opacity:.7;
}

/* 3) Drawer UI (mobile only) */
@media (max-width: 980px){
}

@media (max-width: 980px){
}
@media (max-width: 980px){
}

/* Veyra Market — dashboard profile Put this into static/profile.css */ :root {
  --bg: #0b1119;
  --card: rgba(255,255,255,.03);
  --bd: rgba(255,255,255,.10);
  --bd2: rgba(243,201,119,.22);
  --text: rgba(255,255,255,.92);
  --muted: rgba(255,255,255,.62);
  --muted2: rgba(255,255,255,.45);
  --gold: #f3c977;
  --gold2: rgba(243,201,119,.10);
  --ok: rgba(70, 200, 140, .20);
  --bad: rgba(255, 110, 110, .18);
  --r: 16px;
  --r2: 14px;
  --gap: 12px;
  --gap2: 16px;
}
.mwrap {
  max-width: 980px;
  margin: 0 auto;
  padding: 16px 0 22px;
}
.mhero {
  padding: 16px;
  margin-bottom: 12px;
}
.mhero-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}
.mhero-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.mhero-title {
  margin: 10px 0 4px;
}
.mhero-sub {
  margin: 0;
  color: var(--muted);
}
/* alerts */ .malert {
  margin-top: 12px;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid var(--bd);
  background: rgba(255,255,255,.03);
  color: var(--text);
}
.malert-ok {
  border-color: rgba(70, 200, 140, .35);
  background: var(--ok);
}
.malert-bad {
  border-color: rgba(255, 110, 110, .35);
  background: var(--bad);
}
/* form card */ .mcard {
  padding: 16px;
}
.mform label {
  display: block;
  font-weight: 800;
  font-size: 13px;
  color: rgba(255,255,255,.88);
  margin: 0 0 6px;
}
.help {
  margin-top: 6px;
  font-size: 12px;
  line-height: 1.35;
  color: var(--muted2);
}
.help.dim {
  opacity: .85;
}
/* grid */ .mgrid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--gap2);
}
.mcol {
  min-width: 0;
}
.mcol-full {
  grid-column: 1 / -1;
}


.mform textarea {
  resize: vertical;
  min-height: 140px;
}
.mform input:focus, .mform textarea:focus, .mform select:focus {
  border-color: rgba(243,201,119,.35);
  box-shadow: 0 0 0 3px rgba(243,201,119,.12);
}
/* slug row */ .mslug {
  display: flex;
  align-items: center;
  gap: 8px;
}
.mslug-prefix {
  flex: 0 0 auto;
  padding: 10px 10px;
  border-radius: 12px;
  border: 1px solid var(--bd);
  background: rgba(255,255,255,.02);
  color: rgba(255,255,255,.55);
  font-size: 13px;
}
.mslug input {
  min-width: 0;
}
/* categories */ .mcats {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 8px;
}
.mcat {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid var(--bd);
  background: rgba(255,255,255,.03);
  cursor: pointer;
  user-select: none;
  transition: transform .12s ease, border-color .12s ease, background .12s ease;
}
.mcat:hover {
  transform: translateY(-1px);
  border-color: var(--bd2);
  background: rgba(243,201,119,.06);
}
.mcat-inp {
  width: 18px;
  height: 18px;
  accent-color: var(--gold);
}
.mcat-title {
  font-weight: 800;
  font-size: 13px;
  color: rgba(255,255,255,.92);
}
.mcat.is-on {
  border-color: rgba(243,201,119,.35);
  background: var(--gold2);
}
/* bio_short counter field */ .mfield {
  position: relative;
}
.mcount {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 12px;
  color: var(--muted2);
  pointer-events: none;
}
#bioShort {
  padding-right: 74px;
}
/* footer */ .mfooter {
  margin-top: 4px;
  padding-top: 10px;
  border-top: 1px solid rgba(255,255,255,.06);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}
.mfooter-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.mfooter-note {
  flex: 1 1 260px;
  text-align: right;
  color: var(--muted2);
}
.mfooter-note code {
  padding: 4px 8px;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.02);
}
/* toggle */ .mtoggle {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  user-select: none;
  font-weight: 800;
  color: rgba(255,255,255,.88);
}
.mtoggle input {
  width: 18px;
  height: 18px;
  accent-color: var(--gold);
}


/* mobile */
@media (max-width: 860px){.mgrid {
  grid-template-columns: 1fr;
}
.mfooter-note {
  text-align: left;
  flex-basis: 100%;
}

}/* Categories: keep it compact */ .mcats-wrap {
  max-height: 260px;
  overflow: auto;
  padding: 10px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.02);
}
/* nicer scrollbar (chromium) */ .mcats-wrap::-webkit-scrollbar {
  width: 10px;
}
.mcats-wrap::-webkit-scrollbar-thumb {
  background: rgba(243,201,119,.18);
  border-radius: 20px;
  border: 2px solid rgba(0,0,0,0);
  background-clip: padding-box;
}
.mcats-wrap::-webkit-scrollbar-track {
  background: rgba(255,255,255,.02);
  border-radius: 20px;
}
/* 2 columns of category chips */ .mcats {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}


@media (max-width: 860px){.mcats {
  grid-template-columns: 1fr;
}

}/* make chip a bit tighter */ .mcat {
  padding: 9px 10px;
}
.mcat-title {
  font-size: 12px;
}
/* grid of compact chips */ .mcats {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}


@media (max-width: 900px){
}/* chip */ .mcat {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.03);
  cursor: pointer;
  user-select: none;
  min-height: 44px;
  transition: transform .12s ease, border-color .12s ease, background .12s ease;
}
.mcat:hover {
  transform: translateY(-1px);
  border-color: rgba(243,201,119,.22);
  background: rgba(243,201,119,.06);
}
/* checkbox normal size and aligned left */ .mcat-inp {
  width: 18px;
  height: 18px;
  margin: 0;
  accent-color: #f3c977;
  flex: 0 0 auto;
}
/* text */ .mcat-title {
  font-weight: 800;
  font-size: 13px;
  line-height: 1.15;
  color: rgba(255,255,255,.92);
}
/* selected state */ .mcat.is-on {
  border-color: rgba(243,201,119,.34);
  background: rgba(243,201,119,.10);
}

/* ===== Dashboard layout (home) ===== */
.dash-grid{
  margin-top: 14px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 360px;
  gap: 14px;
  align-items: start;
}

.dash-main{ min-width: 0; }
.dash-side{ min-width: 0; position: sticky; top: 92px; } /* если хедер высокий — подстрой */

.dash-side .mcard{ margin-top: 0 !important; }
.dash-side .mcard + .mcard{ margin-top: 14px !important; }

.dash-side-actions{
  margin-top: 12px;
  display: grid;
  gap: 10px;
}

/* ===== make stat cards responsive ===== */
.dash-stats{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

/* Team KPI grid */
.dash-kpi-5{
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
}

/* mobile: stack */
@media (max-width: 980px){
  .dash-grid{ grid-template-columns: 1fr; }
  .dash-side{ position: static; top: auto; }
  .dash-stats{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dash-kpi-5{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 520px){
  .dash-stats{ grid-template-columns: 1fr; }
  .dash-kpi-5{ grid-template-columns: 1fr; }
}


/* Hub tiles */
.hub-grid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 14px;
}
.hub-card{
  display:block;
  text-decoration:none;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.03);
  transition: transform .12s ease, border-color .12s ease, box-shadow .12s ease;
}
.hub-card:hover{
  transform: translateY(-2px);
  border-color: rgba(243,201,119,.22);
  box-shadow: 0 12px 34px rgba(0,0,0,.35);
  text-decoration:none;
}
@media (max-width: 720px){
  .hub-grid{ grid-template-columns: 1fr; }
}


@media (max-width: 900px){
  .dash-grid{
    display:block !important;
  }
  .dash-main, .dash-side{
    width:100% !important;
  }
  .dash-side{
    margin-top:14px;
  }
  .mwrap{
    padding-left:12px !important;
    padding-right:12px !important;
  }
}

/* ===== unified bot page helpers ===== */
.botpage .section-title{ margin:0 0 6px; font-size:22px; }
.botpage .section-sub{ margin:0; opacity:.9; max-width:980px; line-height:1.45; }
.botpage .hr{ height:1px; background: rgba(255,255,255,.10); margin:14px 0; }

.botpage .card-in{
  background: rgba(255,255,255,.03);
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 16px;
  padding: 14px;
}

/* menu editor */
.mk-menu .topbar{ display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap; align-items:center; }
.mk-menu .actions{ display:flex; gap:10px; flex-wrap:wrap; align-items:center; }
.mk-menu code{ background: rgba(255,255,255,.06); padding:2px 6px; border-radius:8px; }
.mk-menu .help{ margin-top:8px; opacity:.85; }

.mk-menu .row{ display:flex; gap:10px; flex-wrap:wrap; align-items:flex-end; }
.mk-menu .col{ flex:1; min-width:220px; }
.mk-menu .col.w180{ min-width:180px; max-width:260px; }
.mk-menu .col.w220{ min-width:220px; max-width:320px; }
.mk-menu .col.w140{ min-width:140px; max-width:180px; }

.mk-menu .input,
.mk-menu select.input,
.mk-menu textarea.input{
  width:100%;
  background: rgba(255,255,255,.06) !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.16) !important;
  border-radius:12px;
  padding:10px 12px;
  outline:none;
  box-shadow:none;
}
.mk-menu textarea.input{ min-height:120px; }
.mk-menu .input::placeholder{ color: rgba(255,255,255,.55); }
.mk-menu .input:focus{
  border-color: rgba(243,223,162,.55) !important;
  box-shadow: 0 0 0 3px rgba(243,223,162,.12);
}
.mk-menu select.input option{ color:#fff !important; background:#141922 !important; }

.mk-menu .listHead{ display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:10px; margin-top: 4px; }
.mk-menu .pill{
  display:inline-flex; gap:8px; align-items:center;
  padding: 6px 10px; border-radius: 999px;
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.10);
  font-size: 12px; opacity:.9;
}
.mk-menu .list{ display:flex; flex-direction:column; gap:10px; margin-top:12px; }

.mk-menu .wrapRow{ border-radius: 16px; }
.mk-menu .wrapRow.dropBefore{ outline: 2px solid rgba(243,223,162,.35); outline-offset: 6px; }
.mk-menu .wrapRow.dragging{ opacity:.6; }

.mk-menu .item{
  background: rgba(255,255,255,.03);
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 16px;
  padding: 14px;
}
.mk-menu .itemTop{ display:flex; justify-content:space-between; align-items:center; gap:10px; flex-wrap:wrap; margin-bottom: 10px; }

.mk-menu .leftMeta{ display:flex; gap:10px; align-items:center; flex-wrap:wrap; }
.mk-menu .dragHandle{
  width: 34px; height: 34px; border-radius: 10px;
  display:flex; align-items:center; justify-content:center;
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.10);
  cursor: grab; user-select:none;
  font-size: 16px;
}
.mk-menu .dragHandle:active{ cursor: grabbing; }

.mk-menu .tagSys{
  padding: 4px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.05);
  font-size: 12px;
  opacity:.9;
}
.mk-menu .tagSys.sys{ border-color: rgba(243,223,162,.25); }

.mk-menu .rightBtns{ display:flex; gap:10px; flex-wrap:wrap; align-items:center; }
.mk-menu .btn.mini{ padding: 8px 12px; border-radius: 12px; min-width: 44px; text-align:center; }

.mk-menu .mutedLine{ opacity:.75; font-size: 12px; margin-top: 8px; }
.mk-menu .payloadBlock{ width:100%; }
.mk-menu .payloadBlock[hidden]{ display:none !important; }

.mk-toast{ position: fixed; right: 18px; bottom: 18px; z-index: 9999; display:flex; flex-direction:column; gap:10px; }
.mk-toast .t{
  background: rgba(20,25,34,.95);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 14px;
  padding: 10px 12px;
  min-width: 220px;
  box-shadow: 0 10px 30px rgba(0,0,0,.35);
}
.mk-toast .ok{ border-color: rgba(0,255,140,.25); }
.mk-toast .bad{ border-color: rgba(255,0,60,.25); }

@media (max-width: 720px){
  .mhero-title{ font-size:36px; line-height:1.05; }
  .botbar{ align-items:flex-start !important; }
  .botbar-actions{ width:100%; margin-left:0 !important; }
  .botbar-actions .btn{ width:100%; justify-content:center; }
  .mhero-actions{ gap:8px !important; }
  .mhero-actions .btn{ padding:10px 12px; }

  .mk-menu .actions .btn{ width:100%; justify-content:center; }
  .mk-menu .actions{ width:100%; }
  .mk-menu .row{ gap:12px; }
  .mk-menu .col{ min-width: 100% !important; }
}
/* ====== HOTFIX: buttons + tabs row (market dashboard) ====== */

/* базовая кнопка */
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:10px 14px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.06);
  color: rgba(255,255,255,.92);          /* <-- главное: текст */
  text-decoration:none;
  line-height:1;
  font-weight:700;
  cursor:pointer;
  user-select:none;
  white-space:nowrap;
}

.btn:hover{
  background: rgba(255,255,255,.09);
  border-color: rgba(255,255,255,.18);
}

.btn:active{
  transform: translateY(1px);
}

/* ghost-кнопка (прозрачная) */
.btn.ghost{
  background: transparent;
  color: rgba(255,255,255,.90);          /* <-- главное: текст */
  border-color: rgba(255,255,255,.14);
}

.btn.ghost:hover{
  background: rgba(255,255,255,.06);
}

/* primary (желтая) */
.btn.btn-primary{
  background: #f4cf78;
  color: #141414;
  border-color: rgba(0,0,0,.15);
}

.btn.btn-primary:hover{
  filter: brightness(1.03);
}

/* маленькие кнопки */
.btn.sm{
  padding:10px 16px;
  border-radius:16px;
  font-size: 15px;
}

/* ====== tabs row fix: чтобы НЕ разъезжались вправо ====== */
.statusRow{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-start;  /* <-- вместо space-between */
  align-items:center;
  gap:10px;
}

/* на всякий: если где-то был space-between на обертке */
.leadsToolbar{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.mk-tab--disabled{
  opacity: .55;
  cursor: not-allowed;
  pointer-events: none;
  filter: grayscale(0.4);
}

  /* =========================================
     Bottom fixed bar (toggle + save)
  ========================================= */
  .bottomBar{
    position: fixed;
    left: 0; right: 0;
    bottom: 10px;
    z-index: 2000;
    pointer-events:none;
  }
  .toggleRow{
    display: flex !important;
    align-items:center;
    gap:10px;
    min-width: 0;
    flex: 1 1 auto;
  }
  .toggleRow input{ width:18px; height:18px; }
  .toggleRow .txt{ min-width:0; line-height:1.15; }
  .toggleRow .txt b{ display:block; }
  .toggleRow .txt span{ display:block; opacity:.75; font-size:12px; margin-top:2px; }
  @media (max-width: 620px){
    .toggleRow .txt span{ display:none; }
  }
  @media (max-width: 620px){
  }
  :root{ --ctrl-h: 48px; }

.u-row2 input{ height: var(--ctrl-h); }
.slugbox{ min-height: var(--ctrl-h); padding: 0 12px; }
.slugbox .prefix{ line-height: 1; }
.slugbox input{ height: var(--ctrl-h); }
/* чекбоксы не должны наследовать стили текстовых инпутов */
.mform input[type="checkbox"],
.mform input[type="radio"]{
  width: 18px !important;
  height: 18px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
  margin: 0;
}

/* если чекбокс в bottomBar — на всякий */
.bottomBar input[type="checkbox"],
.bottomBar input[type="radio"]{
  width: 18px !important;
  height: 18px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* чтобы ширина не прыгала при появлении/исчезновении скроллбара */
html { scrollbar-gutter: stable; }

/* fallback для старых браузеров */
body { overflow-y: scroll; }




/* === HUB PAGE (dashboard) === */
.hub-page .mhero.card{ padding:18px; }
.hub-hero-title{ margin:6px 0 6px; font-size:28px; letter-spacing:.2px; }
.hub-hero-sub{ margin:0; max-width:780px; }

/* Tabs */
.hub-tabs{ display:flex; gap:10px; margin-top:14px; flex-wrap:wrap; }
.hub-tab{
  display:inline-flex; align-items:center; gap:10px;
  padding:10px 12px; border-radius:14px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
  color: rgba(235,240,252,.86);
}
.hub-tab.is-active{
  border-color: rgba(214,175,98,.40);
  background: rgba(214,175,98,.10);
}
.hub-ico{ width:18px; height:18px; opacity:.9; }

/* Layout */
.dash-grid{
  display:grid;
  grid-template-columns: 1fr 340px;
  gap:14px;
  margin-top:14px;
}
@media (max-width: 980px){
  .dash-grid{ grid-template-columns: 1fr; }
}

/* Cards grid */
.hub-grid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap:14px;
}
@media (max-width: 980px){
  .hub-grid{ grid-template-columns: 1fr; }
}

.hub-card{
  display:block;
  padding:14px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.03);
  box-shadow: 0 10px 30px rgba(0,0,0,.25);
  text-decoration:none;
}
.hub-card:hover{ border-color: rgba(255,255,255,.18); }

.hub-card--wide{ grid-column: 1 / -1; }

.hub-topline{
  display:flex; align-items:flex-start; justify-content:space-between;
  gap:12px;
}
.hub-title{ display:flex; align-items:center; gap:10px; min-width:0; }
.hub-title-text{ font-weight:900; color: rgba(235,240,252,.92); }
.hub-sub{ margin:10px 0 0; }

.hub-inline-actions{ display:flex; gap:10px; flex-wrap:wrap; margin-top:12px; }

.hub-pill{
  margin-top:10px;
  padding:10px 12px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.18);
  display:inline-flex; align-items:center; gap:10px;
}
.hub-dot{ width:8px; height:8px; border-radius:99px; }
.hub-dot.ok{ background:#33d17a; }
.hub-dot.bad{ background:#ff5b6e; }
.hub-dot.mid{ background:#d6af62; }

/* Sidebar */
.dash-side .card.mcard{ padding:14px; }
.dash-side-actions{ display:flex; flex-direction:column; gap:10px; }

/* static/hub.css */
/* Glass/dark UI: мягкие бордеры, крупные радиусы, без ярких свечений */

.hub-page{ padding-top: 10px; }

/* HERO */
.hub-hero{
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(10,14,20,.55);
  box-shadow: 0 10px 30px rgba(0,0,0,.35);
  overflow: hidden;
}

.hub-heroTop{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding: 14px 14px 0 14px;
}

.hub-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.05);
  font-weight: 800;
  font-size: 12px;
  letter-spacing: .2px;
}

.hub-heroMain{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  padding: 12px 14px 12px 14px;
}

.hub-title{
  margin: 0;
  font-size: 30px;
  letter-spacing: .2px;
}

.hub-sub{
  margin: 8px 0 0 0;
  max-width: 680px;
  line-height: 1.45;
}

.hub-kpis{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  min-width: 420px;
}

.kpi{
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
  padding: 10px 10px;
}

.kpiName{ margin-bottom: 6px; }
.kpiValue{ display:flex; align-items:baseline; gap:8px; }
.kpiBig{ font-weight: 900; font-size: 16px; }
.kpiHint{ opacity: .8; }
.kpiChip{
  margin-top: 8px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
  font-size: 12px;
  font-weight: 800;
  width: fit-content;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.kpiChip--ok{
  border-color: rgba(0,255,140,.35);
  background: rgba(0,255,140,.10);
}
.kpiChip--warn{
  border-color: rgba(255,190,80,.30);
  background: rgba(255,190,80,.10);
}
.kpiChip--gold{
  border-color: rgba(255,215,120,.35);
  background: rgba(255,215,120,.12);
}

/* Tabs */
.hub-tabs{
  display:flex;
  gap:10px;
  padding: 0 14px 14px 14px;
}

.hub-tab{
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
  padding: 10px 14px;
  font-weight: 900;
  cursor: pointer;
}

.hub-tab.is-active{
  border-color: rgba(255,215,120,.35);
  background: rgba(255,215,120,.12);
}

/* LAYOUT */
.hub-layout{
  display:grid;
  grid-template-columns: minmax(0, 1fr) 340px;
  gap: 14px;
  margin-top: 14px;
}

.hub-main{ min-width:0; }

/* Grid cards */
.hub-grid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

/* Card base */
.hub-card{
  display:block;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(10,14,20,.50);
  box-shadow: 0 10px 28px rgba(0,0,0,.30);
  padding: 14px;
  text-decoration: none;
  color: inherit;
  transition: transform .12s ease, border-color .12s ease, background .12s ease;
}

.hub-card:hover{
  transform: translateY(-1px);
  border-color: rgba(255,255,255,.16);
  background: rgba(255,255,255,.04);
}

/* Primary cards */
.hub-card--primary{
  grid-column: 1 / -1;
  padding: 16px;
  background: rgba(255,255,255,.04);
}

.hub-card--primary2{
  grid-column: 1 / -1;
  padding: 16px;
}

.hub-card--vip{
  grid-column: 1 / -1;
}

.hub-cardTop{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap: 12px;
}

.hub-cardTitle{
  display:flex;
  align-items:center;
  gap: 10px;
  font-weight: 1000;
  font-size: 16px;
}

.hub-at{
  margin-left: 8px;
  font-weight: 900;
}

.hub-cardBody{ margin-top: 10px; }

.hub-cardText{
  line-height: 1.5;
}

/* CTA row */
.hub-ctaRow{
  display:flex;
  align-items:center;
  gap: 10px;
  margin-top: 12px;
  flex-wrap: wrap;
}
.hub-ctaRow--tight{ margin-top: 10px; }

.hub-mini{ opacity:.8; }

/* Pills / counters */
.hub-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 7px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
  font-weight: 900;
  font-size: 12px;
  white-space: nowrap;
}

.hub-pill--soft{
  border-color: rgba(255,215,120,.22);
  background: rgba(255,215,120,.08);
}

.hub-pill--ok{
  border-color: rgba(0,255,140,.35);
  background: rgba(0,255,140,.10);
}

.hub-pill--warn{
  border-color: rgba(255,190,80,.30);
  background: rgba(255,190,80,.10);
}

.hub-pill--gold{
  border-color: rgba(255,215,120,.35);
  background: rgba(255,215,120,.12);
}

.hub-count{
  opacity: .85;
  font-weight: 1000;
}
.hub-count.zero{ opacity: .55; }

/* Tiny icon dots (вместо svg — чтобы не ломать и не тянуть стили) */
.hub-icoDot{
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.25);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.18);
}

.hub-icoDot--bot{ background: rgba(140,180,255,.22); }
.hub-icoDot--profile{ background: rgba(255,215,120,.20); }
.hub-icoDot--svc{ background: rgba(255,160,200,.18); }
.hub-icoDot--vip{ background: rgba(255,215,120,.28); }

/* BOT status */
.hub-status{
  display:flex;
  align-items:center;
  gap: 10px;
  flex-wrap: wrap;
}

.hub-dot{
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.25);
  box-shadow: 0 0 0 4px rgba(255,255,255,.04);
}
.hub-dot.ok{ background: rgba(0,255,140,.55); box-shadow: 0 0 0 4px rgba(0,255,140,.08); }
.hub-dot.mid{ background: rgba(255,190,80,.55); box-shadow: 0 0 0 4px rgba(255,190,80,.08); }
.hub-dot.bad{ background: rgba(255,80,110,.55); box-shadow: 0 0 0 4px rgba(255,80,110,.08); }

.hub-note{ opacity: .8; }

.hub-actions{
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 12px;
}

.hub-tip{
  margin-top: 10px;
  opacity: .8;
}

/* SIDEBAR */
.hub-side{ position: sticky; top: 84px; align-self: start; }
.hub-sideCard{
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(10,14,20,.50);
  box-shadow: 0 10px 28px rgba(0,0,0,.30);
  padding: 14px;
  margin-bottom: 14px;
}

.hub-sideTitle{
  font-weight: 1000;
  font-size: 16px;
  margin-bottom: 10px;
}

.hub-sideActions{
  display:flex;
  flex-direction: column;
  gap: 10px;
}

.hub-sideHint{ margin-top: 10px; opacity: .85; }

.hub-focus{ line-height: 1.55; }

/* Responsive */
@media (max-width: 1100px){
  .hub-layout{ grid-template-columns: 1fr; }
  .hub-side{ position: static; }
  .hub-kpis{ min-width: 0; }
}

@media (max-width: 860px){
  .hub-heroMain{
    flex-direction: column;
  }
  .hub-kpis{
    grid-template-columns: 1fr;
    width: 100%;
  }
  .hub-grid{
    grid-template-columns: 1fr;
  }
}
/* KPI row under tabs */
/* ===== KPI tightening ===== */
.hub-kpis{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap:14px;
  margin-top:14px;
}
@media (max-width: 980px){
  .hub-kpis{ grid-template-columns: 1fr; }
}
.hub-kpi{ padding:14px; }
.hub-kpi-top{ display:flex; align-items:center; justify-content:space-between; gap:10px; }
.hub-kpi-title{ font-weight:900; letter-spacing:.2px; }
.hub-kpi-big{ margin-top:10px; font-weight:900; font-size:34px; }
.hub-kpi-handle{ font-size:16px !important; font-weight:800; }
.hub-kpi-actions{ display:flex; gap:10px; flex-wrap:wrap; margin-top:12px; }

/* ===== Focus block (conditional) ===== */
.hub-focus{
  margin-top:12px;
  padding:14px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.10);
  background:
    radial-gradient(900px 260px at 18% 0%, rgba(255,210,120,.06), transparent 60%),
    rgba(255,255,255,.03);
  box-shadow: 0 14px 38px rgba(0,0,0,.38);
}
.hub-focus-title{ font-weight:900; margin-bottom:10px; }
.hub-focus-item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.03);
}
.hub-focus-item + .hub-focus-item{ margin-top:10px; }
.hub-focus-h{ font-weight:900; }

/* ===== Hub smart block: same glass system, but slightly highlighted ===== */
.hub-smart{
  padding:16px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.10);
  background:
    radial-gradient(1200px 420px at 18% 0%, rgba(255,210,120,.08), transparent 55%),
    radial-gradient(900px 380px at 85% 20%, rgba(120,170,255,.06), transparent 60%),
    rgba(255,255,255,.035);
  box-shadow: 0 14px 40px rgba(0,0,0,.38);
  position: relative;
  overflow: hidden;
}
.hub-smart:before{
  content:"";
  position:absolute; left:0; right:0; top:0;
  height:1px;
  background: linear-gradient(90deg, transparent, rgba(255,210,120,.25), transparent);
  opacity:.9;
}
.hub-smart-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}
.hub-smart-title{
  font-weight:900;
  font-size:18px;
  letter-spacing:.2px;
}
.hub-smart-head-right{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  justify-content:flex-end;
}

/* ===== checks row ===== */
.hub-checks{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:10px;
}
.hub-check{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.03);
  min-height:40px;
}
.hub-ch-ico{
  width:22px;
  height:22px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  font-weight:900;
  line-height:1;
  border:1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.04);
}
.hub-check.ok{
  border-color: rgba(0,255,140,.22);
  background: rgba(0,255,140,.06);
}
.hub-check.ok .hub-ch-ico{
  border-color: rgba(0,255,140,.35);
  background: rgba(0,255,140,.10);
}
.hub-check.mid{
  border-color: rgba(255,210,120,.22);
  background: rgba(255,210,120,.06);
}
.hub-check.mid .hub-ch-ico{
  border-color: rgba(255,210,120,.35);
  background: rgba(255,210,120,.10);
}
.hub-check.bad{
  border-color: rgba(255,90,90,.22);
  background: rgba(255,90,90,.05);
}
.hub-check.bad .hub-ch-ico{
  border-color: rgba(255,90,90,.35);
  background: rgba(255,90,90,.10);
}

/* ===== next steps: inset panel ===== */
.hub-next{
  margin-top:14px;
  padding:12px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.18);
}
.hub-next-title{
  font-weight:900;
  margin-bottom:10px;
}
.hub-next-items{
  display:grid;
  grid-template-columns: 1fr;
  gap:10px;
}
.hub-next-item{
  padding:12px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.03);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.hub-next-item b{ font-weight:900; }
.hub-next-item .btn{ white-space:nowrap; }

/* ===== partner card polish ===== */
.hub-partner{ padding:16px; }
.hub-partner-title{ font-weight:900; font-size:18px; }
.hub-partner-actions{ display:flex; gap:10px; flex-wrap:wrap; margin-top:12px; }

/* small mobile adjustments */
@media (max-width: 980px){
  .hub-focus-item, .hub-next-item{ flex-direction:column; align-items:flex-start; }
  .hub-focus-item .btn, .hub-next-item .btn{ width:100%; }
}


/* =========================================================
   MK CARDS v3 — premium readable glass (services + pros)
   вставь В КОНЕЦ static/market.css
   ========================================================= */

.page-market .mk-grid{
  display:grid;
  gap:16px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
}

@media (max-width: 1100px){
  .page-market .mk-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 720px){
  .page-market .mk-grid{ grid-template-columns: 1fr; gap:12px; }
}


/* ===== MOBILE DRAWER: fix clipping + proper overlay ===== */

body.no-scroll{
  overflow: hidden !important;
  height: 100%;
}

/* overlay */
.nav-drawer{
  position: fixed !important;
  inset: 0 !important;
  z-index: 9999 !important;

  display: none;            /* по умолчанию скрыт */
  background: rgba(0,0,0,.55);
  backdrop-filter: blur(6px);
}

/* open state */
.nav-drawer.open{
  display: block;
}


/* чтобы бургер не терялся */
.nav-burger{
  position: relative;
  z-index: 2001;
}
/* =========================================================
   MOBILE DRAWER — HARD RESET (anti-slip)
   Вставь В КОНЕЦ static/header.css
   ========================================================= */
@media (max-width: 980px){

  /* overlay */
  #navDrawer.nav-drawer{
    position: fixed !important;
    inset: 0 !important;
    z-index: 9999 !important;

    opacity: 0;
    pointer-events: none;
    background: rgba(0,0,0,.55);
    backdrop-filter: blur(8px);
  }
  #navDrawer.nav-drawer.open{
    opacity: 1;
    pointer-events: auto;
  }

  /* panel */
  #navDrawer .nav-drawer-inner{
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    left: auto !important;
    bottom: auto !important;

    height: 100vh !important;
    width: min(420px, 92vw) !important;

    transform: translateX(110%) !important;
    transition: transform .18s ease !important;

    background: rgba(14,16,20,.92) !important;
    border-left: 1px solid rgba(255,255,255,.10) !important;
    box-shadow: -20px 0 70px rgba(0,0,0,.65) !important;

    padding: 14px !important;
    overflow: auto !important;
    -webkit-overflow-scrolling: touch;
    border-radius: 18px 0 0 18px !important;
  }
  #navDrawer.nav-drawer.open .nav-drawer-inner{
    transform: translateX(0) !important;
  }

  /* stop body scroll */
  body.no-scroll{
    overflow: hidden !important;
    height: 100%;
    touch-action: none;
  }

  /* top row */
  #navDrawer .drawer-top{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:10px !important;
    padding: 6px 4px 10px 4px !important;
  }
  #navDrawer .drawer-title{
    font-weight: 900 !important;
    letter-spacing: .2px !important;
    color: rgba(255,255,255,.92) !important;
  }
  #navDrawer .drawer-x{
    width: 38px !important;
    height: 38px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    background: rgba(255,255,255,.06) !important;
    color: rgba(255,255,255,.90) !important;
  }

  /* separators */
  #navDrawer .d-sep{
    height: 1px !important;
    background: rgba(255,255,255,.10) !important;
    margin: 14px 0 !important;
  }

  /* 🔥 MAIN FIX: d-link styles (вот это у тебя слетело) */
  #navDrawer a.d-link{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;

    padding: 12px 12px !important;
    border-radius: 14px !important;

    text-decoration: none !important;
    color: rgba(255,255,255,.90) !important;
    font-weight: 900 !important;
    letter-spacing: .2px !important;

    background: rgba(255,255,255,.04) !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.06) !important;
  }
  #navDrawer a.d-link:hover{
    background: rgba(255,255,255,.07) !important;
    border-color: rgba(255,255,255,.14) !important;
  }

  /* kicker + card */
  #navDrawer .d-kicker{
    margin: 6px 0 10px 0 !important;
    color: rgba(255,255,255,.65) !important;
    font-size: 12.5px !important;
    font-weight: 800 !important;
  }
  #navDrawer .d-card{
    padding: 10px !important;
    border-radius: 16px !important;
    background: rgba(255,255,255,.04) !important;
    border: 1px solid rgba(255,255,255,.10) !important;
  }

  /* user menu items inside drawer */
  #navDrawer .u-group{
    margin: 10px 6px 6px 6px !important;
    font-size: 12px !important;
    color: rgba(255,255,255,.60) !important;
    font-weight: 900 !important;
    letter-spacing: .2px !important;
    text-transform: uppercase !important;
  }
  #navDrawer a.u-item,
  #navDrawer button.u-item{
    display:flex !important;
    width: 100% !important;
    text-align:left !important;

    padding: 10px 10px !important;
    border-radius: 12px !important;

    color: rgba(255,255,255,.88) !important;
    text-decoration:none !important;
    font-weight: 850 !important;

    background: rgba(255,255,255,.03) !important;
    border: 1px solid rgba(255,255,255,.08) !important;
  }
  #navDrawer a.u-item:hover,
  #navDrawer button.u-item:hover{
    background: rgba(255,255,255,.06) !important;
    border-color: rgba(255,255,255,.12) !important;
  }
  #navDrawer .u-sep{
    height:1px !important;
    background: rgba(255,255,255,.08) !important;
    margin: 10px 0 !important;
  }
  #navDrawer .u-danger{
    color: rgba(255,160,160,.92) !important;
    border-color: rgba(255,160,160,.22) !important;
  }

  /* mobile search block inside drawer (чтобы не “голый”) */
  #navDrawer .m-search-inline{
    border-radius: 16px !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    background: rgba(255,255,255,.04) !important;
    padding: 10px 12px !important;
  }
  #navDrawer .m-search-input{
    width: 100% !important;
    border: 0 !important;
    outline: none !important;
    background: transparent !important;
    color: rgba(255,255,255,.92) !important;
    font-weight: 700 !important;
  }
  #navDrawer .m-search-input::placeholder{
    color: rgba(255,255,255,.50) !important;
  }
}

/* ===== МАРКЕТ НАЧАЛО ===== */
/* =========================================================
   Veyra Market — Premium Black/Gold UI
   Scope: ONLY body.page-market
   ========================================================= */

/* ---------- Base tokens ---------- */
body.page-market{
  --bg0:#070a0f;
  --bg1:#0a0f16;
  --panel: rgba(12, 16, 22, .72);
  --panel2: rgba(12, 16, 22, .52);

  --text: rgba(241, 245, 255, .90);
  --muted: rgba(225, 235, 252, .62);
  --muted2: rgba(225, 235, 252, .46);

  --gold: #f0c36c;
  --gold2: rgba(240,195,108,.18);
  --gold3: rgba(240,195,108,.10);

  --border: rgba(255,255,255,.10);
  --border2: rgba(255,255,255,.06);

  --shadow1: 0 26px 90px rgba(0,0,0,.70);
  --shadow2: 0 14px 42px rgba(0,0,0,.55);

  --r-xl: 22px;
  --r-lg: 18px;
  --r-md: 14px;

  --gap: 14px;

  --dock-h: 58px;
  --dock-h-m: 54px;

  color: var(--text);
  background:
    radial-gradient(1200px 700px at 20% -10%, rgba(240,195,108,.10), transparent 58%),
    radial-gradient(1000px 620px at 85% 20%, rgba(120,90,255,.08), transparent 55%),
    linear-gradient(180deg, var(--bg0), var(--bg0));
}

/* make main container predictable (avoid “92vw” drift) */
body.page-market main.container{
  margin: 0 auto;
  padding: 0 16px;
}

/* text helpers inside market only */
body.page-market .muted{ color: var(--muted); }
body.page-market .small{ font-size: 12px; }

/* links inside cards should look like cards, not blue links */
body.page-market a{ color: inherit; text-decoration: none; }

/* ---------- Layout wrapper ---------- */
body.page-market .mk-wrap{
  padding-top: 16px;
  padding-bottom: calc(var(--dock-h) + 24px);
}

/* ---------- Hero ---------- */
body.page-market .mk-hero{
  position: relative;
  border-radius: var(--r-xl);
  border: 1px solid var(--border2);
  overflow: hidden;
  box-shadow: var(--shadow1);
  background:
    radial-gradient(1100px 520px at 18% 30%, rgba(240,195,108,.12), transparent 60%),
    radial-gradient(900px 520px at 80% 70%, rgba(120,90,255,.10), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(0,0,0,.55));
  min-height: 260px;
}

body.page-market .mk-hero::before{
  content:"";
  position:absolute; inset:0;
  background:
    radial-gradient(900px 420px at 20% 35%, rgba(0,0,0,.20), transparent 60%),
    linear-gradient(180deg, rgba(0,0,0,.14), rgba(0,0,0,.70));
  opacity: .42;
  pointer-events:none;
}

body.page-market .mk-heroInner{
  position: relative;
  z-index: 2;
  padding: 18px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

body.page-market .mk-top{
  display:flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 16px;
}

body.page-market .mk-brand{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 8px 12px;
  border: 1px solid var(--border2);
  background: rgba(10,12,16,.52);
  border-radius: 999px;
  width: fit-content;
  box-shadow: 0 10px 30px rgba(0,0,0,.35);
  color: rgba(241,245,255,.82);
  font-weight: 800;
}
body.page-market .mk-brand .dot{
  width: 10px; height: 10px;
  border-radius: 999px;
  background: var(--gold);
  box-shadow: 0 0 0 3px rgba(240,195,108,.14);
}

body.page-market .mk-title{
  margin: 10px 0 0;
  font-weight: 980;
  letter-spacing: -0.02em;
  font-size: clamp(30px, 4vw, 48px);
  line-height: 1.08;
  color: rgba(245,248,255,.94);
  text-shadow: 0 10px 40px rgba(0,0,0,.55);
}
body.page-market .mk-sub{
  margin: 10px 0 0;
  color: rgba(235,240,248,.72);
  font-size: 14px;
  max-width: 64ch;
}

/* ---------- Bar (titles + tabs + shown) ---------- */
body.page-market .mk-bar{
  display:flex;
  justify-content: space-between;
  gap: 14px;
  flex-wrap: wrap;
}

body.page-market .mk-head{
  display:flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 14px;
  width: 100%;
}

body.page-market .mk-h2{
  margin: 0;
  font-size: 16px;
  font-weight: 900;
  color: rgba(245,248,255,.90);
}
body.page-market .mk-meta{
  margin-top: 4px;
  font-size: 12px;
  color: rgba(225,235,252,.55);
}

body.page-market .mk-shown{
  display:flex;
  align-items:center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 999px;
  border: 1px solid var(--border2);
  background: rgba(8,10,14,.56);
  box-shadow: 0 12px 28px rgba(0,0,0,.35);
}
body.page-market .mk-shown .k{
  font-size: 11px;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: rgba(225,235,252,.50);
}
body.page-market .mk-shown .v{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width: 34px;
  height: 26px;
  padding: 0 10px;
  border-radius: 999px;
  border: 1px solid rgba(240,195,108,.26);
  background: rgba(240,195,108,.12);
  color: rgba(245,248,255,.92);
  font-weight: 900;
}

/* Tabs */
body.page-market .mk-tabs{
  width: 100%;
  display:flex;
  justify-content: flex-end;
}
body.page-market .mk-seg{
  display:flex;
  gap: 6px;
  padding: 6px;
  border-radius: 999px;
  border: 1px solid var(--border2);
  background: rgba(8,10,14,.56);
  box-shadow: 0 12px 28px rgba(0,0,0,.35);
}
body.page-market .mk-tab{
  display:flex;
  align-items:center;
  gap: 10px;
  padding: 10px 14px;
  border-radius: 999px;
  border: 1px solid transparent;
  color: rgba(235,240,248,.72);
  font-weight: 900;
  transition: .15s ease;
}
body.page-market .mk-tab:hover{
  background: rgba(255,255,255,.04);
}
body.page-market .mk-tab[aria-selected="true"]{
  background: rgba(240,195,108,.12);
  border-color: rgba(240,195,108,.22);
  color: rgba(245,248,255,.92);
}

body.page-market .mk-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width: 28px;
  height: 22px;
  padding: 0 8px;
  border-radius: 999px;
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.08);
  font-size: 12px;
  color: rgba(245,248,255,.86);
}

/* ---------- Loading overlay ---------- */
body.page-market .mk-swap{ position: relative; }
body.page-market .mk-loading{
  position:absolute; inset: 0;
  display:none;
  align-items:center;
  justify-content:center;
  background: rgba(0,0,0,.32);
  backdrop-filter: blur(8px);
  border-radius: var(--r-xl);
  z-index: 20;
}
body.page-market .mk-loading.is-on{ display:flex; }
body.page-market .mk-spinner{
  width: 34px; height: 34px;
  border-radius: 999px;
  border: 2px solid rgba(255,255,255,.18);
  border-top-color: rgba(240,195,108,.85);
  animation: mkspin .9s linear infinite;
}
@keyframes mkspin { to { transform: rotate(360deg); } }

/* ---------- Grid ---------- */
body.page-market .mk-grid{
  margin-top: 14px;
  display:grid;
  gap: var(--gap);
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media (max-width: 1020px){
  body.page-market .mk-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 680px){
  body.page-market .mk-grid{ grid-template-columns: 1fr; }
  body.page-market .mk-wrap{ padding-bottom: calc(var(--dock-h-m) + 22px); }
}

/* ---------- Card base ---------- */
body.page-market .mk-card{
  border-radius: var(--r-xl);
  border: 1px solid var(--border2);
  background:
    radial-gradient(900px 260px at 30% 10%, rgba(255,255,255,.06), transparent 55%),
    radial-gradient(900px 260px at 85% 0%, rgba(240,195,108,.07), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(0,0,0,.45));
  box-shadow: var(--shadow2);
  overflow: hidden;
  transform: translateZ(0);
  transition: transform .18s ease, border-color .18s ease, background .18s ease;
}
body.page-market .mk-card:hover{
  transform: translateY(-2px);
  border-color: rgba(240,195,108,.18);
  background:
    radial-gradient(900px 260px at 30% 10%, rgba(255,255,255,.07), transparent 55%),
    radial-gradient(900px 260px at 85% 0%, rgba(240,195,108,.09), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(0,0,0,.40));
}

body.page-market .mk-card--svc,
body.page-market .mk-card--pro{
  display:flex;
  flex-direction: column;
  min-height: 248px;
}

/* ---------- Chips / tags ---------- */
body.page-market .chip,
body.page-market .tag{
  display:inline-flex;
  align-items:center;
  height: 26px;
  padding: 0 10px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.03);
  color: rgba(235,240,248,.74);
  font-size: 12px;
  font-weight: 850;
  white-space: nowrap;
}
body.page-market .chip.vip,
body.page-market .tag.gold{
  border-color: rgba(240,195,108,.22);
  background: rgba(240,195,108,.10);
  color: rgba(245,248,255,.92);
}

/* ---------- Service card ---------- */
body.page-market .svc-top{
  padding: 16px 16px 12px;
  display:flex;
  flex-direction: column;
  gap: 10px;
}

body.page-market .svc-titleRow{
  display:flex;
  align-items:flex-start;
  justify-content: space-between;
  gap: 12px;
}
body.page-market .svc-titleClamp{
  font-weight: 980;
  letter-spacing: -0.01em;
  color: rgba(245,248,255,.92);
  font-size: 16px;
  line-height: 1.25;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-width: 0;
}

body.page-market .svc-priceChip{
  flex: 0 0 auto;
  display:inline-flex;
  align-items:center;
  height: 28px;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid rgba(240,195,108,.24);
  background: rgba(240,195,108,.10);
  color: rgba(245,248,255,.90);
  font-weight: 900;
  font-size: 12px;
  white-space: nowrap;
}

body.page-market .svc-chips{
  display:flex;
  flex-wrap: wrap;
  gap: 8px;
}

body.page-market .svc-descClamp{
  color: rgba(235,240,248,.72);
  font-size: 13px;
  line-height: 1.55;
  padding-top: 2px;
  border-top: 1px solid rgba(255,255,255,.06);
  margin-top: 2px;
  padding-top: 10px;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: calc(1.55em * 3);
}

body.page-market .svc-bottom{
  margin: auto 12px 12px;
  padding: 12px;
  border-radius: var(--r-lg);
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(8,10,14,.58);
  box-shadow: 0 16px 36px rgba(0,0,0,.42);
}

body.page-market .svc-proRow{
  display:flex;
  align-items:center;
  gap: 12px;
  min-width: 0;
}

body.page-market .ava{
  width: 40px; height: 40px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.04);
  overflow: hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  flex: 0 0 auto;
}
body.page-market .ava img{
  width:100%;
  height:100%;
  object-fit: cover;
  display:block;
}

body.page-market .svc-proMeta{
  display:flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
  flex: 1 1 auto;
}

body.page-market .svc-proNameClamp{
  font-weight: 950;
  color: rgba(245,248,255,.90);
  font-size: 13px;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* rating row: NEVER wrap, NEVER overlap */
body.page-market .svc-ratingRow{
  display:flex;
  align-items:center;
  gap: 8px;
  flex-wrap: nowrap;
  white-space: nowrap;
  min-width: 0;
  color: rgba(235,240,248,.68);
  font-size: 12px;
}

/* Stars (safe) */
body.page-market .mk-stars{
  position: relative;
  display:inline-block;
  width: 86px;
  height: 14px;
  line-height: 14px;
  overflow: hidden;        /* IMPORTANT: cuts any bleed */
  border-radius: 6px;
  contain: paint;
  isolation: isolate;
  flex: 0 0 auto;
}
body.page-market .mk-stars::before{
  content:"★★★★★";
  position:absolute; inset:0;
  font-size: 14px;
  letter-spacing: 2px;
  color: rgba(255,255,255,.16);
}
body.page-market .mk-starsFill{
  position:absolute; inset:0;
  width:0%;
  overflow:hidden;
  z-index: 2;
}
body.page-market .mk-starsFill::before{
  content:"★★★★★";
  position:absolute; inset:0;
  font-size: 14px;
  letter-spacing: 2px;
  color: rgba(240,195,108,.92);
}

/* rating text */
body.page-market .r-num{
  font-weight: 950;
  color: rgba(245,248,255,.90);
}
body.page-market .r-dot{
  color: rgba(225,235,252,.38);
}
body.page-market .r-cnt{
  color: rgba(225,235,252,.58);
}

/* CTA */
body.page-market .svc-cta{
  flex: 0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height: 38px;
  padding: 0 14px;
  border-radius: 14px;
  border: 1px solid rgba(240,195,108,.24);
  background: rgba(240,195,108,.10);
  color: rgba(245,248,255,.92);
  font-weight: 950;
  font-size: 12px;
  box-shadow: 0 14px 26px rgba(0,0,0,.35);
}
body.page-market .mk-card:hover .svc-cta{
  border-color: rgba(240,195,108,.32);
  background: rgba(240,195,108,.13);
}

/* ---------- Pro card ---------- */
body.page-market .pro-top{
  display:flex;
  gap: 14px;
  padding: 16px;
  min-width: 0;
}

body.page-market .pro-ava{
  width: 48px;
  height: 48px;
  border-radius: 14px;
}

body.page-market .pro-body{
  min-width: 0;
  flex: 1 1 auto;
  display:flex;
  flex-direction: column;
  gap: 10px;
}

body.page-market .pro-nameRow{
  display:flex;
  align-items:flex-start;
  justify-content: space-between;
  gap: 10px;
  min-width: 0;
}
body.page-market .pro-nameClamp{
  font-weight: 980;
  letter-spacing: -0.01em;
  color: rgba(245,248,255,.92);
  font-size: 16px;
  line-height: 1.15;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.page-market .pro-badges{
  display:flex;
  gap: 8px;
  flex: 0 0 auto;
}

body.page-market .pro-rating{
  display:flex;
  align-items:center;
  gap: 10px;
  flex-wrap: nowrap;
  white-space: nowrap;
  min-width: 0;
}

body.page-market .pro-bioClamp{
  color: rgba(235,240,248,.72);
  font-size: 13px;
  line-height: 1.55;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

body.page-market .pro-tags{
  display:flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 2px;
}

/* Pro footer actions */
body.page-market .pro-foot{
  margin-top: auto;
  padding-top: 10px;
  border-top: 1px solid rgba(255,255,255,.06);
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 10px;
}

body.page-market .pro-foot .left{
  color: rgba(225,235,252,.70);
  font-weight: 900;
  font-size: 13px;
}
body.page-market .pro-foot .right{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height: 38px;
  padding: 0 14px;
  border-radius: 14px;
  border: 1px solid rgba(240,195,108,.22);
  background: rgba(240,195,108,.10);
  color: rgba(245,248,255,.92);
  font-weight: 950;
  font-size: 12px;
}

/* ---------- Empty state ---------- */
body.page-market .mk-empty{
  margin-top: 16px;
  padding: 18px;
  border-radius: var(--r-xl);
  border: 1px solid var(--border2);
  background: rgba(12,16,22,.52);
  box-shadow: var(--shadow2);
}

/* ---------- Dock (filters bar) ---------- */
body.page-market .mk-dock{
  position: fixed;
  left: 0; right: 0;
  bottom: 10px;
  z-index: 120;
  pointer-events: none;
}
body.page-market .mk-dockInner{
  width: 100%;
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 16px;
  display:flex;
  gap: 10px;
  justify-content: space-between;
  pointer-events: none;
}

body.page-market .mk-dockBox{
  pointer-events: auto;
  flex: 1 1 auto;
  height: var(--dock-h);
  display:flex;
  align-items:center;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(6,8,11,.72);
  backdrop-filter: blur(14px);
  box-shadow: var(--shadow2);
  overflow: hidden;
}

body.page-market .mk-dockDot{
  width: 10px; height: 10px;
  border-radius: 999px;
  background: rgba(240,195,108,.9);
  box-shadow: 0 0 0 3px rgba(240,195,108,.14);
  margin-left: 14px;
  flex: 0 0 auto;
}

body.page-market .mk-dockInline{
  display:flex;
  align-items:center;
  gap: 12px;
  width: 100%;
  padding: 8px 10px 8px 12px;
  min-width: 0;
}

body.page-market .mk-inline{
  display:flex;
  align-items:center;
  gap: 10px;
  min-width: 0;
  flex: 1 1 auto;
}
body.page-market .mk-inlineItem{
  display:flex;
  align-items:center;
  gap: 10px;
  min-width: 0;
}
body.page-market .mk-inlineLabel{
  font-size: 11px;
  color: rgba(225,235,252,.46);
  font-weight: 900;
  white-space: nowrap;
}
body.page-market .mk-inlineSelect{
  height: 38px;
  padding: 0 12px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.03);
  color: rgba(245,248,255,.86);
  outline: none;
  min-width: 140px;
}
body.page-market .mk-inlineSelect:focus{
  border-color: rgba(240,195,108,.22);
  box-shadow: 0 0 0 3px rgba(240,195,108,.10);
}

body.page-market .mk-dockChips{
  display:flex;
  gap: 8px;
  flex-wrap: nowrap;
  overflow: hidden;
  min-width: 0;
  flex: 1 1 auto;
}
body.page-market .mk-dockChip{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  height: 34px;
  padding: 0 10px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.06);
  background: rgba(255,255,255,.02);
  color: rgba(225,235,252,.62);
  font-size: 12px;
  white-space: nowrap;
}
body.page-market .mk-dockChip .k{ color: rgba(225,235,252,.40); font-weight: 900; }
body.page-market .mk-dockChip .v{ color: rgba(245,248,255,.82); font-weight: 900; }

body.page-market .mk-dockBtn{
  pointer-events: auto;
  height: var(--dock-h);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 0 16px;
  border-radius: 18px;
  border: 1px solid rgba(240,195,108,.20);
  background: rgba(240,195,108,.10);
  color: rgba(245,248,255,.92);
  font-weight: 950;
  box-shadow: var(--shadow2);
  white-space: nowrap;
}
body.page-market .mk-dockBtn:hover{
  background: rgba(240,195,108,.14);
  border-color: rgba(240,195,108,.28);
}

body.page-market .mk-openFilters{ display:none; }

/* mobile: hide inline selects -> show “Фильтры” button */
@media (max-width: 980px){
  body.page-market .mk-inline{ display:none; }
  body.page-market .mk-dockChips{ display:none; }
  body.page-market .mk-openFilters{ display:inline-flex; }
  body.page-market .mk-dockBox{ height: var(--dock-h-m); }
  body.page-market .mk-dockBtn{ height: var(--dock-h-m); border-radius: 16px; }
}

/* ---------- Mobile sheet ---------- */
body.page-market .mk-sheetBack{
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.55);
  display:none;
  z-index: 140;
}

body.page-market .mk-sheet{
  position: fixed;
  left: 50%;
  transform: translateX(-50%) translateY(110%);
  bottom: 0;
  width: min(1120px, 100%);
  max-width: 1120px;
  border-radius: 22px 22px 0 0;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(7,9,12,.86);
  backdrop-filter: blur(18px);
  box-shadow: 0 -24px 70px rgba(0,0,0,.65);
  z-index: 150;
  transition: transform .18s ease;
}
body.page-market .mk-sheet.is-open{
  transform: translateX(-50%) translateY(0);
}

body.page-market .mk-sheetHead{
  padding: 14px 16px;
  display:flex;
  align-items:center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(255,255,255,.08);
}
body.page-market .mk-sheetTitle{
  font-weight: 980;
  color: rgba(245,248,255,.92);
}
body.page-market .mk-sheetClose{
  width: 36px; height: 36px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.03);
  color: rgba(245,248,255,.88);
}

body.page-market .mk-sheetGrid{
  padding: 14px 16px 6px;
  display:grid;
  gap: 12px;
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 680px){
  body.page-market .mk-sheetGrid{ grid-template-columns: 1fr; }
}

body.page-market .mk-hint{
  font-size: 12px;
  color: rgba(225,235,252,.52);
  font-weight: 900;
  margin-bottom: 6px;
}
body.page-market .mk-field{
  width: 100%;
  height: 42px;
  padding: 0 12px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.03);
  color: rgba(245,248,255,.86);
  outline: none;
}
body.page-market .mk-field:focus{
  border-color: rgba(240,195,108,.22);
  box-shadow: 0 0 0 3px rgba(240,195,108,.10);
}

body.page-market .mk-sheetActions{
  padding: 10px 16px 16px;
  display:flex;
  align-items:center;
  gap: 10px;
  flex-wrap: wrap;
  border-top: 1px solid rgba(255,255,255,.08);
}

body.page-market .btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height: 42px;
  padding: 0 14px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.03);
  color: rgba(245,248,255,.90);
  font-weight: 950;
}
body.page-market .btn.btn-primary{
  border-color: rgba(240,195,108,.22);
}
body.page-market .btn.btn-ghost{
  border-color: rgba(255,255,255,.10);
  background: rgba(255,255,255,.03);
}

/* ---------- “Load more” ---------- */
body.page-market #mkLoadMore{
  cursor: pointer;
}

/* ---------- Small screen hero tightening ---------- */
@media (max-width: 680px){
  body.page-market .mk-hero{ min-height: 220px; }
  body.page-market .mk-heroInner{ padding: 14px; }
  body.page-market .mk-title{ font-size: 28px; }
  body.page-market .mk-tabs{ justify-content: flex-start; }
  body.page-market .mk-seg{ width: 100%; justify-content: space-between; }
}

/* ---------- Safety: never allow children to overflow weirdly ---------- */
body.page-market .svc-titleClamp,
body.page-market .svc-proNameClamp,
body.page-market .pro-nameClamp,
body.page-market .pro-bioClamp,
body.page-market .svc-descClamp{
  min-width: 0;
}

/* ===== МАРКЕТ КОНЕЦ ===== */

/* HERO контейнер */
body.page-market .mk-hero {
  position: relative;
  overflow: hidden;
  border-radius: 26px;
  min-height: 320px;
  background: none; /* ВАЖНО */
}

/* ФОН-КАРТИНКА */
body.page-market .mk-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url("/static/img/market-hero.jpg") center / cover no-repeat;
  z-index: 0;
}

/* МЯГКОЕ ЗАТЕМНЕНИЕ */
body.page-market .mk-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      180deg,
      rgba(8,10,14,.55) 0%,
      rgba(8,10,14,.65) 55%,
      rgba(8,10,14,.9) 100%
    );
  z-index: 1;
}

/* ВЕСЬ КОНТЕНТ ПОВЕРХ */
body.page-market .mk-heroInner {
  position: relative;
  z-index: 2;
}

/* =========================================
   MARKET: PREMIUM PATCH (drop-in overrides)
   Вставить в КОНЕЦ market.css
========================================= */

/* ---------- 0) базовая палитра (поменьше белого, больше "премиум") ---------- */
body.page-market{
  --mk-bg: #0b0f16;
  --mk-card: rgba(12,16,22,.62);
  --mk-card2: rgba(12,16,22,.42);
  --mk-line: rgba(255,255,255,.10);
  --mk-line2: rgba(255,255,255,.14);
  --mk-text: rgba(235,240,252,.88);
  --mk-muted: rgba(235,240,252,.60);
  --mk-gold: rgba(243,201,119,.95);
  --mk-gold2: rgba(243,201,119,.22);
  background: var(--mk-bg);
  color: var(--mk-text);
}

/* ---------- 1) FIX: хедер (логотип->войти) чтобы не "вылазило" справа ---------- */
/* Подстрой под реальные классы шапки: эти селекторы максимально безопасные */
body.page-market header,
body.page-market .site-header,
body.page-market .topbar{
  overflow: visible;
}
body.page-market header .container,
body.page-market .site-header .container,
body.page-market .topbar .container,
body.page-market .navbar .container{
  max-width: 1200px;
  margin: 0 auto;
  padding-left: 24px;
  padding-right: 24px;
}
@media (max-width: 720px){
  body.page-market header .container,
  body.page-market .site-header .container,
  body.page-market .topbar .container,
  body.page-market .navbar .container{
    padding-left: 14px;
    padding-right: 14px;
  }
}

/* ---------- 2) HERO: картинка есть, но было слишком темно + где-то затиралась background ---------- */
body.page-market .mk-hero{
  background: transparent !important; /* ВАЖНО: убираем любые "фоновые градиенты" с самого блока */
  border-radius: 26px;
  border: 1px solid var(--mk-line);
  box-shadow: 0 20px 60px rgba(0,0,0,.45);
}

/* Картинка + мягкая затемнёнка (не “пздц темно”) */
body.page-market .mk-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(900px 420px at 18% 30%, rgba(243,201,119,.14), transparent 60%),
    radial-gradient(900px 520px at 80% 70%, rgba(120, 90, 255, .10), transparent 62%),
    linear-gradient(180deg, rgba(0,0,0,.40) 0%, rgba(0,0,0,.52) 55%, rgba(0,0,0,.70) 100%),
    url("/static/img/market-hero.jpg") center / cover no-repeat;
  filter: brightness(1.07) contrast(1.06) saturate(1.05);
  z-index: 0;
}

/* Зерно оставляем, но слабее */
body.page-market .mk-hero::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(transparent 62%, rgba(0,0,0,.22)),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");
  z-index: 1;
  pointer-events:none;
}

/* Контент поверх */
body.page-market .mk-heroInner{ position:relative; z-index:2; }

/* HERO компактнее (у тебя “занимает много места”) */
body.page-market .mk-heroInner{ min-height: 210px !important; }
body.page-market .mk-top{
  background: rgba(10,14,20,.28);
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 22px;
  padding: 18px 20px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 18px 60px rgba(0,0,0,.45), inset 0 0 0 1px rgba(255,255,255,.03);
}
body.page-market .mk-title{
  color: rgba(235,240,252,.90);
  text-shadow: 0 10px 28px rgba(0,0,0,.55);
}
body.page-market .mk-sub{
  color: rgba(235,240,252,.65);
}

/* ---------- 3) Карточки: меньше “серого”, больше стекла, ровнее низ ---------- */
body.page-market .mk-grid{ gap: 14px; }

body.page-market .mk-card{
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  border: 1px solid var(--mk-line);
  box-shadow: 0 18px 50px rgba(0,0,0,.38);
}
body.page-market .mk-card:hover{
  border-color: rgba(243,201,119,.20);
  box-shadow: 0 22px 60px rgba(0,0,0,.48);
}

/* цена-чилд — теплее */
body.page-market .svc-priceChip{
  background: linear-gradient(180deg, rgba(243,201,119,.18), rgba(243,201,119,.10));
  border: 1px solid rgba(243,201,119,.26);
  color: rgba(255,239,201,.92);
}

/* чипсы — компактнее и менее “пластик” */
body.page-market .chip{
  background: rgba(0,0,0,.20);
  border: 1px solid rgba(255,255,255,.12);
  color: rgba(235,240,252,.74);
}
body.page-market .chip.vip{
  background: rgba(243,201,119,.14);
  border-color: rgba(243,201,119,.28);
  color: rgba(255,239,201,.92);
}

/* ---------- 4) FIX: звёзды не “виднеются” за числом ---------- */
/* У тебя уже есть contain/isolation — добавим жёсткий клип + запретим сжиматься */
body.page-market .svc-ratingRow{ gap: 8px; align-items:center; }
body.page-market .mk-stars{
  flex: 0 0 auto;
  position: relative;
  display: inline-block;
  width: 92px;
  height: 16px;
  line-height: 16px;
  border-radius: 6px;
  overflow: hidden;
  clip-path: inset(0 round 6px);   /* главный фикс “хвостов” */
  contain: paint;
  isolation: isolate;
  background: rgba(0,0,0,.18);
  border: 1px solid rgba(255,255,255,.12);
}
body.page-market .mk-stars::before,
body.page-market .mk-starsFill::before{
  letter-spacing: 0 !important;
  justify-content: flex-start !important;
  padding-left: 2px;
  transform: none !important;
}
body.page-market .r-num{
  position: relative;
  z-index: 2;
  color: rgba(235,240,252,.88);
}

/* ---------- 5) DOCK / фильтры: убираем “вторые подписи” на десктопе ---------- */
/* Судя по скрину, кликабельные — это SELECT, а “вторые” — mk-dockChips (не кликабельны). */
@media (min-width: 900px){
  body.page-market #mkDockChips{ display:none !important; } /* убираем дубли полностью */
  body.page-market .mk-dockInline{ align-items:flex-end; gap: 10px; }
  body.page-market .mk-inlineLabel{ font-size: 11px; opacity: .55; margin-bottom: 6px; }
}

/* На мобиле можно оставить chips (там они помогают) */
@media (max-width: 899px){
  body.page-market #mkDockChips{
    display:flex;
    gap:8px;
    flex-wrap:wrap;
    margin-top: 10px;
  }
}

/* Dock компактнее и чтобы не “резал” контент */
body.page-market .mk-dock{
  padding-bottom: env(safe-area-inset-bottom);
}
body.page-market .mk-dockBox{
  background: rgba(10,14,20,.62);
  border: 1px solid rgba(255,255,255,.10);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
body.page-market .mk-inlineSelect,
body.page-market .mk-field{
  background: rgba(0,0,0,.22);
  border: 1px solid rgba(255,255,255,.12);
  color: rgba(235,240,252,.88);
}

/* ---------- 6) Табы Услуги/Специалисты: чтобы ровно и “премиум” ---------- */
body.page-market .mk-tab{
  background: rgba(0,0,0,.22);
  border: 1px solid rgba(255,255,255,.12);
  color: rgba(235,240,252,.78);
}
body.page-market .mk-tab[aria-selected="true"]{
  background: rgba(243,201,119,.12);
  border-color: rgba(243,201,119,.26);
  color: rgba(255,239,201,.92);
}

/* ---------- 7) мелочь: текст не белоснежный ---------- */
body.page-market .mk-h2{ color: rgba(235,240,252,.86); }
body.page-market .mk-meta,
body.page-market .muted{ color: rgba(235,240,252,.60) !important; }

/* FIX: убрать пустую зону в HERO (контент не прижимать к низу) */
body.page-market .mk-hero{
  min-height: unset !important;
}

body.page-market .mk-heroInner{
  /* вместо flex-end — нормальный поток сверху вниз */
  display: grid !important;
  grid-template-rows: auto auto;
  align-content: start !important;
  justify-items: stretch;
  gap: 14px;
  min-height: unset !important;
  height: auto !important;
  padding: 18px !important;
}

/* mk-top и mk-bar без “лишнего воздуха” */
body.page-market .mk-top{
  margin: 0 !important;
}

body.page-market .mk-bar{
  margin: 0 !important;
  padding: 14px 16px !important;
}

/* табы/показано — чтобы не растягивали высоту */
body.page-market .mk-head{
  margin: 0 0 10px 0 !important;
}
body.page-market .mk-tabs{
  margin: 0 !important;
}

/* чтобы первая строка карточек не прилипала/не залезала */
body.page-market .mk-swap{
  margin-top: 14px;
}

body.page-market .mk-hero,
body.page-market .mk-heroInner{ min-height: 0 !important; }

.page-market .mk-bar--inline{
  display:flex;
  align-items:center;
  gap:18px;

  margin-top:18px;
  padding:14px 18px;

  background:rgba(0,0,0,.38);
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
}
.page-market .mk-bar--inline{
  display:flex;
  align-items:center;
  gap:18px;

  margin-top:18px;
  padding:14px 18px;

  background:rgba(0,0,0,.38);
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
}
.page-market .mk-barCenter{
  font-size:13px;
  color:rgba(255,255,255,.65);
  white-space:nowrap;
}

.page-market .mk-barCenter b{
  color:#e6c98a;
  font-weight:700;
}

.page-market .mk-barRight{
  flex-shrink:0;
}

.page-market .mk-seg{
  display:flex;
  background:rgba(0,0,0,.45);
  border:1px solid rgba(255,255,255,.12);
  border-radius:999px;
  padding:4px;
}

.page-market .mk-tab{
  padding:8px 14px;
  border-radius:999px;
  font-size:14px;
  font-weight:600;
  color:rgba(255,255,255,.65);
  display:flex;
  align-items:center;
  gap:8px;
}

.page-market .mk-tab[aria-selected="true"]{
  background:linear-gradient(180deg,#d2b07a,#9c7a3e);
  color:#111;
}

@media (max-width: 820px){
  .page-market .mk-bar--inline{
    flex-wrap:wrap;
  }

  .page-market .mk-barCenter{
    order:3;
    width:100%;
    text-align:left;
    margin-top:4px;
  }

  .page-market .mk-barRight{
    order:2;
  }
}


/* Уменьшаем высоту бара */
.page-market .mk-barRow {
  padding: 10px 16px;   /* было больше */
  min-height: auto;
}

/* Заголовок компактнее */
.page-market .mk-barLeft .mk-h2 {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.25;
}

/* Показано */
.page-market .mk-shown {
  font-size: 12px;
  padding: 4px 8px;
}

/* Таб-переключатель компактнее */
.page-market .mk-seg {
  padding: 3px;
}

.page-market .mk-tab {
  padding: 6px 10px;
  font-size: 13px;
}

.page-market .mk-wrap {
  max-width: 1120px;        /* или как у остальных страниц */
  margin: 0 auto;
  padding: 0 16px;          /* чтобы совпало с header */
  box-sizing: border-box;
}