/* Tablet-width continuation of the CloverOS horizontal-band layout. */
@media (min-width: 560px) and (max-width: 760px) {
    .onebit-product-overview {
        grid-template-columns: 128px minmax(0, 1fr);
        grid-template-areas:
            "head total"
            "head kpis"
            "head subhead"
            "head detail"
            "head foot";
    }

    .onebit-product-head {
        align-self: stretch;
        flex-direction: column;
        justify-content: flex-start;
        border-right: 1px solid #ebe6dc;
        border-bottom: 0;
        padding: 4px 14px 4px 0;
    }

    .onebit-product-overview.is-market-maker .onebit-product-head {
        border-right: 1px solid #dce9e4;
        border-bottom: 0;
    }

    .onebit-product-head > i {
        order: -1;
        margin: 0 0 14px;
    }
}