#barcodeBox {
  background-color:white;
  border-radius: 3px;
  padding:10px 10px 5px 10px;
}

.prod.single {
  max-width:800px;
  width:65%;
  display:flex;
  justify-content: center;
  flex-direction:column;
  align-items:center;
  height:auto;
  padding: 20px 0px 20px 0px;
  margin: 20px 0 0 0;
}

.prod.single img:hover {
  cursor:auto;
}

.prod.single .actions {
  width: 95%px;
  margin-top: 15px;
  display: flex;
  justify-content: space-evenly;
  gap: 10px;
  flex-wrap: wrap;
}

.btns .starBtn .center { flex-direction:column; }

.starBtn:hover .left {background-image: url("/images/buttons/red/left.webp"); }
.starBtn:hover .center {background-image: url("/images/buttons/red/center.webp"); }
.starBtn:hover .right {background-image: url("/images/buttons/red/right.webp"); }

.starBtn.pressed .left {background-image: url("/images/buttons/click/left.webp"); }
.starBtn.pressed .center {background-image: url("/images/buttons/click/center.webp"); }
.starBtn.pressed .right {background-image: url("/images/buttons/click/right.webp"); }

.starBtn.have .center { background-image:url("/images/buttons2/blue/center.webp"); line-height: 100% }
.starBtn.have .left { background-image: url("/images/buttons2/blue/left.webp"); width:19px; }
.starBtn.have .right { background-image: url("/images/buttons2/blue/right.webp"); width:19px; }
.starBtn.have:hover .left {background-image: url("/images/buttons2/ltblue/left.webp"); }
.starBtn.have:hover .center {background-image: url("/images/buttons2/ltblue/center.webp"); }
.starBtn.have:hover .right {background-image: url("/images/buttons2/ltblue/right.webp"); }

.starBtn.want .center { background-image:url("/images/buttons2/green/center.webp"); line-height: 100% }
.starBtn.want .left { background-image: url("/images/buttons2/green/left.webp"); width:19px; }
.starBtn.want .right { background-image: url("/images/buttons2/green/right.webp"); width:19px; }
.starBtn.want:hover .left {background-image: url("/images/buttons2/ltgreen/left.webp"); }
.starBtn.want:hover .center {background-image: url("/images/buttons2/ltgreen/center.webp"); }
.starBtn.want:hover .right {background-image: url("/images/buttons2/ltgreen/right.webp"); }

.starBtn.preorder .center { background-image:url("/images/buttons2/purple/center.webp"); line-height: 100% }
.starBtn.preorder .left { background-image: url("/images/buttons2/purple/left.webp"); width:19px; }
.starBtn.preorder .right { background-image: url("/images/buttons2/purple/right.webp"); width:19px; }
.starBtn.preorder:hover .left {background-image: url("/images/buttons2/ltpurple/left.webp"); }
.starBtn.preorder:hover .center {background-image: url("/images/buttons2/ltpurple/center.webp"); }
.starBtn.preorder:hover .right {background-image: url("/images/buttons2/ltpurple/right.webp"); }
.starBtn.preorder .reduce { font-size: 11px; }

.starBtn.sell .center { background-image:url("/images/buttons2/red/center.webp"); line-height: 100% }
.starBtn.sell .left { background-image: url("/images/buttons2/red/left.webp"); width:19px; }
.starBtn.sell .right { background-image: url("/images/buttons2/red/right.webp"); width:19px; }
.starBtn.sell:hover .left {background-image: url("/images/buttons2/ltred/left.webp"); }
.starBtn.sell:hover .center {background-image: url("/images/buttons2/ltred/center.webp"); }
.starBtn.sell:hover .right {background-image: url("/images/buttons2/ltred/right.webp"); }

.starBtn.buy .center { background-image:url("/images/buttons2/yellow/center.webp"); line-height: 100% }
.starBtn.buy .left { background-image: url("/images/buttons2/yellow/left.webp"); width:19px; }
.starBtn.buy .right { background-image: url("/images/buttons2/yellow/right.webp"); width:19px; }
.starBtn.buy:hover .left {background-image: url("/images/buttons2/ltyellow/left.webp"); }
.starBtn.buy:hover .center {background-image: url("/images/buttons2/ltyellow/center.webp"); color:dimgray; }
.starBtn.buy:hover .right {background-image: url("/images/buttons2/ltyellow/right.webp"); }

.starBtn.have .pop { top:-68px }
.starBtn.want .pop { top:-41px }
.starBtn.have:hover .pop { display:flex }
.starBtn.want:hover .pop { display:flex }
.starBtn.none .center {
  color:gray;
}
.starBtn.none .pop .fa-minus {
  cursor:auto;
  color:gray;
}

.starBtn.none .pop .fa-minus:hover {
  border: 1px solid transparent;
}

#backToList { margin-bottom: 15px; }
#backToList .center { width: 250px; }

.prod.single .starBtn .center { width: 95px; }
.prod.single .starBtn { position:relative }
.prod.single .starBtn.buy { margin-top:10px }

.carousel-item .frame {
  width:600px;
  height: 600px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.carousel-item .frame img { max-height: 600px; max-width: 600px; }

@media (max-width: 945px) {
  .carousel-item .frame { width:400px; height: 400px; }
  .carousel-item .frame img { max-height: 400px; max-width: 400px; }
}

@media (max-width: 945px) {
  .prod.single { margin-top: 10px }
}

.prodInfo {
  max-width:800px;
  width:65%;
  background-color:#456ef5;
  color:white;
  border: 1px solid white;
  border-radius: 9px;
  margin:20px 0 0 0;
  display:flex;
  flex-direction: column;
  align-items: center;
  padding-bottom:20px;
}

.prodInfo table {
  max-width:800px;
  width:65%;
  margin: 20px 0px 20px 0px;
}

@media (max-width: 631px) {
  .carousel-item .frame { width:300px; height: 300px; }
  .carousel-item .frame img { max-height: 300px; max-width: 300px; }
  .prod.single { width:100%; }
  .prodInfo { width: 100%; }
  .prodInfo table { width: 92% }
}

.blackArrow .carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%230' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}
.blackArrow .carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%230' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
}
.prodInfo table th {
  vertical-align:top;
  padding-right:5px;
  padding-top:10px;
}

.prodInfo table td {
  padding-top:10px;
}