/* ===== Trust badges ===== */
.trust{display:grid;gap:12px;margin-top:16px}
.trust-badges{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.tb{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:12px;border:1px solid rgba(127,127,127,.22);background:rgba(127,127,127,.06)}
.tb-ic{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;flex-shrink:0;color:#16a34a;background:rgba(22,163,74,.12)}
.tb b{display:block;font-size:11.5px;letter-spacing:.06em;line-height:1.2}
.tb small{display:block;font-size:11px;opacity:.7;line-height:1.3}
.trust-cards{display:flex;align-items:center;flex-wrap:wrap;gap:6px}
.cardlogo{height:30px;padding:0 9px;border-radius:7px;background:#fff;display:inline-flex;align-items:center;gap:4px;box-shadow:0 1px 3px rgba(0,0,0,.15)}
.cardlogo b{font-size:11px;color:#1a1a1a}
.secure-txt{margin-left:auto;display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;color:#16a34a}
.trust-dark .tb{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:#f4efe6}
.trust-dark .tb-ic{color:#5ee38c;background:rgba(94,227,140,.12)}
.trust-dark .secure-txt{color:#5ee38c}
.trust-light .tb{background:#fff;border-color:rgba(19,34,29,.12)}
.trust-wide .trust-badges{grid-template-columns:repeat(4,1fr)}
.trust-wide{max-width:1100px;margin:0 auto 26px}
.trust-wide .trust-cards{justify-content:center}
.trust-wide .secure-txt{margin-left:10px}
@media (max-width:760px){.trust-wide .trust-badges{grid-template-columns:1fr 1fr}.secure-txt{margin-left:0;width:100%}}

/* ===== Live support ===== */
.sup{position:fixed;right:18px;bottom:18px;z-index:90;font-family:'Manrope',system-ui,sans-serif}
.sup-fab{position:relative;width:62px;height:62px;border-radius:50%;border:0;cursor:pointer;color:#fff;background:linear-gradient(135deg,#25d366,#128c7e);box-shadow:0 14px 34px -8px rgba(18,140,126,.7);display:grid;place-items:center;transition:transform .3s cubic-bezier(.2,.8,.2,1);animation:supBob 3s ease-in-out infinite}
.sup-fab:hover{transform:scale(1.07)}
.sup-fab-x{display:none;font-size:22px;font-weight:700}
.sup.open .sup-fab-ic{display:none}.sup.open .sup-fab-x{display:block}
.sup.open .sup-fab{animation:none}
.sup-dot{position:absolute;top:4px;right:4px;width:14px;height:14px;border-radius:50%;background:#ff3b30;border:2px solid #fff;animation:supPing 1.8s infinite}
.sup.seen .sup-dot{display:none}
@keyframes supBob{50%{transform:translateY(-5px)}}
@keyframes supPing{0%{box-shadow:0 0 0 0 rgba(255,59,48,.6)}100%{box-shadow:0 0 0 12px rgba(255,59,48,0)}}
.sup-hint{position:absolute;right:74px;bottom:14px;white-space:nowrap;background:#fff;color:#14231e;font-size:13px;font-weight:700;padding:9px 14px;border-radius:14px 14px 4px 14px;box-shadow:0 10px 30px -8px rgba(0,0,0,.35);opacity:0;transform:translateX(10px);transition:.4s;pointer-events:none}
.sup-hint.show{opacity:1;transform:none}
.sup.open .sup-hint{display:none}
.sup-panel{position:absolute;right:0;bottom:76px;width:min(370px,calc(100vw - 24px));max-height:min(620px,calc(100vh - 110px));display:flex;flex-direction:column;background:#fff;color:#14231e;border-radius:22px;overflow:hidden;box-shadow:0 30px 80px -20px rgba(0,0,0,.55);transform-origin:bottom right;transform:scale(.85) translateY(20px);opacity:0;pointer-events:none;transition:.35s cubic-bezier(.2,.8,.2,1)}
.sup.open .sup-panel{transform:none;opacity:1;pointer-events:auto}
.sup-head{display:flex;align-items:center;gap:12px;padding:16px 18px;background:linear-gradient(135deg,#0f2f27,#1a4a3c);color:#fff}
.sup-head b{display:block;font-size:15px}
.sup-head small{font-size:12px;color:#9fe0b5}
.sup-head button{margin-left:auto;background:rgba(255,255,255,.12);border:0;color:#fff;width:32px;height:32px;border-radius:50%;cursor:pointer}
.sup-av{position:relative;width:42px;height:42px;border-radius:50%;background:#fff;padding:4px}
.sup-av img{width:100%;height:100%;object-fit:contain}
.sup-av i{position:absolute;right:0;bottom:0;width:11px;height:11px;border-radius:50%;background:#22c55e;border:2px solid #0f2f27}
.sup-body{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px;background:#f4f1ea url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Ccircle cx='2' cy='2' r='1' fill='%23e3dccd'/%3E%3C/svg%3E")}
.msg{max-width:86%;padding:10px 13px;border-radius:14px;font-size:13.5px;line-height:1.5;animation:msgIn .35s cubic-bezier(.2,.8,.2,1)}
.msg.bot{background:#fff;border-radius:4px 14px 14px 14px;box-shadow:0 1px 2px rgba(0,0,0,.08)}
.msg.me{align-self:flex-end;background:#d9fdd3;border-radius:14px 4px 14px 14px}
.msg.typing{display:flex;gap:4px;padding:13px}
.msg.typing i{width:7px;height:7px;border-radius:50%;background:#9aa;animation:tp 1s infinite}
.msg.typing i:nth-child(2){animation-delay:.15s}.msg.typing i:nth-child(3){animation-delay:.3s}
@keyframes tp{50%{transform:translateY(-4px);opacity:.5}}
@keyframes msgIn{from{opacity:0;transform:translateY(8px)}}
.sup-quick{display:flex;flex-wrap:wrap;gap:6px}
.sup-quick button{border:1.5px solid #17483b;background:#fff;color:#17483b;border-radius:999px;padding:6px 12px;font:inherit;font-size:12.5px;font-weight:700;cursor:pointer;transition:.2s}
.sup-quick button:hover{background:#17483b;color:#fff}
.sup-foot{padding:12px;border-top:1px solid #eee;display:grid;gap:10px;background:#fff}
.sup-wa{display:flex;align-items:center;justify-content:center;gap:8px;height:46px;border-radius:12px;background:#25d366;color:#fff!important;font-weight:800;font-size:14.5px;text-decoration:none;transition:.2s}
.sup-wa:hover{background:#1ebe5b}
.sup-form{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.sup-form input,.sup-form textarea{width:100%;border:1.5px solid #e3e3e3;border-radius:10px;padding:9px 11px;font:inherit;font-size:13px;color:#14231e;background:#fff;resize:none}
.sup-form textarea{grid-column:1/-1}
.sup-form input:focus,.sup-form textarea:focus{outline:0;border-color:#17483b}
.sup-send{grid-column:1/-1;height:40px;border:0;border-radius:10px;background:#17483b;color:#fff;font:inherit;font-weight:800;font-size:13.5px;cursor:pointer}
.sup-send[disabled]{opacity:.6}
.sup .hp{position:absolute!important;left:-9999px!important;opacity:0;height:0;width:0}
body.lp .sup{bottom:18px}
@media (max-width:760px){body.lp .sup{bottom:86px}.sup-hint{display:none}.sup-fab{width:56px;height:56px}}
[hidden]{display:none!important}
