:root {
  --bg: #060913;
  --bg-2: #0c1120;
  --bg-3: #12192c;
  --card: rgba(255,255,255,.035);
  --card-2: rgba(255,255,255,.02);
  --line: rgba(255,255,255,.08);
  --line-strong: rgba(255,255,255,.14);
  --text: #eef2ff;
  --muted: #c2c9e6;
  --soft: #92a0c9;
  --accent: #8f73ff;
  --accent-2: #5a7cff;
  --ok: #7de4a0;
  --warn: #ffcf5a;
  --danger: #ff8d8d;
  --shadow: 0 20px 56px rgba(0,0,0,.35);
  --radius: 18px;
  --radius-lg: 24px;
  --max: 1180px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font:15px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:radial-gradient(1200px 720px at 20% 18%, rgba(90,70,190,.10), transparent 58%),radial-gradient(900px 700px at 82% 14%, rgba(90,70,190,.06), transparent 62%),linear-gradient(180deg,var(--bg),var(--bg-2) 44%,var(--bg-3));min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,textarea{font:inherit}button{cursor:pointer}
.nebula{position:fixed;inset:-12%;z-index:0;pointer-events:none;opacity:.55}.nebula-a{background:radial-gradient(circle at 22% 24%, rgba(118,89,230,.10), transparent 26%);filter:blur(60px)}.nebula-b{background:radial-gradient(circle at 76% 30%, rgba(80,63,170,.08), transparent 28%);filter:blur(68px)}
.page-shell{position:relative;z-index:2;width:min(var(--max),calc(100% - 28px));margin:104px auto 36px}.page-enter{animation:pageIn .45s ease both}.glass{background:linear-gradient(180deg,var(--card),var(--card-2));border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);backdrop-filter:blur(10px)}
.topbar{position:fixed;top:14px;left:50%;transform:translateX(-50%);width:min(var(--max),calc(100% - 28px));z-index:12;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 16px}.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.02em}.brand-dot{width:10px;height:10px;border-radius:999px;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 0 14px rgba(143,115,255,.35)}.nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.nav a{padding:10px 12px;border-radius:12px;color:var(--muted);transition:color .2s ease,background .2s ease}.nav a:hover{color:var(--text);background:rgba(255,255,255,.04)}.nav-btn{color:var(--text)!important;background:rgba(143,115,255,.12);border:1px solid var(--line-strong)}.burger{display:none;width:44px;height:44px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--text)}.mobile-menu{position:fixed;right:14px;top:76px;z-index:14;width:min(300px,calc(100% - 28px));display:none;flex-direction:column;gap:6px;padding:12px}.mobile-menu.open{display:flex;animation:fadeUp .25s ease both}.mobile-menu a{padding:12px;border-radius:12px;color:var(--muted)}.mobile-menu a:hover{background:rgba(255,255,255,.04);color:var(--text)}
.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;padding:32px}.hero-large{min-height:420px;align-items:center}.hero-copy h1,.page-head h1,.checkout-success h1,.mock-checkout h1{margin:0 0 12px;font-size:clamp(34px,7vw,72px);line-height:1.02;letter-spacing:-.045em}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.022);color:var(--soft);font-size:13px;margin-bottom:18px}.lead{max-width:62ch;margin:0;color:var(--muted)}.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.hero-side,.hero-stack{display:grid;align-content:center}.hero-stack{padding:22px}.hero-list{margin:0;padding-left:18px;color:var(--muted)}.hero-list li+li{margin-top:10px}
.feature-grid,.pricing-grid,.download-grid,.contacts-grid,.steps-grid,.status-list,.result-grid,.metric-row,.profile-grid{display:grid;gap:16px}.feature-grid,.contacts-grid,.download-grid,.steps-grid,.status-list{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.pricing-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.pricing-grid-better{align-items:stretch}.result-grid{grid-template-columns:1.25fr .75fr}.profile-grid{grid-template-columns:1fr 1fr}.profile-wide{grid-column:span 2}.metric-row{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:18px}.feature-card,.price-card,.dl-card,.contact-card,.step-card,.status-card,.result-card,.metric,.support-wrap,.legal,.wide-panel,.faq-item,.profile-card,.mock-checkout,.notice-card{padding:20px}.feature-index{font-size:12px;color:var(--soft);margin-bottom:10px}.price-card{display:flex;flex-direction:column;gap:16px}.price-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.price-title{font-size:24px;font-weight:800}.price-note{color:var(--muted);margin-top:6px}.price-amount-row{display:flex;align-items:end;gap:10px}.price-amount{font-size:36px;font-weight:900;line-height:1}.price-sub{color:var(--soft)}.price-list{margin:0;padding-left:18px;color:var(--muted)}.modern-list li+li{margin-top:8px}.payment-chips{display:flex;flex-wrap:wrap;gap:8px}.payment-chips span{padding:8px 10px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.03);color:var(--soft)}.price-badge{display:inline-block;padding:6px 10px;border-radius:999px;background:rgba(143,115,255,.12);color:var(--text);white-space:nowrap}.price-card-featured{border-color:rgba(143,115,255,.28);box-shadow:0 22px 60px rgba(79,68,177,.22)}.page-head{margin-bottom:20px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 16px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.025);color:var(--text)}.btn-small{min-height:38px;padding:0 12px;border-radius:12px}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));border-color:transparent}.checkout-form,.support-form,.checkout-stack{display:grid;gap:12px}.support-form input,.support-form textarea,.support-form select{width:100%;background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:14px;padding:14px;color:var(--text)}.support-form textarea{min-height:160px;resize:vertical}.success-box,.error-box{margin-bottom:14px;padding:12px 14px;border-radius:14px;border:1px solid}.success-box{background:rgba(125,228,160,.12);color:#d6ffe4;border-color:rgba(125,228,160,.18)}.error-box{background:rgba(255,141,141,.10);color:#ffdcdc;border-color:rgba(255,141,141,.24)}.copy-row{display:flex;gap:10px;align-items:flex-start;margin-bottom:14px}.copy-value{flex:1;display:block;max-width:100%;overflow:auto;padding:12px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid var(--line);white-space:nowrap;overflow-wrap:normal;word-break:normal}.copy-json{max-height:220px;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.copy-btn{min-width:112px;border-radius:12px;padding:12px 14px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--text)}.specs{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.specs span{padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);color:var(--soft)}.qr{width:240px;height:240px;object-fit:contain;margin:auto;border-radius:18px;background:#fff;padding:10px}.footer{position:relative;z-index:2;padding:0 0 36px}.footer-grid{width:min(var(--max),calc(100% - 28px));margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:18px}.footer-title{font-weight:700;margin-bottom:10px}.footer a,.footer-line{display:block;color:var(--muted);margin:6px 0}.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(20px);opacity:0;pointer-events:none;z-index:30;padding:12px 14px;border-radius:14px;background:rgba(10,12,20,.92);color:#fff;border:1px solid var(--line);transition:all .18s ease}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.muted-copy{color:var(--muted)}.centered-card{text-align:center}.top-gap{margin-top:18px}.profile-sub-list,.orders-table,.tickets-list,.notifications-list{display:grid;gap:12px}.profile-sub-item,.order-row,.ticket-row,.notify-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:14px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.025)}.order-row{grid-template-columns:80px 1.2fr 100px 100px 120px}.profile-actions{display:flex;gap:10px;flex-wrap:wrap}.inner-card{padding:16px}.payment-method-card p{margin:8px 0 0;color:var(--muted)}.inline-form{display:inline-block}.profile-specs{margin-top:10px}.promo-block{padding:14px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid var(--line)}
@keyframes fadeUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pageIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media (max-width:1100px){.pricing-grid,.feature-grid-4,.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.result-grid,.profile-grid,.footer-grid,.hero{grid-template-columns:1fr}.profile-wide{grid-column:auto}.nav-desktop{display:none}.burger{display:block}}
@media (max-width:700px){.pricing-grid,.feature-grid,.download-grid,.contacts-grid,.steps-grid,.status-list,.feature-grid-4{grid-template-columns:1fr}.page-shell{margin-top:96px}.topbar{padding:10px 12px}.hero,.feature-card,.price-card,.dl-card,.contact-card,.step-card,.status-card,.result-card,.metric,.support-wrap,.legal,.wide-panel,.profile-card,.mock-checkout,.notice-card{padding:16px}.copy-row,.order-row,.profile-sub-item,.ticket-row,.notify-row{grid-template-columns:1fr}.copy-btn{width:100%}}

.hero-center{display:flex;align-items:center;justify-content:center;text-align:center;min-height:340px}.hero-copy-center{width:100%}.cta-center{justify-content:center}.profile-sub-rich{grid-template-columns:minmax(0,1fr) 240px}.profile-qr-wrap{display:flex;justify-content:center;align-items:center}.profile-qr{width:200px;height:200px}.status-card strong{text-transform:capitalize}.tickets-list .ticket-row{grid-template-columns:1fr}


.profile-sub-rich{align-items:start}
.panel-login-shell{display:flex;align-items:center;justify-content:center;min-height:100vh;margin-top:0}
.panel-login-card{width:min(560px,100%);padding:28px}
.panel-inline-form{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end}
.panel-user-row,.panel-ticket-row{grid-template-columns:minmax(0,1fr) auto}
.panel-ticket-actions{display:grid;gap:12px;align-items:start}
.panel-ticket-actions .support-form input{min-width:220px}
.status-card strong{text-transform:none}
@media (max-width:900px){.panel-inline-form{grid-template-columns:1fr}.panel-user-row,.panel-ticket-row{grid-template-columns:1fr}.panel-ticket-actions .support-form input{min-width:0}}


.field-label{display:block;margin:10px 0 6px;color:var(--soft);font-size:12px;letter-spacing:.04em;text-transform:uppercase}.copy-row.compact{margin-bottom:10px}.profile-sub-rich{grid-template-columns:minmax(0,1fr) 220px;gap:18px}.sub-inline-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.profile-sub-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.panel-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.small-note{font-size:12px;color:var(--soft)}@media (max-width:900px){.panel-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-sub-rich{grid-template-columns:1fr}}@media (max-width:700px){.panel-stat-grid{grid-template-columns:1fr}}


.inline-link-row{align-items:center;gap:10px}
.link-block{margin-top:14px}
.link-label{font-size:12px;color:var(--soft);letter-spacing:.04em;text-transform:uppercase;margin-bottom:6px}
.gauge-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.gauge-card{display:grid;gap:12px;justify-items:center;text-align:center;padding:20px}
.gauge-ring{--pct:0;--deg:calc(var(--pct) * 3.6deg);width:150px;height:150px;border-radius:999px;background:conic-gradient(var(--accent) var(--deg), rgba(255,255,255,.08) 0);display:grid;place-items:center;position:relative}
.gauge-ring::after{content:'';position:absolute;inset:12px;border-radius:999px;background:var(--panel);border:1px solid var(--line)}
.gauge-ring-inner{position:relative;z-index:1;display:grid;gap:4px;justify-items:center}
.gauge-ring-inner strong{font-size:28px;line-height:1}
.gauge-ring-inner span{font-size:12px;color:var(--soft);text-transform:uppercase;letter-spacing:.08em}
.server-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.server-meta-item{padding:14px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.025);display:grid;gap:6px}
.server-meta-item strong{font-size:14px}
.server-meta-item span{color:var(--muted);overflow-wrap:anywhere}
.check-inline{display:flex;align-items:center;gap:8px;color:var(--muted);min-height:46px}
.inbound-card{grid-template-columns:1fr;align-items:start}
.inbound-grid{grid-template-columns:repeat(6,minmax(0,1fr));align-items:end;margin-top:12px}
.panel-inline-form.three-cols{grid-template-columns:1fr auto minmax(0,1fr)}
@media (max-width:1100px){.gauge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){.server-meta-grid,.inbound-grid,.panel-inline-form.three-cols{grid-template-columns:1fr}.gauge-grid{grid-template-columns:1fr}}

