.pc-spec-block{
    display: block;
}
.mobile-spec-block{
    display: none;
}

.product-content{
    display: flex;
    justify-content: center;
}
.product-content table thead tr th,.product-content table tbody tr td{

    padding-right:80px;
}
.product-content table thead tr th{
    padding-bottom: 10px;
}

.meibovue .product-content{
    flex-direction: column;
}
.meibovue .product-content table:nth-of-type(2) td{
    border-width: 1px;
    border-style: solid;
    border-color: rgb(221, 221, 221);
    padding:0px 30px !important;
    text-align: center;
    vertical-align: middle;
}

.meibovue .product-content table:nth-of-type(2)  tr td:nth-of-type(1){
    min-width: 50px;
}
.meibovue .product-content table:nth-of-type(2) tr td:nth-of-type(3){
    min-width: 50px;
}

.meibovue .product-content table:nth-of-type(3) tr td{
    text-align: center;
    padding:10px;
    border-top: 0px;
    border:1px solid rgb(221, 221, 221);
    border-top: none;
}

.quikvue .product-content{
    flex-direction: column;
}
.quikvue .product-content .img-div{
   border:1px solid rgb(221, 221, 221);
   border-bottom: none;
    border-right: none;
   width: fit-content;
}
.quikvue .product-content .img-div .img-div-title{
    padding:10px;
    border-right:1px solid rgb(221, 221, 221);
    font-weight: bold;
}
.quikvue .product-content .img-div .img-div-content .img-div-content-img-wrap{
    padding: 20px;
    border:1px solid rgb(221, 221, 221);
    border-right: none;
    border-left: none;
}
.quikvue .product-content .img-div .img-div-content{
    display: flex;
}
.quikvue .product-content .img-div table td{
    border-width: 1px;
    border-style: solid;
    border-color: rgb(221, 221, 221);
    text-align: center;
    vertical-align: middle;
    padding:0px 30px !important;
}
.quikvue .product-content .img-div table tr td:nth-of-type(1){
    min-width: 50px;
}
.quikvue .product-content .img-div table tr td:nth-of-type(3){
    min-width: 50px;
}

/* EyeStream: td p margin causes rows taller than backend-set height */
.eyestream .product-content {
    flex-direction: column;
}
.eyestream .product-content table {
    height: auto !important;
}
.eyestream .product-content table td {
    padding: 0 10px !important;
    vertical-align: middle;
}
.eyestream .product-content table td p {
    margin: 0;
}

/* ===== Meibovue: add missing fixes ===== */
.meibovue .product-content table {
    height: auto !important;
}
.meibovue .product-content table td p,
.meibovue .product-content table th p {
    margin: 0;
}

/* ===== AnterVue (QuikVue renamed; .quikvue rules don't match page class) ===== */
.antervue .product-content {
    flex-direction: column;
}
.antervue .product-content table {
    height: auto !important;
}
.antervue .product-content table td,
.antervue .product-content table th {
    padding: 0 10px !important;
    vertical-align: middle;
}
.antervue .product-content table td p,
.antervue .product-content table th p {
    margin: 0;
}

/* ===== LidVue ===== */
.lidvue .product-content {
    flex-direction: column;
}
.lidvue .product-content table {
    height: auto !important;
}
.lidvue .product-content table td,
.lidvue .product-content table th {
    padding: 0 10px !important;
    vertical-align: middle;
}
.lidvue .product-content table td p,
.lidvue .product-content table th p {
    margin: 0;
}

/* ===== iFlo ===== */
.iflo .product-content {
    flex-direction: column;
}
.iflo .product-content table {
    height: auto !important;
}
.iflo .product-content table td,
.iflo .product-content table th {
    padding: 0 10px !important;
    vertical-align: middle;
}
.iflo .product-content table td p,
.iflo .product-content table th p {
    margin: 0;
}

/* ===== iExpressor ===== */
.iexpressor .product-content {
    flex-direction: column;
    align-items: flex-start;
}
.iexpressor .product-content table {
    height: auto !important;
}
.iexpressor .product-content table td,
.iexpressor .product-content table th {
    padding: 0 10px !important;
    vertical-align: middle;
}
.iexpressor .product-content table td p,
.iexpressor .product-content table th p {
    margin: 0;
}

/*
 * Spec typography parity — values taken from the live CMS HTML on
 * products.visuscience.com (inline font-size / table widths). !important
 * beats Nuxt UI entry.css preflight when it differs from wxrx.
 */
.site-main-content.spec .tincymce-content table.fr-alternate-rows {
    width: 800px !important;
    max-width: 100%;
    table-layout: fixed !important;
}

.site-main-content.spec .tincymce-content table.fr-alternate-rows th span {
    font-size: 18px !important;
    line-height: normal !important;
}

.site-main-content.spec .tincymce-content table.fr-alternate-rows td span,
.site-main-content.spec .tincymce-content table.fr-alternate-rows td p {
    font-size: 16px !important;
    line-height: normal !important;
}

.site-main-content.spec .tincymce-content table.fr-alternate-rows tbody tr {
    height: auto;
}

/* MeiboVue packing list + images (desktop) */
.meibovue.spec .tincymce-content.pc-block > table:nth-of-type(2) {
    width: 746px !important;
    max-width: 100%;
}

.meibovue.spec .tincymce-content.pc-block > table:nth-of-type(2) tr.firstRow span,
.meibovue.spec .tincymce-content.pc-block > table:nth-of-type(2) tr.firstRow strong {
    font-size: 18px !important;
}

.meibovue.spec .tincymce-content.pc-block > table:nth-of-type(2) td span {
    font-size: 20px !important;
    line-height: normal !important;
}

.meibovue.spec .tincymce-content.pc-block > table:nth-of-type(3) img {
    width: 400px !important;
    max-width: 100% !important;
    height: auto !important;
}
