/* ═══════════ DESKTOP FLOAT BAR (right side) ═══════════ */
.desktop-float-bar{position:fixed;right:16px;top:50%;transform:translateY(-50%);z-index:40;display:none;flex-direction:column;gap:10px}
.float-btn{display:flex;align-items:center;gap:8px;padding:12px 18px;border-radius:28px;font-size:.875rem;font-weight:600;text-decoration:none;box-shadow:0 2px 12px rgba(0,0,0,.15);border:none;cursor:pointer;white-space:nowrap;transition:transform .2s;font-family:inherit}
.float-btn:hover{transform:scale(1.05)}
.float-btn-email{background:#1a1a2e;color:#fff}
.float-btn-wa{background:#25D366;color:#fff}

/* ═══════════ WA QR MODAL ═══════════ */
.wa-qr-modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999}
.wa-qr-modal.open{display:block}
.wa-qr-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);z-index:9999}
.wa-qr-card{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:20px;padding:32px;text-align:center;z-index:10000;box-shadow:0 20px 60px rgba(0,0,0,.3);max-width:340px;width:90%}
.wa-qr-card img{width:260px;height:260px;display:block;margin:0 auto 16px;border-radius:12px}
.wa-qr-card p{font-size:.9375rem;font-weight:600;color:#1a1a2e;margin-bottom:4px}
.wa-qr-number{font-size:.875rem!important;color:#64748b!important;font-weight:400!important}
.wa-qr-close{position:absolute;top:12px;right:16px;background:none;border:none;font-size:1.5rem;color:#94a3b8;cursor:pointer;padding:4px 8px;line-height:1}
.wa-qr-close:hover{color:#1a1a2e}

/* ═══════════ MOBILE STICKY BAR ═══════════ */
.mobile-bar{position:fixed;bottom:0;left:0;right:0;z-index:50;background:#fff;border-top:1px solid #e2e8f0;padding:8px 14px;padding-bottom:max(8px,env(safe-area-inset-bottom));display:flex;gap:10px}
.mobile-bar .btn{flex:1;font-size:.8125rem;font-weight:700;padding:12px;border-radius:10px;border:none;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}
.mobile-bar .btn-email{background:#1a1a2e;color:#fff;text-decoration:none}
.mobile-bar .btn-wa{background:#25D366;color:#fff}

/* ═══════════ BACK TO TOP ═══════════ */
.back-top{position:fixed;bottom:28px;left:28px;z-index:40;width:48px;height:48px;background:#1a1a2e;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .3s;border:none;box-shadow:0 4px 16px rgba(0,0,0,.15)}
.back-top.visible{opacity:1;pointer-events:auto}
.back-top:hover{background:#ea580c}

@media (min-width:768px) {
  .desktop-float-bar{display:flex}
  .mobile-bar{display:none}
}

@media (max-width:767px) {
  .desktop-float-bar{display:none}
  .mobile-bar{display:flex}
  .back-top{bottom:72px;left:16px;width:40px;height:40px;font-size:1rem}
}