.inline-link-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px;min-width:0}
.copy-row,.copy-row.compact,.link-block,.profile-sub-rich,.profile-sub-item,.profile-card,.profile-sub-list{min-width:0}

.config-editor{min-height:640px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.5}
.panel-toolbar{display:grid;gap:14px}
.inbound-grid-advanced{grid-template-columns:repeat(6,minmax(0,1fr));align-items:end}
@media (max-width:900px){.inline-link-row,.inbound-grid-advanced{grid-template-columns:1fr}.inline-link-row .copy-btn{width:100%}}

.ticket-row.ticket-resolved,.notify-row.notify-success{background:rgba(80,200,120,.10);border:1px solid rgba(80,200,120,.22)}
.ticket-row.ticket-rejected,.notify-row.notify-danger,.notify-row.notify-error{background:rgba(255,90,90,.10);border:1px solid rgba(255,90,90,.22)}
.notify-row.notify-warning{background:rgba(255,205,86,.10);border:1px solid rgba(255,205,86,.22)}
.ticket-row.ticket-open,.notify-row.notify-default,.notify-row.notify-site{background:rgba(143,115,255,.08)}
.profile-sub-item,.notify-row,.ticket-row{transition:transform .18s ease, box-shadow .18s ease, opacity .18s ease}
.profile-sub-item:hover,.notify-row:hover,.ticket-row:hover{transform:translateY(-1px)}
.inline-link-row{align-items:start}
.page-head h1,.hero-title{letter-spacing:.01em}


