/* ===== ПЕРЕМЕННЫЕ ТЕМЫ (ИСПРАВЛЕНИЕ НЕВИДИМЫХ ЭЛЕМЕНТОВ) ===== */
:root {
    --font-display: "ABC Asfalt Compressed","Arial Narrow","Roboto Condensed","Helvetica Neue",sans-serif;
    --font-body: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --bg-primary: #ffffff;
    --bg-secondary: #f5f5f5;
    --bg-tertiary: #e8e8e8;
    --text-primary: #1a1a1a;
    --text-secondary: #666666;
    --text-tertiary: #999999;
    --border-subtle: #eeeeee;
    --border-default: #dddddd;
    --accent-500: #1a1a1a;
    --accent-700: #000000;
    --neutral-300: #cccccc;
    --neutral-900: #1a1a1a;
}

/* ===== EXPLORER ========================================================== */
.exp-col{max-width:468px;margin:0 auto}
.full-bleed{width:100vw;margin-left:calc(50% - 50vw)}
.exp-title{font-family:var(--font-display);font-size:70px;line-height:1;text-align:center;padding:48px 0 28px}
@media (max-width:600px){.exp-title{display:none}.exp-col{padding-top:8px}}

.exp-search{position:relative;margin-bottom:12px}
.exp-search input{width:100%;height:48px;padding:0 44px 0 16px;border:none;border-radius:8px;
background:var(--bg-secondary);color:var(--text-primary);font-family:var(--font-body);font-size:16px;transition:background-color .15s ease}
.exp-search input::placeholder{color:var(--text-tertiary)}
.exp-search input:hover{background:var(--bg-tertiary)}
.exp-search input:focus{outline:none;background:var(--bg-tertiary)}
.exp-search .clr{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:24px;height:24px;
display:none;align-items:center;justify-content:center;color:var(--text-tertiary);background:transparent;border:none;cursor:pointer}
.exp-search.has-text .clr{display:flex}
.exp-search .clr svg{width:18px;height:18px}

.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.chip{display:inline-flex;align-items:center;height:36px;border-radius:8px;background:var(--bg-secondary);transition:background-color .12s ease}
.chip:hover{background:var(--bg-tertiary)}
.chip__main{
    display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px;font-size:14px;line-height:14px;
    color:var(--text-primary);background:transparent;border:none;cursor:pointer;white-space:nowrap; pointer-events:auto;}
.chip__main:focus-visible{outline:2px solid var(--accent-700);outline-offset:-2px;border-radius:8px}
.chip__main svg{width:14px;height:14px}
.chip.on .chip__main{padding-right:4px}
.chip__x{display:flex;align-items:center;justify-content:center;width:30px;
    height:36px;padding-right:6px;color:var(--text-primary);background:transparent;border:none;cursor:pointer}
.chip__x:hover{color:var(--text-secondary)}
.chip__x svg{width:14px;height:14px}

.exp-results{display:flex;align-items:center;justify-content:space-between;padding:4px 0 18px;border-top:1px solid var(--border-subtle);margin-top:2px;font-size:14px;line-height:20px;color:var(--text-tertiary)}
.exp-results .cnt b{color:var(--text-primary);font-weight:400;margin-left:6px}
.exp-sort{display:inline-flex;align-items:center;gap:6px;color:var(--text-tertiary);cursor:pointer;background:transparent;border:none}
.exp-sort b{color:var(--text-primary);font-weight:600}
.exp-sort svg{width:16px;height:16px}

/* ===== BOTTOM SHEET (для фильтров) ======================================= */
.ov{position:fixed;inset:0;background:rgba(30,30,30,.45);z-index:100;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}
.ov.open{opacity:1;visibility:visible}

.sheet{position:fixed;left:0;right:0;bottom:0;z-index:101;display:flex;flex-direction:column;background:var(--bg-primary);max-height:85vh;border-radius:16px 16px 0 0;padding:8px 16px 20px;transform:translateY(100%);transition:transform .28s cubic-bezier(.4,0,.2,1)}
.sheet.open{transform:translateY(0)}
.sheet__handle{width:40px;height:4px;border-radius:2px;background:var(--neutral-300);margin:6px auto 14px;flex:none}
.sheet__title{font-family:var(--font-display);font-size:72px;line-height:1.2;text-align:center;margin-bottom:18px;flex:none;color:var(--text-primary)}
.sheet__search{
  height:48px;
  padding:0 16px;
  border:none;
  border-radius:8px;
  background:var(--bg-secondary);
  color:var(--text-primary);
  font-family:var(--font-body);
  font-size:16px;
  margin-bottom:6px;
  flex:none;
  position:relative;  /* Добавлено */
  z-index:1;          /* Добавлено */
  width:100%;         /* Добавлено */
  box-sizing:border-box; /* Добавлено */
}
.sheet__search::placeholder{color:var(--text-tertiary)}
.sheet__search:focus{outline:none;background:var(--bg-tertiary)}
.sheet__search.hide{display:none}
.sheet__list{
  overflow-y:auto;
  flex:1;
  -webkit-overflow-scrolling:touch;
  position:relative;  /* Добавлено */
  z-index:2;          /* Добавлено */
}
/* Кнопки внутри списка должны быть кликабельны */
.sheet__row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  width:100%;
  padding:16px 2px;
  border-bottom:1px solid var(--border-subtle);
  background:transparent;
  cursor:pointer;
  font-size:16px;
  line-height:22px;
  color:var(--text-primary);
  text-align:left;
  border:none;
  position:relative;  /* Добавлено */
  z-index:2;          /* Добавлено */
}
.sheet__row:hover{color:var(--text-secondary)}
.sheet__ind{font-size:14px;font-weight:600;color:var(--text-primary);flex:none}
.sheet__box{width:22px;height:22px;border-radius:6px;border:2px solid var(--border-default);flex:none;display:flex;align-items:center;justify-content:center}
.sheet__row.sel .sheet__box{background:var(--accent-500);border-color:var(--accent-500)}
.sheet__box svg{width:14px;height:14px;display:none;stroke:#fff}
.sheet__row.sel .sheet__box svg{display:block}
.sheet__apply{display:none;flex:none;margin-top:14px;height:48px;border-radius:8px;background:var(--accent-500);color:#fff;font-size:14px;font-weight:600;border:none;cursor:pointer;width:100%}
.sheet.multi .sheet__apply{display:flex;align-items:center;justify-content:center}

@media (min-width:601px){
.sheet{margin-top: -150px; left:50%;top:50%;right:auto;bottom:auto;width:512px;max-height:80vh;border-radius:16px;padding:24px;transform:translate(-50%,-50%) scale(.96);opacity:0}
.sheet.open{transform:translate(-50%,-50%) scale(1);opacity:1}
.sheet__handle{display:none}
}
@media (max-width: 911px) {
    .appa1 {
        margin-top: 75px;
    }
}

.mt-feed-post-user {
  color: var(--text-primary);
  text-decoration: none;
  cursor: pointer;
  font-weight: 600;
}
.mt-feed-post-user:hover {
  text-decoration: underline;
  color: var(--accent-700);
}

.category .main {
  min-height: 70vh;
}


@media (max-width: 911px) {
    .appa1 {
          margin-top: 75px;
    }
}