.itemBox {
  position: relative; 
  display: inline-block; 
}

.itemBox img {
  display: block;
  width: 100%; 
  height: auto;
}

/* Изменяем цвет кнопки "Select a Material" */
#dropdownMenuButton {
	text-decoration: none;
	color: #000000;
	background-color: #ff6b35;
	border: 2px solid #e55a2b;
	background: #FF9900;
	padding: 0 6px;
	font-size: inherit;
	font-size: 24px;
}

#dropdownMenuButton:hover {
  color: #FF9900; /* Темнее при наведении */
  background-color: rgba(255, 107, 53, 0.1); /* Легкий оранжевый фон при наведении */
}

#dropdownMenuButton:focus {
  outline: 2px solid #ff6b35; /* Фокус для accessibility */
  box-shadow: 0 0 0 0.2rem rgba(255, 107, 53, 0.25); /* Легкая тень при фокусе */
}

.centered-number {
  position: absolute;
  top: 50%;
  left: 30%;
  transform: translate(-50%, -50%);
  font-size: 30px; /* размер цифры */
  color: #ffffff; /* цвет цифры */
  font-weight: bold;
  pointer-events: none; /* чтобы цифра не мешала кликам по картинке */
  text-shadow: 0px 0px 8px #000000,0px 0px 10px #000000,0px 0px 12px #000000,0px 0px 14px #000000,0px 0px 16px #000000,0px 0px 18px #000000,0px 0px 20px #000000;
}

.dropdown-menu {
  top: 100% !important;
  bottom: auto !important;
  transform: translate3d(0, 0, 0) !important;
}