html,body{background:#060913;background-color:#060913;overscroll-behavior-y:none;-webkit-overflow-scrolling:touch}html{scrollbar-color:rgba(143,115,255,.45) rgba(255,255,255,.06)}body::before{content:"";position:fixed;inset:0;z-index:-3;background:linear-gradient(180deg,#060913 0%,#0a1020 42%,#11192e 100%)}body::after{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(900px 520px at 50% -10%,rgba(143,115,255,.08),transparent 60%)}
.brand-mark{width:20px;height:20px;border-radius:999px;display:inline-grid;place-items:center;position:relative;background:radial-gradient(circle at 50% 45%, rgba(143,115,255,.95), rgba(90,124,255,.86));box-shadow:0 0 24px rgba(143,115,255,.26)}
.brand-mark::before,.brand-mark::after{content:"";position:absolute;top:-4px;width:7px;height:7px;background:inherit;transform:rotate(45deg);border-radius:2px}.brand-mark::before{left:1px}.brand-mark::after{right:1px}
.brand-mark span{width:7px;height:7px;border-radius:999px;background:#060913;display:block;position:relative;z-index:1}
.hero.hero-large{overflow:hidden}.hero.hero-large::after{content:"";position:absolute;inset:auto -8% -24% auto;width:320px;height:320px;border-radius:999px;background:radial-gradient(circle, rgba(143,115,255,.18), transparent 62%);filter:blur(10px);pointer-events:none}
.reveal{animation:fadeUp .38s ease both}.stagger > *{animation:fadeUp .42s ease both}.stagger > *:nth-child(2){animation-delay:.05s}.stagger > *:nth-child(3){animation-delay:.1s}.stagger > *:nth-child(4){animation-delay:.15s}

.copy-json{white-space:pre-wrap !important;overflow-wrap:anywhere !important;word-break:break-word !important}
.topbar,.mobile-menu,.profile-card,.result-card,.feature-card,.price-card,.status-card,.ticket-row,.notify-row,.profile-sub-item{will-change:transform}.profile-card,.result-card,.feature-card,.price-card,.status-card{position:relative;overflow:hidden}.profile-card::before,.result-card::before,.feature-card::before,.price-card::before,.status-card::before{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg, transparent, rgba(143,115,255,.35), transparent)}
.panel-section-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.section-link-card{padding:18px;border-radius:18px;border:1px solid var(--line);background:rgba(255,255,255,.028);display:grid;gap:8px;transition:transform .18s ease,border-color .18s ease,background .18s ease}.section-link-card:hover{transform:translateY(-2px);border-color:rgba(143,115,255,.25);background:rgba(255,255,255,.04)}.section-link-card strong{font-size:15px}.section-link-card span{color:var(--muted)}
.status-chip{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.03);font-size:12px;color:var(--soft)}.status-chip.ok{border-color:rgba(125,228,160,.28);color:#d6ffe4;background:rgba(125,228,160,.08)}.status-chip.warn{border-color:rgba(255,207,90,.28);color:#fff2bf;background:rgba(255,207,90,.09)}.status-chip.danger{border-color:rgba(255,141,141,.30);color:#ffdede;background:rgba(255,141,141,.09)}
@media (max-width:1100px){.panel-section-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.panel-section-grid{grid-template-columns:1fr}body{background-attachment:scroll}}

.hero-title-xl{font-size:clamp(52px,10vw,120px)!important;line-height:.96}








/* контейнеры карточек обязаны сжиматься */
.profile-sub-rich,
.profile-sub-item,
.ticket-row,
.ticket-row > div,
.profile-sub-rich > div,
.tickets-list,
.profile-card,
.link-block,
.copy-row,
.inline-link-row,
.sub-inline-actions,
.profile-actions {
  min-width: 0 !important;
  max-width: 100% !important;
}

/* главное: левая колонка в карточке подписки и устройства */
.profile-sub-rich > div:first-child,
.ticket-row > div:first-child {
  min-width: 0 !important;
  max-width: 100% !important;
  width: 0 !important;
}

/* все длинные строки */
.muted-copy,
.copy-value,
.link-value,
.vless-block,
.ticket-row a,
.ticket-row code,
.profile-sub-item a,
.profile-sub-item code {
  max-width: 100% !important;
  min-width: 0 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  line-break: anywhere !important;
  overflow-x: hidden !important;
}

/* если ссылка у тебя все еще в code/div */
.vless-block,
.ticket-row code,
.profile-sub-item code {
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
  font-size: 11px !important;
  line-height: 1.45 !important;
}

/* строки копирования */
.copy-row,
.inline-link-row {
  display: flex !important;
  gap: 10px !important;
  align-items: flex-start !important;
  max-width: 100% !important;
}

.copy-value,
.link-value {
  flex: 1 1 0% !important;
  width: 0 !important;
  overflow-x: hidden !important;
}

/* мобильный режим: вообще все в одну колонку */
@media (max-width: 900px) {
  .profile-sub-rich,
  .ticket-row,
  .profile-grid {
    grid-template-columns: 1fr !important;
  }

  .profile-sub-rich > div:first-child,
  .ticket-row > div:first-child,
  .copy-value,
  .link-value {
    width: 100% !important;
  }

  .sub-inline-actions,
  .profile-actions,
  .copy-row,
  .inline-link-row {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .sub-inline-actions > *,
  .profile-actions > *,
  .copy-row > *,
  .inline-link-row > * {
    width: 100% !important;
    max-width: 100% !important;
  }

  .profile-qr-wrap {
    justify-content: center !important;
  }

  .profile-qr,
  .qr {
    width: min(220px, 100%) !important;
    height: auto !important;
  }
}


/* profile page cleanup */
.profile-sub-rich {
  grid-template-columns: minmax(0,1fr) 220px;
  gap: 18px;
  align-items: start;
}

.profile-sub-rich > div:first-child,
.ticket-row > div:first-child,
.device-info,
.profile-card,
.profile-sub-item,
.profile-sub-list,
.tickets-list,
.ticket-row,
.link-block,
.copy-row,
.inline-link-row {
  min-width: 0;
  max-width: 100%;
}

.copy-row,
.inline-link-row {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 10px;
  align-items: start;
}

.copy-value,
.copy-value.link-value {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  font-size: 13px;
}

.ticket-row {
  grid-template-columns: minmax(0,1fr) auto;
  align-items: start;
}

.profile-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: flex-start;
}

.profile-actions form {
  margin: 0;
}

.vless-block {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin-top: 6px;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid var(--line);
  background: rgba(255,255,255,.03);
  color: var(--muted);
  font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
  font-size: 11px;
  line-height: 1.45;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
  line-break: anywhere;
  box-sizing: border-box;
}

.device-link-gap {
  height: 10px;
}

.profile-qr-wrap {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  min-width: 0;
}

.profile-qr,
.qr {
  width: 200px;
  height: 200px;
  max-width: 100%;
  object-fit: contain;
}

@media (max-width: 900px) {
  .profile-grid,
  .profile-sub-rich,
  .ticket-row,
  .order-row,
  .notify-row,
  .copy-row,
  .inline-link-row {
    grid-template-columns: 1fr !important;
  }

  .profile-actions,
  .sub-inline-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .profile-actions .btn,
  .profile-actions a,
  .profile-actions button,
  .sub-inline-actions .btn,
  .sub-inline-actions a,
  .sub-inline-actions button,
  .copy-btn {
    width: 100%;
    max-width: 100%;
  }

  .profile-qr-wrap {
    margin-top: 16px;
  }

  .profile-qr,
  .qr {
    width: min(220px, 100%);
    height: auto;
  }
}

/* ===== profile hard fix ===== */
.profile-sub-rich,
.profile-sub-item,
.profile-sub-rich > div,
.profile-sub-item > div,
.ticket-row,
.ticket-row > div,
.device-info,
.tickets-list,
.profile-card,
.profile-grid,
.page-shell {
  min-width: 0 !important;
  max-width: 100% !important;
}

.profile-sub-rich {
  grid-template-columns: minmax(0,1fr) 220px !important;
  align-items: start !important;
  gap: 18px !important;
}

.ticket-row {
  grid-template-columns: minmax(0,1fr) auto !important;
  align-items: start !important;
}

.profile-sub-rich > div:first-child,
.ticket-row > div:first-child {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

.vless-block {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  margin: 6px 0 10px 0 !important;
  padding: 10px 12px !important;
  border-radius: 12px !important;
  border: 1px solid var(--line) !important;
  background: rgba(255,255,255,.03) !important;
  color: var(--muted) !important;
  font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace !important;
  font-size: 11px !important;
  line-height: 1.45 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  line-break: anywhere !important;
  overflow-x: hidden !important;
}

.copy-value,
.copy-value.link-value,
.link-value {
  min-width: 0 !important;
  max-width: 100% !important;
}

.profile-actions,
.sub-inline-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  align-items: flex-start !important;
}

.profile-actions form {
  margin: 0 !important;
}

@media (max-width: 900px) {
  .profile-grid,
  .profile-sub-rich,
  .ticket-row,
  .order-row,
  .notify-row,
  .copy-row,
  .inline-link-row {
    grid-template-columns: 1fr !important;
  }

  .profile-actions,
  .sub-inline-actions,
  .copy-row,
  .inline-link-row {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .profile-actions > *,
  .sub-inline-actions > *,
  .copy-row > *,
  .inline-link-row > * {
    width: 100% !important;
    max-width: 100% !important;
  }

  .profile-qr-wrap {
    margin-top: 16px !important;
    justify-content: center !important;
  }

  .profile-qr,
  .qr {
    width: min(220px, 100%) !important;
    height: auto !important;
  }
}

/* ===== last overflow kill ===== */
.profile-sub-item,
.profile-sub-rich,
.ticket-row,
.ticket-row > div,
.profile-sub-rich > div,
.profile-actions,
.sub-inline-actions,
.copy-row,
.inline-link-row,
.link-block,
.vless-block {
  min-width: 0 !important;
  max-width: 100% !important;
}

.profile-sub-rich {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 200px !important;
  gap: 16px !important;
  align-items: start !important;
}

.profile-sub-rich > div:first-child {
  min-width: 0 !important;
  width: 100% !important;
  overflow: hidden !important;
}

.ticket-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 12px !important;
  align-items: start !important;
}

.ticket-row > div:first-child {
  min-width: 0 !important;
  width: 100% !important;
  overflow: hidden !important;
}

.vless-block {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  line-break: anywhere !important;
}

.profile-actions,
.sub-inline-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

.profile-actions > *,
.sub-inline-actions > * {
  max-width: 100% !important;
}

@media (max-width: 1100px) {
  .profile-sub-rich {
    grid-template-columns: 1fr !important;
  }

  .ticket-row {
    grid-template-columns: 1fr !important;
  }

  .profile-actions,
  .sub-inline-actions,
  .copy-row,
  .inline-link-row {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .profile-actions > *,
  .sub-inline-actions > *,
  .copy-row > *,
  .inline-link-row > * {
    width: 100% !important;
    max-width: 100% !important;
  }

  .profile-qr-wrap {
    order: 2 !important;
    margin-top: 16px !important;
  }

  .profile-qr,
  .qr {
    width: min(220px, 100%) !important;
    height: auto !important;
  }
}


/* ===== PROFILE TARGETED FIX ===== */

/* общий контейнер */
.page-shell,
.profile-grid,
.profile-card,
.profile-sub-list,
.profile-sub-item,
.profile-sub-rich,
.profile-sub-rich > div,
.ticket-row,
.ticket-row > div,
.tickets-list,
.link-block,
.copy-row,
.inline-link-row,
.profile-actions,
.sub-inline-actions,
.muted-copy,
.vless-block,
.copy-value,
.link-value {
  min-width: 0 !important;
  max-width: 100% !important;
}

/* карточка подписки */
.profile-sub-rich {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) 200px !important;
  gap: 16px !important;
  align-items: start !important;
}

.profile-sub-rich > div:first-child {
  min-width: 0 !important;
  overflow: hidden !important;
}

/* строка устройства */
.ticket-row {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) 140px !important;
  gap: 12px !important;
  align-items: start !important;
}

