/* ════════════════════════════════════════════════════════════
   EXTRA — категории, тарифы, помощь, модерация, кабинет-правки
   ════════════════════════════════════════════════════════════ */

/* ── Страница категории ── */
.cat-page-hero{
  background:radial-gradient(ellipse 70% 80% at 70% 30%, rgba(212,170,90,.18), transparent 65%), #0f0e0c;
  color:#fff;padding:3.5rem 2rem 3rem;text-align:center;
}
.cat-page-hero h1{font-family:'Cormorant Garamond',serif;font-size:clamp(2rem,5vw,3.2rem);font-weight:300;margin:.5rem 0 .8rem}
.cat-page-hero p{color:rgba(255,255,255,.72);max-width:560px;margin:0 auto 1.8rem;font-size:1rem;line-height:1.7;font-weight:300}
.cat-page-cta{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap}
.back-light{color:rgba(255,255,255,.6)}
.back-light:hover{color:#fff}
.cat-page-body{max-width:1080px;margin:0 auto;padding:3rem 1.5rem 5rem}
.cat-feats{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem 1.6rem;max-width:760px;margin:0 auto}
.cat-feat{display:flex;align-items:flex-start;gap:.7rem;font-size:.92rem;color:#3a352c;line-height:1.5;padding:.55rem 0}
.cat-feat-dot{width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 3px var(--goldpale);margin-top:.35rem;flex-shrink:0}

/* ── Тарифы ── */
.tariff-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;max-width:880px;margin:0 auto}
.tariff-card{
  position:relative;background:var(--white);border:1.5px solid var(--border);border-radius:12px;
  padding:1.8rem 1.4rem;text-align:center;display:flex;flex-direction:column;
  transition:transform .2s, box-shadow .2s, border-color .2s;
}
.tariff-card:hover{transform:translateY(-3px);box-shadow:0 18px 44px rgba(0,0,0,.08)}
.tariff-best{border-color:var(--gold);box-shadow:0 18px 44px rgba(184,145,58,.14)}
.tariff-flag{position:absolute;top:-11px;left:50%;transform:translateX(-50%);background:var(--gold);color:#fff;font-size:.6rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:3px 12px;border-radius:10px}
.tariff-name{font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.tariff-mb{font-family:'Cormorant Garamond',serif;font-size:2.4rem;font-weight:300;line-height:1.1;margin:.3rem 0}
.tariff-price{font-size:1.1rem;font-weight:600;color:var(--ink);margin-bottom:.2rem}
.tariff-price span{font-size:.8rem;font-weight:400;color:var(--muted)}
.tariff-note{font-size:.78rem;color:var(--muted);line-height:1.45;margin:.5rem 0 1.2rem;flex:1}

/* ── Пример (обёртка) ── */
.example-banner{
  display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;
  background:var(--goldpale);border-bottom:1px solid var(--border);
  padding:.85rem 1.5rem;font-size:.82rem;color:#7a5c1e;
}
.example-frame{background:var(--cream);padding:1.5rem;max-width:920px;margin:0 auto}
.example-frame .mem{border:1px solid var(--border);border-radius:12px;overflow:hidden}

/* ════════════ ПОМОЩЬ ════════════ */
.help-wrap{max-width:1080px;margin:0 auto;padding:2.5rem 1.5rem 5rem;display:grid;grid-template-columns:230px 1fr;gap:2.2rem;align-items:start}
.help-nav{display:flex;flex-direction:column;gap:.3rem;position:sticky;top:96px}
.help-link{
  text-align:left;background:none;border:none;cursor:pointer;font-family:'Jost',sans-serif;
  padding:.7rem .9rem;border-radius:var(--r);font-size:.86rem;color:var(--muted);
  border-left:2px solid transparent;transition:all .15s;
}
.help-link:hover{background:var(--warm);color:var(--ink)}
.help-link.on{background:var(--goldpale);color:var(--ink);border-left-color:var(--gold);font-weight:500}
.help-content h1{font-family:'Cormorant Garamond',serif;font-size:2rem;font-weight:300;margin-bottom:.5rem}
.help-content h3{font-family:'Cormorant Garamond',serif;font-size:1.25rem;font-weight:600;margin:1.6rem 0 .6rem}
.help-lead{color:var(--muted);font-size:.95rem;line-height:1.7;margin-bottom:1.4rem}
.help-content p{font-size:.9rem;line-height:1.8;color:#4a4438;margin-bottom:.9rem}
.help-steps{counter-reset:s;list-style:none;margin:1rem 0}
.help-steps li{position:relative;counter-increment:s;padding:.6rem 0 .6rem 2.6rem;font-size:.9rem;line-height:1.65;color:#4a4438;border-bottom:1px solid var(--warm)}
.help-steps li:last-child{border-bottom:none}
.help-steps li::before{content:counter(s);position:absolute;left:0;top:.55rem;width:1.7rem;height:1.7rem;background:var(--goldpale);color:#7a5c1e;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem}
.help-list{list-style:none;margin:.6rem 0 1rem}
.help-list li{position:relative;padding:.45rem 0 .45rem 1.4rem;font-size:.9rem;line-height:1.6;color:#4a4438}
.help-list li::before{content:'';position:absolute;left:.1rem;top:.95rem;width:7px;height:7px;border-radius:50%;background:var(--gold)}

/* ════════════ КАБИНЕТ — общий лимит + свитчер + меню ════════════ */
.acc-storage{
  background:var(--white);border:1px solid var(--border);border-radius:10px;padding:1.1rem 1.3rem;margin-bottom:1.4rem;
}
.acc-storage-top{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:.5rem;margin-bottom:.55rem}
.acc-storage-num{font-family:'Cormorant Garamond',serif;font-size:1.5rem;font-weight:400}
.acc-storage-num b{color:var(--muted);font-size:.95rem;font-weight:400}
.acc-tariff-pill{font-size:.66rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:var(--goldpale);color:#7a5c1e;padding:3px 10px;border-radius:10px}
.acc-storage .sbar{height:8px}

/* Свитчер страниц */
.pg-switch{display:flex;gap:.5rem;align-items:center;margin-bottom:1.2rem;flex-wrap:wrap}
.pg-switch-list{display:flex;gap:.4rem;overflow-x:auto;padding:.2rem;flex:1;scrollbar-width:thin}
.pg-tab{
  flex-shrink:0;background:var(--white);border:1.5px solid var(--border);border-radius:20px;
  padding:.4rem 1rem;font-size:.8rem;font-family:'Jost',sans-serif;cursor:pointer;color:var(--muted);
  white-space:nowrap;transition:all .15s;display:inline-flex;align-items:center;gap:.4rem;
}
.pg-tab:hover{border-color:var(--gold)}
.pg-tab.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.pg-tab .pg-tab-lock{font-size:.7rem;opacity:.7}

/* Меню действий страницы */
.page-menu{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.3rem}
.page-menu .btn{flex:0 0 auto}

/* Приватность */
.priv-box{display:flex;flex-direction:column;gap:.7rem}
.priv-row{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}
.seg{display:inline-flex;border:1.5px solid var(--border);border-radius:20px;overflow:hidden}
.seg button{background:var(--white);border:none;padding:.4rem 1rem;font-size:.76rem;font-family:'Jost',sans-serif;cursor:pointer;color:var(--muted);transition:all .15s}
.seg button.on{background:var(--gold);color:#fff}

/* ════════════ МОДЕРАЦИЯ — diff ════════════ */
.edit-diffs{margin-top:.7rem;border:1px solid var(--border);border-radius:var(--r);overflow:hidden}
.edit-diff{display:grid;grid-template-columns:130px 1fr 1fr;gap:0;font-size:.82rem}
.edit-diff>div{padding:.5rem .7rem;border-bottom:1px solid var(--warm)}
.edit-diff:last-child>div{border-bottom:none}
.edit-diff-head{background:var(--warm);font-weight:600;font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}
.edit-diff-lbl{color:var(--muted);border-right:1px solid var(--warm)}
.edit-diff-old{background:#fdf3f3;color:#7a4a4a;border-right:1px solid var(--warm)}
.edit-diff-new{background:#f1faf2;color:#2f5d3a}

@media(max-width:760px){
  .cat-feats{grid-template-columns:1fr}
  .tariff-grid{grid-template-columns:1fr;max-width:380px}
  .help-wrap{grid-template-columns:1fr}
  .help-nav{position:static;flex-direction:row;flex-wrap:wrap;margin-bottom:1rem}
  .edit-diff{grid-template-columns:1fr;}
  .edit-diff-lbl{font-weight:600}
  .edit-diff-old,.edit-diff-new{border-right:none}
}

/* ════════════ КАБИНЕТ — ЛЕНТА СТРАНИЦ ════════════ */
.dash-stack{display:flex;flex-direction:column;gap:0}
.dash-block{padding:.2rem 0}
.dash-block-hd{display:flex;align-items:center;gap:.9rem;flex-wrap:wrap;margin-bottom:1.1rem}
.dash-block-hd h3{font-family:'Cormorant Garamond',serif;font-size:1.35rem;font-weight:400;margin:0}
.dash-block-hd-txt{display:flex;flex-direction:column;gap:.35rem;min-width:0}
.dash-block-badges{display:flex;gap:.4rem;flex-wrap:wrap}
/* круглый портрет у имени */
.dash-portrait{
  width:58px;height:58px;flex-shrink:0;border-radius:50%;overflow:hidden;
  background:radial-gradient(circle at 50% 35%, #fff, var(--warm));
  border:2px solid var(--gold);box-shadow:0 0 0 3px var(--goldpale);
  display:flex;align-items:center;justify-content:center;
}
.dash-portrait img{width:100%;height:100%;object-fit:cover;display:block}

/* контент-блоки (текст / фото / разделитель) */
.dash-blocks{margin-top:1.3rem;padding-top:1.2rem;border-top:1px solid var(--border)}
.cblock{margin-bottom:.7rem}
.cblock-acts{display:flex;gap:.4rem;margin-top:.35rem}
.cblock-photo{position:relative;display:inline-block;max-width:100%}
.cblock-photo img{max-width:240px;max-height:170px;border-radius:var(--r);display:block;cursor:pointer;border:1px solid var(--border)}
.cblock-photo .btn{position:absolute;top:.4rem;right:.4rem}
.cblock-div{display:flex;align-items:center;justify-content:space-between;gap:.6rem;background:var(--cream);border:1px dashed var(--border);border-radius:var(--r);padding:.5rem .8rem;color:var(--gold);font-size:.78rem}
.block-add{display:flex;gap:.45rem;flex-wrap:wrap;margin-top:.7rem}

/* трио кнопок под страницей */
.dash-pagefoot{
  display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center;
  margin-top:1.2rem;padding-top:1.1rem;border-top:1px dashed var(--border);
}

/* пользовательские блоки на публичной странице */
.mem-photo-block{display:block;margin:0 auto 1.1rem;max-width:560px;border-radius:14px;overflow:hidden;cursor:pointer;box-shadow:0 10px 30px rgba(0,0,0,.08)}
.mem-photo-block img{width:100%;display:block}
.mem-orn-block{margin:1.6rem auto}
.dash-acts{display:flex;gap:.55rem;flex-wrap:wrap;align-items:center;margin-top:.2rem}
.dash-acts .btn-danger{margin-left:auto}

/* медиа: фото + видео в две колонки внутри блока */
.dash-media{
  display:grid;grid-template-columns:1fr 1fr;gap:1.3rem;
  margin-top:1.4rem;padding-top:1.3rem;border-top:1px solid var(--border);
}
.dash-sub{font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:.6rem}
@media(max-width:680px){.dash-media{grid-template-columns:1fr}}

/* разделитель между страницами */
.dash-divider{display:flex;align-items:center;justify-content:center;margin:2.2rem 0;color:var(--gold)}
.dash-divider span{font-size:.9rem;opacity:.6}
.dash-divider::before,.dash-divider::after{content:'';height:1px;flex:1;max-width:42%;background:linear-gradient(90deg,transparent,var(--border),transparent)}
.dash-divider span{padding:0 1rem}

/* ════════════ МОДАЛКИ (инструкция, тарифы) ════════════ */
.modal-wide{max-width:880px;position:relative}
.modal-x{position:absolute;top:.7rem;right:1rem;font-size:1.7rem;line-height:1;color:var(--muted);cursor:pointer;z-index:2}
.modal-x:hover{color:var(--ink)}
.help-modal{display:grid;grid-template-columns:220px 1fr;gap:1.6rem;align-items:start}
.help-modal-title{font-family:'Cormorant Garamond',serif;font-size:1.3rem;font-weight:500;margin-bottom:.6rem}
.help-modal .help-nav{position:static}
.help-modal-content{max-height:62vh;overflow-y:auto;padding-right:.5rem}
.help-modal-content h1{font-size:1.6rem}
.tariff-grid-modal{margin-top:.5rem}
@media(max-width:680px){
  .help-modal{grid-template-columns:1fr}
  .help-modal .help-nav{flex-direction:row;flex-wrap:wrap}
  .tariff-grid-modal{grid-template-columns:1fr;max-width:320px;margin:.5rem auto 0}
}

/* ════════════ QR-ПОТОК С ПАМЯТНИКА ════════════ */
.mem-gate{max-width:460px;margin:0 auto;padding:1.5rem;text-align:center}
.mem-gate .fi{text-align:center}
.mem-gate-hint{font-size:.8rem;color:var(--muted);line-height:1.6;margin-top:1rem}
.mem-suggest-bar{
  background:var(--goldpale);border:1px solid var(--border);border-radius:var(--r);
  padding:.7rem 1rem;display:flex;justify-content:space-between;align-items:center;gap:.7rem;flex-wrap:wrap;
  font-size:.82rem;color:#7a5c1e;
}