/* ==========================================================
   QINELLE ARTICLE 2 — POST 2608 COMPARISON MODIFIER V1
   Keeps only meaningful comparison-specific UX.
   ========================================================== */

body.single-post.qinelle-article2-2608-modifier
.q-compare-scan {
    display:grid;
    grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr);
    gap:14px;
    align-items:stretch;
    width:min(100%,1000px);
    max-width:1000px;
    margin:28px auto 40px;
}

body.single-post.qinelle-article2-2608-modifier
.q-compare-card {
    padding:22px 22px 20px;
    border:1px solid #eadce1;
    border-radius:18px;
    background:#fff;
    box-shadow:0 8px 26px rgba(91,57,76,.04);
}

body.single-post.qinelle-article2-2608-modifier
.q-everyday {
    background:linear-gradient(145deg,#fff 0%,#fff8fa 100%);
}

body.single-post.qinelle-article2-2608-modifier
.q-recovery {
    background:linear-gradient(145deg,#fff 0%,#faf7f8 100%);
}

body.single-post.qinelle-article2-2608-modifier
.q-compare-icon {
    display:flex;
    align-items:center;
    justify-content:center;
    width:40px;
    height:40px;
    margin-bottom:16px;
    border:1px solid #ead6dd;
    border-radius:13px;
    background:#fff;
    color:#7c4c67;
}

body.single-post.qinelle-article2-2608-modifier
.q-compare-card h3 {
    margin:0 0 12px;
    font-size:20px;
    line-height:1.3;
}

body.single-post.qinelle-article2-2608-modifier
.q-compare-card ul {
    margin:0;
    padding:0;
    list-style:none;
}

body.single-post.qinelle-article2-2608-modifier
.q-compare-card li {
    position:relative;
    margin:8px 0;
    padding-left:18px;
    font-size:15px;
    line-height:1.5;
}

body.single-post.qinelle-article2-2608-modifier
.q-compare-card li::before {
    content:"";
    position:absolute;
    left:0;
    top:.68em;
    width:6px;
    height:6px;
    border-radius:50%;
    background:#b67b8f;
}

body.single-post.qinelle-article2-2608-modifier
.q-vs {
    display:flex;
    align-items:center;
    justify-content:center;
    align-self:center;
    width:44px;
    height:44px;
    border:1px solid #eadce1;
    border-radius:50%;
    background:#fff;
    color:#8a6876;
    font-size:11px;
    font-weight:800;
    letter-spacing:.08em;
}


/* Mobile-only semantic table transformation. */

@media (max-width:720px) {

    body.single-post.qinelle-article2-2608-modifier
    .q-compare-scan {
        grid-template-columns:1fr;
        gap:12px;
        margin:22px auto 32px;
    }

    body.single-post.qinelle-article2-2608-modifier
    .q-vs {
        margin:-3px auto;
        width:38px;
        height:38px;
    }

    body.single-post.qinelle-article2-2608-modifier
    .q-compare-card {
        padding:20px;
    }

    body.single-post.qinelle-article2-2608-modifier
    .qinelle-table-wrap.q-compare-table,

    body.single-post.qinelle-article2-2608-modifier
    .qinelle-table-wrap.q-check-table {
        overflow:visible!important;
        border:0!important;
        background:transparent!important;
    }

    body.single-post.qinelle-article2-2608-modifier
    .q-compare-table table,

    body.single-post.qinelle-article2-2608-modifier
    .q-check-table table {
        display:block!important;
        min-width:0!important;
        width:100%!important;
        background:transparent!important;
    }

    body.single-post.qinelle-article2-2608-modifier
    .q-compare-table thead,

    body.single-post.qinelle-article2-2608-modifier
    .q-check-table thead {
        display:none!important;
    }

    body.single-post.qinelle-article2-2608-modifier
    .q-compare-table tbody,

    body.single-post.qinelle-article2-2608-modifier
    .q-compare-table tr,

    body.single-post.qinelle-article2-2608-modifier
    .q-compare-table td,

    body.single-post.qinelle-article2-2608-modifier
    .q-check-table tbody,

    body.single-post.qinelle-article2-2608-modifier
    .q-check-table tr,

    body.single-post.qinelle-article2-2608-modifier
    .q-check-table td {
        display:block!important;
        width:100%!important;
        box-sizing:border-box!important;
    }

    body.single-post.qinelle-article2-2608-modifier
    .q-compare-table tr,

    body.single-post.qinelle-article2-2608-modifier
    .q-check-table tr {
        margin:0 0 12px!important;
        padding:14px 16px!important;
        border:1px solid #eadce1!important;
        border-radius:15px!important;
        background:#fff!important;
        box-shadow:0 5px 16px rgba(91,57,76,.025)!important;
    }

    body.single-post.qinelle-article2-2608-modifier
    .q-compare-table td,

    body.single-post.qinelle-article2-2608-modifier
    .q-check-table td {
        padding:7px 0!important;
        border:0!important;
        line-height:1.55!important;
    }

    body.single-post.qinelle-article2-2608-modifier
    .q-compare-table td:first-child,

    body.single-post.qinelle-article2-2608-modifier
    .q-check-table td:first-child {
        padding-top:0!important;
        color:#5f3950!important;
        font-weight:800!important;
    }

    body.single-post.qinelle-article2-2608-modifier
    .q-compare-table td:nth-child(n+2)::before,

    body.single-post.qinelle-article2-2608-modifier
    .q-check-table td:nth-child(n+2)::before {
        display:block;
        margin-bottom:2px;
        color:#9a7886;
        font-size:11px;
        font-weight:800;
        letter-spacing:.05em;
        text-transform:uppercase;
    }

    body.single-post.qinelle-article2-2608-modifier
    .q-compare-table td:nth-child(2)::before {
        content:"Everyday shapewear";
    }

    body.single-post.qinelle-article2-2608-modifier
    .q-compare-table td:nth-child(3)::before {
        content:"Recovery garment";
    }

    body.single-post.qinelle-article2-2608-modifier
    .q-check-table td:nth-child(2)::before {
        content:"What to look for";
    }

    body.single-post.qinelle-article2-2608-modifier
    .q-check-table td:nth-child(3)::before {
        content:"What not to assume";
    }
}

/* QINELLE_ARTICLE2_2608_MODIFIER_V1_END */