.ticket-row > div:first-child {
  min-width: 0 !important;
  overflow: hidden !important;
}

/* кнопки справа */
.profile-actions {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 8px !important;
}

.profile-actions > * {
  width: 100% !important;
  max-width: 100% !important;
}

/* ссылка подписки сверху */
.copy-row,
.inline-link-row {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto !important;
  gap: 10px !important;
  align-items: start !important;
}

.copy-value,
.copy-value.link-value,
.link-value {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  line-break: anywhere !important;
  overflow-x: hidden !important;
}

/* vless / invite / sub blocks */
.vless-block {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  margin: 6px 0 10px 0 !important;
  padding: 10px 12px !important;
  border-radius: 12px !important;
  border: 1px solid var(--line) !important;
  background: rgba(255,255,255,.03) !important;
  font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace !important;
  font-size: 11px !important;
  line-height: 1.45 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  line-break: anywhere !important;
  overflow-x: hidden !important;
}

/* мобильный режим */
@media (max-width: 1100px) {
  .profile-sub-rich,
  .ticket-row,
  .copy-row,
  .inline-link-row,
  .order-row,
  .notify-row,
  .profile-grid {
    grid-template-columns: 1fr !important;
  }

  .sub-inline-actions,
  .profile-actions {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 8px !important;
  }

  .sub-inline-actions > *,
  .profile-actions > *,
  .copy-row > *,
  .inline-link-row > * {
    width: 100% !important;
    max-width: 100% !important;
  }

  .profile-qr-wrap {
    margin-top: 16px !important;
    justify-content: center !important;
  }

  .profile-qr,
  .qr {
    width: min(220px, 100%) !important;
    height: auto !important;
  }
}

/* vpn link buttons */
.vpn-link-item {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 8px 0 12px 0;
  min-width: 0;
  max-width: 100%;
}

.vpn-link-toggle,

.vpn-link-hidden {
  display: none !important;
}

.vpn-link-visible {
  display: block !important;
  width: 100%;
  flex-basis: 100%;
}

@media (max-width: 900px) {
  .vpn-link-item {
    flex-direction: column;
    align-items: stretch;
  }

  .vpn-link-toggle,
  .vpn-link-open {
    width: 100%;
  }
}

/* vpn link buttons without open */
.vpn-link-item {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 8px 0 12px 0;
  min-width: 0;
  max-width: 100%;
}

.vpn-link-toggle {
  flex: 0 1 auto;
}

.vpn-link-hidden {
  display: none !important;
}

.vpn-link-visible {
  display: block !important;
  width: 100%;
  flex-basis: 100%;
}

@media (max-width: 900px) {
  .vpn-link-item {
    flex-direction: column;
    align-items: stretch;
  }

  .vpn-link-toggle {
    width: 100%;
  }
}

/* vpn link buttons */
.vpn-link-item {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 8px 0 12px 0;
  min-width: 0;
  max-width: 100%;
}

.vpn-link-toggle,
.vpn-link-open {
  flex: 0 1 auto;
}

.vpn-link-hidden {
  display: none !important;
}

.vpn-link-visible {
  display: block !important;
  width: 100%;
  flex-basis: 100%;
}

@media (max-width: 900px) {
  .vpn-link-item {
    flex-direction: column;
    align-items: stretch;
  }

  .vpn-link-toggle,
  .vpn-link-open {
    width: 100%;
  }
}

/* hide empty actions block in device cards */
.profile-actions:empty {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
}

.ticket-row > .profile-actions:empty {
  display: none !important;
}

/* device accordion */
.device-card {
  grid-template-columns: 1fr !important;
}

.device-card-inner {
  min-width: 0;
  max-width: 100%;
}

.device-toggle {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 16px;
  border-radius: 14px;
  border: 1px solid var(--line);
  background: rgba(255,255,255,.03);
  color: var(--text);
  text-align: left;
}

.device-toggle-title {
  font-weight: 700;
}

.device-toggle-icon {
  flex: 0 0 auto;
  transition: transform .18s ease;
}

.device-toggle.open .device-toggle-icon {
  transform: rotate(180deg);
}

.device-panel {
  margin-top: 12px;
}

.device-panel-hidden {
  display: none !important;
}

.device-panel-visible {
  display: block !important;
}

.device-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 10px 0 0 0;
}

@media (max-width: 900px) {
  .device-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .device-actions > * {
    width: 100%;
    max-width: 100%;
  }
}

/* invite page */
.cta-row form.inline-form {
  margin: 0;
}


.plan-toggle{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.plan-toggle label input[type="radio"]{
  accent-color: currentColor;
}

.issue-plan-toggle + .support-form,
.issue-plan-toggle + form{
  margin-top:14px;
}













.issue-plan-toggle{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  width:min(420px,100%);
  margin:4px 0 14px;
  padding:6px;
  border-radius:16px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
}

.issue-plan-radio{
  display:none !important;
  appearance:none !important;
  -webkit-appearance:none !important;
  -moz-appearance:none !important;
}

.issue-plan-label{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:0 16px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.03);
  color:#dbe4ff;
  font-weight:700;
  cursor:pointer;
  user-select:none;
  transition:all .18s ease;
}

.issue-plan-label:hover{
  background:rgba(255,255,255,.06);
  border-color:rgba(255,255,255,.16);
  transform:translateY(-1px);
}

.issue-plan-radio:checked + .issue-plan-label{
  color:#fff;
  border-color:transparent;
  background:linear-gradient(135deg, rgba(124,92,255,.95), rgba(78,205,255,.92));
  box-shadow:0 10px 24px rgba(78,205,255,.18);
}


.live-server-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin-top:14px;
}

.live-server-card{
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.03);
  border-radius:18px;
  padding:16px;
  min-height:180px;
}

.live-server-card-single{
  min-height:auto;
}

.live-server-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:14px;
}

.live-server-title{
  font-size:18px;
  font-weight:800;
  color:#fff;
}

