/* Additive accessibility and responsive rules for the Torque Parts Canada storefront. */
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible,
[tabindex]:focus-visible { outline: 3px solid #8a4a00; outline-offset: 3px; }
.main-content input:focus, .main-content textarea:focus, .main-content select:focus { border-color: #8a4a00; }
.main-content .alert { overflow-wrap: anywhere; }
.main-content .table-responsive { -webkit-overflow-scrolling: touch; }
.main-content img { max-width: 100%; }
.topsearchbar { width:100%; padding-left:15px; padding-right:15px; }
.topsearchbar > .row { margin-left:0; margin-right:0; }
@media(max-width:767px) {
    header .logo { max-width:240px; margin:0 auto; }
    header .logo img { display:block; width:100%; height:auto; max-height:96px; object-fit:contain; }
    header .top-header { padding-top:16px; padding-bottom:16px; }
    .main-content input:not([type=checkbox]):not([type=radio]), .main-content select, .main-content textarea { max-width:100%; font-size:16px; }
    .main-content .pagination { flex-wrap:wrap; }
    .main-content .button, .main-content button[type=submit] { min-height:44px; }
    .main-content h1 { font-size:26px; overflow-wrap:anywhere; }
}
@media(prefers-reduced-motion:reduce) {
    .main-content * { transition-duration:.01ms !important; animation-duration:.01ms !important; scroll-behavior:auto !important; }
}