/* === Šipky carouselu na úvodní stránce (grandstyl) === */
/* Menší, u okrajů, na počítači se ukážou až po najetí myší */
#carousel .carousel-control {
  width: 48px !important;
  background: none !important;
  opacity: 0 !important;
  transition: opacity .25s;
}
#carousel .carousel-control.left  { left: 6px !important; }
#carousel .carousel-control.right { right: 6px !important; }
#carousel:hover .carousel-control { opacity: .85 !important; }
#carousel .carousel-control:hover { opacity: 1 !important; }

/* Dotyková zařízení (mobil/tablet): šipky vždy jemně vidět */
@media (hover: none) {
  #carousel .carousel-control { opacity: .6 !important; width: 36px !important; }
}