/* Start:/local/templates/wayoff/cards.css?178697825424125*/
/* ====================================================================
   Подарочные карты /cards/ — лендинг + полноэкранный мастер (мобайл-фёрст)
   Всё под .wfc- неймспейсом, чтобы не задеть стили сайта.
   ==================================================================== */
.wfc{
  --ink:#1a1a1a; --ink2:#5a5a5a; --muted:#9a9a9a; --line:#ececec; --surface:#F4F4F4;
  --accent:#8b253b; --grey:#f1f1f1;
  --dot:#d6d6d6; --ease:cubic-bezier(0.23,1,0.32,1);
  --disp:'Normalidad Text','Golos UI','Helvetica Neue',Arial,sans-serif;
  --sans:'Golos UI','Helvetica Neue',Arial,sans-serif;
}
.wfc *{box-sizing:border-box}

/* ===== лендинг (в потоке страницы) ===== */
.wfc-page{max-width:560px;margin:0 auto;padding:28px 20px 60px}
.wfc-h1{font-family:var(--disp);font-weight:800;font-size:clamp(28px,8vw,36px);letter-spacing:-.025em;margin:0 0 6px;color:var(--ink)}
.wfc-sub{color:var(--ink2);font-size:14px;margin:0 0 22px}
.wfc-tab{font-family:var(--disp);font-weight:600;font-size:18px;color:var(--ink);padding:16px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;cursor:pointer;text-decoration:none}
.wfc-tab--soon{color:#c4c4c4;cursor:default}
.wfc-tab small{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#c4c4c4}
.wfc-tab svg{width:18px;height:18px}
.wfc-banner{margin-top:22px;border-radius:20px;overflow:hidden;cursor:pointer;box-shadow:0 14px 34px rgba(0,0,0,.10)}
.wfc-banner__ph{aspect-ratio:16/8;display:flex;flex-direction:column;justify-content:flex-start;padding:24px 26px;color:#F0EAD8;background:#5C2828 url('/local/templates/wayoff/img/cards/wayoff-template-01-w-watermark.svg') center/cover no-repeat}
.wfc-banner__eyebrow{font-family:var(--disp);font-weight:600;font-size:11px;letter-spacing:.2em;text-transform:uppercase;opacity:.55;margin-bottom:6px}
.wfc-banner__brand{font-family:var(--disp);font-weight:800;font-size:clamp(26px,8vw,38px);line-height:1;letter-spacing:-.005em}
.wfc-banner__cap{padding:16px 18px 18px;background:#fff}
.wfc-banner__cap b{font-family:var(--disp);font-weight:800;font-size:22px;display:block;letter-spacing:-.01em}
.wfc-banner__cap span{font-size:13px;color:var(--ink2)}

/* ===== оверлей-мастер ===== */
.wfc-overlay{position:fixed;top:0;left:0;right:0;bottom:0;height:100vh;height:100dvh;z-index:10050;background:#fff;display:none}
.wfc-overlay.open{display:block}
body.wfc-lock{position:fixed;left:0;right:0;width:100%;overflow:hidden}
.wfc-frame{height:100vh;height:100dvh;max-width:460px;margin:0 auto;display:flex;flex-direction:column;background:#fff;overflow-x:hidden}
/* активный вид заполняет фрейм */
#wfcMobile,#wfcConfig,#wfcDone{flex:1 1 auto;min-height:0}

.wfc-ico{width:38px;height:38px;border:0;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--ink);border-radius:50%}
.wfc-ico:active{background:var(--surface)} .wfc-ico svg{width:22px;height:22px}

/* ===== МОБАЙЛ: карта-герой + аккордеон карточками ===== */
.wfc-mob{display:flex;flex-direction:column;min-height:0;background:#f1f1f1;-webkit-tap-highlight-color:transparent}
.wfc-mob button,.wfc-mob input,.wfc-mob textarea{touch-action:manipulation}
.wfc-mob-top{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:calc(12px + env(safe-area-inset-top,0px)) 14px 10px;background:#fff;border-bottom:1px solid var(--line)}
.wfc-mob-top__t{font-family:var(--disp);font-weight:700;font-size:15px;color:var(--ink)}
.wfc-mob-scroll{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:14px 14px 16px;min-height:0;background:#f1f1f1}
.wfc-mob-hero{margin-bottom:14px}
.wfc-mob-hero .wfc-card{margin-bottom:0;box-shadow:0 14px 32px rgba(60,20,20,.24)}
/* секция = белая карточка-контейнер */
.wfc-mob-sec{background:#fff;border-radius:18px;box-shadow:0 1px 8px rgba(0,0,0,.05);margin-bottom:12px;padding:0 18px}
.wfc-mob-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 0;border:0;background:transparent;cursor:pointer;text-align:left;-webkit-appearance:none}
.wfc-mob-row h2{font-family:var(--disp);font-weight:700;font-size:17px;letter-spacing:-.01em;color:var(--ink)}
.wfc-mob-val{display:flex;align-items:center;gap:8px;font-family:var(--sans);font-size:14px;color:var(--ink)}
.wfc-mob-val [data-secval]{font-weight:600}
.wfc-mob-chev{color:var(--muted);font-size:14px;width:10px;text-align:center}
.wfc-mob-body{padding:0 0 20px}
.wfc-mob-sec:not(.open) .wfc-mob-body{display:none}
.wfc-mob-strip{display:flex;gap:10px;overflow-x:auto;margin:0 -18px;padding:2px 18px 6px;scrollbar-width:none}
.wfc-mob-strip::-webkit-scrollbar{display:none}
.wfc-mob-dz{flex:0 0 104px;aspect-ratio:1000/570;border-radius:11px;border:2px solid transparent;display:flex;align-items:flex-end;padding:8px;color:#F0EAD8;background-size:cover;background-position:center;cursor:pointer}
.wfc-mob-dz span{font-family:var(--disp);font-weight:700;font-size:11px;opacity:.9}
.wfc-mob-dz.on{border-color:var(--ink)}
.wfc-mob-note{font-family:var(--sans);font-size:13px;color:var(--ink2);margin:0 0 12px}.wfc-mob-note b{font-weight:600;color:var(--ink)}
.wfc-mob-chips{display:flex;flex-wrap:wrap;gap:8px}
.wfc-mob-chip{height:42px;padding:0 18px;display:inline-flex;align-items:center;border:1px solid rgba(0,0,0,.18);border-radius:999px;background:#fff;font-family:var(--disp);font-weight:600;font-size:14px;color:var(--ink2);cursor:pointer;transition:background .15s var(--ease),color .15s var(--ease),border-color .15s var(--ease),transform .08s ease-out}
.wfc-mob-chip:active{transform:scale(.95)}
.wfc-mob-chip.on{background:var(--ink);border-color:var(--ink);color:#fff}
.wfc-mob-chip--custom{border-style:dashed}
.wfc-mob-dz:active{transform:scale(.96)}
.wfc-mob-pay{flex:0 0 auto;display:flex;align-items:center;gap:14px;padding:12px 18px calc(16px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);background:#fff}
.wfc-mob-pay__t{font-family:var(--sans);font-size:12px;color:var(--muted)}
.wfc-mob-pay__t b{display:block;font-family:var(--disp);font-weight:800;font-size:20px;letter-spacing:-.01em;color:var(--ink)}
.wfc-mob-pay .wfc-btn{flex:1;width:auto;height:52px}

/* поле произвольной суммы (общее для мобайла и десктопа) */
.wfc-cfg-custom{display:flex;align-items:center;gap:8px;margin-top:14px;max-width:260px;border-bottom:1.5px solid var(--ink);padding-bottom:6px}
.wfc-cfg-custom input{flex:1;min-width:0;border:0;outline:none;background:transparent;font-family:var(--disp);font-weight:700;font-size:22px;letter-spacing:-.01em;color:var(--ink);-moz-appearance:textfield}
.wfc-cfg-custom input::-webkit-outer-spin-button,.wfc-cfg-custom input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.wfc-cfg-custom input::placeholder{color:#c4c4c4;font-weight:400;font-size:16px}
.wfc-cfg-custom__cur{font-family:var(--disp);font-weight:700;font-size:18px;color:var(--muted)}
.wfc-field label .wfc-opt{font-weight:400;letter-spacing:normal;text-transform:none;color:#c4c4c4;margin-left:6px}

/* карта */
.wfc-card{position:relative;border-radius:20px;overflow:hidden;aspect-ratio:1000/570;width:100%;display:flex;flex-direction:column;justify-content:space-between;padding:26px 28px;color:#F0EAD8;box-shadow:0 16px 40px rgba(0,0,0,.16);margin-bottom:6px}
.wfc-card__top{position:relative;z-index:1}
.wfc-card__eyebrow{display:block;font-family:var(--disp);font-weight:600;font-size:11px;letter-spacing:.2em;text-transform:uppercase;opacity:.55;margin-bottom:8px}
.wfc-card__brand{font-family:var(--disp);font-weight:800;font-size:clamp(28px,8vw,40px);letter-spacing:-.005em;line-height:1}
.wfc-card__price{position:relative;z-index:1;font-family:var(--disp);font-weight:800;font-size:clamp(28px,8.5vw,40px);letter-spacing:-.01em;line-height:1;min-height:40px}
.wfc-card__price i{display:block;width:58px;height:3px;background:currentColor;margin-top:12px;border-radius:2px}

.wfc-btn{width:100%;height:56px;border:0;border-radius:100px;background:var(--ink);color:#fff;cursor:pointer;font-family:var(--disp);font-weight:600;font-size:13px;letter-spacing:.14em;text-transform:uppercase;transition:transform .16s var(--ease),background .2s var(--ease)}
.wfc-btn:active{transform:scale(.985)}

.wfc-label{font-family:var(--disp);font-weight:600;font-size:13px;letter-spacing:.06em;color:var(--muted);text-transform:uppercase;text-align:center;margin:26px 2px 18px}

/* арочная крутилка */
.wfc-arc{position:relative;overflow:hidden;user-select:none;touch-action:pan-y}
.wfc-arc__guide{position:absolute;left:0;top:0;pointer-events:none;z-index:1}
.wfc-arc__dot{position:absolute;left:50%;width:7px;height:7px;border-radius:50%;background:var(--ink);transform:translateX(-50%);z-index:3}
.wfc-arc__center{position:absolute;left:50%;width:0;height:0;z-index:2}
.wfc-arc__item{position:absolute;left:0;top:0;display:flex;align-items:center;justify-content:center;will-change:transform,opacity}
.wfc-sw{width:46px;height:46px;border-radius:50%;box-shadow:0 4px 12px rgba(0,0,0,.14)}
.wfc-sw.on{outline:2.5px solid var(--ink);outline-offset:3px}
.wfc-st{width:60px;height:60px;border-radius:50%;background:var(--surface);display:flex;align-items:center;justify-content:center;font-size:30px}
.wfc-st.on{outline:2.5px solid var(--ink);outline-offset:2px;background:#fff}
.wfc-nom{font-family:var(--disp);font-weight:700;font-size:22px;color:#c4c4c4;white-space:nowrap}
.wfc-nom.on{color:var(--ink)}

.wfc-nbig{font-family:var(--disp);font-weight:800;font-size:44px;text-align:center;letter-spacing:-.02em;margin:14px 0 10px}
.wfc-hint{display:block;width:max-content;max-width:90%;margin:0 auto;background:var(--surface);border-radius:100px;padding:8px 18px;font-size:13px;color:var(--ink);text-align:center}
.wfc-hint b{font-weight:700}
@keyframes wfcPop{0%{transform:scale(.9);opacity:.35}60%{transform:scale(1.05)}100%{transform:scale(1);opacity:1}}
.wfc-pop{animation:wfcPop .34s var(--ease)}

.wfc-h2{font-family:var(--disp);font-weight:800;font-size:21px;letter-spacing:-.01em;margin:16px 2px 6px}
.wfc-field{margin:14px 0 4px}
.wfc-field label{display:block;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.wfc-field input,.wfc-field textarea{width:100%;border:0;border-bottom:1.5px solid var(--ink);font-size:17px;font-family:var(--sans);padding:9px 0;outline:none;resize:none;background:transparent;color:var(--ink)}
.wfc-field textarea{overflow:hidden;line-height:1.35;display:block}
.wfc-field input::placeholder,.wfc-field textarea::placeholder{color:#c4c4c4}
.wfc-hintline{font-size:13px;color:var(--muted);margin:6px 0 0}
.wfc-addrow{display:flex;align-items:center;justify-content:space-between;padding:18px 0;border-bottom:1px solid var(--line);cursor:pointer;font-size:16px;font-weight:600;font-family:var(--disp)}
.wfc-addrow .plus{font-size:24px;color:var(--muted);transition:transform .2s var(--ease)}
.wfc-addrow.open .plus{transform:rotate(45deg)}

/* сегмент-тогл в стиле сайта (как фильтр-чипы .wfp__chip): отдельные пилюли */
.wfc-seg{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 4px}
.wfc-seg button{height:38px;padding:0 22px;border:1px solid rgba(0,0,0,.22);background:transparent;cursor:pointer;border-radius:999px;font-family:var(--disp);font-weight:400;font-size:12px;letter-spacing:normal;text-transform:uppercase;color:var(--ink);line-height:1;transition:border-color .2s var(--ease),background-color .2s var(--ease),color .2s var(--ease)}
.wfc-seg button:hover{border-color:var(--ink);background-color:rgba(0,0,0,.03)}
.wfc-seg button.on{background:var(--ink);border-color:var(--ink);color:#fff}
.wfc-infoline{margin-top:20px}.wfc-infoline b{font-family:var(--disp);font-weight:800;font-size:16px;display:block;margin-bottom:4px}

.wfc-hero{position:relative;border-radius:22px;overflow:hidden;margin-bottom:22px;box-shadow:0 18px 44px rgba(0,0,0,.18)}
.wfc-receipt{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}
.wfc-rrow{padding:15px 20px;border-bottom:1px solid var(--line)}
.wfc-rrow:last-child{border-bottom:0}
.wfc-rrow__k{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
.wfc-rrow__v{font-size:16px;line-height:1.35;color:var(--ink);word-break:break-word}
.wfc-total{display:flex;align-items:baseline;justify-content:space-between;padding:20px 4px 6px}
.wfc-total__k{font-family:var(--disp);font-weight:600;font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.wfc-total__v{font-family:var(--disp);font-weight:800;font-size:32px;letter-spacing:-.02em;color:var(--ink)}
.wfc-reassure{display:flex;gap:9px;align-items:flex-start;color:var(--muted);font-size:12.5px;margin:14px 2px 2px;line-height:1.45}
.wfc-reassure svg{width:14px;height:14px;flex:0 0 auto;margin-top:1px;opacity:.7}

/* ===== ЭКРАН УСПЕХА (мобайл: панель; десктоп: сплит). Фон — наш серый ===== */
/* в режиме успеха серым становится весь оверлей, фрейм раскрывается на всю ширину */
.wfc-overlay.wfc-ov-done{background:var(--grey)}
.wfc-overlay.wfc-ov-done .wfc-frame{max-width:none;padding:0;background:var(--grey)}
.wfc-ok{height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;align-items:center;justify-content:center;padding:36px 20px;background:var(--grey)}
.wfc-ok__inner{width:100%;max-width:380px;background:#fff;border-radius:26px;box-shadow:0 24px 60px rgba(40,30,20,.14);padding:0 26px 30px;display:flex;flex-direction:column;align-items:center;text-align:center}
.wfc-ok__cardwrap{display:flex;flex-direction:column;align-items:center;width:100%}
.wfc-ok__card{width:78%;max-width:280px;margin-top:-38px}
.wfc-ok__card .wfc-card{margin-bottom:0;box-shadow:0 22px 46px rgba(60,20,20,.34)}
.wfc-ok__badge{width:38px;height:38px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;margin:-19px 0 0;position:relative;z-index:2;box-shadow:0 8px 18px rgba(139,37,59,.4),0 0 0 5px #fff}
.wfc-ok__badge svg{width:19px;height:19px}
.wfc-ok__content{display:flex;flex-direction:column;align-items:center;width:100%}
.wfc-ok__eb{font-family:var(--disp);font-weight:700;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin:16px 0 8px}
.wfc-ok h2{font-family:var(--disp);font-weight:800;font-size:28px;margin:0;letter-spacing:-.02em;color:var(--ink)}
.wfc-ok__sub{font-family:var(--sans);color:var(--ink2);font-size:14px;line-height:1.55;margin:9px 0 0;max-width:300px}
.wfc-ok__receipt{width:100%;margin-top:22px;border-top:1px solid var(--line)}
.wfc-ok__rrow{display:flex;justify-content:space-between;gap:14px;padding:14px 2px;border-bottom:1px solid var(--line);font-size:14.5px;text-align:left}
.wfc-ok__rrow:last-child{border-bottom:0}
.wfc-ok__rrow .k{color:var(--muted)}.wfc-ok__rrow .v{font-weight:600;color:var(--ink);text-align:right;word-break:break-word}
.wfc-ok__actions{display:flex;flex-direction:column;align-items:center;gap:13px;width:100%;margin-top:24px}
.wfc-ok__actions .wfc-btn{width:100%}
.wfc-link{background:none;border:0;border-bottom:1.5px solid var(--ink);font-family:var(--disp);font-weight:600;font-size:14px;cursor:pointer;padding-bottom:2px;color:var(--ink)}
.wfc-hide{display:none!important}

/* ====================================================================
   ДЕСКТОП-КОНФИГУРАТОР (≥980px). Мобильный мастер не трогаем.
   Типографика/отступы — по токенам сайта (Normalidad заголовки 700/-.01em,
   шкала 4px, радиусы 12px, веса нормализованы).
   ==================================================================== */
.wfc-cfg{display:none}
@media (min-width:980px){
  .wfc-overlay.open{overflow-y:auto}
  .wfc-frame{max-width:1180px;height:auto;min-height:100dvh;padding:0 40px 64px;overflow-x:visible}
  .wfc-mob{display:none!important}
  .wfc-cfg{display:block}

  .wfc-cfg-top{display:flex;align-items:center;justify-content:space-between;padding:32px 0 24px}
  .wfc-cfg-title{font-family:var(--disp);font-weight:700;font-size:28px;letter-spacing:-.01em;color:var(--ink)}

  /* настройки слева, залипающее превью справа */
  .wfc-cfg-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:64px;align-items:start}

  .wfc-cfg-sect{padding:0 0 32px;border-bottom:1px solid var(--line);margin-bottom:32px}
  .wfc-cfg-sect--last{border-bottom:0}
  .wfc-cfg-h{display:flex;align-items:baseline;gap:12px;margin-bottom:16px}
  .wfc-cfg-h .idx{font-family:var(--disp);font-weight:700;font-size:13px;color:var(--muted);letter-spacing:.08em}
  .wfc-cfg-h h2{font-family:var(--disp);font-weight:700;font-size:22px;letter-spacing:-.01em;color:var(--ink)}
  .wfc-cfg-note{font-family:var(--sans);font-size:14px;color:var(--ink2);margin:-8px 0 16px}
  .wfc-cfg-note b{font-weight:600;color:var(--ink)}

  /* дизайны рядком */
  .wfc-cfg-designs{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
  .wfc-cfg-dz{aspect-ratio:1000/570;border-radius:12px;cursor:pointer;border:2px solid transparent;position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:9px;background-size:cover;background-position:center;color:#F0EAD8;transition:transform .18s var(--ease),box-shadow .18s var(--ease)}
  .wfc-cfg-dz span{font-family:var(--disp);font-weight:700;font-size:12px;opacity:.85}
  .wfc-cfg-dz:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(60,20,20,.22)}
  .wfc-cfg-dz.on{border-color:var(--ink);box-shadow:0 0 0 3px #fff,0 0 0 5px var(--ink)}

  /* суммы-чипы */
  .wfc-cfg-chips{display:flex;flex-wrap:wrap;gap:10px}
  .wfc-cfg-chip{padding:13px 20px;border-radius:100px;border:1.5px solid var(--line);background:#fff;cursor:pointer;font-family:var(--disp);font-weight:600;font-size:15px;color:var(--ink2);transition:all .15s var(--ease)}
  .wfc-cfg-chip:hover{border-color:var(--ink2);color:var(--ink)}
  .wfc-cfg-chip.on{background:var(--ink);border-color:var(--ink);color:#fff}
  .wfc-cfg-chip--custom{border-style:dashed}
  .wfc-cfg-chip--custom.on{border-style:solid}

  .wfc-cfg-row2{display:grid;grid-template-columns:1fr 1fr;gap:24px}
  .wfc-cfg-when{margin-top:16px;color:var(--ink2);font-size:14px}
  .wfc-cfg-when b{font-family:var(--disp);display:block;font-weight:700;font-size:15px;color:var(--ink);margin-bottom:2px}

  /* залипающая правая колонка */
  .wfc-cfg-aside{position:sticky;top:32px}
  .wfc-cfg-cap{font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}
  .wfc-cfg-aside .wfc-card{margin-bottom:0;border-radius:16px 16px 0 0}
  .wfc-cfg-sum{border:1px solid var(--line);border-top:0;border-radius:0 0 16px 16px;padding:2px 18px}
  .wfc-cfg-srow{display:flex;justify-content:space-between;gap:14px;padding:13px 0;border-bottom:1px solid var(--line);font-size:14px}
  .wfc-cfg-srow:last-child{border-bottom:0}
  .wfc-cfg-srow .k{color:var(--muted)}
  .wfc-cfg-srow .v{font-weight:600;text-align:right;color:var(--ink);word-break:break-word}
  .wfc-cfg-tot{display:flex;align-items:baseline;justify-content:space-between;margin:16px 2px 16px}
  .wfc-cfg-tot span{font-family:var(--disp);font-weight:600;font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
  .wfc-cfg-tot b{font-family:var(--disp);font-weight:800;font-size:28px;letter-spacing:-.02em;color:var(--ink)}
  .wfc-cfg-aside .wfc-reassure{margin-top:14px}

  /* экран успеха — сплит: карта слева, детали справа */
  .wfc-ok{padding:60px 40px}
  .wfc-ok__inner{max-width:880px;background:transparent;box-shadow:none;border-radius:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;text-align:left}
  .wfc-ok__card{width:100%;max-width:380px;margin-top:0}
  .wfc-ok__card .wfc-card{box-shadow:0 30px 64px rgba(60,20,20,.3)}
  .wfc-ok__badge{width:44px;height:44px;margin:-22px 0 0;box-shadow:0 8px 20px rgba(139,37,59,.45),0 0 0 5px var(--grey)}
  .wfc-ok__badge svg{width:22px;height:22px}
  .wfc-ok__content{align-items:flex-start}
  .wfc-ok__eb{margin:0 0 10px}
  .wfc-ok h2{font-size:40px;letter-spacing:-.025em;line-height:1}
  .wfc-ok__sub{font-size:16px;max-width:none}
  .wfc-ok__receipt{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}
  .wfc-ok__rrow{padding:16px 20px}
  .wfc-ok__actions{align-items:stretch;margin-top:26px}
  .wfc-ok__actions .wfc-link{align-self:flex-start}
}

/* ── Оплата карты и ошибки формы (добавлено вместе с реальным оформлением) ── */
.wfc-paytiles{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}
.wfc-paytile{flex:1 1 180px;min-width:160px;text-align:left;padding:14px 18px;border:1px solid rgba(0,0,0,.18);border-radius:16px;background:#fff;cursor:pointer;
  transition:border-color .2s var(--ease),background .2s var(--ease),color .2s var(--ease),transform .08s ease-out}
.wfc-paytile b{display:block;font-family:var(--disp);font-weight:600;font-size:15px;letter-spacing:-.01em;color:var(--ink)}
.wfc-paytile span{display:block;margin-top:3px;font-family:var(--sans);font-size:12px;color:var(--muted)}
.wfc-paytile:hover{border-color:var(--ink);background:rgba(0,0,0,.03)}
.wfc-paytile:active{transform:scale(.985)}
.wfc-paytile.on{background:var(--ink);border-color:var(--ink)}
.wfc-paytile.on b{color:#fff}
.wfc-paytile.on span{color:rgba(255,255,255,.6)}
.wfc-err{margin:12px 0 0;padding:12px 16px;border-radius:12px;background:rgba(139,37,59,.08);border:1px solid rgba(139,37,59,.25);
  font-family:var(--sans);font-size:13px;line-height:1.45;color:#8b253b}
.wfc-btn[disabled]{opacity:.6;cursor:default}
#wfcMobErr{margin:16px}

/* Номер карты на превью конструктора — как эмбоссинг на банковской */
.wfc-card__foot{position:relative;z-index:1}
.wfc-card__pan{display:block;font-family:'SF Mono','Menlo','Consolas',monospace;font-weight:500;
  font-size:clamp(13px,3.8vw,17px);letter-spacing:.12em;opacity:.85;margin-bottom:10px;
  text-shadow:0 1px 0 rgba(0,0,0,.35),0 -1px 0 rgba(255,255,255,.18)}

/* ── «Намекнуть близким» + плашка пришедшим по намёку ── */
.wfc-hint{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:18px}
.wfc-hint__q{font-family:var(--sans);font-size:13px;color:var(--muted)}
.wfc-hint__btn{display:inline-flex;align-items:center;gap:6px;border:0;background:none;padding:0;cursor:pointer;
  font-family:var(--disp);font-weight:600;font-size:13px;color:var(--ink);border-bottom:1.5px solid currentColor;padding-bottom:1px;
  transition:color .15s var(--ease)}
.wfc-hint__btn:hover{color:#8b253b}
.wfc-hint__btn svg{width:15px;height:15px}
.wfc-hint__done{font-family:var(--sans);font-size:12px;color:#8b253b}
.wfc-hintin{margin:0 0 18px;padding:12px 18px;border-radius:14px;background:#faf6f7;border:1px dashed #cdb9bd;
  font-family:var(--sans);font-size:14px;color:#5C2828}

/* Светлые макеты (белая карта): видимая обводка плитки и мягкая тень номера */
.wfc-cfg-dz.is-light,.wfc-mob-dz.is-light{box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}
.wfc-card.is-light{box-shadow:0 16px 40px rgba(0,0,0,.10);border:1px solid rgba(0,0,0,.07)}
.wfc-card.is-light .wfc-card__pan{text-shadow:0 1px 0 rgba(255,255,255,.7),0 -1px 0 rgba(0,0,0,.08)}

/* End */
/* /local/templates/wayoff/cards.css?178697825424125 */