/*
 * EVENT360 – Callback Requests (public wizard)
 * © INFINITY8WEB | EVENT360
 *
 * Every selector is scoped under .e360cbr and every custom property is named
 * --e360cbr-*, so this file cannot collide with event360-unified.css, with any
 * module's styles, or with the active theme.
 */

/* ── Root / tokens ────────────────────────────────────────────────────────── */
.e360cbr{
  --e360cbr-violet:#7c3aed;
  --e360cbr-violet-dark:#6127c9;
  --e360cbr-ink:#1a1633;
  --e360cbr-ink-2:#413a63;
  --e360cbr-muted:#6b6590;
  --e360cbr-line:rgba(124,58,237,.16);
  --e360cbr-line-strong:rgba(124,58,237,.32);
  --e360cbr-tint:#f6f3ff;
  --e360cbr-danger:#d92661;
  --e360cbr-danger-soft:#fff1f5;
  --e360cbr-success:#0f9d6e;
  --e360cbr-grad:linear-gradient(135deg,#5b21b6 0%,#6d28d9 45%,#7c3aed 100%);
  --e360cbr-grad-btn:linear-gradient(135deg,#6d28d9 0%,#7c3aed 55%,#8b5cf6 100%);
  --e360cbr-shadow-sm:0 2px 8px rgba(94,53,177,.08),0 1px 3px rgba(15,23,42,.04);
  --e360cbr-shadow-lg:0 30px 80px rgba(76,29,149,.18),0 10px 26px rgba(15,23,42,.06);
  --e360cbr-ring:0 0 0 4px rgba(124,58,237,.16);
  --e360cbr-r:16px; --e360cbr-r-lg:22px; --e360cbr-r-xl:30px;
  --e360cbr-ease:cubic-bezier(.4,0,.2,1);

  position:relative;
  isolation:isolate;
  direction:rtl;
  text-align:right;
  /* Full-bleed: fills the viewport width even inside a themed content column. */
  width:100vw;
  max-width:100vw;
  margin-inline:calc(50% - 50vw);
  overflow-x:clip;
  /* Fills the screen when it owns the page, without covering anything else that
     may sit above or below it on a themed page. */
  min-height:100dvh;
  font-family:'Rubik','Assistant','Heebo','Segoe UI',system-ui,-apple-system,sans-serif;
  font-size:16px;
  line-height:1.6;
  color:var(--e360cbr-ink);
  background:#f1ebff;
}
.e360cbr *,.e360cbr *::before,.e360cbr *::after{box-sizing:border-box}
.e360cbr h2,.e360cbr h3,.e360cbr p,.e360cbr dl,.e360cbr dd{margin:0}
.e360cbr button{font:inherit;color:inherit}
.e360cbr img{max-width:100%}
.e360cbr :focus-visible{outline:3px solid var(--e360cbr-violet);outline-offset:2px;border-radius:8px}
.e360cbr-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.e360cbr [hidden]{display:none!important}

/* ── Background ───────────────────────────────────────────────────────────── */
/* Absolute, not fixed: it covers the widget's own area (which is at least a full
   screen tall) and never paints over other content on the same page. */
.e360cbr-bg{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.e360cbr-bg__wash{
  position:absolute;inset:-2px;
  background:
    radial-gradient(52% 44% at 82% 4%,rgba(167,139,250,.42) 0%,rgba(167,139,250,0) 64%),
    radial-gradient(48% 40% at 10% 16%,rgba(196,181,253,.40) 0%,rgba(196,181,253,0) 62%),
    radial-gradient(62% 50% at 50% 104%,rgba(139,92,246,.30) 0%,rgba(139,92,246,0) 66%),
    linear-gradient(168deg,#fcfbff 0%,#f5f1ff 34%,#efe8ff 66%,#f9f7ff 100%);
}
.e360cbr-bg__dots{
  position:absolute;inset:-10%;
  background-image:radial-gradient(rgba(124,58,237,.20) 1.1px,transparent 1.1px);
  background-size:24px 24px;opacity:.55;
  -webkit-mask-image:radial-gradient(130% 100% at 50% 42%,#000 42%,transparent 100%);
  mask-image:radial-gradient(130% 100% at 50% 42%,#000 42%,transparent 100%);
}
.e360cbr-bg__icons{position:absolute;inset:0}
.e360cbr-float{position:absolute;color:rgba(124,58,237,.19);will-change:transform;
  animation:e360cbrFloat var(--t,24s) var(--e360cbr-ease) var(--d,0s) infinite}
.e360cbr-float svg{display:block;width:100%;height:auto;stroke-width:1.5}
@keyframes e360cbrFloat{
  0%{transform:translate3d(0,0,0) rotate(0)}
  25%{transform:translate3d(6px,-16px,0) rotate(2.5deg)}
  50%{transform:translate3d(-5px,-26px,0) rotate(-1.5deg)}
  75%{transform:translate3d(-8px,-12px,0) rotate(1.5deg)}
  100%{transform:translate3d(0,0,0) rotate(0)}
}
.e360cbr-float--mail  {top:8%;   right:6%;  width:96px;  --t:25s; --d:0s}
.e360cbr-float--heart {top:14%;  left:7%;   width:104px; --t:28s; --d:-5s}
.e360cbr-float--gift  {bottom:10%;left:5%;  width:96px;  --t:26s; --d:-9s}
.e360cbr-float--users {bottom:14%;right:6%; width:110px; --t:30s; --d:-3s}
.e360cbr-float--cal   {top:44%;  right:3%;  width:74px;  --t:23s; --d:-12s;color:rgba(99,102,241,.17)}
.e360cbr-float--glass {top:52%;  left:4%;   width:68px;  --t:27s; --d:-7s; color:rgba(139,92,246,.18)}
.e360cbr-float--rings {top:26%;  left:19%;  width:56px;  --t:22s; --d:-14s;color:rgba(124,58,237,.13)}
.e360cbr-float--music {bottom:27%;right:18%;width:52px;  --t:29s; --d:-8s; color:rgba(99,102,241,.13)}
.e360cbr-float--spark {top:64%;  right:23%; width:44px;  --t:21s; --d:-16s;color:rgba(167,139,250,.26)}
.e360cbr-float--cake  {bottom:6%; right:33%;width:60px;  --t:31s; --d:-4s; color:rgba(124,58,237,.12)}

/* ── Shell / header / footer ──────────────────────────────────────────────── */
.e360cbr-shell{position:relative;z-index:1;min-height:100dvh;display:flex;flex-direction:column;
  padding:0 clamp(12px,3vw,28px)}
/* Logo: a touch smaller than before, with noticeably more air before the card. */
.e360cbr-hdr{padding:clamp(24px,4vw,46px) 0 clamp(30px,5vw,58px);display:flex;justify-content:center}
.e360cbr-logo{display:block;width:clamp(176px,29vw,290px);height:auto;margin:0 auto}
.e360cbr-ftr{flex:0 0 auto;
  padding:clamp(18px,2.6vw,26px) 0 calc(clamp(16px,2.4vw,22px) + env(safe-area-inset-bottom,0px));
  display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}
.e360cbr-ftr__links{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 14px;
  font-size:13px;font-weight:500;color:var(--e360cbr-ink-2)}
.e360cbr-ftr a{display:inline-flex;align-items:center;gap:6px;color:inherit;text-decoration:none;
  padding:4px 2px;transition:color .16s var(--e360cbr-ease)}
.e360cbr-ftr a:hover{color:var(--e360cbr-violet-dark);text-decoration:underline;text-underline-offset:3px}
.e360cbr-ftr a svg{width:15px;height:15px;flex:0 0 auto}
.e360cbr-ftr__wa:hover{color:#128c7e}
.e360cbr-ftr__sep{opacity:.45;color:var(--e360cbr-muted)}
.e360cbr-ftr__copy{font-size:11.5px;color:var(--e360cbr-muted)}

/* ── Card ─────────────────────────────────────────────────────────────────── */
.e360cbr-main{flex:1 0 auto;display:flex;align-items:flex-start;justify-content:center;
  padding-bottom:clamp(20px,4vw,40px)}
.e360cbr-card{
  position:relative;width:100%;max-width:740px;
  background:rgba(255,255,255,.93);
  -webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);
  border:1px solid rgba(255,255,255,.9);
  box-shadow:var(--e360cbr-shadow-lg),inset 0 1px 0 rgba(255,255,255,.85);
  border-radius:var(--e360cbr-r-xl);
  padding:clamp(20px,3.4vw,38px);
  min-height:clamp(400px,54vh,540px);
  display:flex;flex-direction:column;
}

/* Progress */
.e360cbr-prog{margin-bottom:clamp(18px,3vw,26px)}
.e360cbr-prog__top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}
.e360cbr-prog__step{font-size:12.5px;font-weight:600;color:var(--e360cbr-violet-dark)}
.e360cbr-prog__name{font-size:12.5px;color:var(--e360cbr-muted)}
.e360cbr-prog__bar{height:5px;border-radius:999px;background:rgba(124,58,237,.12);overflow:hidden}
.e360cbr-prog__fill{height:100%;width:25%;border-radius:999px;background:var(--e360cbr-grad-btn);
  transition:width .45s var(--e360cbr-ease)}

/* ── Steps ────────────────────────────────────────────────────────────────── */
.e360cbr-steps{flex:1 1 auto;position:relative}
.e360cbr-step{display:none}
.e360cbr-step.is-active{display:block;animation:e360cbrStepIn .26s var(--e360cbr-ease) both}
.e360cbr-step.is-back.is-active{animation:e360cbrStepBack .26s var(--e360cbr-ease) both}
@keyframes e360cbrStepIn{from{opacity:0;transform:translateX(14px)}to{opacity:1;transform:none}}
@keyframes e360cbrStepBack{from{opacity:0;transform:translateX(-14px)}to{opacity:1;transform:none}}
.e360cbr-step__icon{
  width:52px;height:52px;border-radius:16px;margin-bottom:14px;
  background:linear-gradient(135deg,#f1ecff,#e9e2ff);border:1px solid var(--e360cbr-line);
  display:grid;place-items:center;color:var(--e360cbr-violet-dark);
}
.e360cbr-step__icon svg{width:24px;height:24px}
.e360cbr-step__title{font-size:clamp(21px,3.2vw,28px);font-weight:800;letter-spacing:-.015em;
  line-height:1.25;color:#2e1065;margin-bottom:8px}
/* The gap under the explainer is identical on every step, so the rhythm of the
   wizard never changes as the visitor moves through it. */
.e360cbr .e360cbr-step__sub{font-size:clamp(14px,1.9vw,15.5px);color:var(--e360cbr-ink-2);
  margin-bottom:clamp(30px,5vw,44px);max-width:52ch}

/* ── Fields ───────────────────────────────────────────────────────────────── */
.e360cbr-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 16px}
.e360cbr-grid--one{grid-template-columns:1fr}
.e360cbr-field{display:flex;flex-direction:column;gap:7px;min-width:0}
.e360cbr-field--full{grid-column:1/-1}
.e360cbr-label{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:600;padding:0}
.e360cbr-req{color:var(--e360cbr-violet);font-weight:700;line-height:1}
.e360cbr-opt-badge{font-size:11.5px;font-weight:500;color:var(--e360cbr-muted);
  background:var(--e360cbr-tint);border:1px solid rgba(124,58,237,.12);
  padding:2px 8px;border-radius:999px;line-height:1.5}
.e360cbr-input,.e360cbr-select,.e360cbr-textarea{
  width:100%;font:inherit;font-size:16px;color:var(--e360cbr-ink);background:#fff;
  border:1px solid var(--e360cbr-line);border-radius:var(--e360cbr-r);
  padding:13px 15px;min-height:50px;margin:0;box-shadow:none;
  -webkit-appearance:none;appearance:none;
  transition:border-color .18s var(--e360cbr-ease),box-shadow .18s var(--e360cbr-ease),background .18s var(--e360cbr-ease);
}
.e360cbr-textarea{min-height:104px;resize:vertical;line-height:1.6}
.e360cbr-input::placeholder,.e360cbr-textarea::placeholder{color:#a29dbf;opacity:1}
.e360cbr-input:hover,.e360cbr-select:hover,.e360cbr-textarea:hover{border-color:rgba(124,58,237,.30)}
.e360cbr-input:focus,.e360cbr-select:focus,.e360cbr-textarea:focus{
  outline:none;border-color:var(--e360cbr-violet);box-shadow:var(--e360cbr-ring);background:#fffdff}
.e360cbr-input[dir="ltr"]{text-align:right}
.e360cbr-input--big{font-size:clamp(20px,3.6vw,25px);font-weight:600;min-height:64px;
  letter-spacing:.10em;text-align:center;direction:ltr;font-variant-numeric:tabular-nums}
.e360cbr-select{padding-inline-end:42px;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237c3aed' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-size:17px;background-position:left 14px center}
.e360cbr input[type="date"]{direction:rtl;text-align:right}
.e360cbr input[type="date"]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6;
  filter:invert(24%) sepia(72%) saturate(3000%) hue-rotate(258deg)}
.e360cbr input[type="date"]::-webkit-calendar-picker-indicator:hover{opacity:1}
.e360cbr input[type="number"]{-moz-appearance:textfield}
.e360cbr-help{font-size:12.5px;color:var(--e360cbr-muted)}
.e360cbr-help--center{text-align:center}
.e360cbr-count{font-size:12px;color:var(--e360cbr-muted);text-align:left}

/* Errors */
.e360cbr-error{display:none;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--e360cbr-danger)}
.e360cbr-error svg{width:14px;height:14px;flex:0 0 auto;stroke-width:2.2}
.e360cbr [data-field].is-bad .e360cbr-error{display:flex}
.e360cbr [data-field].is-bad .e360cbr-input,
.e360cbr [data-field].is-bad .e360cbr-select,
.e360cbr [data-field].is-bad .e360cbr-textarea{border-color:var(--e360cbr-danger);background:var(--e360cbr-danger-soft)}
.e360cbr [data-field].is-bad .e360cbr-input:focus,
.e360cbr [data-field].is-bad .e360cbr-select:focus,
.e360cbr [data-field].is-bad .e360cbr-textarea:focus{box-shadow:0 0 0 4px rgba(217,38,97,.14)}
.e360cbr [data-field].is-bad .e360cbr-label{color:#a3164a}
.e360cbr [data-field].is-bad .e360cbr-opt__box{border-color:rgba(217,38,97,.5)}
.e360cbr-msg{display:none;margin-top:14px;padding:12px 15px;border-radius:var(--e360cbr-r);
  font-size:13.5px;line-height:1.65}
.e360cbr-msg.is-ok{display:block;background:#ecfdf5;border:1px solid rgba(15,157,110,.26);color:#0a6c4d}
.e360cbr-msg.is-bad{display:block;background:var(--e360cbr-danger-soft);border:1px solid rgba(217,38,97,.26);color:#a3164a}
.e360cbr-msg__act{display:inline-block;margin-top:8px;font-weight:700;text-decoration:underline;
  text-underline-offset:3px;cursor:pointer;background:none;border:0;padding:0;color:inherit}

/* Identified strip */
.e360cbr-ident{display:flex;align-items:flex-start;gap:10px;margin-bottom:clamp(16px,2.6vw,22px);
  padding:12px 15px;background:#ecfdf5;border:1px solid rgba(15,157,110,.24);
  border-radius:var(--e360cbr-r);font-size:13.5px;color:#0a6c4d;line-height:1.6}
.e360cbr-ident svg{width:18px;height:18px;flex:0 0 auto;margin-top:2px;color:var(--e360cbr-success)}
.e360cbr-ident b{font-weight:700}
.e360cbr-ident span[dir="ltr"]{font-variant-numeric:tabular-nums}
.e360cbr-ident small{display:block;color:#1b7a5c;opacity:.85;font-size:12.5px;margin-top:2px}

/* ── Choice cards ─────────────────────────────────────────────────────────── */
.e360cbr-opts{display:grid;gap:12px}
.e360cbr-opts--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.e360cbr-opts--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.e360cbr-opt{position:relative;display:block}
.e360cbr-opt input{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}
.e360cbr-opt__box{
  display:flex;align-items:center;gap:13px;height:100%;padding:17px;
  border-radius:var(--e360cbr-r-lg);background:#fff;border:1.5px solid var(--e360cbr-line);
  transition:border-color .18s var(--e360cbr-ease),background .18s var(--e360cbr-ease),
             transform .18s var(--e360cbr-ease),box-shadow .18s var(--e360cbr-ease);
}
.e360cbr-opt__ico{width:46px;height:46px;flex:0 0 auto;border-radius:14px;
  background:linear-gradient(135deg,#f1ecff,#e9e2ff);border:1px solid var(--e360cbr-line);
  display:grid;place-items:center;color:var(--e360cbr-violet-dark);
  transition:background .18s var(--e360cbr-ease),color .18s var(--e360cbr-ease),border-color .18s var(--e360cbr-ease)}
.e360cbr-opt__ico svg{width:22px;height:22px}
.e360cbr-opt__t{display:flex;flex-direction:column;gap:1px;min-width:0}
.e360cbr-opt__n{font-size:16px;font-weight:700}
.e360cbr-opt__d{font-size:13px;color:var(--e360cbr-muted)}
.e360cbr-opt input:hover+.e360cbr-opt__box{border-color:var(--e360cbr-line-strong);transform:translateY(-1px)}
.e360cbr-opt input:focus-visible+.e360cbr-opt__box{outline:3px solid var(--e360cbr-violet);outline-offset:2px}
.e360cbr-opt input:checked+.e360cbr-opt__box{
  border-color:var(--e360cbr-violet);background:linear-gradient(160deg,#faf7ff,#f2ecff);
  box-shadow:0 12px 28px rgba(109,40,217,.15),inset 0 0 0 1px rgba(124,58,237,.16)}
.e360cbr-opt input:checked+.e360cbr-opt__box .e360cbr-opt__ico{
  background:var(--e360cbr-grad);border-color:transparent;color:#fff}
.e360cbr-opt__box--slot{flex-direction:column;align-items:center;text-align:center;gap:3px;padding:15px 10px}
.e360cbr-opt__box--slot svg{width:22px;height:22px;color:var(--e360cbr-violet);stroke-width:1.8}
.e360cbr-opt__box--slot .e360cbr-opt__n{font-size:14.5px}
.e360cbr-opt__box--slot .e360cbr-opt__d{font-size:13px;direction:ltr;font-variant-numeric:tabular-nums}
.e360cbr-opt input:checked+.e360cbr-opt__box--slot .e360cbr-opt__n{color:var(--e360cbr-violet-dark)}

/* Info note */
.e360cbr-note{display:flex;gap:10px;margin-top:14px;padding:12px 14px;background:var(--e360cbr-tint);
  border:1px solid rgba(124,58,237,.13);border-radius:12px;font-size:13px;
  color:var(--e360cbr-ink-2);line-height:1.6}
.e360cbr-note svg{width:17px;height:17px;color:var(--e360cbr-violet);flex:0 0 auto;margin-top:2px}

/* "אחר" reveal */
.e360cbr-reveal{display:none}
.e360cbr-reveal.is-open{display:flex;animation:e360cbrReveal .28s var(--e360cbr-ease) both}
@keyframes e360cbrReveal{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

/* Honeypot */
.e360cbr-hp{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);
  clip-path:inset(50%);white-space:nowrap;opacity:0;pointer-events:none}
.e360cbr-hp input{width:1px;height:1px;padding:0;border:0;font-size:16px}

/* ── Summary ──────────────────────────────────────────────────────────────── */
.e360cbr-sum{display:flex;flex-direction:column;gap:10px}
.e360cbr-sum__grp{border:1px solid var(--e360cbr-line);border-radius:var(--e360cbr-r-lg);
  background:rgba(255,255,255,.7);padding:14px 16px}
.e360cbr-sum__head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}
.e360cbr-sum__t{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:700;color:var(--e360cbr-violet-dark)}
.e360cbr-sum__t svg{width:16px;height:16px}
.e360cbr-sum__edit{font-size:12.5px;font-weight:600;color:var(--e360cbr-violet);background:none;
  border:0;cursor:pointer;padding:4px 8px;border-radius:8px;transition:background .16s var(--e360cbr-ease)}
.e360cbr-sum__edit:hover{background:var(--e360cbr-tint)}
.e360cbr-sum dl{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:0;font-size:13.5px}
.e360cbr-sum dt{color:var(--e360cbr-muted);font-weight:500;white-space:nowrap}
.e360cbr-sum dd{margin:0;font-weight:600;overflow-wrap:anywhere}
.e360cbr-sum dd[dir="ltr"]{text-align:right;font-variant-numeric:tabular-nums}

/* ── Actions ──────────────────────────────────────────────────────────────── */
.e360cbr-acts{display:flex;align-items:center;gap:10px;margin-top:clamp(20px,3vw,28px);
  padding-top:clamp(16px,2.4vw,20px);border-top:1px solid rgba(124,58,237,.12)}
.e360cbr-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;
  min-height:54px;padding:15px 26px;border-radius:var(--e360cbr-r-lg);cursor:pointer;border:0;
  font-size:16px;font-weight:700;
  transition:transform .18s var(--e360cbr-ease),box-shadow .18s var(--e360cbr-ease),
             background .18s var(--e360cbr-ease),filter .18s var(--e360cbr-ease)}
.e360cbr-btn svg{width:19px;height:19px;flex:0 0 auto}
.e360cbr-btn--next{flex:1 1 auto;color:#fff;background:var(--e360cbr-grad-btn);
  box-shadow:0 14px 32px rgba(109,40,217,.28),inset 0 1px 0 rgba(255,255,255,.22)}
/* The label must stay white whatever the active theme does to button text.
   Themes commonly set `button{color:…}` (sometimes with !important), and some
   set -webkit-text-fill-color, so both are pinned here for every state. */
.e360cbr .e360cbr-btn--next,
.e360cbr .e360cbr-btn--next:link,
.e360cbr .e360cbr-btn--next:visited,
.e360cbr .e360cbr-btn--next:hover,
.e360cbr .e360cbr-btn--next:focus,
.e360cbr .e360cbr-btn--next:focus-visible,
.e360cbr .e360cbr-btn--next:active,
.e360cbr .e360cbr-btn--next[disabled],
.e360cbr .e360cbr-btn--next .e360cbr-btn__lbl,
.e360cbr .e360cbr-btn--next span,
.e360cbr .e360cbr-btn--next svg{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
.e360cbr .e360cbr-btn--next svg{stroke:currentColor!important;fill:none!important}
.e360cbr .e360cbr-btn--next::before{color:#fff!important;-webkit-text-fill-color:#fff!important}
.e360cbr-btn--next:hover{transform:translateY(-2px);box-shadow:0 20px 42px rgba(109,40,217,.36)}
.e360cbr-btn--next:active{transform:translateY(0) scale(.995)}
.e360cbr-arw{transition:transform .18s var(--e360cbr-ease)}
.e360cbr-btn--next:hover .e360cbr-arw{transform:translateX(-4px)}
.e360cbr-btn--back{flex:0 0 auto;background:#fff;color:var(--e360cbr-violet-dark);
  border:1.5px solid var(--e360cbr-line-strong)}
.e360cbr-btn--back:hover{background:var(--e360cbr-tint);transform:translateY(-1px);box-shadow:var(--e360cbr-shadow-sm)}
.e360cbr-btn.is-busy{pointer-events:none;filter:saturate(.85);transform:none}
.e360cbr-btn.is-busy .e360cbr-btn__lbl,.e360cbr-btn.is-busy .e360cbr-arw{display:none}
.e360cbr-spin{display:none;width:21px;height:21px}
.e360cbr-btn.is-busy .e360cbr-spin{display:block;animation:e360cbrSpin .8s linear infinite}
@keyframes e360cbrSpin{to{transform:rotate(360deg)}}
.e360cbr-btn.is-busy::before{content:attr(data-busy);font-weight:600}
.e360cbr-legal{margin-top:12px;font-size:12px;color:var(--e360cbr-muted);text-align:center;line-height:1.6}

/* ── Success ──────────────────────────────────────────────────────────────── */
.e360cbr-done{text-align:center;padding:clamp(10px,2vw,24px) 2px}
.e360cbr-done__mark{width:96px;height:96px;margin:0 auto 22px;border-radius:50%;position:relative;
  background:linear-gradient(150deg,#ecfdf5,#f4f0ff);border:1px solid rgba(15,157,110,.22);
  display:grid;place-items:center;color:var(--e360cbr-success)}
.e360cbr-done__mark::after{content:"";position:absolute;inset:-10px;border-radius:50%;
  border:1px solid rgba(15,157,110,.16);animation:e360cbrHalo 2.6s var(--e360cbr-ease) infinite}
@keyframes e360cbrHalo{0%{transform:scale(.94);opacity:.9}70%{transform:scale(1.1);opacity:0}100%{opacity:0}}
.e360cbr-done__mark svg{width:50px;height:50px}
.e360cbr-ck-c{stroke-dasharray:170;stroke-dashoffset:170;animation:e360cbrDraw .7s var(--e360cbr-ease) .1s forwards}
.e360cbr-ck-p{stroke-dasharray:48;stroke-dashoffset:48;animation:e360cbrDraw .45s var(--e360cbr-ease) .6s forwards}
@keyframes e360cbrDraw{to{stroke-dashoffset:0}}
.e360cbr-done--dup .e360cbr-done__mark{background:linear-gradient(150deg,#f4f0ff,#ede7ff);
  border-color:rgba(124,58,237,.24);color:var(--e360cbr-violet)}
.e360cbr-done__t{font-size:clamp(23px,4vw,31px);font-weight:800;letter-spacing:-.015em;margin-bottom:12px;
  background:linear-gradient(96deg,#2e1065,#5b21b6 55%,#7c3aed);
  -webkit-background-clip:text;background-clip:text;color:transparent}
.e360cbr-done__p{font-size:clamp(14.5px,2vw,16px);color:var(--e360cbr-ink-2);max-width:44ch;margin:0 auto}
.e360cbr-done__recap{margin:24px auto 0;max-width:460px;text-align:start;background:var(--e360cbr-tint);
  border:1px solid rgba(124,58,237,.14);border-radius:var(--e360cbr-r);padding:15px 17px}
.e360cbr-done__recap dl{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:0;font-size:13.5px}
.e360cbr-done__recap dt{color:var(--e360cbr-muted);font-weight:500}
.e360cbr-done__recap dd{margin:0;font-weight:600}
.e360cbr-done__recap dd[dir="ltr"]{text-align:right;font-variant-numeric:tabular-nums}

/* ── Mobile ───────────────────────────────────────────────────────────────── */
@media (max-width:720px){
  .e360cbr{font-size:15.5px}
  .e360cbr-shell{padding:0 12px}
  .e360cbr-hdr{padding:20px 0 26px}
  .e360cbr-logo{width:min(54vw,205px)}
  .e360cbr .e360cbr-step__sub{margin-bottom:26px}
  .e360cbr-card{border-radius:24px;padding:18px 15px;min-height:auto}
  .e360cbr-main{padding-bottom:18px}
  .e360cbr-grid{grid-template-columns:1fr;gap:14px}
  .e360cbr-opts--2,.e360cbr-opts--3{grid-template-columns:1fr;gap:10px}
  .e360cbr-opt__box--slot{flex-direction:row;justify-content:flex-start;text-align:start;gap:12px;padding:14px 15px}
  .e360cbr-opt__box--slot .e360cbr-opt__d{margin-inline-start:auto}
  .e360cbr-step__icon{width:46px;height:46px;border-radius:14px;margin-bottom:12px}
  .e360cbr-step__icon svg{width:21px;height:21px}
  .e360cbr-acts{gap:8px}
  .e360cbr-btn{min-height:52px;padding:14px 18px;font-size:15.5px;border-radius:18px}
  .e360cbr-btn--back{padding:14px 16px}
  .e360cbr-btn--back .e360cbr-btn__lbl{display:none}
  .e360cbr-done__mark{width:80px;height:80px;margin-bottom:18px}
  .e360cbr-done__mark svg{width:42px;height:42px}
  .e360cbr-ftr{gap:8px}
  .e360cbr-ftr__links{gap:4px 12px;font-size:12.5px}
  .e360cbr-ftr__sep{display:none}
  .e360cbr-ftr__copy{font-size:11px}
  .e360cbr-bg__dots{background-size:20px 20px;opacity:.45}
  .e360cbr-float{color:rgba(124,58,237,.15)}
  .e360cbr-float--mail{width:56px;top:4%;right:3%}
  .e360cbr-float--heart{width:60px;top:8%;left:3%}
  .e360cbr-float--gift{width:56px;bottom:5%;left:2%}
  .e360cbr-float--users{width:60px;bottom:9%;right:3%}
  .e360cbr-float--rings,.e360cbr-float--music,.e360cbr-float--cake,
  .e360cbr-float--glass,.e360cbr-float--cal{display:none}
  .e360cbr-float--spark{width:28px;top:60%;right:5%}
}
@media (max-width:380px){
  .e360cbr-logo{width:min(58vw,180px)}
  .e360cbr-btn{font-size:15px;padding:14px 14px}
  .e360cbr-input--big{font-size:19px;letter-spacing:.07em}
}
@media (min-width:1600px){
  .e360cbr-card{max-width:800px}
  .e360cbr-float--mail{right:12%}.e360cbr-float--heart{left:13%}
  .e360cbr-float--gift{left:11%}.e360cbr-float--users{right:12%}
}

/* ── User preferences ─────────────────────────────────────────────────────── */
@media (prefers-reduced-motion:reduce){
  .e360cbr *,.e360cbr *::before,.e360cbr *::after{
    animation-duration:.001ms!important;animation-iteration-count:1!important;
    transition-duration:.001ms!important;scroll-behavior:auto!important}
  .e360cbr-float{animation:none}
  .e360cbr-ck-c,.e360cbr-ck-p{stroke-dashoffset:0}
  .e360cbr-btn--next:hover{transform:none}
}
@media (prefers-contrast:more){
  .e360cbr{--e360cbr-line:rgba(76,29,149,.45);--e360cbr-muted:#4a4470;--e360cbr-ink-2:#2a2350}
  .e360cbr-input,.e360cbr-select,.e360cbr-textarea{border-width:1.5px}
}
@media print{
  .e360cbr-bg{display:none}
  .e360cbr-card{box-shadow:none;border:1px solid #ccc}
  .e360cbr-acts{display:none}
}