.quantity-sold{
    display: block;
    margin-top: 5px;
}
.productdetails table{
    width: 100%;
}
.productdetails table td img{
    width: 100%;
    margin: 15px 0px;
}
.productdetails table td:empty{
    display: none;
    padding: 0px !important;
}
@media(min-width: 1025px){
    .productdetails table td{
        vertical-align: top;
        padding: 15px 8px;
    }
    .productdetails table.col-table-3 td{
        width: 33%;
    }
    .productdetails table.col-table-2 td{
        width: 50%;
    }
}
@media(max-width: 1024px){
    .productdetails table iframe{
        width: 100%;
    }
    .productdetails table, .productdetails td, .productdetails tr, .productdetails th, .productdetails tbody{
        display: block !important;
        width: 100%;
        padding: 5px 0px;
    }
    .productdetails .row{
        display: block !important;
    }

    .productdetails  img {
        max-width: 100%!important;
        width: 100% !important;
        height: auto !important;
    }
    .productdetails .columns{
        width: 100% !important;
        -webkit-box-flex: 0;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}

/* OMG task 28938992 (2026-07-08): homepage hero - fit long H1 on one line (desktop) */
@media (min-width: 768px) {
    section.homepageBanner .h1.headline {
        font-size: clamp(32px, 3vw, 54px);
        line-height: 1.25;
    }
}
/* OMG task 28938992: keep banner text + CTAs above the overlay images (all widths) */
section.homepageBanner .caption,
section.homepageBanner .fix_links {
    z-index: 5;
}