/* ==========================================================================
   v67.css — слой поверх v64 (тот же приём :root:not(#v)).
   1. Окно оплаты не накладывается на корзину (атрибут hidden сильнее grid).
   2. Шаги заказа в окне оплаты: ровные точки, галочка по центру (маска SVG).
   3. Подвижный блик жидкого стекла: кайма смотрит на свет (glare.js).
   ========================================================================== */

/* 1. hidden у раскладки корзины и окна оплаты — всегда скрывает
      (раньше .cart-layout{display:grid} перебивал [hidden], и «Корзина пуста»
      с «Итого» рисовались под окном оплаты) */
:root:not(#v) .cart-layout[hidden],:root:not(#v) .paywrap[hidden],:root:not(#v) #payPending[hidden]{display:none}
:root:not(#v) .paywrap:not([hidden]){display:block;position:relative;z-index:2;margin-bottom:clamp(18px,3vw,28px)}
:root:not(#v) .paywrap .paywin{transform:none}

/* 2. Шаги заказа — галочка маской: чёткая на любом размере и в любой теме */
:root:not(#v) .fx-pipe__step.is-done .fx-pipe__mark::after{
  inset:0;left:0;top:0;width:auto;height:auto;border:0;transform:none;background:var(--bg);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.6 6.3l2.3 2.3 4.6-4.9' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/62% 62% no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.6 6.3l2.3 2.3 4.6-4.9' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/62% 62% no-repeat}

/* в окне оплаты — степпер в строку: точка · линия · точка */
:root:not(#v) .paywin__order .fx-pipe{display:flex;flex-wrap:wrap;align-items:center;gap:8px 0;margin:8px 0 0;padding:0}
:root:not(#v) .paywin__order .fx-pipe__step{display:inline-flex;align-items:center;gap:7px;font:600 12px/16px var(--f-sans)}
:root:not(#v) .paywin__order .fx-pipe__step + .fx-pipe__step::before{content:"";flex:none;width:14px;height:1.5px;margin:0 6px 0 4px;
  border-radius:1px;background:color-mix(in srgb,var(--tone,var(--text)) 16%,transparent);transition:background .4s ease}
:root:not(#v) .paywin__order .fx-pipe__step.is-done + .fx-pipe__step::before{background:var(--c-down)}
:root:not(#v) .paywin__order .fx-pipe__mark{box-sizing:border-box;width:16px;height:16px;border-width:1.5px;background:transparent}
:root:not(#v) .paywin__order .fx-pipe__step.is-done .fx-pipe__mark{background:var(--c-down);border-color:var(--c-down)}
:root:not(#v) .paywin__order .fx-pipe__step.is-wait .fx-pipe__mark{width:8px;height:8px;margin:4px;
  border-color:color-mix(in srgb,var(--tone,var(--text)) 30%,transparent)}
:root:not(#v) .paywin__order .fx-pipe__step.is-now .fx-pipe__mark{border-width:2px}
@media (max-width:560px){
  :root:not(#v) .paywin__order .fx-pipe__step:not(.is-now){font-size:0;gap:0}
  :root:not(#v) .paywin__order .fx-pipe__step + .fx-pipe__step::before{width:10px;margin:0 5px}
  :root:not(#v) .paywin__order .fx-pipe__step.is-now{gap:7px;font-size:12px}
}

/* 3. Подвижный блик: тот же набор цветов каймы, начало — к свету (--lq-a от glare.js) */
:root:not(#v){
  --lq-stops:rgba(139,92,246,0) 0deg,rgba(139,92,246,.62) 34deg,rgba(255,255,255,.62) 70deg,rgba(244,114,182,.3) 110deg,
    rgba(244,114,182,0) 160deg,rgba(244,114,182,.34) 215deg,rgba(255,255,255,.2) 250deg,rgba(167,139,250,.44) 300deg,rgba(139,92,246,0) 360deg}
:root[data-theme="light"]:not(#v){
  --lq-stops:rgba(124,58,237,0) 0deg,rgba(124,58,237,.5) 34deg,rgba(0,0,0,.18) 70deg,rgba(219,39,119,.26) 110deg,
    rgba(219,39,119,0) 160deg,rgba(219,39,119,.3) 215deg,rgba(0,0,0,.08) 250deg,rgba(124,58,237,.36) 300deg,rgba(124,58,237,0) 360deg}
:root:not(#v).lq-glare .btn::before,
:root:not(#v).lq-glare .pseg::before,
:root:not(#v).lq-glare .plan__card::before,
:root:not(#v).lq-glare .quick::before,
:root:not(#v).lq-glare .trust__item::before,
:root:not(#v).lq-glare .donut::before,
:root:not(#v).lq-glare .hdr-btn::before,
:root:not(#v).lq-glare .account-btn::before,
:root:not(#v).lq-glare .menu-btn::before,
:root:not(#v).lq-glare .cart-btn::before,
:root:not(#v).lq-glare .botcard::before,
:root:not(#v).lq-glare .sticker::before,
:root:not(#v).lq-glare .menu__product::before,
:root:not(#v).lq-glare .hdr-nav__link::before,
:root:not(#v).lq-glare .ghr__eyebrow::before,
:root:not(#v).lq-glare .sticker__chip::before,
:root:not(#v).lq-glare .hwf__up::before,
:root:not(#v).lq-glare .pagelinks a::before,
:root:not(#v).lq-glare .card::before,
:root:not(#v).lq-glare .tile::before,
:root:not(#v).lq-glare .chart::before,
:root:not(#v).lq-glare .notice::before,
:root:not(#v).lq-glare .summary::before,
:root:not(#v).lq-glare .custom-amount::before,
:root:not(#v).lq-glare .form-block::before,
:root:not(#v).lq-glare .showcase-banner::before,
:root:not(#v).lq-glare .psplus-perks::before,
:root:not(#v).lq-glare .faq__item::before,
:root:not(#v).lq-glare .faq-cta::before,
:root:not(#v).lq-glare .modal::before,
:root:not(#v).lq-glare .pay-card::before,
:root:not(#v).lq-glare .cart-item::before,
:root:not(#v).lq-glare .empty::before,
:root:not(#v).lq-glare .seg::before,
:root:not(#v).lq-glare .pick-seg::before{
  background:conic-gradient(from var(--lq-a,200deg),var(--lq-stops));
  opacity:calc(.8 + .2 * var(--lq-k,0))}
/* точка «ожидает оплаты» на значке корзины — не кайма */
:root:not(#v).lq-glare .has-pending::before{background:var(--violet-hi);opacity:1;-webkit-mask:none;mask:none;padding:0}