.cz-privileges {
  --cz-p-bg: oklch(18% .025 245);
  --cz-p-panel: oklch(23% .035 248);
  --cz-p-raised: oklch(28% .043 248);
  --cz-p-line: oklch(39% .052 245);
  --cz-p-ink: oklch(92% .028 230);
  --cz-p-muted: oklch(70% .055 245);
  --cz-p-blue: oklch(73% .15 245);
  --cz-p-red: oklch(65% .24 25);
  --cz-p-panel-height: clamp(437px,calc((100dvb - 480px)*1.15),747px);
  --cz-p-description-height: clamp(180px,32dvb,420px);
  --cz-p-description-bg: oklch(18% .03 245);
  color: var(--cz-p-ink);
  font-family: var(--font-family-2,"SF Pro Display"),sans-serif;
  container-type: inline-size;
  display: grid;
  gap: 16px;
  min-inline-size: 0;
}
.cz-privileges *, .cz-privileges *::before, .cz-privileges *::after { box-sizing: border-box; }
.cz-privileges :is(h2,h3,h4,p) { margin: 0; }
.cz-privileges button { font: inherit; cursor: pointer; block-size: auto; min-inline-size: 0; max-inline-size: none; line-height: 1.4; white-space: normal; text-transform: none; position: static; }
.cz-privileges :is(button,a,summary):focus-visible { outline: 2px solid var(--cz-p-blue); outline-offset: 4px; }
.cz-privileges button:active { background: color-mix(in oklch,var(--cz-p-blue) 22%,var(--cz-p-panel)); }
.cz-privileges button:disabled { cursor: default; opacity: .55; }
.cz-p-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.cz-p-tabs { display: flex; gap: 4px; padding: 4px; border-radius: 13px; background: var(--cz-p-panel); }
.cz-p-tabs button { display: inline-flex; align-items: center; gap: .6em; inline-size: auto; min-block-size: 44px; border: 0; border-radius: 10px; padding: 10px 14px; background: transparent; color: var(--cz-p-muted); font-weight: 600; font-size: 14px; }
.cz-p-tabs button > span { color: inherit; }
.cz-p-tabs button[aria-pressed="true"] { background: var(--cz-p-blue); color: var(--cz-p-bg); }
.cz-p-tab-icon { flex: none; inline-size: auto; block-size: 1.5em; color: var(--cz-p-blue); }
.cz-p-tabs button[aria-pressed="true"] .cz-p-tab-icon { color: currentColor; }
.cz-p-shop-links { display: flex; flex-wrap: wrap; gap: 12px; margin-inline-start: auto; }
.cz-p-shop-links a { color: var(--cz-p-muted); text-decoration: none; font-size: 12px; }
.cz-p-mode-select { display: grid; gap: 8px; }
.cz-p-modebar { display: grid; grid-template-columns: repeat(var(--cz-p-mode-count,3),minmax(0,1fr)); gap: 8px; }
.cz-p-mode { display: grid; gap: 4px; align-content: center; inline-size: 100%; min-block-size: 58px; padding: 11px 13px; background: var(--cz-p-panel); border: 1px solid var(--cz-p-line); border-radius: 13px; color: var(--cz-p-muted); text-align: start; }
.cz-p-mode strong { color: var(--cz-p-ink); font-family: var(--font-family-1,"Unbounded"),sans-serif; font-size: 11px; line-height: 1.4; overflow-wrap: anywhere; }
.cz-p-mode-description { color: inherit; font-size: 11px; line-height: 1.4; }
.cz-p-mode[aria-pressed="true"] { border-color: var(--cz-p-blue); background: color-mix(in oklch,var(--cz-p-blue) 13%,var(--cz-p-panel)); }
.cz-p-mode[aria-pressed="true"] strong { color: var(--cz-p-blue); }
.cz-p-scope { border: 1px solid var(--cz-p-line); border-radius: 13px; background: var(--cz-p-bg); }
.cz-p-scope summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 11px 15px; min-block-size: 50px; cursor: pointer; list-style: none; }
.cz-p-scope summary::-webkit-details-marker { display: none; }
.cz-p-scope summary:active { background: var(--cz-p-panel); }
.cz-p-scope-summary { display: flex; flex-wrap: wrap; align-items: baseline; gap: 5px 16px; }
.cz-p-scope-summary strong { font-size: 12px; font-weight: 600; color: var(--cz-p-ink); }
.cz-p-scope-summary > span { color: var(--cz-p-muted); font-size: 12px; line-height: 1.45; }
.cz-p-scope-arrow { flex: none; color: var(--cz-p-blue); font-size: 20px; line-height: 1; }
.cz-p-scope[open] .cz-p-scope-arrow { transform: rotate(180deg); }
.cz-p-scope-body { display: grid; gap: 12px; padding: 0 15px 15px; }
.cz-p-mode-servers { display: flex; flex-wrap: wrap; gap: 6px; }
.cz-p-mode-server { padding: 7px 10px; background: var(--cz-p-panel); border-radius: 8px; color: var(--cz-p-ink); font-size: 12px; line-height: 1.5; }
.cz-p-scope-body p { color: var(--cz-p-muted); font-size: 12px; }
.cz-p-catalog { display: grid; grid-template-columns: minmax(220px,.85fr) minmax(340px,1.15fr); align-items: start; gap: 16px; }
.cz-p-choices { min-inline-size: 0; display: grid; gap: 10px; }
.cz-p-choice-heading { font-size: 13px; font-weight: 600; color: var(--cz-p-muted); }
.cz-p-levels { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,220px),1fr)); gap: 8px; }
.cz-p-level { display: grid; grid-template-columns: 40px minmax(0,1fr); align-items: center; gap: 6px 10px; inline-size: 100%; min-block-size: 104px; padding: 12px 14px; color: var(--cz-p-muted); border: 1px solid var(--cz-p-line); border-radius: 15px; background: var(--cz-p-panel); text-align: start; }
.cz-p-level[aria-pressed="true"] { background: var(--cz-p-raised); border-color: var(--cz-p-blue); box-shadow: inset 3px 0 var(--cz-p-blue); }
.cz-p-level > strong { font-family: var(--font-family-1,"Unbounded"),sans-serif; font-size: 12px; color: var(--cz-p-ink); overflow-wrap: anywhere; }
.cz-p-rank { display: flex; align-items: end; gap: 3px; block-size: 23px; color: var(--cz-p-blue); }
.cz-p-rank i { inline-size: 5px; block-size: calc(8px + var(--rank-index)*3px); background: currentColor; border-radius: 2px; opacity: .3; }
.cz-p-rank i.on { opacity: 1; }
.cz-p-card-price { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; }
.cz-p-card-value { display: flex; align-items: baseline; gap: 5px; }
.cz-p-from { color: var(--cz-p-muted); font-size: 12px; }
.cz-p-card-price .cz-p-card-value strong { color: var(--cz-p-ink); font-size: 28px; font-weight: 800; line-height: 1.15; white-space: nowrap; font-variant-numeric: tabular-nums; }
.cz-p-card-price small { color: var(--cz-p-muted); font-size: 13px; }
.cz-p-sale { display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; padding: 5px 8px; min-block-size: 28px; background: oklch(58% .23 25); color: oklch(100% 0 none); font-size: 12px; font-weight: 800; line-height: 1.2; white-space: nowrap; }
.cz-p-old-price { color: var(--cz-p-muted); font-size: 14px; text-decoration-thickness: 1px; }
.cz-p-level > .cz-p-old-price { grid-column: 1 / -1; }
.cz-p-layout { position: sticky; inset-block-start: 16px; align-self: start; min-inline-size: 0; }
.cz-p-detail { min-inline-size: 0; block-size: auto; min-block-size: var(--cz-p-panel-height); display: grid; grid-template-rows: auto auto auto auto; gap: 12px; padding: 20px; border: 1px solid var(--cz-p-line); border-radius: 20px; background: var(--cz-p-panel); }
.cz-p-heading { min-inline-size: 0; }
.cz-p-heading > div { min-inline-size: 0; display: grid; gap: 5px; }
.cz-p-heading h2 { color: var(--cz-p-ink); font-family: var(--font-family-1,"Unbounded"),sans-serif; font-size: 26px; line-height: 1.25; overflow-wrap: anywhere; }
.cz-p-eyebrow { color: var(--cz-p-blue); font-size: 10px; letter-spacing: .08em; font-weight: 600; text-transform: uppercase; }
.cz-p-duration { display: grid; grid-template-columns: repeat(auto-fit,minmax(65px,1fr)); gap: 6px; }
.cz-p-duration button { inline-size: 100%; min-block-size: 34px; padding: 6px; background: var(--cz-p-bg); border: 1px solid var(--cz-p-line); border-radius: 10px; color: var(--cz-p-muted); font-size: 13px; }
.cz-p-duration button[aria-pressed="true"] { background: var(--cz-p-raised); border-color: var(--cz-p-blue); color: var(--cz-p-ink); }
.cz-p-benefits { display: grid; grid-template-rows: auto minmax(0,1fr) auto; gap: 10px; min-block-size: 0; }
.cz-p-benefit-heading { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px; }
.cz-p-scroll-hint { color: var(--cz-p-blue); font-size: 11px; line-height: 1.4; padding: 4px 7px; border: 1px solid var(--cz-p-line); border-radius: 7px; }
.cz-p-benefit-scroll { position: relative; min-block-size: 0; block-size: var(--cz-p-description-height); padding: 12px; border: 1px solid color-mix(in oklch,var(--cz-p-line) 65%,var(--cz-p-description-bg)); border-radius: 12px; background: var(--cz-p-description-bg); }
.cz-p-scrollbar { position: absolute; inset-block: 12px; inset-inline-end: 8px; inline-size: 4px; border-radius: 8px; background: var(--cz-p-line); pointer-events: none; }
.cz-p-scrollbar[hidden], .cz-p-scroll-hint[hidden] { display: none; }
.cz-p-scrollbar-thumb { position: absolute; inset-inline: 0; inset-block-start: var(--thumb-top,0%); block-size: var(--thumb-size,20%); border-radius: inherit; background: var(--cz-p-blue); }
.cz-p-benefit-scroll.has-more::after { content: ""; position: absolute; inset-inline: 1px 14px; inset-block-end: 1px; block-size: 24px; border-end-start-radius: 11px; pointer-events: none; background: linear-gradient(transparent,var(--cz-p-description-bg)); }
.cz-p-benefits h3 { font-size: 14px; font-weight: 600; }
.cz-p-benefit-body { display: grid; align-content: start; gap: 20px; min-block-size: 0; block-size: 100%; overflow-y: scroll; overscroll-behavior: contain; scrollbar-gutter: stable; scrollbar-width: none; scrollbar-color: var(--cz-p-blue) var(--cz-p-bg); padding-inline-end: 12px; }
.cz-p-benefit-body::-webkit-scrollbar { display: none; }
.cz-p-benefit-body::-webkit-scrollbar-track { background: var(--cz-p-bg); border-radius: 8px; }
.cz-p-benefit-body::-webkit-scrollbar-thumb { background: var(--cz-p-blue); border: 1px solid var(--cz-p-bg); border-radius: 8px; }
.cz-p-benefit-body:focus-visible { outline: 2px solid var(--cz-p-blue); outline-offset: 3px; }
.cz-p-benefit-group { display: grid; gap: 12px; }
.cz-p-benefit-group + .cz-p-benefit-group { padding-block-start: 16px; border-block-start: 1px solid var(--cz-p-line); }
.cz-p-benefit-group h4 { color: var(--cz-p-blue); font-size: 14px; font-weight: 600; line-height: 1.4; }
:is(.cz-p-benefits,.cz-p-dialog) ul { display: grid; gap: 10px; padding: 0; margin: 0; list-style: none; }
:is(.cz-p-benefits,.cz-p-dialog) li { display: flex; align-items: baseline; gap: 8px; font-size: 15px; line-height: 1.55; }
:is(.cz-p-benefits,.cz-p-dialog) li > div { min-inline-size: 0; display: grid; gap: 4px; }
:is(.cz-p-benefits,.cz-p-dialog) li::before { content: "+"; flex: 0 0 12px; color: var(--cz-p-blue); font-weight: 700; }
:is(.cz-p-benefits,.cz-p-dialog) li p { color: var(--cz-p-muted); font-size: 13px; line-height: 1.5; }
.cz-p-benefit-group[data-rules] li { color: var(--cz-p-muted); font-size: 13px; }
.cz-p-benefit-group[data-rules] li::before { content: "·"; color: var(--cz-p-muted); }
.cz-p-checkout { min-inline-size: 0; display: grid; gap: 9px; padding-block-start: 12px; border-block-start: 1px solid var(--cz-p-line); }
.cz-p-total small { display: none; }
.cz-p-total-value { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; }
.cz-p-total strong { font-family: var(--font-family-1,"Unbounded"),sans-serif; font-size: 32px; line-height: 1.25; font-variant-numeric: tabular-nums; }
.cz-p-total .cz-p-price-pending { font-size: 24px; overflow-wrap: anywhere; }
.cz-p-term-label { font-size: 13px; color: var(--cz-p-muted); }
.cz-p-offer { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.cz-p-offer > span { color: var(--cz-p-muted); font-size: 12px; }
.cz-privileges .cz-p-buy { display: grid; place-items: center; inline-size: 100%; min-block-size: 60px; padding: 14px 18px; border: 0; border-radius: 12px; background: var(--cz-p-red); color: oklch(15% .015 25); font-weight: 800; font-size: 18px; }
.cz-privileges .cz-p-buy:focus-visible { outline-color: var(--cz-p-red); }
.cz-privileges .cz-p-buy:active { background: color-mix(in oklch,var(--cz-p-red) 85%,oklch(20% .02 25)); }
.cz-p-checkout > p { color: var(--cz-p-muted); font-size: 12px; line-height: 1.4; }
.cz-p-status { color: var(--cz-p-ink); font-size: 13px; line-height: 1.4; }
.cz-p-compare { padding: 14px 16px; border: 1px solid var(--cz-p-line); border-radius: 13px; }
.cz-p-compare summary { cursor: pointer; font-size: 13px; font-weight: 600; }
.cz-p-compare-body { overflow-x: auto; padding-block-start: 16px; }
.cz-p-compare table { inline-size: 100%; border-collapse: collapse; font-size: 13px; }
.cz-p-compare :is(th,td) { padding: 12px; border-block-end: 1px solid var(--cz-p-line); text-align: start; white-space: nowrap; }
.cz-p-compare th { color: var(--cz-p-blue); }
.cz-p-notice { color: var(--cz-p-muted); font-size: 12px; line-height: 1.5; padding: 12px 15px; background: var(--cz-p-panel); border-radius: 12px; }
.cz-p-empty { padding: 24px; text-align: center; }
@media (hover:hover) and (pointer:fine) {
  .cz-privileges button:hover:not(:disabled) { border-color: var(--cz-p-blue); }
  .cz-p-scope summary:hover { background: var(--cz-p-panel); border-radius: 12px; }
  .cz-p-shop-links a:hover { color: var(--cz-p-ink); }
  .cz-privileges .cz-p-buy:hover:not(:disabled) { background: color-mix(in oklch,var(--cz-p-red) 90%,oklch(100% 0 none)); }
}
@media (prefers-reduced-motion:no-preference) {
  .cz-p-scope-arrow { transition: transform 180ms cubic-bezier(.2,.8,.2,1); }
}
@container (inline-size < 600px) {
  .cz-p-catalog { grid-template-columns: minmax(0,1fr); }
  .cz-p-layout { position: static; }
  .cz-p-levels { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .cz-p-levels > :last-child:nth-child(odd) { grid-column: 1 / -1; }
  .cz-p-level { padding: 12px; }
  .cz-p-card-price .cz-p-card-value strong { font-size: 24px; }
  .cz-p-level .cz-p-sale { font-size: 11px; padding: 4px 6px; }
  .cz-p-mode-description { display: none; }
  .cz-p-mode strong { font-size: 10px; }
  .cz-p-mode { padding: 10px 8px; min-block-size: 48px; }
  .cz-p-detail { block-size: auto; }
}

.cz-privileges .cz-p-more { display: flex; align-items: center; justify-content: center; inline-size: 100%; min-block-size: 30px; padding: 5px 10px; border: 1px solid var(--cz-p-line); border-radius: 10px; background: color-mix(in oklch,var(--cz-p-blue) 9%,var(--cz-p-panel)); color: var(--cz-p-blue); font-size: 13px; font-weight: 600; }
.cz-p-dialog { position: fixed; inset: 0; inline-size: min(760px,calc(100% - 32px)); max-inline-size: none; block-size: min(780px,84dvb); max-block-size: calc(100dvb - 32px); margin: auto; padding: 0; border: 1px solid var(--cz-p-line); border-radius: 20px; color: var(--cz-p-ink); background: var(--cz-p-panel); box-shadow: 0 24px 80px oklch(8% .02 245 / .55); }
.cz-p-dialog[open] { display: grid; grid-template-rows: auto minmax(0,1fr) auto; }
.cz-p-dialog::backdrop { background: oklch(8% .02 245 / .78); backdrop-filter: blur(5px); }
.cz-p-dialog-heading { display: flex; align-items: start; justify-content: space-between; gap: 20px; padding: 24px; border-block-end: 1px solid var(--cz-p-line); }
.cz-p-dialog-heading > div { min-inline-size: 0; display: grid; gap: 8px; }
.cz-p-dialog-mode { color: var(--cz-p-blue); font-size: 13px; }
.cz-p-dialog-heading h2 { font-family: var(--font-family-1,"Unbounded"),sans-serif; font-size: clamp(18px,2vw,24px); line-height: 1.4; overflow-wrap: anywhere; }
.cz-privileges .cz-p-dialog-close { flex: none; inline-size: 40px; block-size: 40px; padding: 0; border: 1px solid var(--cz-p-line); border-radius: 12px; color: var(--cz-p-muted); background: var(--cz-p-bg); font-size: 26px; line-height: 1; }
.cz-p-dialog-body { min-block-size: 0; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: var(--cz-p-blue) var(--cz-p-bg); display: grid; align-content: start; gap: 24px; padding: 24px; }
.cz-p-dialog-footer { padding: 16px 24px; border-block-start: 1px solid var(--cz-p-line); color: var(--cz-p-muted); font-size: 13px; }

/* Размут: one-off unmute item in the same catalog layout, no mode/term selection. */
.cz-privileges :is(.cz-p-mode-select,.cz-p-compare,.cz-p-status)[hidden] { display: none !important; }
.cz-p-tabs { flex-wrap: wrap; max-inline-size: 100%; }
.cz-privileges .cz-p-level.cz-p-unmute-card { padding-block-start: 0; overflow: clip; }
.cz-p-unmute-art { grid-column: 1 / -1; display: block; margin-inline: -14px; margin-block-end: 6px; overflow: clip; border-block-end: 1px solid var(--cz-p-line); background: var(--cz-p-bg); }
.cz-p-unmute-art img { display: block; inline-size: 100%; block-size: auto; aspect-ratio: 16 / 9; object-fit: cover; }
.cz-privileges .cz-p-unmute-cancel { inline-size: 100%; min-block-size: 44px; border: 1px solid var(--cz-p-line); border-radius: 12px; background: transparent; color: var(--cz-p-muted); font-weight: 600; }
.cz-p-status[data-tone="success"] { color: oklch(79% .16 150); }
.cz-p-status[data-tone="error"] { color: oklch(78% .13 25); }
@container (inline-size < 600px) {
  .cz-p-tabs { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); inline-size: 100%; }
  .cz-p-tabs button { flex-direction: column; justify-content: center; gap: 4px; padding: 8px 4px; font-size: 12px; text-align: center; }
}