.live-server-sub{
  margin-top:4px;
  color:rgba(219,228,255,.72);
  font-size:13px;
}

.live-metric-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin-bottom:14px;
}

.live-metric{
  border-radius:14px;
  background:rgba(255,255,255,.035);
  border:1px solid rgba(255,255,255,.06);
  padding:10px 12px;
}

.live-metric span{
  display:block;
  font-size:12px;
  color:rgba(219,228,255,.68);
  margin-bottom:4px;
}

.live-metric b{
  display:block;
  font-size:15px;
  color:#fff;
}

.live-server-foot{
  display:grid;
  gap:8px;
}

.live-server-foot > div{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding:10px 12px;
  border-radius:12px;
  background:rgba(255,255,255,.025);
  border:1px solid rgba(255,255,255,.05);
}

.live-server-foot span{
  color:rgba(219,228,255,.7);
}

.live-server-foot b{
  color:#fff;
  text-align:right;
  word-break:break-word;
}

.live-server-error{
  border-color:rgba(255,107,107,.35);
}

@media (max-width: 1100px){
  .live-server-grid{
    grid-template-columns:1fr;
  }
  .live-metric-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}


/* Noir Panel Pro v2 */
.panel-pro-head {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  align-items: flex-end;
  margin-bottom: 18px;
}

.panel-head-badges {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.panel-head-badges span,
.status-pill {
  display: inline-flex;
  align-items: center;
  border: 1px solid rgba(190, 140, 255, .22);
  background: rgba(130, 70, 255, .12);
  color: rgba(245, 240, 255, .92);
  border-radius: 999px;
  padding: 7px 10px;
  font-size: 12px;
  font-weight: 700;
}

.panel-section-title {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: center;
}

.panel-section-title h3 {
  margin: 0 0 4px;
}

.panel-create-card,
.panel-users-card {
  border: 1px solid rgba(190, 140, 255, .16);
  box-shadow: 0 18px 70px rgba(30, 0, 70, .32);
}

.panel-create-form {
  display: grid;
  grid-template-columns: 1.2fr 1fr 1fr 1fr auto;
  gap: 12px;
  align-items: center;
}

.panel-create-form .issue-plan-toggle {
  grid-column: 1 / -1;
}

.panel-users-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
  gap: 18px;
  margin-top: 18px;
}

.panel-user-card {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(185, 130, 255, .16);
  background:
    radial-gradient(circle at 18% 0%, rgba(155, 80, 255, .24), transparent 34%),
    linear-gradient(145deg, rgba(23, 13, 42, .92), rgba(11, 7, 24, .94));
  border-radius: 26px;
  padding: 18px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, .34);
}

.panel-user-card.is-banned {
  border-color: rgba(255, 90, 130, .38);
  background:
    radial-gradient(circle at 18% 0%, rgba(255, 70, 110, .17), transparent 34%),
    linear-gradient(145deg, rgba(32, 10, 30, .96), rgba(11, 7, 24, .94));
}

.panel-user-top {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: flex-start;
  margin-bottom: 14px;
}

.panel-user-title {
  color: #fff;
  font-weight: 900;
  font-size: 18px;
}

.panel-user-email {
  color: rgba(235, 225, 255, .68);
  margin-top: 4px;
  font-size: 13px;
  word-break: break-all;
}

.panel-status-stack {
  display: flex;
  flex-direction: column;
  gap: 7px;
  align-items: flex-end;
}

.status-pill.ok {
  border-color: rgba(72, 255, 180, .35);
  background: rgba(40, 190, 130, .13);
}

.status-pill.warn {
  border-color: rgba(255, 205, 90, .35);
  background: rgba(255, 190, 70, .13);
}

.status-pill.danger {
  border-color: rgba(255, 90, 130, .42);
  background: rgba(255, 70, 110, .18);
  color: #ffd9e3;
}

.status-pill.muted {
  color: rgba(230, 220, 255, .62);
  background: rgba(255, 255, 255, .05);
}

.panel-user-meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 14px;
}

.panel-user-meta div,
.panel-sub-box,
.panel-invite-box,
.panel-devices-list {
  border: 1px solid rgba(185, 130, 255, .12);
  background: rgba(255, 255, 255, .045);
  border-radius: 18px;
  padding: 12px;
}

.panel-user-meta span,
.traffic-bar-head span,
.panel-sub-title {
  display: block;
  color: rgba(225, 215, 255, .58);
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.panel-user-meta b {
  display: block;
  color: rgba(255, 255, 255, .92);
  margin-top: 5px;
  font-size: 13px;
  word-break: break-word;
}

.panel-sub-box,
.panel-invite-box,
.panel-devices-list {
  margin-top: 12px;
}

.panel-sub-line {
  margin-top: 6px;
  color: rgba(255, 255, 255, .9);
  font-weight: 700;
}

.traffic-bar-wrap {
  margin-top: 12px;
}

.traffic-bar-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 8px;
}

.traffic-bar-head b {
  color: rgba(255, 255, 255, .9);
  font-size: 12px;
}

.traffic-bar {
  height: 10px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255, 255, 255, .08);
  border: 1px solid rgba(255, 255, 255, .08);
}

.traffic-bar i {
  display: block;
  height: 100%;
  min-width: 2px;
  border-radius: inherit;
  background: linear-gradient(90deg, rgba(127, 84, 255, .95), rgba(223, 91, 255, .95));
  box-shadow: 0 0 18px rgba(180, 100, 255, .45);
}

.device-chip {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-top: 10px;
  border: 1px solid rgba(185, 130, 255, .12);
  background: rgba(15, 10, 30, .54);
  border-radius: 16px;
  padding: 11px;
}

.device-chip b {
  display: block;
  color: #fff;
  margin-bottom: 4px;
}

.device-chip span {
  display: block;
  color: rgba(232, 222, 255, .66);
  font-size: 12px;
  line-height: 1.45;
  word-break: break-word;
}

.invite-chip {
  border-color: rgba(120, 210, 255, .22);
  background: rgba(70, 145, 255, .08);
}

.panel-actions {
  margin-top: 14px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-start;
}

.btn-danger,
.btn-danger-soft {
  border-color: rgba(255, 90, 130, .42) !important;
  background: rgba(255, 70, 110, .16) !important;
  color: #ffdbe5 !important;
}

.btn-danger:hover,
.btn-danger-soft:hover {
  background: rgba(255, 70, 110, .28) !important;
}

@media (max-width: 860px) {
  .panel-pro-head {
    display: block;
  }

  .panel-head-badges {
    justify-content: flex-start;
    margin-top: 12px;
  }

  .panel-create-form {
    grid-template-columns: 1fr;
  }

  .panel-users-grid {
    grid-template-columns: 1fr;
  }

  .panel-user-meta {
    grid-template-columns: 1fr;
  }
}


/* Noir Panel Cards v5 */
.panel-users-section {
  margin-top: 24px !important;
}

.panel-list-head {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-end !important;
  margin: 0 0 18px !important;
  padding: 0 2px !important;
}

.panel-list-head h2 {
  margin: 4px 0 0 !important;
  color: #fff !important;
  font-size: 28px !important;
  letter-spacing: -0.03em !important;
}

.panel-users-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(390px, 1fr)) !important;
  gap: 22px !important;
  align-items: start !important;
}

.panel-user-card {
  display: block !important;
  width: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 20px !important;
  border-radius: 28px !important;
  border: 1px solid rgba(188, 132, 255, .24) !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(159, 86, 255, .28), transparent 32%),
    radial-gradient(circle at 90% 12%, rgba(217, 80, 255, .12), transparent 28%),
    linear-gradient(145deg, rgba(24, 14, 45, .96), rgba(9, 6, 22, .98)) !important;
  box-shadow:
    0 22px 70px rgba(0, 0, 0, .42),
    inset 0 1px 0 rgba(255, 255, 255, .08) !important;
}

.panel-user-card + .panel-user-card {
  margin-top: 0 !important;
}

