.sh-wa, .sh-wa * { box-sizing: border-box; }
.sh-wa { position: fixed; left: 22px; bottom: 22px; z-index: 10010; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.sh-wa .sh-wa__trigger { display: flex; align-items: center; gap: 12px; min-height: 60px; padding: 7px 19px 7px 8px; border: 1px solid rgba(255,255,255,.3); border-radius: 999px; color: #fff; background: #075e49 !important; box-shadow: 0 12px 32px rgba(6, 46, 42, .24), 0 2px 6px rgba(6, 46, 42, .13); cursor: pointer; text-align: left; transition: transform .18s ease, box-shadow .18s ease, background .18s ease; }
.sh-wa .sh-wa__trigger:hover { transform: translateY(-2px); background: #064e3d !important; box-shadow: 0 16px 36px rgba(6, 46, 42, .29); }
.sh-wa__trigger:focus-visible, .sh-wa__close:focus-visible, .sh-wa__continue:focus-visible, .sh-wa textarea:focus-visible { outline: 3px solid #f6be4f; outline-offset: 3px; }
.sh-wa__icon { width: 44px; height: 44px; border-radius: 50%; display: grid; place-items: center; background: #23c473; color: #fff; flex: none; }
.sh-wa__icon svg { width: 25px; height: 25px; }
.sh-wa__trigger-copy { display: flex; flex-direction: column; line-height: 1.13; }
.sh-wa__trigger-copy strong { color: #fff; font-size: 14px; font-weight: 750; letter-spacing: -.01em; }
.sh-wa__trigger-copy small { color: #d2f6e4; font-size: 11px; font-weight: 500; margin-top: 3px; }
.sh-wa__panel[hidden] { display: none !important; }
.sh-wa__panel { position: absolute; left: 0; bottom: calc(100% + 12px); width: min(376px, calc(100vw - 32px)); padding: 24px; border: 1px solid #dce9e5; border-radius: 20px; background: #fff; color: #152e30; box-shadow: 0 22px 70px rgba(13, 49, 51, .23), 0 3px 12px rgba(13, 49, 51, .08); }
.sh-wa__panel-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.sh-wa__eyebrow { display: block; margin-bottom: 7px; color: #087453; font-size: 10px; font-weight: 800; letter-spacing: .12em; }
.sh-wa__panel h2 { margin: 0 0 22px; color: #143338; font-size: 21px; line-height: 1.25; font-weight: 750; letter-spacing: -.025em; }
.sh-wa .sh-wa__close { flex: none; display: grid; place-items: center; width: 30px; height: 30px; border: 0; border-radius: 8px; background: #edf5f2 !important; color: #234546 !important; box-shadow: none !important; font-size: 24px; line-height: 1; cursor: pointer; }
.sh-wa__panel label { display: block; margin-bottom: 8px; color: #213b3c; font-size: 13px; font-weight: 700; }
.sh-wa__panel textarea { display: block; width: 100%; min-height: 112px; padding: 13px 14px; resize: vertical; border: 1px solid #b9d3ca; border-radius: 11px; outline: 0; color: #163235; background: #fbfefd; font: 14px/1.5 inherit; }
.sh-wa__panel textarea::placeholder { color: #607e78; opacity: 1; }
.sh-wa__panel textarea:focus { border-color: #0c855e; box-shadow: 0 0 0 3px rgba(12, 133, 94, .12); }
.sh-wa__hint { margin: 10px 0 16px; color: #5c7372; font-size: 12px; line-height: 1.5; }
.sh-wa .sh-wa__continue { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: 47px; border: 0; border-radius: 11px; background: #087a55 !important; color: #fff !important; font-size: 14px; font-weight: 750; cursor: pointer; transition: background .18s ease; }
.sh-wa .sh-wa__continue:hover { background: #065b41 !important; }
@media (max-width: 600px) { .sh-wa { left: 16px; bottom: 20px; } .sh-wa .sh-wa__trigger { width: 56px; min-height: 56px; justify-content: center; padding: 5px; } .sh-wa__trigger-copy { display: none; } .sh-wa__icon { width: 44px; height: 44px; } .sh-wa__panel { padding: 20px; max-height: calc(100dvh - 120px); overflow-y: auto; } }
@media (prefers-reduced-motion: reduce) { .sh-wa__trigger, .sh-wa__continue { transition: none; } }