/* P491 shared control geometry; cards and ordinary text links are not controls here. */
/* P496: the circular hint/info/close buttons (.lv-hint-b, .lv450-i, .lv450-x) keep their own zero padding; forced padding stretched them or pushed the glyph outside the circle. */
/* P569a: three button sizes, active only with the preview flag (html.lv-next, set by /lv-next569.js).
   This layer is declared first so its !important rules win over the older layered rules; without the flag it matches nothing. */
@layer lv-next569 {
  html.lv-next { --lv-next-a-h:48px; --lv-next-a-fs:16px; --lv-next-a-px:20px; --lv-next-b-h:40px; --lv-next-b-fs:14px; --lv-next-b-px:16px; --lv-next-c-h:32px; --lv-next-c-fs:14px; --lv-next-c-px:12px; }
  /* (a) main action 48 */
  html.lv-next :is(.qbtns a.btn.bp, .wfn a.btn, section.cta a.btn, a.p527-cta, .offer-submit, .lv550-purchase>button, .lv450-ghost, .lv450-next, .lv562-clarify, .lv543-next-row, .lv543-report-get, .lv562-buy, .lv550-buy) {
    height:var(--lv-next-a-h)!important; min-height:var(--lv-next-a-h)!important; max-height:none!important; padding:0 var(--lv-next-a-px)!important;
    font-size:var(--lv-next-a-fs)!important; font-weight:600!important; line-height:1.15!important; border-radius:999px!important;
    align-items:center!important; justify-content:center!important; box-sizing:border-box!important; text-align:center; white-space:nowrap!important;
  }
  /* (b) secondary 40 */
  html.lv-next :is(.qbtns a.btn.bo, .p527-toggle>button, .lv450-ob, .lv522-save, .lv533-a4, .lv543-move-btn, .lv549-country a.lv-ui-button) {
    height:var(--lv-next-b-h)!important; min-height:var(--lv-next-b-h)!important; max-height:none!important; padding:0 var(--lv-next-b-px)!important;
    font-size:var(--lv-next-b-fs)!important; line-height:1.15!important; border-radius:999px!important;
    align-items:center!important; justify-content:center!important; box-sizing:border-box!important; text-align:center; white-space:nowrap!important;
  }
  /* (c) toggles and chips 32 */
  html.lv-next :is(.rk-seg>button, .queen-seg-let>button, .queen-seg-infl>button, .queen-seg-hist>button, .lv543-pill, .lvc-seg>button, .offer-source-label) {
    height:var(--lv-next-c-h)!important; min-height:var(--lv-next-c-h)!important; max-height:none!important; padding:0 var(--lv-next-c-px)!important;
    font-size:var(--lv-next-c-fs)!important; line-height:1.15!important; border-radius:999px!important; white-space:nowrap!important;
    align-items:center!important; justify-content:center!important; box-sizing:border-box!important;
  }
  html.lv-next .p527-toggle>button { flex:1 1 0; }
  /* growth chips keep one line at 32 px: the row wraps instead of squeezing the label into a fixed column */
  html.lv-next .rk-seg { display:flex!important; flex-wrap:wrap!important; gap:8px!important; grid-template-columns:none!important; height:auto!important; }
  html.lv-next .rk-seg>button { flex:0 0 auto!important; width:auto!important; max-width:100%; }
  /* P569b п.6а: tariff card buttons span the card at 15 px and never wrap; the «выгоднее на $31» note moves to a small caption under the period toggle */
  /* the extra .p527-card / body beats the :is() specificity of the size groups above */
  html.lv-next .p527 .p527-card a.p527-cta { width:100%!important; font-size:15px!important; white-space:nowrap!important; }
  /* one line always wins: below 1100 px the cards stack so the 15 px label fits; on phones the label steps down to 13 px (P569c minimum) */
  @media (max-width:1100px) { html.lv-next .p527 .p527-cards { grid-template-columns:minmax(0,1fr)!important; } }
  @media (min-width:1101px) { html.lv-next .p527 .p527-card a.p527-cta { font-size:14px!important; padding:0 10px!important; } }
  @media (max-width:767px) { html.lv-next .p527 .p527-card a.p527-cta { font-size:13px!important; padding:0 10px!important; } }
  /* P569c п.5: never below 13 px; on narrow phones the long report label gives way to its short form */
  @media (max-width:400px) {
    html.lv-next .p527 .p527-card a.p527-cta { font-size:13px!important; padding:0 10px!important; }
    html.lv-next .p527 .p527-card a.p527-cta .p569c-long { display:none!important; }
    html.lv-next .p527 .p527-card a.p527-cta .p569c-short { display:inline!important; }
    html.lv-next body .rk-seg>button { font-size:12px!important; padding:0 10px!important; }
    html.lv-next :is(.qbtns, .wfn) a.btn.bp { font-size:12px!important; padding:0 12px!important; }
  }
  /* P569c п.3: the disabled «next» row is a card, not a button: its «coming soon» note may wrap instead of leaving the screen */
  /* P575: the (a) rule above has specificity 0,4,2 via :is(.qbtns a.btn.bp …), so this override must be stronger (0,5,2+) or nowrap returns */
  html.lv-next.lv-next body .lv543-next .lv543-next-row.lv543-next-row { height:auto!important; max-height:none!important; white-space:normal!important; padding:8px 16px!important; max-width:100%!important; min-width:0!important; }
  html.lv-next.lv-next body .lv543-next .lv543-next-row.lv543-next-row :is(span, em, div) { min-width:0!important; max-width:100%!important; white-space:normal!important; overflow-wrap:anywhere!important; }
  html.lv-next.lv-next body .lv543-next .lv543-next-row.lv543-next-row.off em { display:inline-block!important; }
  html.lv-next .lv543-next, html.lv-next .lv543-next-rows { min-width:0; max-width:100%; }
  /* P575: in the cabinet the long KA «clarify» label (and any other card button) may wrap rather than leave the screen; same specificity fix as above */
  html.lv-next.lv-next body .lv545-panels .lv562-clarify.lv562-clarify { white-space:normal!important; height:auto!important; max-width:100%!important; min-width:0!important; overflow-wrap:anywhere!important; padding-block:8px!important; }
  @media (max-width:767px) {
    html.lv-next.lv-next body .lv :is(.lv516-go, .lv450-ghost, .lv450-next, .lv562-clarify, .lv543-report-get, .lv562-buy, .lv550-buy, .lv543-move-btn, .lv522-save, .lv533-a4).lv-ui-button { max-width:100%!important; min-width:0!important; white-space:normal!important; height:auto!important; overflow-wrap:anywhere!important; }
  }
  html.lv-next .p527 .p527-toggle [data-p527-plan="yearly"] i { display:none!important; }
  html.lv-next .p527 .p527-better569 { display:block!important; margin:-4px 0 0!important; font-size:12px!important; color:var(--lv522-muted,#5a6076)!important; }
  /* P569b п.3: the lower purchase block on /pricing goes away (the cabinet purchase path keeps its consent checkbox) */
  html.lv-next main.lv522-content > .lv550-purchase { display:none!important; }
  /* P569b п.2: the struck-through listing line sits on a small light chip */
  html.lv-next del.lv521-listing { display:inline-block!important; background:rgb(255 255 255 / .92)!important; border-radius:8px!important; padding:3px 8px!important; color:#4A5275!important; }
  /* P569b п.4: on /check the queen keeps her full height (crown visible); the picture file is unchanged */
  /* P569c п.1: cover again (no light strip or seam), anchored to the top of the picture so the crown stays inside the card */
  html.lv-next .offer527-hero:before { background-size:cover!important; background-position:right top!important; }
  /* P569b п.1 (≥768 px): the three mode toggles fold behind the «Считаем так» line; row 1 keeps the scenarios and Save/A4 */
  @media (min-width:768px) {
    html.lv-next .queen-topbar .lv569b-how { display:flex!important; align-items:baseline!important; gap:10px!important; flex:1 1 100%!important; order:5!important; background:none!important; border:0!important; box-shadow:none!important; padding:2px 4px 0!important; min-height:0!important; font-size:13px!important; font-weight:400!important; color:var(--lv-ui-muted,#5a6076)!important; cursor:pointer!important; text-align:left!important; }
    /* P569c п.2: label grey 14, values semibold navy 14, «Изменить ▾» a 32 px outlined secondary pill */
    html.lv-next .queen-topbar .lv569b-how { align-items:center!important; flex-wrap:wrap!important; row-gap:6px!important; cursor:default!important; font-size:14px!important; }
    html.lv-next .queen-topbar .lv569b-how .lv569c-lab { font-size:14px!important; color:var(--lv-ui-muted,#5a6076)!important; }
    html.lv-next .queen-topbar .lv569b-how .lv569c-val { font-size:14px!important; font-weight:600!important; color:var(--lv-ui-ink,#1d2750)!important; }
    html.lv-next .queen-topbar .lv569b-how .lv569c-chg { height:32px!important; min-height:32px!important; padding:0 12px!important; font-size:14px!important; font-weight:600!important; line-height:1.15!important; border-radius:999px!important; border:1px solid var(--lv-ui-ink,#1d2750)!important; background:transparent!important; color:var(--lv-ui-ink,#1d2750)!important; white-space:nowrap!important; cursor:pointer!important; display:inline-flex!important; align-items:center!important; box-shadow:none!important; }
    html.lv-next .queen-topbar:not(.lv569b-open) :is(.queen-seg-let,.queen-seg-infl,.queen-seg-hist) { display:none!important; }
    html.lv-next .queen-topbar.lv569b-open :is(.queen-seg-let,.queen-seg-infl,.queen-seg-hist) { order:6!important; }
  }
  /* P569d: fluid page width from 768 px; side gutter as the homepage footer (46 px at 1440), no width cap; running text about 70 characters, left aligned; phones unchanged. */
  @media (min-width:768px) {
    html.lv-next { --lv569d-g:max(20px,3.2vw); }
    html.lv-next header.lv522-header:not(.lv533e-header) { padding-inline:var(--lv569d-g)!important; max-width:none!important; box-sizing:border-box!important; }
    html.lv-next :is(main.lv522-content, .offer518 main, body > .wrap) { max-width:none!important; width:auto!important; margin-inline:0!important; padding-inline:var(--lv569d-g)!important; box-sizing:border-box!important; }
    html.lv-next body > .wrap :is(main.list, main.art) { max-width:none!important; margin-inline:0!important; padding-inline:0!important; }
    html.lv-next body > .wrap main.art :is(p, ul, ol, blockquote, .short, .meta, .kick) { max-width:72ch!important; }
    html.lv-next main.lv522-content :is(.lv522-intro, section p, .lv547-report-offers p) { max-width:72ch!important; }
  }
}

@layer lv-buttons491 {
  :is(button,[role=button],a.btn,a.lv-btn,a.tdm-btn,a.tdm-btn2):not(.pc4):not(.card):not(.stp):not(.tile):not(.bc):not(.lv-hint-b):not(.lv450-i):not(.lv450-x):not(.lv-ui-hint):not(.lv450-chip>button) {
    padding-top:max(8px,var(--lv-button-py,8px))!important;
    padding-bottom:max(8px,var(--lv-button-py,8px))!important;
    padding-left:max(12px,var(--lv-button-px,12px))!important;
    padding-right:max(12px,var(--lv-button-px,12px))!important;
    min-width:0;
  }
  :is(button,[role=button],a.btn,a.lv-btn):active { transform:none!important; }
  /* The rotated plus keeps its own space, including when FAQ is expanded. */
  .fq button { align-items:center; white-space:normal; overflow-wrap:anywhere; }
  .fq button i { flex:0 0 24px; width:24px; height:24px; display:grid; place-items:center; }
  /* P496: on phones the home history period switch spans the full width under the figure and lets a long label wrap instead of clipping "Весь срок". */
  @media (max-width:480px){ .ich{flex-wrap:wrap!important;row-gap:8px} .seg.ih{width:100%;box-sizing:border-box} .seg.ih button{flex:1 1 auto!important;min-width:0!important;white-space:normal!important;line-height:1.15!important;overflow-wrap:normal} }
  /* P496: round info/close buttons stay circles even inside stretched rows. */
  /* P528b (variant A): every «i» is an 18 px circle; every remove cross is a 20 px circle without a frame. */
  .lv450-i,.lv-ui-hint,.lv-hint-b { width:18px!important; height:18px!important; min-width:18px!important; min-height:18px!important; padding:0!important; border-radius:50%!important; display:inline-grid!important; place-items:center!important; font-size:11px!important; line-height:1!important; flex:none!important; box-sizing:border-box!important; align-self:center!important; }
  .lv450-x,.lv450-chip>button { width:20px!important; height:20px!important; min-width:20px!important; min-height:20px!important; padding:0!important; border:0!important; border-radius:50%!important; box-shadow:none!important; display:inline-grid!important; place-items:center!important; flex:none!important; align-self:center!important; }
}
/* P569b п.1: the «Считаем так» line exists only under the flag (and only ≥768 px, see the lv-next569 layer above) */
.lv569b-how { display:none; }
/* P569c п.5: the short tariff label carries the hidden attribute; this keeps it hidden wherever this sheet loads */
.p569c-short { display:none; }
@layer lv-next569 {
/* P575: tablet KA, flag only: the four mode buttons share the topbar width and their captions wrap instead of pushing the last mode past the screen edge */
@media (min-width:768px) {
  html.lv-next.lv-next body .tdm .queen-topbar .queen-seg-scen[data-lv-toggle][data-lv-toggle] { min-width:0!important; max-width:100%!important; }
  html.lv-next.lv-next body .tdm .queen-topbar .queen-seg-scen[data-lv-toggle][data-lv-toggle] > button[data-lv-button] { flex:1 1 0!important; min-width:0!important; width:auto!important; white-space:normal!important; height:auto!important; min-height:60px!important; padding-block:6px!important; }
  html.lv-next.lv-next body .tdm .queen-topbar .queen-seg-scen[data-lv-toggle][data-lv-toggle] > button[data-lv-button] :is(span, small) { min-width:0!important; max-width:100%!important; white-space:normal!important; overflow-wrap:anywhere!important; text-align:center; }
}
}