.panel-user-top,
.panel-user-meta,
.panel-sub-box,
.panel-invite-box,
.panel-devices-list,
.panel-actions {
  position: relative !important;
  z-index: 1 !important;
}

.panel-user-meta {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.panel-user-meta > div {
  min-width: 0 !important;
}

.panel-user-meta span,
.panel-sub-title {
  text-transform: none !important;
  letter-spacing: 0 !important;
}

.panel-sub-box,
.panel-invite-box,
.panel-devices-list {
  margin-top: 13px !important;
}

.traffic-bar-head strong {
  color: rgba(255,255,255,.94) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
}

.panel-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 9px !important;
  margin-top: 16px !important;
}

.panel-actions form {
  display: inline-flex !important;
  margin: 0 !important;
}

.panel-actions .btn {
  margin: 0 !important;
  white-space: nowrap !important;
}

.device-chip {
  margin-top: 10px !important;
}

@media (max-width: 920px) {
  .panel-users-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 560px) {
  .panel-user-card {
    padding: 16px !important;
    border-radius: 22px !important;
  }

  .panel-user-meta {
    grid-template-columns: 1fr !important;
  }

  .panel-user-top {
    display: block !important;
  }

  .panel-status-stack {
    margin-top: 12px !important;
    align-items: flex-start !important;
  }
}


/* Noir Panel Glass Rows v6 */
.panel-users-glass {
  margin-top: 24px !important;
  padding: 22px !important;
  border: 1px solid rgba(190, 140, 255, .18) !important;
  background:
    radial-gradient(circle at 10% 0%, rgba(154, 78, 255, .18), transparent 34%),
    linear-gradient(145deg, rgba(22, 13, 42, .82), rgba(9, 6, 22, .88)) !important;
  box-shadow: 0 22px 80px rgba(0, 0, 0, .36) !important;
}

.panel-users-title {
  margin-bottom: 12px !important;
}

.panel-users-title h3 {
  margin: 4px 0 0 !important;
  font-size: 24px !important;
}

.panel-users-list {
  display: block !important;
}

.panel-user-row-v6 {
  padding: 18px 0 !important;
  border-top: 1px solid rgba(190, 140, 255, .15) !important;
}

.panel-user-row-v6:first-child {
  border-top: 0 !important;
  padding-top: 8px !important;
}

.panel-user-row-v6.is-banned {
  background: linear-gradient(90deg, rgba(255, 70, 110, .08), transparent 52%) !important;
  border-radius: 18px !important;
  padding-left: 14px !important;
  padding-right: 14px !important;
}

.panel-user-row-main {
  display: flex !important;
  justify-content: space-between !important;
  gap: 16px !important;
  align-items: flex-start !important;
}

.panel-user-identity {
  min-width: 0 !important;
}

.panel-user-title {
  color: #fff !important;
  font-size: 17px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
}

.panel-user-email {
  margin-top: 5px !important;
  color: rgba(235, 225, 255, .68) !important;
  font-size: 13px !important;
  word-break: break-all !important;
}

.panel-status-stack-v6 {
  display: flex !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
}

.panel-user-grid-v6 {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin-top: 14px !important;
}

.panel-info-cell {
  border: 1px solid rgba(190, 140, 255, .12) !important;
  background: rgba(255, 255, 255, .045) !important;
  border-radius: 16px !important;
  padding: 10px 11px !important;
  min-width: 0 !important;
}

.panel-info-cell span,
.panel-sub-title,
.traffic-bar-head span {
  color: rgba(226, 215, 255, .64) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

.panel-info-cell b {
  display: block !important;
  margin-top: 4px !important;
  color: rgba(255, 255, 255, .92) !important;
  font-size: 13px !important;
  word-break: break-word !important;
}

.panel-sub-box-v6,
.panel-inner-block-v6 {
  margin-top: 12px !important;
  border: 1px solid rgba(190, 140, 255, .12) !important;
  background: rgba(255, 255, 255, .04) !important;
  border-radius: 18px !important;
  padding: 12px !important;
}

.panel-sub-line {
  margin-top: 6px !important;
  color: rgba(255, 255, 255, .9) !important;
  font-weight: 750 !important;
}

.traffic-value {
  color: rgba(255, 255, 255, .94) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

.device-line-v6 {
  display: grid !important;
  grid-template-columns: minmax(150px, 1.2fr) repeat(5, minmax(120px, 1fr)) !important;
  gap: 8px 12px !important;
  align-items: start !important;
  margin-top: 10px !important;
  padding: 10px 0 0 !important;
  border-top: 1px solid rgba(190, 140, 255, .10) !important;
}

.device-line-v6:first-of-type {
  border-top: 0 !important;
  padding-top: 4px !important;
}

.device-line-v6 b {
  color: #fff !important;
  font-size: 13px !important;
}

.device-line-v6 span {
  color: rgba(232, 222, 255, .68) !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  word-break: break-word !important;
}

.panel-actions-v6 {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 9px !important;
  margin-top: 14px !important;
}

.panel-actions-v6 form {
  display: inline-flex !important;
  margin: 0 !important;
}

.panel-actions-v6 .btn {
  margin: 0 !important;
  white-space: nowrap !important;
}

@media (max-width: 1100px) {
  .panel-user-grid-v6 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .device-line-v6 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 620px) {
  .panel-users-glass {
    padding: 16px !important;
  }

  .panel-user-row-main {
    display: block !important;
  }

  .panel-status-stack-v6 {
    justify-content: flex-start !important;
    margin-top: 10px !important;
  }

  .panel-user-grid-v6,
  .device-line-v6 {
    grid-template-columns: 1fr !important;
  }
}


/* Noir Subscription Cards v7 */
.panel-subscriptions-wrap {
  margin-top: 24px !important;
}

.panel-subscriptions-head {
  margin-bottom: 16px !important;
}

.panel-subscriptions-head h3 {
  margin: 4px 0 0 !important;
  color: #fff !important;
  font-size: 26px !important;
}

.panel-subscription-cards {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(430px, 1fr)) !important;
  gap: 20px !important;
  align-items: start !important;
}

.subscription-card-v7 {
  display: block !important;
  position: relative !important;
  overflow: hidden !important;
  padding: 20px !important;
  border-radius: 28px !important;
  border: 1px solid rgba(196, 145, 255, .22) !important;
  background:
    radial-gradient(circle at 16% 0%, rgba(150, 80, 255, .26), transparent 34%),
    radial-gradient(circle at 92% 16%, rgba(224, 80, 255, .12), transparent 30%),
    linear-gradient(145deg, rgba(24, 14, 45, .72), rgba(8, 6, 20, .82)) !important;
  box-shadow:
    0 24px 70px rgba(0, 0, 0, .34),
    inset 0 1px 0 rgba(255, 255, 255, .08) !important;
  backdrop-filter: blur(18px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(145%) !important;
}

.subscription-card-v7::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  border-radius: inherit !important;
  background: linear-gradient(135deg, rgba(255,255,255,.08), transparent 32%, rgba(170,80,255,.08)) !important;
  opacity: .75 !important;
}

.subscription-card-v7 > * {
  position: relative !important;
  z-index: 1 !important;
}

.subscription-card-v7.is-banned {
  border-color: rgba(255, 90, 130, .40) !important;
  background:
    radial-gradient(circle at 16% 0%, rgba(255, 70, 110, .18), transparent 34%),
    linear-gradient(145deg, rgba(35, 11, 33, .76), rgba(8, 6, 20, .84)) !important;
}

.empty-subscription-v7 {
  opacity: .86 !important;
}

.subscription-card-head {
  display: flex !important;
  justify-content: space-between !important;
  gap: 16px !important;
  align-items: flex-start !important;
  padding-bottom: 14px !important;
  border-bottom: 1px solid rgba(196, 145, 255, .14) !important;
}

.subscription-card-title {
  color: #fff !important;
  font-size: 20px !important;
  font-weight: 950 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.02em !important;
}

.subscription-card-plan {
  margin-top: 7px !important;
  color: rgba(238, 228, 255, .74) !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  line-height: 1.35 !important;
}

.subscription-badges-v7 {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  justify-content: flex-end !important;
}

.traffic-panel-v7 {
  margin-top: 14px !important;
  padding: 12px !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, .045) !important;
  border: 1px solid rgba(196, 145, 255, .12) !important;
}

