:root { --biz-bg:#070b12; --biz-card:#111821; --biz-card-2:#0d141c; --biz-text:#f6f8ff; --biz-muted:#91a0b8; --biz-line:rgba(140,164,190,.22); --biz-accent:#22e6d4; --biz-accent-2:#6d7cff; --biz-danger:#ff5c99; --biz-ok:#29dca3; }
.wa-reply { color:var(--biz-text); font-family:Inter,Segoe UI,Arial,sans-serif; direction:ltr; }
.wa-reply[data-lang="he"] { direction:rtl; font-family:Arial,"Segoe UI",sans-serif; }
.wa-reply * { box-sizing:border-box; }
.wa-reply__hero { position:relative; overflow:hidden; border:1px solid rgba(34,230,212,.25); border-radius:28px; padding:clamp(1.25rem,3vw,2.4rem); margin-bottom:1rem; background:radial-gradient(circle at top left,rgba(34,230,212,.22),transparent 32%),linear-gradient(135deg,rgba(16,28,38,.96),rgba(8,11,18,.98)); box-shadow:0 24px 80px rgba(0,0,0,.32); }
.wa-reply__hero h2 { margin:.1rem 0 .35rem; font-size:clamp(2rem,4vw,4rem); line-height:.95; letter-spacing:-.05em; }
.wa-reply__hero p { max-width:760px; margin:.25rem 0 0; color:var(--biz-muted); font-size:1rem; line-height:1.65; }
.wa-reply__eyebrow { margin:0!important; color:var(--biz-accent)!important; text-transform:uppercase; letter-spacing:.22em; font-weight:900; font-size:.78rem!important; }
.wa-reply__layout { display:grid; grid-template-columns:minmax(320px,.9fr) minmax(360px,1.1fr); gap:1rem; align-items:start; }
.wa-reply__card { border:1px solid var(--biz-line); border-radius:24px; padding:1rem; background:linear-gradient(180deg,rgba(17,24,33,.96),rgba(10,15,22,.96)); box-shadow:0 18px 48px rgba(0,0,0,.22); }
.wa-reply__section-head { margin-bottom:1rem; }
.wa-reply__section-head h3 { margin:0 0 .25rem; font-size:1.25rem; letter-spacing:-.02em; }
.wa-reply__section-head p { margin:0; color:var(--biz-muted); line-height:1.55; }
.wa-reply__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.85rem; }
.wa-reply label, .wa-reply__wide { display:grid; gap:.35rem; color:var(--biz-muted); font-weight:800; font-size:.78rem; letter-spacing:.04em; }
.wa-reply input, .wa-reply select, .wa-reply textarea { width:100%; border:1px solid rgba(140,164,190,.22); border-radius:14px; padding:.78rem .9rem; background:#0a1018; color:var(--biz-text); outline:none; font:inherit; }
.wa-reply textarea { resize:vertical; min-height:105px; }
.wa-reply input:focus, .wa-reply select:focus, .wa-reply textarea:focus { border-color:rgba(34,230,212,.65); box-shadow:0 0 0 3px rgba(34,230,212,.12); }
.wa-reply__wide { grid-column:1/-1; }
.wa-reply__actions { display:flex; flex-wrap:wrap; gap:.65rem; margin-top:1rem; }
.wa-reply button { border:1px solid rgba(140,164,190,.25); border-radius:999px; padding:.75rem 1rem; background:#0c1420; color:var(--biz-text); font-weight:900; cursor:pointer; transition:.16s ease; }
.wa-reply button:hover { transform:translateY(-1px); border-color:rgba(34,230,212,.55); }
.wa-reply__primary { background:linear-gradient(135deg,rgba(34,230,212,.95),rgba(35,111,255,.85))!important; color:#031017!important; border-color:transparent!important; }
.wa-reply__status { min-height:1.3rem; margin:.75rem 0 0; color:var(--biz-accent); font-weight:800; }
@media (max-width: 980px) { .wa-reply__layout { grid-template-columns:1fr; } }
@media (max-width: 640px) { .wa-reply__grid { grid-template-columns:1fr; } .wa-reply__hero { border-radius:20px; } .wa-reply__card { border-radius:18px; padding:.85rem; } }
.wa-reply__phone { border-radius:30px; padding:1rem; min-height:610px; background:linear-gradient(180deg,#0b1613,#07100d); border:1px solid rgba(41,220,163,.35); box-shadow:0 24px 80px rgba(0,0,0,.35); }
.wa-reply__phone-head { display:flex; gap:.75rem; align-items:center; padding:.65rem .8rem 1rem; border-bottom:1px solid rgba(255,255,255,.1); }
.wa-reply__avatar { width:42px; height:42px; display:grid; place-items:center; border-radius:50%; background:#25d366; color:#03260f; font-weight:1000; }
.wa-reply__phone-head small { display:block; color:var(--biz-muted); margin-top:.15rem; }
.wa-reply__messages { display:grid; gap:.8rem; padding:1rem .35rem; }
.wa-reply__bubble { justify-self:end; max-width:min(90%,540px); background:#dcf8c6; color:#102015; border-radius:18px 18px 4px 18px; padding:.9rem 1rem; line-height:1.55; white-space:pre-wrap; box-shadow:0 10px 22px rgba(0,0,0,.18); }
.wa-reply[data-lang="he"] .wa-reply__bubble { justify-self:start; text-align:right; }
.wa-reply__bubble button { margin-top:.7rem; background:rgba(0,0,0,.08); color:#102015; border:0; }
.wa-reply__wide { grid-column:1/-1; }
