/* Teknoboutik Sales Hub — pages Top 64.
 * Le thème/Design System garde la largeur catalogue. Sales Hub n'impose
 * aucune largeur propre : le header partagé et les cartes suivent le socle archive.
 */
body.tbk-sales-hub-top-page #main-content {
    background:#fff !important;
    background-image:none !important;
}
body.tbk-sales-hub-top-page #main-content > .container {
    padding-top:var(--tkb-page-top-gap-desktop, 30px) !important;
    padding-bottom:0 !important;
}
body.tbk-sales-hub-top-page #main-content .container:before {
    display:none !important;
}
body.tbk-sales-hub-top-page #content-area,
body.tbk-sales-hub-top-page #left-area {
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    float:none !important;
}
body.tbk-sales-hub-top-page #sidebar,
body.tbk-sales-hub-top-page .et_pb_widget_area,
body.tbk-sales-hub-top-page .widget-area {
    display:none !important;
}
body.tbk-sales-hub-top-page article.tbk-sales-top-page-entry,
body.tbk-sales-hub-top-page article.tbk-sales-top-page-entry .entry-content {
    margin:0 !important;
    padding:0 !important;
}
body.tbk-sales-hub-top-page .tbk-sales-top-archive {
    width:100%;
    margin:0 auto;
    padding:0 0 48px;
    box-sizing:border-box;
}
body.tbk-sales-hub-top-page .woocommerce ul.products li.product {
    position:relative;
}
/* Le Design System masque les enfants Woo historiques autres que la carte.
 * Le rang est le seul élément supplémentaire volontaire des pages Top. */
body.tbk-sales-hub-top-page .woocommerce ul.products li.product > .tbk-sales-top-rank {
    display:inline-flex !important;
}
body.tbk-sales-hub-top-page .tbk-sales-top-rank {
    position:absolute;
    z-index:34;
    top:10px;
    right:10px;
    left:auto;
    align-items:center;
    justify-content:center;
    min-width:38px;
    min-height:30px;
    padding:6px 9px;
    border:1px solid rgba(255,255,255,.9);
    border-radius:999px;
    background:#111;
    color:#fff;
    font-size:12px;
    font-weight:900;
    line-height:18px;
    text-align:center;
    box-shadow:0 3px 10px rgba(0,0,0,.18);
}
body.tbk-sales-hub-top-page .tbk-sales-top-rank.is-top-1 {
    border-color:#a47b00;
    background:#d4af37;
    color:#241800;
    box-shadow:0 3px 12px rgba(164,123,0,.32);
}
body.tbk-sales-hub-top-page .tbk-sales-top-rank.is-top-2 {
    border-color:#9199a1;
    background:#c7ccd1;
    color:#1d252b;
    box-shadow:0 3px 12px rgba(90,98,106,.25);
}
body.tbk-sales-hub-top-page .tbk-sales-top-rank.is-top-3 {
    border-color:#8f4f1f;
    background:#b87333;
    color:#fff;
    box-shadow:0 3px 12px rgba(143,79,31,.3);
}
@media (max-width:980px) {
    body.tbk-sales-hub-top-page #main-content > .container {
        padding-top:var(--tkb-page-top-gap-tablet, 22px) !important;
    }
}
@media (max-width:767px) {
    body.tbk-sales-hub-top-page #main-content {
        background:#fff !important;
    }
    body.tbk-sales-hub-top-page #main-content > .container {
        padding-top:var(--tkb-page-top-gap-mobile, 14px) !important;
    }
    body.tbk-sales-hub-top-page .tbk-sales-top-archive {
        padding-bottom:34px;
    }
    body.tbk-sales-hub-top-page .tbk-sales-top-rank {
        top:8px;
        right:8px;
        min-width:34px;
        min-height:28px;
        padding:5px 8px;
        font-size:11px;
    }
}