/* Brother product tabs: mirror Pantum's editorial tabs in the Brother blue palette. */
@media (min-width: 768px) {
    .product.data.items { border: 0 !important; }
    .product.data.items > .item.title { margin: 0 !important; float: left; border: 0 !important; }
    .product.data.items > .item.title > .switch {
        display: flex !important;
        align-items: center;
        gap: 10px;
        height: 64px !important;
        padding: 0 25px !important;
        box-sizing: border-box;
        border: 0 !important;
        border-bottom: 3px solid transparent !important;
        background: #fff !important;
        color: #52616a !important;
        font: 500 17px/1.3 Arial, sans-serif !important;
    }
    .product.data.items > .item.title > .switch:before {
        font-size: 23px;
        line-height: 1;
        font-family: Arial, sans-serif;
        color: inherit;
    }
    #tab-label-description-title:before { content: '▤'; }
    #tab-label-additional-title:before { content: '☷'; }
    #tab-label-consumables-title:before { content: '▱'; }
    #tab-label-reviews-title:before { content: '☆'; }
    .product.data.items > .item.title.active > .switch {
        background: #eaf4fa !important;
        color: #007da5 !important;
        border-bottom-color: #0086b3 !important;
        font-weight: 700 !important;
        border-radius: 9px 9px 0 0;
    }
    .product.data.items > .item.title > .switch:hover {
        color: #007da5 !important;
        background: #f3f9fc !important;
    }
    .product.data.items > .item.content {
        border: 0 !important;
        border-top: 1px solid #d6e8f0 !important;
        padding: 30px 0 !important;
        margin-top: 64px !important;
        box-shadow: none;
    }
}
.product.data.items > .item.title > .switch:focus-visible {
    outline: 2px solid #0086b3;
    outline-offset: -4px;
}
@media (max-width: 767px) {
    .product.data.items > .item.title > .switch {
        font-family: Arial, sans-serif;
        font-size: 16px;
        background: #f3f9fc;
        color: #35515d;
    }
    .product.data.items > .item.title.active > .switch {
        color: #007da5;
        font-weight: 700;
        background: #eaf4fa;
    }
    .product.data.items > .item.content { padding: 20px 14px; }
    #consumables .pantum-toner-grid { gap: 15px; }
}