/* AllPro nav — vertical dividers between top-level menu items */
#bottom-navbar.navbar .navbar-nav > li {
  border-left: 1px solid rgba(255,255,255,0.4) !important;
}
#bottom-navbar.navbar .navbar-nav > li:last-child {
  border-right: 1px solid rgba(255,255,255,0.4) !important;
}
/* AllPro sub-nav — dividers between all items + end cap after last */
#bottom-subnavbar .nav.navbar-nav > li + li {
  border-left: 1px solid rgba(0,0,0,0.18) !important;
}
#bottom-subnavbar .nav.navbar-nav > li:last-child {
  border-right: 1px solid rgba(0,0,0,0.18) !important;
}
/* Brands and Categories: red hover pill at rest, bar stays blue */
#bottom-navbar .navbar-nav > li:has(> a[href="catalog/brands"]),
#bottom-navbar .navbar-nav > li:has(> a[href="catalog/categories"]){
  margin:0;
  background:transparent!important;
  border-left-color:transparent!important;
  border-right-color:transparent!important;
}
#bottom-navbar a[href="catalog/brands"],
#bottom-navbar a[href="catalog/categories"],
#top-navbar a[href="catalog/brands"],
#top-navbar a[href="catalog/categories"]{
  display:inline-flex!important;
  align-items:center;
  height:auto;
  margin:0;
  padding:6px 12px;
  background:#C8102E!important;
  color:#fff!important;
  font-weight:700;
  border-radius:3px;
}
#bottom-navbar a[href="catalog/brands"]:hover,
#bottom-navbar a[href="catalog/categories"]:hover{
  background:#A50D26!important;
  color:#fff!important;
}
/* ============================================================
   Contact Us page (added 8/25/26)
   Hides PACE's built-in "Need a hand?" hero — redundant with the
   branded masthead in Pages > Contact Us content — and restyles
   the built-in card headings to match the AllPro design system.
   Remove this block to restore the stock look.
   ============================================================ */
.contact-us-page .contact-us-hero { display: none; }
.contact-us-card h2 {
  font-family: 'Barlow Condensed', Arial, sans-serif;
  font-size: 26px;
  font-weight: 700;
  letter-spacing: .01em;
  text-transform: uppercase;
  color: #15181D;
  padding-left: 13px;
  border-left: 4px solid #C8102E;
}
/* Contact Us page — stack "Talk with us first" + "Send a message"
   into the same 820px column as the branded content above
   (added 8/25/26) */
.contact-us-page .contact-us-layout {
  grid-template-columns: minmax(0, 1fr);
  gap: 24px;
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
}
.contact-us-page .contact-us-method-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.contact-us-page .contact-us-method-item { margin: 0; }
@media (max-width: 640px) {
  .contact-us-page .contact-us-method-list { grid-template-columns: 1fr; }
}
/* "Talk with us first" card hidden — its phone/email are already
   covered by the General Inquiries panel in the page content.
   Delete this rule to bring the card back. (added 8/25/26) */
.contact-us-page .contact-us-card--summary { display: none; }
/* Contact Us page — breathing room above and below the
   "Send a message" card (added 8/25/26) */
