:root {
    --product-image-height: 482px;
}

.product_single_img {
    /* position: relative; */
}

.product_single_img .product-label {
    position: absolute;
    top: 20px;
    left: 20px;
    padding: 5px 10px;
    color: white;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    z-index: 100;
}

.product_single_img .product-label.new {
    background-color: #DC3545;
}

.product_single_img .product-label.discontinued {
    /* background-color: grey; */
}

.product_single_img .product-label.coming-soon {
    background-color: var(--dark_blue);
}

.single_title_area h2 {
    font-size: 3rem;
    line-height: 3.6rem;
    font-weight: 700;
    color: black;
    /* max-width: 38.5rem; */
    margin-bottom: 2.6rem;
}

.html-contents ul {
    list-style: circle;
}

.html-contents ul > li {
    display: block;
    padding-left: 25px;
    position: relative;
}

.html-contents ul > li::before {
    content: url('/omcan/assets/img/right-arrow.svg');
    position: absolute;
    left: 0;
    top: 0;
    /* transform: translateY(-50%); */
}

#product_details_img_wrap .owl-stage-outer,
#product_details_img_wrap .owl-stage-outer .s_b_img,
#main_image-parent {
    height: var(--product-image-height);
}

#product_details_img_wrap .owl-stage-outer .s_b_img {
    display: flex !important; /* Enables flexbox for centering */
    justify-content: center !important; /* Centers content horizontally */
    align-items: center !important; /* Centers content vertically */
}

#product_details_img_wrap {
    background-color: white;
    border-radius: 0.5rem;
    height: var(--product-image-height);
}

.product_details_thumb_wrap {
    background-color: white;
    padding: 1rem 8.2rem;
    margin-top: 0;
    border-radius: 0.5rem;
}

#product_details_thumb.owl-carousel .owl-nav button.owl-next,
#product_details_thumb.owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 50%;
    height: 4rem;
    width: 4rem;
    cursor: pointer;
    border: 0.1rem solid #a9a9a9;
    background-color: transparent;
    color: #a9a9a9;
}

#product_details_thumb.owl-carousel .owl-nav button.owl-next.disabled,
#product_details_thumb.owl-carousel .owl-nav button.owl-prev.disabled {
    background-color: transparent;
    color: #a9a9a9;
    border-color: #a9a9a9;
}

#product_details_thumb.owl-carousel .owl-nav button.owl-prev {
    left: -5rem;
}

#product_details_thumb.owl-carousel .owl-nav button.owl-prev::after {
    content: '\f060';
    font-family: 'Font Awesome 5 Pro';
    font-weight: 500;
    font-size: 2rem;
}

#product_details_thumb.owl-carousel .owl-nav button.owl-next {
    right: -5rem;
}

#product_details_thumb.owl-carousel .owl-nav button.owl-next::after {
    content: '\f061';
    font-family: 'Font Awesome 5 Pro';
    font-weight: 500;
    font-size: 2rem;
}

#product_details_thumb.owl-carousel .owl-nav button span {
    display: none;
}

#product_details_thumb .s_s_img {
    cursor: pointer;
    height: 100px;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}

#product_details_thumb .s_s_img img {
    width: 100%;
    max-height: 100px;
    object-fit: contain;
}

.product_details_thumb_wrap .owl-stage-outer .owl-item,
.product_details_thumb_wrap .owl-stage-outer .s_s_img {
    height: 100%;
}

.product_details_thumb_wrap .owl-stage-outer .s_s_img,
.product_details_thumb_wrap .owl-stage-outer .s_s_img img {
    padding: 3px;
}

.product_container .file_img_container {
    height: 160px;
    border: 1px solid #ccc;
    display: flex;
    justify-content: center;
    align-items: center;
}

.product_container .file_img_container:hover {
    border-color: var(--dark_blue);
}

.product_container img {
    max-height: 158px;
    max-width: 130px;
    height: auto;
    width: auto;
}

#filesContainer .img_wrap {
    width: 135px;
    border: 1px solid #ccc;
    min-height: 172px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#filesContainer .img_wrap:hover {
    border-color: var(--dark_blue);
}

#filesContainer .img_wrap img {
    height: 175px;
    width: auto;
    max-width: 100%;
    padding: 2px;
}

#filesContainer h3 {
    min-height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.wystable {
    width: 100%;
    border: 0.1rem solid #d9d9d9;
}

.wystable th,
.wystable td {
    padding: 1rem;
    border: 0.1rem solid #d9d9d9;
}

.wystable th > p,
.wystable td > p {
    margin-bottom: 0px;
}

.wystable th:first-child,
.wystable td:first-child {
    background-color: #ededed;
}

.single_available .missing {
    background-color: #f0f0f0;
}

.single_available a.missing:hover {
    background-color: #f0f0f0 !important;
    cursor: not-allowed !important;
    color: #202731 !important;
}

.available_ul {
    min-height: 100px;
}

.load_wrap {
    display: none;
}

#accessories {
    max-height: 380px;
    overflow-y: auto;
}

.youtube_frame {
    height: 434px;
}

.related_accessories li {
    border-bottom: 0.1rem solid #eaeaea;
}

.related_accessories li:last-child {
    border-bottom: none;
}

.related_accessories li span,
.related_accessories li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 1.2rem 0.5rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.1rem;
}
.modal-title
{
    font-size: 2rem;
}
.modal-body p
{
    font-size: 1.6rem;
    line-height: 2.2rem;
    text-align: justify;
    padding-bottom: 2rem;
}
.related_accessories li img {
    width: 100%;
    max-width: 3.5rem;
}
.wyseditor img 
{
    max-width: 100%;
}
.lightbox {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
  }
.product_variations > ul
{
    max-height: 200px;
    overflow-y: auto;
}
ul.available_ul parameter_values_2
{
    max-height: 175px;
  overflow-y: auto;
}
@media (max-width: 1499px){
	.youtube_frame {
        height: 401px;
    }
}
@media (max-width: 1366px){
	.youtube_frame {
        height: 351px;
    }
}
@media (max-width: 1199px){
	.youtube_frame {
        height: 289px;
    }
}
@media (max-width: 992px){
	.youtube_frame {
        height: 378px;
    }
}
@media (max-width: 768px){
	.youtube_frame {
        height: 200px;
    }
    #filesContainer .img_wrap
    {
        margin: auto;
    }
    .product-label
    {
        font-size: 10px;
        padding: 3px 7px;
    }
    #filesContainer h3
    {
        font-size: 2rem;
        min-height: 0px;
    }
    .question_about_product.question_about_product.mobile{
        margin-top: -50px;
    }
}