/* ====== Base helpers ====== */
img, svg, video { display: block; max-width: 100%; height: auto; }
button:disabled { opacity: .6; cursor: not-allowed; }

/* Сглаживание текста чуть приятнее */
html, body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/* Выделение текста (совпадает с Tailwind selection: уже есть, но на всякий случай) */
::selection { background: rgba(34,211,238,.3); color: #fff; }

/* ====== Toast (если используешь тост из формы) ====== */
#formToast { will-change: opacity, transform; }
#formToast.hidden { display: none !important; }

/* ====== Burger (если нужна анимация) ======
   Вариант для SVG с 3 линиями <line>. Если хочешь анимацию —
   замени SVG на тот, что ниже в пункте 3, и оставь эти стили.
*/
#burgerIcon line { transition: transform .25s ease, opacity .2s ease; transform-origin: 50% 50%; }
#burgerIcon.open line:nth-child(1) { transform: translateY(6px) rotate(45deg); }
#burgerIcon.open line:nth-child(2) { opacity: 0; }
#burgerIcon.open line:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }

/* ====== Cookie banner small screens tweak ====== */
#cookieConsent { backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }

  
  
  