.contact-us-page .contact-us-layout {
  margin-top: 55px; /* matches the 55px gap above the card boundary */
  margin-bottom: 64px;
}
/* Cart nav button: hide the small duplicate FA cart icon (keep the SVG cart). Added 9/3 - EH */
#btn-view-orders-nav > i.fa-shopping-cart, #btn-view-orders-nav > svg.fa-shopping-cart { display: none !important; }
/* FFGD brand-page banners (Images inserts): breathing room below - EH 9/10 */
.glide:has(img[src*="/promos/ffgd/"]) { margin-bottom: 22px !important; }
/* Restore the click focus ring PACE 1 has (Bootstrap 5 limits it to :focus-visible) - EH 9/10 */
a:focus, .btn:focus, button:focus, .ap-hb-hotspot:focus, .ap-gb-hotspot:focus, .ap-hotspot:focus { outline: 5px auto -webkit-focus-ring-color !important; outline-offset: 0; }
/* Subnav dividers: inset pseudo-elements instead of full-height borders (PACE 2.1.1 slimmed the bar) - EH 9/14 */
#bottom-subnavbar .nav.navbar-nav > li + li { border-left: 0 !important; position: relative; }
#bottom-subnavbar .nav.navbar-nav > li + li::before { content: ""; position: absolute; left: 0; top: 8px; bottom: 8px; width: 1px; background: rgba(0,0,0,.18); }
#bottom-subnavbar .nav.navbar-nav > li:last-child { border-right: 0 !important; position: relative; }
#bottom-subnavbar .nav.navbar-nav > li:last-child::after { content: ""; position: absolute; right: 0; top: 8px; bottom: 8px; width: 1px; background: rgba(0,0,0,.18); }
/* Locator nav icon (added 9/18/26). Suppressed: the JS shim draws the pin, so this ::before would double it. */
#bottom-navbar.navbar .navbar-nav > li > a[href*="locator"]::before,
#bottom-subnavbar .nav.navbar-nav > li > a[href*="location"]::before,
#bottom-navbar.navbar .navbar-nav > li > a[href*="location"]::before,
#bottom-subnavbar .nav.navbar-nav > li > a[href*="locator"]::before { content: none !important; }
/* === AllPro Request Access page (Claude, Sept 2026). Matches the About / Privacy / Terms design. Only affects /account/request-access. === */
.ap-ra-guard{}
.ap-ra{max-width:820px;margin:0 auto;padding:8px 20px 64px;font-family:'Barlow',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;font-size:17px;line-height:1.68;color:#414852;-webkit-font-smoothing:antialiased}
.ap-ra .ap-ra-hide{display:none!important}
.ap-ra-eyebrow{font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;font-weight:600;font-size:15px;line-height:1.68;letter-spacing:2.4px;text-transform:uppercase;color:#C8102E;margin:0 0 6px}
.ap-ra-h1{font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif!important;font-weight:700!important;font-size:54px!important;line-height:1.02!important;letter-spacing:-.54px;text-transform:uppercase;color:#15181D!important;margin:0 0 16px!important;text-align:left!important}
.ap-ra-stamp{display:inline-block;font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;font-weight:600;font-size:14px;line-height:1.68;letter-spacing:1.4px;text-transform:uppercase;color:#6B7482;background:#F5F7FA;border:1px solid #DDE2E8;border-radius:3px;padding:5px 12px;margin:0 0 22px}
.ap-ra-lede{text-wrap:balance;font-size:18.5px;line-height:1.62;margin:0 0 18px;color:#414852}
.ap-ra-note{text-wrap:balance;background:#F5F7FA;border-left:4px solid #2B4A94;border-radius:0 3px 3px 0;padding:16px 20px;font-size:16.5px;line-height:1.6;margin:0 0 8px;color:#414852}
.ap-ra-note strong{color:#15181D}
.ap-ra a{color:#2B4A94;text-decoration:underline;text-underline-offset:3px}
.ap-ra a:hover{color:#1B2F5E}
.ap-ra form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px;row-gap:18px;margin:0}
.ap-ra form>*{grid-column:1/-1}
.ap-ra form>input:not([type="submit"]){display:none!important}
.ap-ra form>:is(.form-group,.row):has([name="request[first_name]"]),.ap-ra form>:is(.form-group,.row):has([name="request[last_name]"]),.ap-ra form>:is(.form-group,.row):has([name="request[email]"]),.ap-ra form>:is(.form-group,.row):has([name="request[phone]"]),.ap-ra form>:is(.form-group,.row):has([name="request[custom-20]"]),.ap-ra form>:is(.form-group,.row):has([name="request[custom-21]"]){grid-column:auto}
.ap-ra-h2{font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif!important;font-weight:700!important;font-size:30px!important;line-height:1.18!important;letter-spacing:.3px;text-transform:uppercase;color:#15181D!important;border-left:4px solid #C8102E;padding:0 0 0 15px!important;margin:38px 0 4px!important}
.ap-ra form>:is(.form-group,.row){margin:0!important;display:block!important;--bs-gutter-x:0}
.ap-ra form>:is(.form-group,.row):before,.ap-ra form>:is(.form-group,.row):after{display:none!important}
.ap-ra form>:is(.form-group,.row)>[class*="col-"],.ap-ra form>:is(.form-group,.row)>[class*="offset-"]{width:100%!important;max-width:none!important;flex:none!important;float:none!important;padding:0!important;margin:0!important}
.ap-ra .control-label,.ap-ra .col-form-label,.ap-ra form label{display:block;text-align:left!important;padding:0!important;margin:0 0 6px!important;font-family:'Barlow',Arial,sans-serif;font-weight:600;font-size:15px;line-height:1.3;color:#15181D}
.ap-ra .form-control{height:48px;width:100%;border:1px solid #DDE2E8;border-radius:3px;box-shadow:none;font-family:'Barlow',Arial,sans-serif;font-size:16px;color:#15181D;padding:0 14px;background:#fff}
.ap-ra select.form-control{padding-right:36px}
.ap-ra .form-control::placeholder{color:#8A93A0}
.ap-ra .form-control:focus{border-color:#2B4A94;box-shadow:0 0 0 3px rgba(43,74,148,.16);outline:0}
.ap-ra .help-block,.ap-ra .form-text{font-size:14px;line-height:1.5;color:#6B7482;margin:6px 0 0}
.ap-ra .btn-row{text-align:left!important;margin:0!important}
.ap-ra input[name="submit_request_button"]{display:inline-block;background:#C8102E!important;color:#fff!important;border:0!important;border-radius:3px!important;box-shadow:none!important;font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;font-weight:700;font-size:19px;line-height:1;letter-spacing:1.52px;text-transform:uppercase;padding:15px 30px 14px;margin:14px 0 0;cursor:pointer;width:auto}
.ap-ra input[name="submit_request_button"]:hover,.ap-ra input[name="submit_request_button"]:focus{background:#A50D26!important;color:#fff!important}
.ap-ra-fine{text-wrap:balance;font-size:14px;line-height:1.6;color:#6B7482;margin:28px 0 0}
@media (max-width:640px){.ap-ra form{grid-template-columns:minmax(0,1fr)}.ap-ra form>:is(.form-group,.row){grid-column:1/-1!important}.ap-ra-h1{font-size:40px!important}}
/* === end Request Access page === */
/* === AllPro Reset Password page (Claude, Sept 2026). Matches the About / Request Access design. Only affects /account/reset-password. === */
.ap-rp-guard{}
.ap-rp{max-width:820px!important;margin:0 auto!important;padding:8px 20px 64px!important;float:none!important;font-family:'Barlow',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;font-size:17px;line-height:1.68;color:#414852;-webkit-font-smoothing:antialiased}
.ap-rp .ap-rp-hide{display:none!important}
.ap-rp-eyebrow{font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;font-weight:600;font-size:15px;line-height:1.68;letter-spacing:2.4px;text-transform:uppercase;color:#C8102E;margin:0 0 6px;text-align:left}
.ap-rp-h1{font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif!important;font-weight:700!important;font-size:54px!important;line-height:1.02!important;letter-spacing:-.54px;text-transform:uppercase;color:#15181D!important;margin:0 0 16px!important;text-align:left!important}
.ap-rp-stamp{display:inline-block;font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;font-weight:600;font-size:14px;line-height:1.68;letter-spacing:1.4px;text-transform:uppercase;color:#6B7482;background:#F5F7FA;border:1px solid #DDE2E8;border-radius:3px;padding:5px 12px;margin:0 0 22px}
.ap-rp-lede{text-wrap:balance;font-size:18.5px;line-height:1.62;margin:0 0 30px;color:#414852;text-align:left}
.ap-rp a{color:#2B4A94;text-decoration:underline;text-underline-offset:3px}
.ap-rp a:hover{color:#1B2F5E}
.ap-rp .ap-rp-opts{float:none!important;width:auto!important;max-width:none!important;flex:none!important;padding:0!important;margin:0 0 28px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);column-gap:18px;align-items:stretch}
.ap-rp .ap-rp-opts>br{display:none!important}
.ap-rp .ap-rp-opts form{display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;align-items:stretch!important;justify-content:flex-start!important;text-align:left!important;margin:0!important;padding:24px 24px 26px!important;border:1px solid #DDE2E8;border-top:4px solid #C8102E;border-radius:0 0 3px 3px;background:#fff;gap:0}
.ap-rp .ap-rp-opts form>input[type="hidden"]{display:none!important}
.ap-rp-h2{font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif!important;font-weight:700!important;font-size:24px!important;line-height:1.2!important;letter-spacing:.3px;text-transform:uppercase;color:#15181D!important;margin:0 0 14px!important;text-align:left!important}
.ap-rp .ap-rp-opts form>div{display:block!important;width:100%!important;margin:0 0 16px!important;padding:0!important;float:none!important}
.ap-rp-label{display:block;font-family:'Barlow',Arial,sans-serif;font-weight:600;font-size:15px;line-height:1.3;color:#15181D;margin:0 0 6px;text-align:left}
.ap-rp .ap-rp-opts .form-control{display:block!important;width:100%!important;height:48px;border:1px solid #DDE2E8;border-radius:3px;box-shadow:none;font-family:'Barlow',Arial,sans-serif;font-size:16px;color:#15181D;padding:0 14px;background:#fff;margin:0!important}
.ap-rp .ap-rp-opts .form-control:focus{border-color:#2B4A94;box-shadow:0 0 0 3px rgba(43,74,148,.16);outline:0}
.ap-rp .ap-rp-opts form input[name="reset_pass_button"]{align-self:flex-start;display:inline-block;background:#C8102E!important;color:#fff!important;border:0!important;border-radius:3px!important;box-shadow:none!important;font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;font-weight:700;font-size:19px;line-height:1;letter-spacing:1.52px;text-transform:uppercase;padding:15px 30px 14px!important;margin:auto 0 0!important;cursor:pointer;width:auto!important;height:auto!important}
.ap-rp .ap-rp-opts form input[name="reset_pass_button"]:hover,.ap-rp .ap-rp-opts form input[name="reset_pass_button"]:focus{background:#A50D26!important;color:#fff!important}
.ap-rp .ap-rp-or{align-self:center;display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0!important;padding:0 0 2px;border:1px solid #DDE2E8;border-radius:50%;background:#F5F7FA;font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;font-weight:700;font-size:15px;letter-spacing:1.2px;text-transform:uppercase;color:#6B7482!important;line-height:1;box-sizing:border-box}
.ap-rp-note{text-wrap:balance;background:#F5F7FA;border-left:4px solid #2B4A94;border-radius:0 3px 3px 0;padding:16px 20px;font-size:16.5px;line-height:1.6;margin:0 0 8px;color:#414852;text-align:left}
.ap-rp-note strong{color:#15181D}
.ap-rp-fine{text-wrap:balance;font-size:14px;line-height:1.6;color:#6B7482;margin:28px 0 0;text-align:left}
@media (max-width:700px){.ap-rp .ap-rp-opts{grid-template-columns:minmax(0,1fr);row-gap:16px}.ap-rp .ap-rp-or{justify-self:center}.ap-rp-h1{font-size:40px!important}}
/* === end Reset Password page === */
/* === AllPro nav dropdowns: icon and label side by side, labels aligned (Claude, Sept 2026) === */
#bottom-navbar .dropdown-menu a:has(> i, > svg){justify-content:flex-start!important;gap:12px}
#bottom-navbar .dropdown-menu a > i,#bottom-navbar .dropdown-menu a > svg{width:20px;flex:0 0 20px;margin:0!important;text-align:center}
#bottom-navbar .dropdown-menu:has(a > i, a > svg) a:not(:has(> i, > svg)){display:flex!important;justify-content:flex-start!important;gap:12px}
#bottom-navbar .dropdown-menu:has(a > i, a > svg) a:not(:has(> i, > svg))::before{content:"";flex:0 0 20px;width:20px}
/* === end nav dropdowns === */
/* === AllPro page top spacing: every info page starts 54px below the nav, matching Locator (Claude, Sept 2026) === */
body .ap-about,body .ap-policy,body .ap-ra,body .ap-rp{padding-top:38px!important}
body .ap-contactpg{padding-top:24px!important}
body .ap-pk{padding-top:18px!important}
/* === end page top spacing === */
/* === AllPro Contact page box: remove the border, shadow and rounded frame around the page (Claude, Sept 2026) === */
.contact-us-marketing:has(.ap-contactpg){border:0!important;box-shadow:none!important;border-radius:0!important;background:transparent!important}
/* === end Contact page box === */
/* === AllPro industry membership badges === */
.footer-row-company{flex-wrap:wrap}
.ap-mb{flex:1 0 100%;width:100%;margin:18px 0 4px}
.ap-mb-label{display:block;font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;font-weight:700;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#6B7482;margin:0 0 10px}
.ap-mb-row{display:flex;flex-wrap:wrap;gap:10px;align-items:stretch}
.ap-mb-badge{display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:132px;height:112px;padding:10px 10px 8px;background:#fff;border:1px solid #DDE2E8;border-radius:4px;text-decoration:none;box-sizing:border-box}
.ap-mb-badge:hover{border-color:#C8102E;text-decoration:none}
.ap-mb-badge:focus{outline:2px solid #C8102E!important;outline-offset:2px;border-color:#C8102E;text-decoration:none}
.ap-mb-badge img{display:block;height:54px;width:auto;max-width:108px;object-fit:contain}
.ap-mb-badge img.ap-mb-sema{height:70px;max-width:78px}
.ap-mb-badge img.ap-mb-natda{height:68px;max-width:58px}
.ap-mb-cap{margin-top:6px;font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;font-weight:700;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#15181D;line-height:1;text-align:center}
.footer-nav-links a[href*="logout"]{display:inline-block;margin-left:8px;padding:4px 10px 3px;background:#C8102E;color:#fff!important;border-radius:3px;font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase;text-decoration:none}
.footer-nav-links a[href*="logout"]:hover,.footer-nav-links a[href*="logout"]:focus{background:#A50D26;color:#fff!important;text-decoration:none}
.footer-row-company .footer-legal{flex:1 1 auto;margin-top:14px}
.footer-legal{display:flex;flex-wrap:wrap;align-items:center}
.footer-legal .footer-sep{display:inline!important;margin:0 8px;color:#b0b0b0}
.footer-legal .footer-sep:has(+ a[href*="theaamgroup.com/privacy"]){display:none!important}
.footer-legal .ap-legal-ours{display:inline-flex;align-items:center}
.footer-legal a[data-ap-legal]{margin-left:0;white-space:nowrap}
.footer-legal a[data-ap-legal]+a[data-ap-legal]::before{content:"·";margin:0 8px;color:#b0b0b0}
.footer-legal a[href*="theaamgroup.com/privacy"]{margin-left:12px!important;padding-left:12px!important;border-left:1px solid #9a9a9a!important;white-space:nowrap}
.footer-legal a[href*="theaamgroup.com/terms"]{white-space:nowrap}
.ap-social{flex:0 0 auto;margin:14px 0 0 auto;align-self:center}
.ap-social .footer-nav-label{display:none}
.ap-social .footer-nav-links{display:flex;gap:8px;list-style:none;margin:0;padding:0}
.ap-social a{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:#fff;border:1px solid #DDE2E8;border-radius:4px;color:#15181D;font-size:13px;text-decoration:none}
.ap-social a:hover,.ap-social a:focus{border-color:#C8102E;color:#C8102E;text-decoration:none}
.ap-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.footer-nav-links a .ap-nav-ico{margin-right:7px;width:14px;text-align:center}
.footer-nav-links a[href*="logout"] .ap-nav-ico{margin-right:6px}
/* === end membership badges === */
/* === AllPro category page sections === */
.ap-cat-sections{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;margin:8px 0 22px!important;width:100%!important}
.ap-cat-section{background:#fff!important;border:1px solid #DDE2E8!important;border-top:4px solid #C8102E!important;border-radius:0 0 4px 4px!important;padding:14px 16px 16px!important}
.ap-cat-section h2{font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif!important;font-weight:700!important;font-size:22px!important;letter-spacing:.02em!important;text-transform:uppercase!important;color:#15181D!important;margin:0 0 10px!important}
.ap-cat-section h2 a{display:inline!important;color:#15181D!important;font-size:22px!important;line-height:1.2!important;text-decoration:none!important}
.ap-cat-section h2 a:hover{color:#C8102E!important;text-decoration:none!important}
.ap-cat-section a{display:block!important;color:#2B4A94!important;text-decoration:none!important;font-size:15px!important;line-height:1.7!important}
.ap-cat-section a:hover{color:#C8102E!important;text-decoration:underline!important}
@media(max-width:800px){.ap-cat-sections{grid-template-columns:1fr!important}}
/* === end category page sections === */
/* === AllPro Home middle row (Claude, Oct 1 2026): styles for insert #9 (Pro Rebates / Trailer Parts / Open Late). Kept here because the Inserts editor strips style blocks when an insert is opened. === */
.ap-midrow{display:flex;flex-wrap:wrap;margin:0 -15px}
.ap-midrow>.ap-c25{flex:0 0 25%;max-width:25%;padding:0 15px;box-sizing:border-box}
.ap-midrow>.ap-c50{flex:0 0 50%;max-width:50%;padding:0 15px;box-sizing:border-box}
.ap-p1panel{background:#fff;border:1px solid #ddd;border-radius:4px;margin:0 0 20px}
.ap-p1panel>.panel-heading{background:#fff;border-bottom:1px solid #ddd;border-radius:3px 3px 0 0;padding:10px 15px}
.ap-p1panel>.panel-heading>.panel-title{font-family:'Open Sans',sans-serif;font-size:16px;font-weight:500;line-height:1.1;color:#333;margin:0;text-transform:none}
.ap-p1panel>.panel-body{padding:15px}
.ap-p1panel>.panel-body p{margin:0}
.ap-p1panel>.panel-body img{display:block;width:100%;height:auto;max-width:100%}
.ap-p1panel>.panel-body iframe{display:block;width:100%;border:0}
.ap-tpc-wrap{margin:0;position:relative}
.ap-tpc-stage{position:relative;width:100%;max-width:3104px;margin:0 auto;padding-top:38.6598%;background-image:url(https://aam5.imgix.net/pacefiles/allprodistributing/site/brand-banners/trailerparts/trailer-parts-catalog-hb-9-21.png);background-repeat:no-repeat;background-position:center;background-size:100% 100%;overflow:hidden}
.ap-tpc-cta{position:absolute;left:0;top:0;width:100%;height:100%;display:block;font-size:0!important;line-height:0!important;text-indent:-9999px!important;overflow:hidden!important;white-space:nowrap!important}
@media (max-width:991px){.ap-midrow>.ap-c25,.ap-midrow>.ap-c50{flex:0 0 100%;max-width:100%}}
/* === end Home middle row === */

/* === AllPro Pro Rebates hotspots (Claude, Oct 1 2026) === */
.ap-pr-wrap{position:relative;display:block;line-height:0;margin:0}
.ap-pr-wrap img{display:block!important;width:100%!important;height:auto!important;max-width:100%!important;margin:0!important}
.ap-pr-hs{position:absolute;display:block;z-index:2;font-size:0!important;line-height:0!important;color:transparent!important;text-indent:-9999px;overflow:hidden;white-space:nowrap;text-decoration:none!important;background:transparent!important;border:0!important;padding:0!important;margin:0!important}
.ap-pr-r1{top:46.7875%;height:14.4975%}
.ap-pr-r2{top:63.0972%;height:14.4975%}
.ap-pr-c3a{left:5.1429%;width:28.8571%}
.ap-pr-c3b{left:35.5714%;width:28.8571%}
.ap-pr-c3c{left:66%;width:28.8571%}
.ap-pr-c2a{left:5.1429%;width:44.0714%}
.ap-pr-c2b{left:50.7857%;width:44.0714%}
.ap-pr-c1{left:5.1429%;width:89.7143%}
.ap-pr-cta{left:71.4407%;top:86.9852%;width:23.4164%;height:6.9193%;border-radius:999px}
/* === end AllPro Pro Rebates hotspots === */


/* === AllPro footer redesign (Claude, Oct 2026) =================
   PACE 2 version, matching the PACE 1 footer: brand block plus three
   link columns, a centered badge band and a dark bottom bar, all on
   one gray field. Keeps the beta's own touches that PACE 1 never had:
   the small icons on the account and program links, the red Log Out
   button, the social icons, and the caption under each badge.
   Scoped to .ap-ft, a class the matching JS adds to .footer-wrapper
   once it has rebuilt the markup, so if the JS does not run the beta
   footer renders untouched. Selectors carry .footer-wrapper too where
   they have to beat the platform's own .footer-wrapper .x rules.
   Delete this block and the JS block to restore it. ================ */

.footer-wrapper.ap-ft { background: #F2F4F7; padding: 0; margin-top: 48px; border-top: 0; }
.footer-wrapper.ap-ft .container { width: auto; max-width: 1360px; padding: 0 30px; margin: 0 auto; }

/* ---- top row: brand + link columns ---- */
.ap-ft .ap-ft-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 36px; padding: 52px 0 44px; margin: 0; }
.ap-ft .ap-ft-brand { width: 340px; flex: 0 0 340px; }
.ap-ft .ap-ft-brand img { display: block; width: 125px; height: auto; margin: 0; }
.footer-wrapper.ap-ft .ap-ft-phone { display: block; margin: 18px 0 0; font-family: "Barlow Condensed", "Open Sans", sans-serif; font-weight: 700; font-size: 34px; line-height: 1; color: #C8102E; text-align: left; }
.footer-wrapper.ap-ft .ap-ft-phone:hover, .footer-wrapper.ap-ft .ap-ft-phone:focus { color: #A50D26; text-decoration: none; }
.footer-wrapper.ap-ft .ap-ft-email { display: block; margin: 12px 0 0; font-size: 16px; line-height: 22px; color: #414852; }
.footer-wrapper.ap-ft .ap-ft-email:hover, .footer-wrapper.ap-ft .ap-ft-email:focus { color: #0057B8; }
.ap-ft .ap-ft-where { margin: 14px 0 0; font-size: 15px; line-height: 22px; color: #6B7482; }

.ap-ft .ap-ft-col { flex: 0 1 auto; min-width: 170px; padding: 0; width: auto; }
.ap-ft .ap-ft-col h4 { margin: 0 0 18px; font-family: "Barlow Condensed", "Open Sans", sans-serif; font-weight: 700; font-size: 15px; line-height: 16px; letter-spacing: 2px; text-transform: uppercase; color: #15181D; }
.ap-ft .ap-ft-col h4.ap-ft-h4-gap { margin-top: 28px; }
.ap-ft .ap-ft-col ul { margin: 0; padding: 0; list-style: none; display: block; }
.ap-ft .ap-ft-col li { margin: 0; padding: 0; }
.footer-wrapper.ap-ft .ap-ft-col li a { display: flex; align-items: center; gap: 9px; padding: 5px 0; font-size: 16px; line-height: 22px; color: #414852; text-decoration: none; }
.footer-wrapper.ap-ft .ap-ft-col li a:hover, .footer-wrapper.ap-ft .ap-ft-col li a:focus { color: #0057B8; }
.ap-ft .ap-ft-col li a svg, .ap-ft .ap-ft-col li a i { width: 15px; height: 15px; flex: none; opacity: .65; }
/* Log Out keeps the beta's red button, which comes from the existing
   .footer-nav-links a[href*="logout"] rule; the new lists keep that class. */
.footer-wrapper.ap-ft .ap-ft-col li a[href*="logout"] { display: inline-flex; gap: 8px; padding: 5px 12px 4px; margin-top: 6px; color: #fff; }
.footer-wrapper.ap-ft .ap-ft-col li a[href*="logout"] svg, .footer-wrapper.ap-ft .ap-ft-col li a[href*="logout"] i { opacity: 1; }
.ap-ft .ap-ft-col ul.ap-ft-inline { display: flex; flex-wrap: wrap; gap: 0 16px; }
.footer-wrapper.ap-ft .ap-ft-col ul.ap-ft-inline li a { padding: 6px 0; }
.ap-ft .ap-ft-col ul.ap-ft-inline li a svg, .ap-ft .ap-ft-col ul.ap-ft-inline li a i { width: 19px; height: 19px; opacity: .75; }
.ap-ft .ap-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* ---- membership badge band ---- */
.ap-ft .ap-ft-badges { background: transparent; border-top: 1px solid #E2E6EB; }
.ap-ft .ap-ft-badges-in { display: flex; align-items: center; justify-content: center; gap: 36px; max-width: 1360px; margin: 0 auto; padding: 24px 30px 26px; }
.ap-ft .ap-ft-badges-label { flex: none; font-family: "Barlow Condensed", "Open Sans", sans-serif; font-weight: 700; font-size: 15px; line-height: 16px; letter-spacing: 2px; text-transform: uppercase; color: #5C6572; white-space: nowrap; }
.ap-ft .ap-mb-row { display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-start; justify-content: center; flex: 0 0 auto; column-gap: 40px; row-gap: 14px; margin: 0; padding: 0; }
.footer-wrapper.ap-ft .ap-mb-row .ap-mb-badge { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; gap: 9px; width: auto; height: auto; padding: 0; background: none; border: 0; border-radius: 0; }
/* the art box is a fixed height so every caption lands on one baseline */
.ap-ft .ap-ft-badge-art { display: flex; align-items: center; justify-content: center; height: 72px; }
/* the beta caps these at max-width 108px and height 54px; override both */
.footer-wrapper.ap-ft .ap-mb-row .ap-mb-badge img { display: block; width: auto; height: auto; max-width: none; }
.ap-ft .ap-mb-row .ap-mb-cap { display: block; font-family: "Barlow Condensed", "Open Sans", sans-serif; font-weight: 700; font-size: 11px; line-height: 13px; letter-spacing: .9px; text-transform: uppercase; color: #6B7482; text-align: center; max-width: 116px; }
.ap-ft .ap-mb-row .ap-mb-badge img[alt*="TORA"] { width: 102px; }
.ap-ft .ap-mb-row .ap-mb-badge img[alt*="Business"] { width: 62px; }
.ap-ft .ap-mb-row .ap-mb-badge img[alt*="NATDA"] { width: 58px; }
.ap-ft .ap-mb-row .ap-mb-badge img[alt*="AAM"] { width: 86px; }
.ap-ft .ap-mb-row .ap-mb-badge img[alt*="Total Truck"] { width: 95px; }

/* ---- dark bottom bar ---- */
.ap-ft .ap-ft-bottom { background: #15181D; }
.ap-ft .ap-ft-bottom-in { max-width: 1360px; margin: 0 auto; padding: 16px 30px; font-size: 14px; line-height: 22px; color: #9AA3AE; text-align: center; }
.footer-wrapper.ap-ft .ap-ft-bottom-in a { color: #9AA3AE; text-decoration: none; }
.footer-wrapper.ap-ft .ap-ft-bottom-in a:hover, .footer-wrapper.ap-ft .ap-ft-bottom-in a:focus { color: #FFFFFF; }
.ap-ft .ap-ft-bottom-in span { color: #9AA3AE; }
.ap-ft .ap-ft-bottom-in .footer-sep { color: #4E5662; margin: 0 8px; }

/* ---- tablet and phone ---- */
@media (max-width: 991px) {
  .ap-ft .ap-ft-top { flex-wrap: wrap; gap: 32px; }
  .ap-ft .ap-ft-brand { flex: 0 0 100%; width: 100%; }
  .ap-ft .ap-ft-col { flex: 1 1 30%; }
}
@media (max-width: 767px) {
  .footer-wrapper.ap-ft .container { padding: 0 20px; }
  .ap-ft .ap-ft-top { flex-direction: column; gap: 24px; padding: 30px 0 26px; }
  .ap-ft .ap-ft-brand { flex: 0 0 auto; width: 100%; }
  .ap-ft .ap-ft-col { flex: 1 1 auto; width: 100%; }
  .ap-ft .ap-ft-badges-in { flex-direction: column; align-items: center; gap: 14px; padding: 20px; }
  .ap-ft .ap-mb-row { width: 100%; justify-content: center; column-gap: 22px; row-gap: 16px; }
  .ap-ft .ap-ft-badge-art { height: 58px; }
  .ap-ft .ap-mb-row .ap-mb-badge img[alt*="TORA"] { width: 82px; }
  .ap-ft .ap-mb-row .ap-mb-badge img[alt*="Business"] { width: 50px; }
  .ap-ft .ap-mb-row .ap-mb-badge img[alt*="NATDA"] { width: 46px; }
  .ap-ft .ap-mb-row .ap-mb-badge img[alt*="AAM"] { width: 70px; }
  .ap-ft .ap-mb-row .ap-mb-badge img[alt*="Total Truck"] { width: 76px; }
  .ap-ft .ap-ft-bottom-in { padding: 14px 20px; }
}
/* === end AllPro footer redesign === */

/* === AllPro footer separator dots (Claude, Oct 2026) ===
   Bigger dots between the bottom-bar links (they were hard to see). === */
.footer-wrapper.ap-ft .ap-ft-bottom-in .footer-sep { margin: 0 10px; font-size: 28px; font-weight: 700; line-height: 0; vertical-align: -4px; }
/* === end AllPro footer separator dots === */


/* === AllPro footer link underlines (Claude, Oct 2026) ===
   Underlines the bottom-bar links so visitors can tell they are links. === */
.footer-wrapper.ap-ft .ap-ft-bottom-in a, .footer-wrapper.ap-ft .ap-ft-bottom-in p.copyright a, .footer-wrapper.ap-ft .ap-ft-bottom-in p.copyright a#aam-link { text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
/* === end AllPro footer link underlines === */


/* === AllPro navbar Brands and Categories pills (Claude, Oct 2026) ===
   White pills with AllPro blue text, same rounded shape as the phone
   button, with a divider on each side and equal 14px spacing. Overrides
   the red button rule above (kept in place). Delete this block to go
   back to the red buttons. === */
html body #bottom-navbar a[href="catalog/brands"],html body #bottom-navbar a[href="catalog/categories"],html body #top-navbar a[href="catalog/brands"],html body #top-navbar a[href="catalog/categories"]{display:inline-flex!important;align-items:center;background:#fff!important;color:#0057B8!important;font-weight:700!important;border-radius:999px!important;padding:6px 16px!important;margin:0!important;line-height:21px!important;box-shadow:0 1px 2px rgba(0,0,0,.18)!important;transition:none!important}
html body #bottom-navbar a[href="catalog/brands"]:hover,html body #bottom-navbar a[href="catalog/brands"]:focus,html body #bottom-navbar a[href="catalog/categories"]:hover,html body #bottom-navbar a[href="catalog/categories"]:focus,html body #top-navbar a[href="catalog/brands"]:hover,html body #top-navbar a[href="catalog/brands"]:focus,html body #top-navbar a[href="catalog/categories"]:hover,html body #top-navbar a[href="catalog/categories"]:focus{background:#EAF2FC!important;color:#0057B8!important}
html body #bottom-navbar .navbar-nav > li:has(> a[href="catalog/brands"]),html body #top-navbar .navbar-nav > li:has(> a[href="catalog/brands"]){border-left:1px solid rgba(255,255,255,.4)!important;padding:0 4px 0 14px!important;margin:0!important;transition:none!important}
html body #bottom-navbar .navbar-nav > li:has(> a[href="catalog/categories"]),html body #top-navbar .navbar-nav > li:has(> a[href="catalog/categories"]){border-left-color:transparent!important;padding:0 12px 0 4px!important;margin:0!important;transition:none!important}
/* === end AllPro navbar Brands and Categories pills === */


/* === AllPro navbar Brands and Categories beside the phone (Claude, Oct 2026) ===
   Moves Brands and Categories to the front of the bar, right after the
   phone pill, styled exactly like it (10px between the three pills, 14px
   to the divider). Overrides the white-pill block and Thomas's red rule
   above. Delete this block to go back to the white pills. === */
html body #bottom-navbar a[href="catalog/brands"],html body #bottom-navbar a[href="catalog/categories"],html body #top-navbar a[href="catalog/brands"],html body #top-navbar a[href="catalog/categories"]{display:inline-flex!important;align-items:center;background:rgba(255,255,255,.12)!important;color:#fff!important;font-size:14px!important;font-weight:600!important;line-height:18.2px!important;border:1px solid rgba(255,255,255,.32)!important;border-radius:999px!important;padding:6.3px 14.7px!important;margin:0!important;height:32.8px!important;box-sizing:border-box!important;box-shadow:0 1px 2px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.12)!important;transition:none!important}
html body #bottom-navbar a[href="catalog/brands"]:hover,html body #bottom-navbar a[href="catalog/brands"]:focus,html body #bottom-navbar a[href="catalog/categories"]:hover,html body #bottom-navbar a[href="catalog/categories"]:focus,html body #top-navbar a[href="catalog/brands"]:hover,html body #top-navbar a[href="catalog/brands"]:focus,html body #top-navbar a[href="catalog/categories"]:hover,html body #top-navbar a[href="catalog/categories"]:focus{background:rgba(255,255,255,.2)!important;border-color:rgba(255,255,255,.48)!important;color:#fff!important;box-shadow:0 2px 6px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.16)!important}
html body #bottom-navbar .navbar-nav > li:has(> a[href="catalog/brands"]),html body #top-navbar .navbar-nav > li:has(> a[href="catalog/brands"]),html body #bottom-navbar .navbar-nav > li:has(> a[href="catalog/categories"]),html body #top-navbar .navbar-nav > li:has(> a[href="catalog/categories"]){order:-1!important;border-left-color:transparent!important;margin:0!important;transition:none!important}
html body #bottom-navbar .navbar-nav > li:has(> a[href="catalog/brands"]),html body #top-navbar .navbar-nav > li:has(> a[href="catalog/brands"]){padding:0 3.5px 0 1px!important}
html body #bottom-navbar .navbar-nav > li:has(> a[href="catalog/categories"]),html body #top-navbar .navbar-nav > li:has(> a[href="catalog/categories"]){padding:0 12px 0 3.5px!important}
html body #bottom-navbar .nav-phone-slot,html body #top-navbar .nav-phone-slot{padding-right:0!important}
/* === end AllPro navbar Brands and Categories beside the phone === */


/* === AllPro home carousel spacing (Claude, Oct 2026) ===
   24px between the sub-bar and the banner, and 24px from the slide dots
   to the next row (was 17px and 42px). Delete this block to undo. === */
html body .home-page .ap-hero-wrap.ap-rotator-click{margin-top:7px!important;margin-bottom:14px!important}
/* === end AllPro home carousel spacing === */


/* === AllPro footer Log Out button left-aligned (Claude, Oct 2026) ===
   Lines the red Log Out button up with the Company links above it.
   Delete this block to undo. === */
.footer-wrapper.ap-ft .ap-ft-col li a[href*="logout"] { margin-left: 0; }
/* === end AllPro footer Log Out button left-aligned === */