/* AR Cash Collector v2 — «Тарифы» (pricing tab, P9) extras.
 *
 * Everything shared lives in ar-v2.css (copied 1:1 from the founder-approved
 * mockup v2: .arv2-scale*, .arv2-prices, .arv2-pr*, .arv2-lim, .arv2-adds*).
 * This file only carries what the mockup wrote as inline styles (segment
 * colours, the recommended card's button, the scale card's tight header) and
 * what the live page needs beyond a static mockup (the CURRENT plan, a
 * four-card ladder, form-wrapped buttons, a marker near an edge).
 * Same rules as ar-v2.css: every class prefixed arv2-, every rule under .arv2.
 */

/* Scale card: the header sits tight on the scale (mockup: margin-bottom:0). */
.arv2 .arv2-scale-wrap .arv2-card-h{margin-bottom:0}
/* A many-currency pill wraps instead of running out of the card on a phone. */
.arv2 .arv2-scale-wrap .arv2-pill{white-space:normal;height:auto;min-height:24px;padding:4px 9px;line-height:1.3}

/* Segment tones — the recommended rung, its neighbours, the rest. */
.arv2 .arv2-scale .arv2-seg-on{background:var(--acc)}
.arv2 .arv2-scale .arv2-seg-near{background:#cfd9e7}
.arv2 .arv2-scale .arv2-seg-far{background:#dfe5ee}

/* «у вас N» near an edge: the label hangs inward from the line. */
.arv2 .arv2-scale .arv2-you.arv2-you-l{transform:translateX(-1px);align-items:flex-start}
.arv2 .arv2-scale .arv2-you.arv2-you-r{transform:translateX(calc(-100% + 1px));align-items:flex-end}

/* Card tags: the eyebrow (or «подходит вам») + «ваш тариф». */
.arv2 .arv2-pr-tags{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.arv2 .arv2-pr-tag .arv2-i{width:12px;height:12px;stroke-width:2.6}
.arv2 .arv2-pr-tag.arv2-pr-cur{background:var(--emer-s);color:var(--emer-ink);box-shadow:inset 0 0 0 1px var(--emer-b)}
.arv2 .arv2-pr-n{line-height:1.3}

/* Buttons: the recommended card's outline in the accent; the current plan is
   a label, not a link; a form-wrapped button still sits at the card bottom. */
.arv2 .arv2-pr .arv2-btn.arv2-pr-go{border-color:var(--acc);color:var(--acc-ink)}
.arv2 .arv2-pr .arv2-btn.arv2-pr-now,
.arv2 .arv2-pr .arv2-btn.arv2-pr-now:hover{cursor:default;background:var(--emer-s);border-color:var(--emer-b);color:var(--emer-ink)}
.arv2 .arv2-pr .arv2-pr-form{margin-top:auto;display:flex}
.arv2 .arv2-pr .arv2-pr-form .arv2-btn{width:100%}
.arv2 .arv2-ph-a .arv2-ph-form{display:flex}

/* Four cards (the free plan not offered): four columns, then two. */
.arv2 .arv2-prices.arv2-prices-4{grid-template-columns:repeat(4,minmax(0,1fr))}

.arv2 .arv2-pr-foot{font-size:12.5px;color:var(--ink3);margin-top:14px}

@media (max-width:1180px){
  .arv2 .arv2-prices.arv2-prices-4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  .arv2 .arv2-prices.arv2-prices-4{grid-template-columns:1fr}
  .arv2 .arv2-ph-a .arv2-ph-form{flex:1 1 100%}
  .arv2 .arv2-ph-a .arv2-ph-form .arv2-btn{width:100%;height:44px}
}