#faceplates h2 + ul {
    font-size: 1.5rem;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    grid-area: 3 / 1;
    margin-bottom: 2rem;
}
#faceplates h2 + ul .main-content {
	width: 100%;
	max-width: unset;
}
#faceplates .images li { transform: scale(.85); }
#faceplates .button-icons {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
	grid-area: 4 / 1;
}
#faceplates .button-icons li { width: 97px; }
#faceplates .button-icons .img-1 { display: none; }
#faceplates .button-icons button:not(.active) img {
    filter: brightness(0.675);
}
#faceplates .button-icons button {
	border: 1px solid transparent;
	padding: 2px;
}
#faceplates .button-icons button.active {
	border-color: #44d62c;
}
#faceplates .button-icons button img.inactive,
#faceplates .button-icons button img.active {
	animation: none
}
@media screen and (min-width: 769px) {
  #faceplates .carousel{padding-bottom:6.25rem;}
}
@media screen and (max-width: 768px) {
	#faceplates .bo-temp.carousel-v2 ul.images { margin-top: 2rem; }
	#faceplates .bo-temp.carousel-v2 ul.images picture img { object-fit: contain; }
}
 @media screen and (max-width:767px){} @media screen and (-webkit-max-device-pixel-ratio: 1) and (min-width: 1200px), screen and (min-width: 768px) and (max-width: 1200px){} @media screen and (-webkit-min-device-pixel-ratio: 1) and (min-width: 1200px){} @media screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 1200px){}