.floating-buttons { position:fixed; right:1rem; bottom:33%; z-index:40; display:none; flex-direction:column; gap:.75rem; }
@media(min-width:768px){.floating-buttons{display:flex}}
.floating-btn { width:3rem; height:3rem; border-radius:50%; display:flex; align-items:center; justify-content:center; box-shadow:0 4px 15px rgba(0,0,0,.3); transition:transform .3s; border:none; outline:none; text-decoration:none; cursor:pointer; }
.floating-btn:hover { transform:scale(1.1); }
.floating-btn:focus { outline:none; }
.floating-btn:focus-visible { outline:none; }
.floating-btn svg { width:1.5rem; height:1.5rem; }
.floating-btn.facebook { background:#1877F2; color:white; }
.floating-btn.hotline { background:var(--primary); color:white; }
.floating-btn.zalo { background:#0068FF; color:white; }
.mobile-bottom-bar { position:fixed; bottom:0; left:0; right:0; z-index:40; background:var(--card); border-top:1px solid var(--border); display:grid; grid-template-columns:repeat(3,1fr); }
@media(min-width:768px){.mobile-bottom-bar{display:none}}
.mobile-bottom-btn { display:flex; flex-direction:column; align-items:center; justify-content:center; padding:.75rem; border:none; outline:none; background:none; border-right:1px solid var(--border); text-decoration:none; cursor:pointer; }
.mobile-bottom-btn:focus { outline:none; }
.mobile-bottom-btn:focus-visible { outline:none; }
.mobile-bottom-btn:last-child { border-right:none; }
.mobile-bottom-btn svg { width:1.25rem; height:1.25rem; margin-bottom:.25rem; }
.mobile-bottom-btn span { font-size:.75rem; font-weight:500; }
.mobile-bottom-btn.call { color:var(--primary); }
.mobile-bottom-btn.zalo { color:#0068FF; }
.mobile-bottom-btn.quote { color:var(--foreground); }

/* Left Floating Button (Calculator) */
.floating-left-btn { position:fixed; left:1rem; bottom:2rem; z-index:40; display:flex; }
.calculator-btn { display:flex; align-items:center; gap:0.5rem; background:var(--primary); color:white; padding:0.75rem 1.25rem; border-radius:30px; font-weight:700; text-decoration:none; box-shadow:0 4px 15px rgba(0,0,0,.3); transition:transform .3s, background .3s; outline:none; cursor:pointer; }
.calculator-btn:hover { transform:scale(1.05); background:#e66000; }
.calculator-btn:focus { outline:none; }
.calculator-btn:focus-visible { outline:none; }
.calculator-btn svg { width:1.25rem; height:1.25rem; }

@media (max-width: 768px) {
    .floating-left-btn { bottom: 4.5rem; left: 0.5rem; }
    .calculator-btn { padding: 0.75rem; border-radius: 50%; width: 3rem; height: 3rem; justify-content: center; }
    .calculator-btn span { display: none; }
}