/* ===== CSS ===== */
.shape-universal {
  border-radius: 20px;
  box-shadow: -3px -3px 8px rgba(162,162,162,0.15), 3px 3px 8px rgba(162,162,162,0.15);
  backdrop-filter: blur(var(--blurAmount));
  -webkit-backdrop-filter: blur(var(--blurAmount));
  background-color: rgba(255,255,255,var(--baseColorOpacity));
  transition: background-color 0.25s ease, box-shadow 0.25s ease, transform 0.2s ease;
  /* Пример использования:  */
}
-->
@media screen and (-webkit-min-device-pixel-ratio:0) {
  .shape-universal {
    background-color: rgba(255,255,255,var(--baseColorOpacity));
  }
}

/* Глобально отключаем синий tap-highlight на мобильных */
@media (hover: none) and (pointer: coarse) {
  * {
    -webkit-tap-highlight-color: rgba(0,0,0,0); /* надёжнее для старых WebKit */
    -webkit-tap-highlight-color: transparent;   /* дублируем для совместимости */
  }
}