.traffic-line-v7 {
  display: flex !important;
  justify-content: space-between !important;
  gap: 14px !important;
  align-items: center !important;
  margin-bottom: 9px !important;
}

.traffic-line-v7 span,
.subscription-block-title-v7,
.subscription-user-grid-v7 span {
  color: rgba(226, 215, 255, .66) !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}

.traffic-line-v7 strong {
  color: rgba(255, 255, 255, .94) !important;
  font-size: 13px !important;
  font-weight: 950 !important;
  white-space: nowrap !important;
}

.subscription-users-block-v7 {
  margin-top: 14px !important;
}

.subscription-block-title-v7 {
  margin-bottom: 10px !important;
  font-size: 13px !important;
}

.subscription-user-v7 {
  padding: 13px !important;
  border-radius: 20px !important;
  background: rgba(255, 255, 255, .045) !important;
  border: 1px solid rgba(196, 145, 255, .12) !important;
}

.subscription-user-v7 + .subscription-user-v7 {
  margin-top: 10px !important;
}

.subscription-user-v7.invited {
  border-color: rgba(116, 205, 255, .20) !important;
  background: rgba(75, 140, 255, .07) !important;
}

.subscription-user-email-v7 {
  color: #fff !important;
  font-weight: 900 !important;
  font-size: 14px !important;
  margin-bottom: 10px !important;
  word-break: break-all !important;
}

.subscription-user-grid-v7 {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 9px 12px !important;
}

.subscription-user-grid-v7 div {
  min-width: 0 !important;
}

.subscription-user-grid-v7 div.wide {
  grid-column: 1 / -1 !important;
}

.subscription-user-grid-v7 span {
  display: block !important;
  margin-bottom: 3px !important;
}

.subscription-user-grid-v7 b {
  display: block !important;
  color: rgba(255, 255, 255, .92) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  word-break: break-word !important;
}

.subscription-actions-v7 {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 9px !important;
  margin-top: 15px !important;
  padding-top: 14px !important;
  border-top: 1px solid rgba(196, 145, 255, .12) !important;
}

.subscription-actions-v7 form {
  display: inline-flex !important;
  margin: 0 !important;
}

.subscription-actions-v7 .btn {
  margin: 0 !important;
  white-space: nowrap !important;
}

@media (max-width: 980px) {
  .panel-subscription-cards {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 560px) {
  .subscription-card-v7 {
    padding: 16px !important;
    border-radius: 22px !important;
  }

  .subscription-card-head {
    display: block !important;
  }

  .subscription-badges-v7 {
    justify-content: flex-start !important;
    margin-top: 12px !important;
  }

  .subscription-user-grid-v7 {
    grid-template-columns: 1fr !important;
  }
}


/* Noir Subscription Cards v8 safe */
.panel-subscription-cards {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(430px, 1fr)) !important;
  gap: 22px !important;
  align-items: start !important;
}

.subscription-card-v8 {
  display: block !important;
  position: relative !important;
  overflow: hidden !important;
  padding: 21px !important;
  border-radius: 28px !important;
  border: 1px solid rgba(196, 145, 255, .24) !important;
  background: radial-gradient(circle at 16% 0%, rgba(150, 80, 255, .28), transparent 34%), radial-gradient(circle at 92% 16%, rgba(224, 80, 255, .12), transparent 30%), linear-gradient(145deg, rgba(24, 14, 45, .76), rgba(8, 6, 20, .84)) !important;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .36), inset 0 1px 0 rgba(255, 255, 255, .08) !important;
  backdrop-filter: blur(18px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(145%) !important;
}

.subscription-card-v8.is-paused {
  border-color: rgba(255, 205, 95, .36) !important;
  background: radial-gradient(circle at 16% 0%, rgba(255, 180, 70, .18), transparent 34%), linear-gradient(145deg, rgba(32, 24, 13, .76), rgba(8, 6, 20, .84)) !important;
}

.subscription-card-v8.is-deleted {
  opacity: .72 !important;
  border-color: rgba(255, 90, 130, .30) !important;
}

.subscription-card-head {
  display: flex !important;
  justify-content: space-between !important;
  gap: 16px !important;
  align-items: flex-start !important;
  padding-bottom: 14px !important;
  border-bottom: 1px solid rgba(196, 145, 255, .14) !important;
}

.subscription-card-title {
  color: #fff !important;
  font-size: 21px !important;
  font-weight: 950 !important;
}

.subscription-card-plan {
  margin-top: 7px !important;
  color: rgba(238, 228, 255, .76) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}

.subscription-summary-v8 {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin: 14px 0 10px !important;
}

.subscription-summary-v8 div,
.subscription-user-v8 {
  border: 1px solid rgba(196, 145, 255, .13) !important;
  background: rgba(255, 255, 255, .045) !important;
  border-radius: 18px !important;
  padding: 12px !important;
}

.subscription-summary-v8 span,
.subscription-user-grid-v8 span,
.subscription-block-title-v8 {
  display: block !important;
  color: rgba(226, 215, 255, .68) !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}

.subscription-summary-v8 b,
.subscription-user-grid-v8 b {
  display: block !important;
  margin-top: 4px !important;
  color: rgba(255, 255, 255, .94) !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  word-break: break-word !important;
}

.subscription-users-block-v8 {
  margin-top: 14px !important;
}

.subscription-block-title-v8 {
  margin-bottom: 10px !important;
  font-size: 13px !important;
}

.subscription-user-v8 + .subscription-user-v8 {
  margin-top: 10px !important;
}

.subscription-user-email-v8 {
  color: #fff !important;
  font-weight: 900 !important;
  font-size: 14px !important;
  margin-bottom: 10px !important;
  word-break: break-all !important;
}

.subscription-user-grid-v8 {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px 12px !important;
}

.subscription-user-grid-v8 .wide {
  grid-column: 1 / -1 !important;
}

.subscription-actions-v8 {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 9px !important;
  margin-top: 15px !important;
  padding-top: 14px !important;
  border-top: 1px solid rgba(196, 145, 255, .12) !important;
}

.subscription-actions-v8 form {
  display: inline-flex !important;
  margin: 0 !important;
}

.subscription-actions-v8 .btn {
  margin: 0 !important;
  white-space: nowrap !important;
}

.panel-users-only-v8 {
  margin-top: 24px !important;
}

.panel-users-table-v8 {
  margin-top: 14px !important;
}

.panel-user-line-v8 {
  display: flex !important;
  justify-content: space-between !important;
  gap: 16px !important;
  align-items: center !important;
  padding: 14px 0 !important;
  border-top: 1px solid rgba(196, 145, 255, .14) !important;
}

.panel-user-line-v8:first-child {
  border-top: 0 !important;
}

.panel-user-line-v8 b {
  display: block !important;
  color: #fff !important;
  font-size: 14px !important;
}

.panel-user-line-v8 span {
  display: block !important;
  margin-top: 4px !important;
  color: rgba(226, 215, 255, .66) !important;
  font-size: 12px !important;
}

