/* Швидкий зв'язок у демоконцептах: показує, що з будь-якого екрана
   можна подзвонити або написати. У макетах кнопки не з'єднують нікуди —
   по натисканню показуємо ту саму примітку, що й форми. */
.quick-contact{position:fixed;right:18px;bottom:18px;z-index:80;display:flex;flex-direction:column;gap:12px;align-items:flex-end}
.quick-contact button{width:52px;height:52px;padding:0;border:0;border-radius:50%;cursor:pointer;display:grid;place-items:center;box-shadow:0 0 0 1px #ffffff38,0 8px 20px -8px #0e1a2299,0 1px 2px #0e1a2233;transition:transform .25s ease,box-shadow .25s ease}
.quick-contact button:hover{transform:translateY(-3px);box-shadow:0 0 0 1px #ffffff55,0 12px 26px -8px #0e1a22aa,0 1px 2px #0e1a2233}
.quick-contact button:focus-visible{outline:3px solid #fff;outline-offset:-3px;box-shadow:0 0 0 3px #1f2a30}
.quick-contact svg{width:25px;height:25px;display:block;fill:#fff}
.qc-call{background:#1f2a30}
.qc-telegram{background:#2aabee}
.qc-whatsapp{background:#25d366}
.qc-note{position:fixed;right:18px;bottom:150px;z-index:80;max-width:min(300px,calc(100vw - 36px));padding:12px 15px;border-radius:12px;background:#1f2a30;color:#fff;font:400 13px/1.5 inherit;box-shadow:0 14px 30px -12px #0e1a22cc;opacity:0;transform:translateY(6px);transition:opacity .25s ease,transform .25s ease;pointer-events:none}
.qc-note[data-visible]{opacity:1;transform:none}
@media(max-width:700px){
 .quick-contact{right:14px;bottom:14px;gap:10px}
 .quick-contact button{width:46px;height:46px}
 .quick-contact svg{width:22px;height:22px}
 .qc-note{right:14px;bottom:128px;font-size:12.5px}
}
@media(prefers-reduced-motion:reduce){
 .quick-contact button,.qc-note{transition:none}
 .quick-contact button:hover{transform:none}
}
@media print{.quick-contact,.qc-note{display:none}}