@media (max-width: 980px) {
  .panel-subscription-cards {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 560px) {
  .subscription-card-v8 {
    padding: 16px !important;
    border-radius: 22px !important;
  }

  .subscription-card-head,
  .panel-user-line-v8 {
    display: block !important;
  }

  .subscription-badges-v8 {
    justify-content: flex-start !important;
    margin-top: 12px !important;
  }

  .subscription-summary-v8,
  .subscription-user-grid-v8 {
    grid-template-columns: 1fr !important;
  }
}

/* ===== CatNoir index hero/features fix ===== */

.hero.hero-large,
.hero.hero-center {
  min-height: auto !important;
  height: auto !important;
  padding: 56px 32px !important;
  margin-bottom: 34px !important;
  overflow: visible !important;
}

.hero-copy,
.hero-copy-center {
  min-width: 0 !important;
  max-width: 100% !important;
}

.hero-copy *,
.hero-copy-center *,
.hero .eyebrow,
.hero .hero-title,
.hero .lead,
.hero .cta-row,
.hero .btn {
  user-select: none !important;
  -webkit-user-select: none !important;
}

.hero .cta-row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin-top: 26px !important;
}

.feature-grid,
.feature-grid-4 {
  margin-top: 28px !important;
  gap: 18px !important;
}

.feature-card {
  padding: 24px !important;
  min-height: 150px !important;
  overflow: visible !important;
}

.feature-card .feature-index,
.feature-card h3,
.feature-card p {
  user-select: none !important;
  -webkit-user-select: none !important;
}

@media (max-width: 700px) {
  .hero.hero-large,
  .hero.hero-center {
    padding: 38px 18px !important;
    margin-bottom: 28px !important;
  }

  .hero-title-xl {
    font-size: clamp(44px, 15vw, 72px) !important;
    line-height: 1 !important;
  }

  .hero .cta-row {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .hero .btn {
    width: 100% !important;
  }

  .feature-grid,
  .feature-grid-4 {
    margin-top: 24px !important;
  }

  .feature-card {
    padding: 20px !important;
  }
}

/* ===== CatNoir no horizontal page scroll fix ===== */
html,
body {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
}

body {
  position: relative;
}

.page-shell,
.topbar,
.footer-grid,
.hero,
.hero-large,
.glass,
.feature-grid,
.feature-grid-4,
.pricing-grid,
.download-grid,
.contacts-grid,
.steps-grid,
.status-list,
.result-grid,
.profile-grid {
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

.hero {
  overflow: hidden !important;
}

.hero-copy,
.hero-copy-center,
.hero-side,
.hero-stack,
.feature-card,
.price-card,
.dl-card,
.contact-card,
.step-card,
.status-card,
.result-card,
.metric,
.profile-card,
.notice-card {
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.hero-title,
.hero-title-xl,
.hero-copy h1,
.page-head h1 {
  max-width: 100% !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

.cta-row,
.cta-center,
.profile-actions,
.specs {
  max-width: 100% !important;
  overflow: hidden !important;
}

.btn {
  max-width: 100% !important;
  white-space: normal !important;
  text-align: center !important;
}

@media (max-width: 700px) {
  .page-shell {
    width: calc(100% - 28px) !important;
    max-width: calc(100% - 28px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .hero {
    width: 100% !important;
    padding: 18px !important;
    gap: 18px !important;
  }

  .hero-title-xl {
    font-size: clamp(46px, 17vw, 76px) !important;
    line-height: .98 !important;
  }

  .cta-row {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  .cta-row .btn {
    width: 100% !important;
  }

  .feature-grid,
  .feature-grid-4 {
    width: 100% !important;
    grid-template-columns: 1fr !important;
  }
}
/* ===== /CatNoir no horizontal page scroll fix ===== */





/* ===== CatNoir final mobile scroll fix ===== */

/* Не создаём отдельный scroll-контейнер на body/html */
html {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
}

body {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 100vh !important;
  overflow-x: hidden !important;
  overscroll-behavior-y: auto !important;
  touch-action: auto !important;
  user-select: auto !important;
  -webkit-user-select: auto !important;
}

/* Главное: вертикальный скролл не трогаем */
html,
body {
  height: auto !important;
}

/* Убираем причину горизонтального выезда */
*,
*::before,
*::after {
  box-sizing: border-box !important;
  max-width: 100%;
}

.page-shell,
.hero,
.hero-large,
.hero-copy,
.hero-side,
.hero-stack,
.feature-grid,
.feature-grid-4,
.glass {
  min-width: 0 !important;
  max-width: 100% !important;
}

/* Hero не должен создавать горизонтальную прокрутку */
.hero,
.hero.hero-large {
  overflow-x: hidden !important;
}

/* Карточки могут обрезать декоративные элементы, но не должны блокировать страницу */
.feature-card,
.price-card,
.dl-card,
.contact-card,
.step-card,
.status-card,
.result-card,
.metric,
.profile-card,
.notice-card,
.glass {
  overflow-x: hidden !important;
}

/* Большой заголовок не должен расширять страницу */
.hero-title,
.hero-title-xl,
.hero-copy h1 {
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}

/* Кнопки должны переноситься, а не растягивать экран */
.cta-row,
.cta-center,
.profile-actions,
.specs {
  display: flex !important;
  flex-wrap: wrap !important;
  max-width: 100% !important;
  overflow: visible !important;
}

/* На телефоне делаем hero обычным вертикальным блоком */
@media (max-width: 700px) {
  .page-shell {
    width: calc(100% - 28px) !important;
    max-width: calc(100% - 28px) !important;
  }

  .hero {
    display: block !important;
    padding: 20px 16px !important;
  }

  .hero-copy,
  .hero-side,
  .hero-stack {
    width: 100% !important;
    max-width: 100% !important;
  }

  .hero-title-xl {
    font-size: clamp(44px, 17vw, 76px) !important;
    line-height: 0.98 !important;
  }

  .cta-row,
  .cta-center {
    gap: 10px !important;
  }

  .cta-row .btn,
  .cta-center .btn {
    max-width: 100% !important;
  }
}

/* ===== /CatNoir final mobile scroll fix ===== */


/* ===== CatNoir hero inner scroll fix ===== */

/* Страница скроллится только body/html, не hero */
html {
  overflow-x: hidden !important;
  overflow-y: auto !important;
  height: auto !important;
}

body {
  overflow-x: hidden !important;
  overflow-y: auto !important;
  height: auto !important;
  min-height: 100vh !important;
}

/* Первый блок не должен иметь свой внутренний скролл */
.hero,
.hero.hero-large,
.hero.glass,
.hero-center,
.hero-copy,
.hero-copy-center,
.hero-side,
.hero-stack {
  overflow: visible !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  max-height: none !important;
  height: auto !important;
}

/* Но декоративную засветку можно обрезать только по X через обёртку страницы */
.page-shell {
  overflow: visible !important;
}

/* Убираем лишнюю пустую высоту первого блока */
.hero.hero-large {
  min-height: auto !important;
  padding-top: 28px !important;
  padding-bottom: 28px !important;
}

/* На телефоне делаем hero компактнее */
@media (max-width: 700px) {
  .hero,
  .hero.hero-large {
    display: block !important;
    min-height: auto !important;
    height: auto !important;
    padding: 18px 16px !important;
    overflow: visible !important;
  }

  .hero-copy,
  .hero-copy-center {
    height: auto !important;
    min-height: auto !important;
    overflow: visible !important;
  }

  .hero-title-xl {
    font-size: clamp(44px, 16vw, 72px) !important;
    line-height: 1 !important;
  }

  .cta-row,
  .cta-center {
    margin-top: 18px !important;
  }
}

/* ===== /CatNoir hero inner scroll fix ===== */


/* reCAPTCHA v2 checkbox */
.recaptcha-wrap{
  margin:10px 0 12px;
  max-width:100%;
  overflow:hidden;
}
.recaptcha-wrap .g-recaptcha{
  transform-origin:0 0;
}
@media (max-width:380px){
  .recaptcha-wrap .g-recaptcha{
    transform:scale(.88);
  }
}

/* reCAPTCHA v2 checkbox */
.recaptcha-wrap{
  margin:10px 0 12px;
  max-width:100%;
  overflow:hidden;
}
.recaptcha-wrap .g-recaptcha{
  transform-origin:0 0;
}
@media (max-width:380px){
  .recaptcha-wrap .g-recaptcha{
    transform:scale(.88);
  }
}