.embeddedServiceHelpButton .helpButton .uiButton{background-color:#c03;font-family:Arial,sans-serif}.embeddedServiceHelpButton .helpButton .uiButton:focus{outline:1px solid #c03}

.product-locations-display tr {
   border-bottom: 1px solid #ebebeb;
}

.thumbnail-grid-item-image-wrapper img {
    width: 100px !important;
}

/* 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;
}

/* ============================================================
   Contact Us page — match the PACE 2 branded contact layout
   (added 8/25/26). Everything is scoped to the contact form's
   container via #contact-us-form, so no other page is affected.
   Delete this block to restore the stock contact layout.
   ============================================================ */
/* Hide the stock heading, divider, and phone/email line —
   replaced by the branded content block above them */
.container-fluid:has(> form#contact-us-form) > h3.text-center,
.container-fluid:has(> form#contact-us-form) > h4.text-center,
.container-fluid:has(> form#contact-us-form) > hr,
.container-fluid:has(> form#contact-us-form) > p.text-center,
.container-fluid:has(> form#contact-us-form) > br { display: none; }

/* Style the form as the "Send a Message" card */
form#contact-us-form {
  max-width: 780px;
  margin: 55px auto 64px;
  background: #fff;
  border: 1px solid #DDE2E8;
  border-radius: 8px;
  padding: 26px 30px 30px;
  box-shadow: 0 1px 3px rgba(21, 24, 29, .06);
}
form#contact-us-form::before {
  content: "Send a Message";
  display: block;
  font-family: 'Barlow Condensed', Arial, sans-serif;
  font-size: 26px;
  line-height: 1.18;
  font-weight: 700;
  letter-spacing: .01em;
  text-transform: uppercase;
  color: #15181D;
  padding-left: 13px;
  border-left: 4px solid #C8102E;
  margin-bottom: 20px;
}
/* Stack labels above full-width inputs */
form#contact-us-form .control-label {
  float: none;
  display: block;
  width: 100%;
  text-align: left;
  padding-bottom: 5px;
  color: #15181D;
}
form#contact-us-form .form-group > div[class*="col-sm"] { float: none; width: 100%; }
/* Full-width AllPro-red submit button */
form#contact-us-form input[type="submit"],
form#contact-us-form button[type="submit"],
form#contact-us-form .btn {
  float: none;
  display: block;
  width: 100%;
  background: #C8102E;
  border: 0;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .06em;
  padding: 12px 0;
  border-radius: 8px;
}
form#contact-us-form .btn:hover,
form#contact-us-form input[type="submit"]:hover { background: #1B2F5E; color: #fff; }
/* Align the submit row with the inputs (cancel Bootstrap offset) */
form#contact-us-form [class*="col-sm-offset"] { margin-left: 0; }

/* Hide the empty account sub-nav bar for logged-out visitors (added 2026-09-17) */
#bottom-subnavbar:not(:has(li)) { display: none; }

/* === AllPro Request Access page (Claude, Sept 2026). Matches the About / Privacy / Terms design. Only affects /account/request-access. === */
.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>.form-group:has([name="request[first_name]"]),.ap-ra form>.form-group:has([name="request[last_name]"]),.ap-ra form>.form-group:has([name="request[email]"]),.ap-ra form>.form-group:has([name="request[phone]"]),.ap-ra form>.form-group:has([name="request[custom-20]"]),.ap-ra form>.form-group: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-group{margin:0!important;display:block}
.ap-ra .form-group:before,.ap-ra .form-group:after{display:none!important}
.ap-ra .form-group>[class*="col-"]{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 .form-group 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{font-size:14px;line-height:1.5;color:#6B7482;margin:6px 0 0}
.ap-ra .btn-row{text-align:left!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>.form-group{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 page top spacing: every info page starts 54px below the nav, matching the beta Locator page (Claude, Sept 2026) === */
body .ap-about,body .ap-contactpg,body .ap-policy,body .ap-rp{padding-top:39px!important}
body .ap-pk{padding-top:19px!important}
body .ap-ra{padding-top:10px!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 === */
#ap-member-badges {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  margin-top: 12px;
  padding: 4px 0 8px;
}
#ap-member-badges .ap-member-badge img {
  display: block;
  height: 48px;
  width: auto;
  max-width: 160px;
}
#ap-member-badges .ap-member-badge img[alt*="NATDA"] {
  height: 72px;
  max-width: 72px;
}

/* === AllPro footer redesign (Claude, Oct 2026) =================
   Four column footer, full width badge band, dark bottom bar.
   Everything is scoped to .ap-ft, a class the matching JS block adds
   to .footer-wrapper, so if the JS does not run the stock footer is
   untouched. Delete this block and the JS block to restore it. === */

.ap-ft { background: #F2F4F7; padding: 0; margin-top: 48px; }

.ap-ft .container { width: auto; max-width: 1360px; padding: 0 30px; margin: 0 auto; }

/* #main pads 15px under its last child; the footer is the last child, so
   that padding shows as a strip under the dark bar once the footer has a
   background of its own. */
#main:has(> .footer-wrapper.ap-ft) { padding-bottom: 0; }

/* ---- 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-top:before, .ap-ft .ap-ft-top:after { content: none; }

.ap-ft #footer-logo {
  width: 340px;
  flex: 0 0 340px;
  float: none;
  margin: 0;
  padding: 0;
  left: auto;
  text-align: left;
}
.ap-ft #footer-logo > a > img.img-responsive { display: block; width: 206px; height: auto; margin: 0; }
.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;
}
.ap-ft .ap-ft-phone em { font-style: normal; }
.ap-ft .ap-ft-phone:hover, .ap-ft .ap-ft-phone:focus { color: #A50D26; text-decoration: none; }
.ap-ft .ap-ft-email { display: block; margin: 12px 0 0; font-size: 16px; line-height: 22px; color: #414852; }
.ap-ft .ap-ft-email:hover, .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: 160px; float: none; 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; }
.ap-ft .ap-ft-col li { margin: 0; padding: 0; }
.ap-ft .ap-ft-col li a { display: block; padding: 5px 0; font-size: 16px; line-height: 22px; color: #414852; }
.ap-ft .ap-ft-col li a:hover, .ap-ft .ap-ft-col li a:focus { color: #0057B8; text-decoration: none; }
.ap-ft .ap-ft-col ul.ap-ft-inline { display: flex; flex-wrap: wrap; gap: 0 20px; }

/* ---- 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: 22px 30px;
}
.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-member-badges {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  column-gap: 48px;
  row-gap: 8px;
  margin: 0;
  padding: 0;
}
.ap-ft #ap-member-badges .ap-member-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: 80px;
}
.ap-ft #ap-member-badges .ap-member-badge img { display: block; width: auto; height: auto; }
.ap-ft #ap-member-badges .ap-member-badge img[alt*="Business"] { width: 131px; }
.ap-ft #ap-member-badges .ap-member-badge img[alt*="TORA"] { width: 116px; }
.ap-ft #ap-member-badges .ap-member-badge img[alt*="NATDA"] { width: 64px; max-width: 64px; height: auto; }

/* ---- dark bottom bar ---- */
.ap-ft .ap-ft-bottom { background: #15181D; }
.ap-ft .ap-ft-bottom .row { margin: 0; }
.ap-ft .ap-ft-bottom [class*="col-"] { float: none; width: auto; padding: 0; }
.ap-ft .ap-ft-bottom-in {
  max-width: 1360px;
  margin: 0 auto;
  padding: 16px 30px;
  font-size: 14px;
  line-height: 18px;
  color: #9AA3AE;
  text-align: center;
}
.ap-ft .ap-ft-bottom-in a { color: #9AA3AE; }
.ap-ft .ap-ft-bottom-in a:hover, .ap-ft .ap-ft-bottom-in a:focus { color: #FFFFFF; }

/* ---- tablet and phone ---- */
@media (max-width: 991px) {
  .ap-ft .ap-ft-top { flex-wrap: wrap; gap: 32px; }
  .ap-ft #footer-logo { flex: 0 0 100%; width: 100%; }
  .ap-ft .ap-ft-col { flex: 1 1 30%; }
}
@media (max-width: 767px) {
  /* The link columns keep .hidden-xs, so a phone sees the brand block,
     the badges and the bottom bar only, same as the stock footer. */
  .ap-ft .container { padding: 0 20px; }
  .ap-ft .ap-ft-top { flex-direction: column; gap: 24px; padding: 30px 0 26px; }
  .ap-ft #footer-logo { flex: 0 0 auto; width: 100%; }
  .ap-ft .ap-ft-badges-in { flex-direction: column; align-items: center; gap: 14px; padding: 20px; }
  .ap-ft #ap-member-badges { flex: 0 0 auto; width: 100%; justify-content: center; column-gap: 12px; row-gap: 10px; }
  .ap-ft #ap-member-badges .ap-member-badge { width: auto; height: 66px; }
  .ap-ft #ap-member-badges .ap-member-badge img[alt*="Business"] { width: 102px; }
  .ap-ft #ap-member-badges .ap-member-badge img[alt*="TORA"] { width: 90px; }
  .ap-ft #ap-member-badges .ap-member-badge img[alt*="NATDA"] { width: 52px; max-width: 52px; }
  .ap-ft .ap-ft-bottom-in { padding: 14px 20px; }
}
/* === end AllPro footer redesign === */

/* === AllPro footer badges and social icons (Claude, Oct 2026) ===
   Matches the PACE 2 footer: five badges with captions sharing one
   baseline (72px art box), and icon-only Follow Us links. Overrides
   the badge sizing in the footer redesign block above. Delete this
   block and the matching JS block to undo. ======================== */
.footer-wrapper.ap-ft .ap-ft-badges-in { padding: 24px 30px 26px; }
.footer-wrapper.ap-ft #ap-member-badges { align-items: flex-start; column-gap: 40px; row-gap: 14px; }
.footer-wrapper.ap-ft #ap-member-badges .ap-member-badge.ap-ft-b5 { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; gap: 9px; width: auto; height: auto; padding: 0; background: none; border: 0; text-decoration: none; }
.footer-wrapper.ap-ft #ap-member-badges .ap-ft-b5 .ap-ft-badge-art { display: flex; align-items: center; justify-content: center; height: 72px; }
.footer-wrapper.ap-ft #ap-member-badges .ap-ft-b5 img { display: block; height: auto; max-width: none; }
.footer-wrapper.ap-ft #ap-member-badges .ap-ft-b5 img[alt*="AAM"] { width: 86px; }
.footer-wrapper.ap-ft #ap-member-badges .ap-ft-b5 img[alt*="Total Truck"] { width: 95px; }
.footer-wrapper.ap-ft #ap-member-badges .ap-ft-b5 img[alt*="Business"] { width: 62px; }
.footer-wrapper.ap-ft #ap-member-badges .ap-ft-b5 img[alt*="TORA"] { width: 102px; }
.footer-wrapper.ap-ft #ap-member-badges .ap-ft-b5 img[alt*="NTEA"] { width: 96px; }
.footer-wrapper.ap-ft #ap-member-badges .ap-ft-b5 img[alt*="NATDA"] { width: 58px; max-width: none; }
.footer-wrapper.ap-ft #ap-member-badges .ap-ft-b5 .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; }

.footer-wrapper.ap-ft .ap-ft-col ul.ap-ft-inline { gap: 0 16px; }
.footer-wrapper.ap-ft .ap-ft-col ul.ap-ft-inline li a.ap-ft-soc { display: flex; align-items: center; padding: 6px 0; color: #414852; }
.footer-wrapper.ap-ft .ap-ft-col ul.ap-ft-inline li a.ap-ft-soc:hover, .footer-wrapper.ap-ft .ap-ft-col ul.ap-ft-inline li a.ap-ft-soc:focus { color: #0057B8; }
.footer-wrapper.ap-ft a.ap-ft-soc svg { display: block; width: 19px; height: 19px; opacity: .75; }
.footer-wrapper.ap-ft .ap-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

@media (max-width: 767px) {
  .footer-wrapper.ap-ft #ap-member-badges { column-gap: 22px; row-gap: 16px; }
  .footer-wrapper.ap-ft #ap-member-badges .ap-ft-b5 .ap-ft-badge-art { height: 58px; }
  .footer-wrapper.ap-ft #ap-member-badges .ap-ft-b5 img[alt*="AAM"] { width: 70px; }
  .footer-wrapper.ap-ft #ap-member-badges .ap-ft-b5 img[alt*="Total Truck"] { width: 76px; }
  .footer-wrapper.ap-ft #ap-member-badges .ap-ft-b5 img[alt*="Business"] { width: 50px; }
  .footer-wrapper.ap-ft #ap-member-badges .ap-ft-b5 img[alt*="TORA"] { width: 82px; }
  .footer-wrapper.ap-ft #ap-member-badges .ap-ft-b5 img[alt*="NTEA"] { width: 118px; }
  .footer-wrapper.ap-ft #ap-member-badges .ap-ft-b5 img[alt*="NATDA"] { width: 46px; }
}
/* === end AllPro footer badges and social icons === */


/* === AllPro footer legal line (Claude, Oct 2026) ====================
   PACE 1 bottom bar styled like PACE 2's: 14px gray text and links,
   dot separators. Pairs with the JS block of the same name. ========= */
.footer-wrapper.ap-ft .ap-ft-bottom-in p.copyright { margin: 0; font-size: 14px; line-height: 22px; color: #9AA3AE; text-align: center; }
.footer-wrapper.ap-ft .ap-ft-bottom-in p.copyright a, .footer-wrapper.ap-ft .ap-ft-bottom-in p.copyright a#aam-link { font-size: 14px; color: #9AA3AE; text-decoration: none; }
.footer-wrapper.ap-ft .ap-ft-bottom-in p.copyright a:hover, .footer-wrapper.ap-ft .ap-ft-bottom-in p.copyright a:focus, .footer-wrapper.ap-ft .ap-ft-bottom-in p.copyright a#aam-link:hover, .footer-wrapper.ap-ft .ap-ft-bottom-in p.copyright a#aam-link:focus { color: #FFFFFF; }
.footer-wrapper.ap-ft .ap-ft-bottom-in .footer-sep { color: #4E5662; margin: 0 10px; font-size: 28px; font-weight: 700; line-height: 0; vertical-align: -4px; }
/* === end AllPro footer legal line === */


/* === 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 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 16px and 32px). Delete this block to undo. === */
html body .panel-body > .ap-hero-wrap.ap-rotator-click{margin-top:8px!important;margin-bottom:3px!important}
/* === end AllPro home carousel spacing === */


/* === AllPro footer Log Out button (Claude, Oct 2026) ===
   Matches the PACE 2 footer: the Log Out link becomes a red button with
   the right-from-bracket icon, left-aligned under the Company links.
   Shown to signed-in users only (Footer Settings, Require Login).
   Delete this block and the matching JS block to undo. === */
.footer-wrapper.ap-ft .ap-ft-col li a[href*="logout"] { display: inline-flex; align-items: center; gap: 8px; box-sizing: border-box; min-height: 32px; margin: 6px 0 0; padding: 5px 12px 4px; background: #C8102E; color: #fff !important; border-radius: 3px; font-family: "Barlow Condensed", "Arial Narrow", Arial, sans-serif; font-weight: 700; font-size: 16px; line-height: 22px; letter-spacing: 1.28px; text-transform: uppercase; text-decoration: none !important; }
.footer-wrapper.ap-ft .ap-ft-col li a[href*="logout"]:hover, .footer-wrapper.ap-ft .ap-ft-col li a[href*="logout"]:focus { background: #A50D26; color: #fff !important; text-decoration: none !important; }
.footer-wrapper.ap-ft .ap-ft-col li a[href*="logout"] .ap-lo-ico { width: 15px; height: 15px; flex: 0 0 15px; margin-right: 8px; font-size: 16px; }
/* === end AllPro footer Log Out button === */

/* === AllPro landing pages (Claude, Oct 2026): Thomas's SEO custom pages (/info, /independent, /become-a-dealer, etc.) in the About / Perks design. Only affects .ap-lp. === */
.ap-lp{--ap-blue:#2B4A94;--ap-blue-dark:#1B2F5E;--ap-red:#C8102E;--ap-ink:#15181D;--ap-body:#414852;--ap-muted:#6B7482;--ap-line:#DDE2E8;--ap-panel:#F5F7FA;max-width:820px;margin:0 auto;padding:9px 20px 64px;font-family:'Barlow',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;font-size:17px;line-height:1.68;color:var(--ap-body);-webkit-font-smoothing:antialiased;text-align:left;box-sizing:border-box}
.ap-lp *,.ap-lp *:before,.ap-lp *:after{box-sizing:border-box}
.ap-lp p{margin:0 0 18px}
.ap-lp a{color:var(--ap-blue);text-decoration:underline;text-underline-offset:3px}
.ap-lp a:hover{color:var(--ap-blue-dark)}
.ap-lp img{max-width:100%;height:auto;margin:0!important}
.ap-lp-eyebrow{font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;font-weight:600;font-size:15px;letter-spacing:2.4px;text-transform:uppercase;color:var(--ap-red);margin:0 0 6px!important}
.ap-lp-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:var(--ap-ink)!important;margin:0 0 16px!important;text-align:left!important;text-wrap:balance}
.ap-lp-lede{font-size:18.5px;line-height:1.62;text-wrap:balance;margin:0 0 26px!important}
.ap-lp-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:var(--ap-ink)!important;border-left:4px solid var(--ap-red);padding:0 0 0 15px!important;margin:46px 0 18px!important;text-align:left!important;text-wrap:balance}
.ap-lp-h3{font-family:'Barlow',Arial,sans-serif!important;font-weight:700!important;font-size:19px!important;line-height:1.3!important;color:var(--ap-ink)!important;margin:0 0 6px!important;text-transform:none!important;letter-spacing:0!important}
.ap-lp-note{background:var(--ap-panel);border-left:4px solid var(--ap-blue);border-radius:0 3px 3px 0;padding:16px 20px;font-size:16.5px;line-height:1.6;text-wrap:balance}
.ap-lp-note strong{color:var(--ap-ink)}
.ap-lp-fine{font-size:14px!important;line-height:1.6;color:var(--ap-muted);text-wrap:balance}
.ap-lp-list{margin:0 0 18px;padding:0 0 0 22px}
.ap-lp-list li{margin:0 0 8px;padding-left:4px}
.ap-lp-list li::marker{color:var(--ap-red)}
.ap-lp-steps{list-style:none;counter-reset:apstep;margin:0 0 20px;padding:0}
.ap-lp-steps li{counter-increment:apstep;position:relative;padding:4px 0 4px 50px;margin:0 0 12px;min-height:36px}
.ap-lp-steps li:before{content:counter(apstep);position:absolute;left:0;top:0;width:36px;height:36px;border-radius:50%;background:var(--ap-blue);color:#fff;font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;font-weight:700;font-size:19px;line-height:36px;text-align:center}
.ap-lp-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--ap-line);border-radius:3px;background:var(--ap-panel);margin:0 0 26px}
.ap-lp-fact{padding:14px 18px;border-left:1px solid var(--ap-line)}
.ap-lp-fact:first-child{border-left:0}
.ap-lp-fact span{display:block;font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;font-weight:600;font-size:13px;letter-spacing:1.4px;text-transform:uppercase;color:var(--ap-muted);line-height:1.4;margin:0 0 2px}
.ap-lp-fact strong{display:block;font-weight:700;font-size:17px;line-height:1.35;color:var(--ap-ink)}
.ap-lp-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--ap-line);border-bottom:1px solid var(--ap-line);padding:24px 0;margin:0 0 8px}
.ap-lp-stat{padding:0 22px;border-left:1px solid var(--ap-line)}
.ap-lp-stat:first-child{border-left:0;padding-left:0}
.ap-lp-stat strong{display:block;font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;font-weight:800;font-size:46px;line-height:1;color:var(--ap-blue);margin:0 0 6px}
.ap-lp-stat span{display:block;font-size:15.5px;line-height:1.4;color:var(--ap-body)}
.ap-lp-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0 0 22px}
.ap-lp-cards.ap-lp-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.ap-lp-card{display:block;background:#fff;border:1px solid var(--ap-line);border-top:4px solid var(--ap-blue);border-radius:0 0 3px 3px;padding:18px 20px 20px}
.ap-lp-card p{margin:0!important;font-size:15.5px;line-height:1.55;color:var(--ap-body);text-wrap:pretty}
.ap-lp a.ap-lp-card{text-decoration:none!important;color:inherit}
.ap-lp a.ap-lp-card:hover{border-color:var(--ap-blue);border-top-color:var(--ap-red)}
.ap-lp-cats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 22px}
.ap-lp-cat{display:flex;flex-direction:column;background:#fff;border:1px solid var(--ap-line);border-radius:3px;overflow:hidden}
.ap-lp a.ap-lp-cat{text-decoration:none!important;color:inherit}
.ap-lp a.ap-lp-cat:hover{border-color:var(--ap-blue)}
.ap-lp-cat img{display:block;width:100%!important;height:150px!important;object-fit:contain;background:#fff;padding:12px;border-bottom:1px solid var(--ap-line)}
.ap-lp-cat div{padding:14px 16px 16px}
.ap-lp-cat strong{display:block;font-family:'Barlow',Arial,sans-serif;font-weight:700;font-size:17px;line-height:1.3;color:var(--ap-ink);margin:0 0 4px}
.ap-lp-cat span{display:block;font-size:14.5px;line-height:1.5;color:var(--ap-muted);text-wrap:balance}
.ap-lp-logos{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0 0 22px}
.ap-lp-logo{display:flex;align-items:center;justify-content:center;height:76px;background:#fff;border:1px solid var(--ap-line);border-radius:3px;padding:12px 14px}
.ap-lp-logo img{display:block;max-width:100%!important;max-height:44px!important;width:auto!important;height:auto!important;object-fit:contain}
.ap-lp-logos.ap-lp-solo{display:block}
.ap-lp-logos.ap-lp-solo .ap-lp-logo{display:inline-flex;justify-content:flex-start;border:0;padding:0;height:60px;background:none}
.ap-lp-logos.ap-lp-solo .ap-lp-logo img{max-height:60px!important;max-width:260px!important}
.ap-lp-cats.ap-lp-solo{grid-template-columns:minmax(0,1fr)}
.ap-lp-cats.ap-lp-solo .ap-lp-cat{flex-direction:row;align-items:center}
.ap-lp-cats.ap-lp-solo .ap-lp-cat img{width:300px!important;height:190px!important;flex:none;border-bottom:0;border-right:1px solid var(--ap-line)}
.ap-lp-cats.ap-lp-solo .ap-lp-cat div{padding:18px 22px}
.ap-lp-table{border:1px solid var(--ap-line);border-radius:3px;overflow:hidden;margin:0 0 14px}
.ap-lp-table table{width:100%;border-collapse:collapse;margin:0;font-size:16px}
.ap-lp-table th,.ap-lp-table td{text-align:left;padding:11px 16px;border-bottom:1px solid var(--ap-line);vertical-align:top;line-height:1.5}
.ap-lp-table tr:last-child td{border-bottom:0}
.ap-lp-table th{font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;font-weight:600;font-size:14px;letter-spacing:1.4px;text-transform:uppercase;color:var(--ap-muted);background:var(--ap-panel)}
.ap-lp-table td:first-child{font-weight:600;color:var(--ap-ink);white-space:nowrap}
.ap-lp-map{display:block;border:1px solid var(--ap-line);border-radius:4px;overflow:hidden;margin:0 0 22px}
.ap-lp-map img{display:block;width:100%!important}
.ap-lp-img{display:block;margin:0 0 22px!important}
.ap-lp-btns{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 22px}
.ap-lp a.ap-lp-btn{display:inline-block;background:var(--ap-red);color:#fff!important;text-decoration:none!important;font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;font-weight:700;font-size:17px;line-height:1;letter-spacing:1.36px;text-transform:uppercase;padding:13px 22px 12px;border:1px solid var(--ap-red);border-radius:3px}
.ap-lp a.ap-lp-btn:hover{background:#A50D26;border-color:#A50D26;color:#fff!important}
.ap-lp a.ap-lp-btn-alt{background:#fff;color:var(--ap-ink)!important;border-color:var(--ap-line)}
.ap-lp a.ap-lp-btn-alt:hover{background:#fff;color:var(--ap-blue)!important;border-color:var(--ap-blue)}
.ap-lp-cta{background:var(--ap-panel);border-left:4px solid var(--ap-blue);border-radius:0 3px 3px 0;padding:20px 22px 22px;margin:34px 0 0}
.ap-lp-cta-t{display:block;font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;font-weight:700;font-size:23px;line-height:1.2;letter-spacing:.3px;text-transform:uppercase;color:var(--ap-ink);margin:0 0 4px}
.ap-lp-cta p{font-size:16.5px;line-height:1.6;margin:0 0 16px!important;text-wrap:balance}
.ap-lp-cta .ap-lp-btns{margin:0}
.ap-lp-faq details{border:1px solid var(--ap-line);border-radius:3px;background:#fff;margin:0 0 10px}
.ap-lp-faq summary{cursor:pointer;list-style:none;position:relative;padding:14px 48px 14px 18px;font-family:'Barlow',Arial,sans-serif;font-weight:700;font-size:17px;line-height:1.4;color:var(--ap-ink)}
.ap-lp-faq summary::-webkit-details-marker{display:none}
.ap-lp-faq summary:after{content:"+";position:absolute;right:18px;top:50%;transform:translateY(-50%);font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;font-weight:700;font-size:26px;line-height:1;color:var(--ap-red)}
.ap-lp-faq details[open] summary:after{content:"\2212"}
.ap-lp-faq details[open] summary{border-bottom:1px solid var(--ap-line)}
.ap-lp-faq details p{margin:0!important;padding:14px 18px 16px;font-size:16px;line-height:1.6;text-wrap:pretty}
.ap-lp-end{display:block;margin:48px 0 0;padding:26px;border:1px solid var(--ap-line);border-top:4px solid var(--ap-red);border-radius:0 0 3px 3px;background:#fff}
.ap-lp-end-head{display:flex;align-items:center;gap:22px;margin:0 0 22px}
.ap-lp-end-logo{display:block;height:40px;width:auto;flex:none}
.ap-lp-end-t{font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif!important;font-weight:700!important;font-size:26px!important;line-height:1.2!important;letter-spacing:.3px;text-transform:uppercase;color:var(--ap-ink)!important;margin:0!important;padding:0!important;border:0!important}
.ap-lp-end-head .ap-lp-end-t{padding:2px 0 2px 22px!important;border-left:1px solid var(--ap-line)!important}
.ap-lp-end .ap-lp-btns{display:flex;flex-wrap:nowrap;gap:10px;margin:0}
.ap-lp-end a.ap-lp-btn{flex:1 1 auto;text-align:center;font-size:15.5px;letter-spacing:1px;padding:14px 12px 13px;white-space:nowrap}
@media (max-width:760px){.ap-lp-end .ap-lp-btns{flex-wrap:wrap}.ap-lp-end a.ap-lp-btn{flex:1 1 calc(50% - 5px)}.ap-lp-end-head{flex-direction:column;align-items:flex-start;gap:12px}.ap-lp-end-head .ap-lp-end-t{padding:0!important;border-left:0!important}}
.col-xs-12:has(> .custom-page-content .ap-lp) > h1,.col-xs-12:has(> .custom-page-content .ap-lp) > hr,.col-12:has(> .custom-page-content .ap-lp) > h1,.col-12:has(> .custom-page-content .ap-lp) > hr{display:none!important}
@media (max-width:760px){.ap-lp-h1{font-size:40px!important}.ap-lp-cards,.ap-lp-cards.ap-lp-3,.ap-lp-cats,.ap-lp-facts,.ap-lp-stats{grid-template-columns:minmax(0,1fr)}.ap-lp-fact,.ap-lp-stat{border-left:0;padding-left:0}.ap-lp-fact{padding:12px 18px;border-top:1px solid var(--ap-line)}.ap-lp-fact:first-child{border-top:0}.ap-lp-stat{padding:10px 0}.ap-lp-logos{grid-template-columns:repeat(3,minmax(0,1fr))}.ap-lp-table td:first-child{white-space:normal}.ap-lp-cats.ap-lp-solo .ap-lp-cat{flex-direction:column}.ap-lp-cats.ap-lp-solo .ap-lp-cat img{width:100%!important;border-right:0;border-bottom:1px solid var(--ap-line)}}
.ap-lp-cats:has(> :nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:760px){.ap-lp-cats:has(> :nth-child(4):last-child){grid-template-columns:minmax(0,1fr)}}
/* === end AllPro landing pages === */
/* === AllPro navbar to match PACE 2 (Claude, Oct 2026): compact blue bar, phone pill, Brands and Categories pills, items sized to content; light sub bar to match === */
@media (min-width:768px){
html body #bottom-navbar{height:44px!important;min-height:44px!important;align-items:center!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 -2px 12px rgba(0,0,0,.12)!important}
html body #bottom-navbar #nav-phone{display:flex!important;align-items:center;height:44px;width:auto!important;padding:0 0 0 15px!important;background:transparent!important}
html body #bottom-navbar #nav-phone a{display:inline-flex!important;align-items:center;gap:8px;height:32.8px;box-sizing:border-box;padding:6.3px 14.7px!important;border:1px solid rgba(255,255,255,.32);border-radius:999px;background:rgba(255,255,255,.12);box-shadow:0 1px 2px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.12);color:#fff!important;font-family:"Open Sans",sans-serif!important;font-size:14px!important;font-weight:600!important;font-style:normal!important;line-height:18.2px!important;text-decoration:none!important;white-space:nowrap;transform:none!important}
html body #bottom-navbar #nav-phone a em{font-style:normal!important;font-size:inherit!important;font-family:inherit!important}
html body #bottom-navbar #nav-phone a::before{content:"";flex:0 0 12px;width:12px;height:12px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.62 10.79a15.05 15.05 0 0 0 6.59 6.59l2.2-2.2a1 1 0 0 1 1.01-.24c1.12.37 2.33.57 3.58.57a1 1 0 0 1 1 1V20a1 1 0 0 1-1 1C10.61 21 3 13.39 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.25.2 2.45.57 3.57a1 1 0 0 1-.25 1.02l-2.2 2.2z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.62 10.79a15.05 15.05 0 0 0 6.59 6.59l2.2-2.2a1 1 0 0 1 1.01-.24c1.12.37 2.33.57 3.58.57a1 1 0 0 1 1 1V20a1 1 0 0 1-1 1C10.61 21 3 13.39 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.25.2 2.45.57 3.57a1 1 0 0 1-.25 1.02l-2.2 2.2z'/%3E%3C/svg%3E") center/contain no-repeat}
html body #bottom-navbar #nav-phone a:hover,html body #bottom-navbar #nav-phone a:focus{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.48);box-shadow:0 2px 6px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.16)}
html body #bottom-navbar #nav-links{display:flex!important;align-items:center;height:44px;flex:1 1 auto!important;min-width:0}
html body #bottom-navbar #nav-links .navbar-nav{display:flex!important;align-items:center;height:44px;width:auto!important;margin:0!important;padding:0 0 0 10px!important;flex-wrap:nowrap!important}
html body #bottom-navbar #nav-links .navbar-nav>li{flex:0 0 auto!important;height:35px;float:none!important}
html body #bottom-navbar #nav-links .navbar-nav>li:last-child{border-right:1px solid rgba(255,255,255,.4)!important}
html body #bottom-navbar #nav-links .navbar-nav>li>.navbar-li-wrapper{height:35px!important;display:flex!important;align-items:center}
html body #bottom-navbar #nav-links .navbar-nav>li>.navbar-li-wrapper>a,html body #bottom-navbar #nav-links .navbar-nav>li>a{display:flex!important;align-items:center;height:35px!important;padding:8px 14px!important;line-height:18.9px!important;font-size:14px!important;font-weight:600!important;white-space:nowrap}
html body #bottom-navbar .navbar-nav>li:has(a[href="catalog/brands"]),html body #bottom-navbar .navbar-nav>li:has(a[href="catalog/categories"]){order:-1!important;border-left-color:transparent!important;background:transparent!important;margin:0!important}
html body #bottom-navbar .navbar-nav>li:has(a[href="catalog/brands"]){padding:0 3.5px 0 0!important}
html body #bottom-navbar .navbar-nav>li:has(a[href="catalog/categories"]){padding:0 14px 0 3.5px!important}
html body #bottom-navbar .navbar-nav>li a[href="catalog/brands"],html body #bottom-navbar .navbar-nav>li a[href="catalog/categories"]{display:inline-flex!important;align-items:center;height:32.8px!important;box-sizing:border-box!important;padding:6.3px 14.7px!important;margin:0!important;border:1px solid rgba(255,255,255,.32)!important;border-radius:999px!important;background:rgba(255,255,255,.12)!important;box-shadow:0 1px 2px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.12)!important;color:#fff!important;font-size:14px!important;font-weight:600!important;line-height:18.2px!important}
html body #bottom-navbar .navbar-nav>li a[href="catalog/brands"]:hover,html body #bottom-navbar .navbar-nav>li a[href="catalog/brands"]:focus,html body #bottom-navbar .navbar-nav>li a[href="catalog/categories"]:hover,html body #bottom-navbar .navbar-nav>li a[href="catalog/categories"]:focus{background:rgba(255,255,255,.2)!important;border-color:rgba(255,255,255,.48)!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 a[href="catalog/brands"] .async-button,html body #bottom-navbar .navbar-nav>li a[href="catalog/categories"] .async-button{display:none!important}
html body #bottom-subnavbar{height:44px!important;min-height:44px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 -2px 12px rgba(0,0,0,.12)!important}
html body #bottom-subnavbar #subnav-links .navbar-nav{display:flex!important;align-items:center;height:44px;box-sizing:border-box;padding:4px 8px!important;margin:0!important}
html body #bottom-subnavbar #subnav-links .navbar-nav>li{flex:0 0 auto!important;position:relative;height:35px;border-left:0!important;border-right:0!important;float:none!important}
html body #bottom-subnavbar #subnav-links .navbar-nav>li+li::before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:1px;background:rgba(0,0,0,.18)}
html body #bottom-subnavbar #subnav-links .navbar-nav>li:last-child::after{content:"";position:absolute;right:0;top:8px;bottom:8px;width:1px;background:rgba(0,0,0,.18)}
html body #bottom-subnavbar #subnav-links .navbar-nav>li>.navbar-li-wrapper{height:35px!important;display:flex!important;align-items:center}
html body #bottom-subnavbar #subnav-links .navbar-nav>li>.navbar-li-wrapper>a,html body #bottom-subnavbar #subnav-links .navbar-nav>li>a{display:flex!important;align-items:center;height:35px!important;padding:8px 14px!important;line-height:18.9px!important;font-size:14px!important;font-weight:600!important;white-space:nowrap}
}
@media (min-width:768px){html body #bottom-navbar{flex-wrap:nowrap!important}html body #bottom-navbar::before,html body #bottom-navbar::after{display:none!important}html body #bottom-navbar #nav-phone{height:44px!important}}
@media (min-width:768px) and (max-width:1549px){
html body #bottom-navbar #nav-links .navbar-nav>li>.navbar-li-wrapper>a,html body #bottom-navbar #nav-links .navbar-nav>li>a{padding:8px 9px!important;font-size:12.5px!important}
html body #bottom-navbar #nav-links .navbar-nav a>svg{margin-right:5px!important}
html body #bottom-navbar #nav-phone a,html body #bottom-navbar .navbar-nav>li a[href="catalog/brands"],html body #bottom-navbar .navbar-nav>li a[href="catalog/categories"]{font-size:12.5px!important;padding:5px 11px!important;height:30px!important}
html body #bottom-navbar .navbar-nav>li:has(a[href="catalog/categories"]){padding:0 10px 0 3px!important}
html body #bottom-navbar .navbar-nav>li:has(a[href="catalog/brands"]){padding:0 3px 0 0!important}
}
@media (min-width:768px) and (max-width:1309px){
html body #bottom-navbar{height:auto!important}
html body #bottom-navbar #nav-links,html body #bottom-navbar #nav-links .navbar-nav{height:auto!important;min-height:44px}
html body #bottom-navbar #nav-links .navbar-nav{flex-wrap:wrap!important;padding-top:4px!important;padding-bottom:4px!important}
}
/* === end AllPro navbar to match PACE 2 === */

/* === AllPro landing pages: hero photo, photo note, 4-up facts (Claude, Oct 2026) === */
.ap-lp img.ap-hero{display:block;width:100%!important;max-width:100%!important;height:280px!important;object-fit:cover;border:0!important;border-radius:4px;margin:0 0 30px!important}
.ap-lp img.ap-hero + .ap-lp-quip{font-size:14px!important;line-height:1.5;color:var(--ap-muted);margin:-22px 0 30px!important;text-wrap:balance}
.ap-lp-facts:has(> :nth-child(4):last-child){grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:760px){.ap-lp img.ap-hero{height:190px!important}.ap-lp-facts:has(> :nth-child(4):last-child){grid-template-columns:minmax(0,1fr)}}
.ap-lp p,.ap-lp li{text-wrap:pretty}
.ap-lp-fact strong{text-wrap:balance}
.ap-lp-logos.ap-lp-g2{grid-template-columns:repeat(2,minmax(0,1fr))}.ap-lp-logos.ap-lp-g3{grid-template-columns:repeat(3,minmax(0,1fr))}.ap-lp-logos.ap-lp-g4{grid-template-columns:repeat(4,minmax(0,1fr))}.ap-lp-logos.ap-lp-g5{grid-template-columns:repeat(5,minmax(0,1fr))}.ap-lp-logos.ap-lp-g6{grid-template-columns:repeat(6,minmax(0,1fr))}.ap-lp-logos.ap-lp-g7{grid-template-columns:repeat(7,minmax(0,1fr))}
@media (max-width:760px){.ap-lp-logos.ap-lp-m2{grid-template-columns:repeat(2,minmax(0,1fr))}.ap-lp-logos.ap-lp-m3{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* === end AllPro landing pages heroes === */

/* === AllPro mobile layout (Claude, Oct 2026): phones only (max-width 767px), desktop untouched === */
@media (max-width:767px){
/* Home: fixed section order. PACE 1 shuffles the mobile copy of the home widgets on every load. */
html body #home-widgets>.mobile-section{display:flex!important;flex-direction:column}
html body #home-widgets>.mobile-section>*{order:50;float:none!important;width:100%}
html body #home-widgets>.mobile-section>:has(.ap-lo-hero-wrap){order:1}
html body #home-widgets>.mobile-section>:has(.ap-lo-proof){order:2}
html body #home-widgets>.mobile-section>:has(.ap-lo-tiles){order:3}
html body #home-widgets>.mobile-section>:has(.ap-lo-mq-truck){order:4}
html body #home-widgets>.mobile-section>:has(.ap-lo-perks){order:5}
html body #home-widgets>.mobile-section>:has(.ap-lo-tpc){order:6}
html body #home-widgets>.mobile-section>:has(.ap-lo-start){order:7}
html body #home-widgets>.mobile-section>:has(.ap-hero-wrap){order:1}
html body #home-widgets>.mobile-section>:has(.ap-pr-wrap){order:2}
html body #home-widgets>.mobile-section>:has(.ap-tpc-wrap){order:3}
html body #home-widgets>.mobile-section>:has(img[src*="open_late"]){order:4}
html body #home-widgets>.mobile-section>:has(iframe[src*="rebates/get_rebates"]){order:90}

/* Logged-out home: hero first, then the customer login, then the rest */
html body .container-fluid:has(>#home-widgets .ap-lo-hero-wrap){display:flex;flex-direction:column}
html body .container-fluid:has(>#home-widgets .ap-lo-hero-wrap)>#home-widgets,
html body .container-fluid:has(>#home-widgets .ap-lo-hero-wrap)>#home-widgets>.mobile-section{display:contents!important}
html body .container-fluid:has(>#home-widgets .ap-lo-hero-wrap)>.visible-xs{order:2;margin:0 0 8px;padding-top:26px;border-top:1px solid #D9DCE0}
html body .container-fluid:has(>#home-widgets .ap-lo-hero-wrap)>.visible-xs::before{content:"Already a customer? Log in";display:block;margin:0 0 14px;font-family:'Barlow','Helvetica Neue',Arial,sans-serif;font-weight:700;font-size:18px;color:#15181D;text-align:center}
html body .container-fluid:has(>#home-widgets .ap-lo-hero-wrap)>#home-widgets>.mobile-section>:has(.ap-lo-hero-wrap){order:1}
html body .container-fluid:has(>#home-widgets .ap-lo-hero-wrap)>#home-widgets>.mobile-section>:has(.ap-lo-proof){order:3}
html body .container-fluid:has(>#home-widgets .ap-lo-hero-wrap)>#home-widgets>.mobile-section>:has(.ap-lo-tiles){order:4}
html body .container-fluid:has(>#home-widgets .ap-lo-hero-wrap)>#home-widgets>.mobile-section>:has(.ap-lo-mq-truck){order:5}
html body .container-fluid:has(>#home-widgets .ap-lo-hero-wrap)>#home-widgets>.mobile-section>:has(.ap-lo-perks){order:6}
html body .container-fluid:has(>#home-widgets .ap-lo-hero-wrap)>#home-widgets>.mobile-section>:has(.ap-lo-tpc){order:7}
html body .container-fluid:has(>#home-widgets .ap-lo-hero-wrap)>#home-widgets>.mobile-section>:has(.ap-lo-start){order:8}

/* Logged-out hero: the desktop art is all text and shrinks to unreadable, so phones get it as live text */
html body .ap-lo-hero{background:none!important;padding:30px 5.2% 34px!important;height:auto!important;display:flex;flex-wrap:wrap;gap:12px}
html body .ap-lo-hero::before{content:"The Southeast's parts partner for truck and trailer shops";flex:0 0 100%;order:0;font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;font-weight:800;font-size:40px;line-height:1.02;text-transform:uppercase;color:#15181D;text-wrap:balance}
html body .ap-lo-hero::after{content:"Family-owned since 1997 and named SEMA Warehouse Distributor of the Year. Open an AllPro account to see your pricing, live stock, and every program that comes with it.";flex:0 0 100%;order:1;margin:2px 0 10px;font-family:'Barlow','Helvetica Neue',Arial,sans-serif;font-size:17px;line-height:1.5;color:#34373B;text-wrap:pretty}
html body .ap-lo-hero .ap-lo-hs{position:static!important;display:inline-flex!important;align-items:center;justify-content:center;width:auto!important;height:50px!important;padding:0 22px 2px;border-radius:4px;box-sizing:border-box;font-size:0!important;text-indent:0!important;overflow:visible!important;line-height:1!important;text-decoration:none!important;left:auto!important;top:auto!important}
html body .ap-lo-hero .ap-lo-hs::before{font-family:'Barlow','Helvetica Neue',Arial,sans-serif;font-weight:600;font-size:18px;line-height:1;white-space:nowrap}
html body .ap-lo-hero .ap-lo-hs1{order:2;flex:0 0 100%;background:#C8102E;border:2px solid #C8102E}
html body .ap-lo-hero .ap-lo-hs1::before{content:"Apply now";color:#fff}
html body .ap-lo-hero .ap-lo-hs2{order:3;flex:0 0 100%;background:#fff;border:2px solid #0057B8}
html body .ap-lo-hero .ap-lo-hs2::before{content:"Call 800-858-4487";color:#0057B8}

/* Section headings and their links stack instead of squeezing side by side */
html body .ap-lo-perks-head,html body .ap-lo-mq-head,html body .ap-lo-start-head{flex-direction:column!important;align-items:flex-start!important;gap:14px}
html body .ap-lo-link{white-space:nowrap}
html body .ap-lo-h2{font-size:34px!important;line-height:1.05!important;text-wrap:balance}
html body .ap-lo-p,html body .ap-lo-l,html body .ap-lo-step-t{text-wrap:balance}
html body .ap-lo-h2.ap-lo-h2-sm{font-size:28px!important}
html body .ap-lo-start .ap-lo-h2.ap-lo-h2-w{font-size:36px!important}
html body .ap-lo-sec{padding:44px 17px 48px!important}
/* Full-bleed bands, text lined up with the hero (PACE 1 panels sit 31px in from the screen edge) */
html body .ap-lo-sec.ap-lo-tpc,html body .ap-lo-start{margin-left:-31px!important;margin-right:-31px!important;padding-left:48px!important;padding-right:48px!important}
html body .ap-lo-mq-sec{margin-left:-31px!important;margin-right:-31px!important;padding:40px 0 42px!important}
html body .ap-lo-mq-sec .ap-lo-mq-head{padding:0 48px!important;margin-bottom:22px!important}
html body .ap-lo-mq-sec .ap-lo-mq{margin:0!important}
html body .ap-lo-sec.ap-lo-tpc{padding-bottom:36px!important}
html body .ap-lo-tpc+.ap-lo-mq-sec{padding-top:0!important}

/* Proof bar: 2 x 2 */
html body .ap-lo-proof{display:grid!important;grid-template-columns:1fr 1fr;row-gap:24px;padding:28px 0!important}
html body .ap-lo-proof .ap-lo-stat{padding:0 0 0 18px!important;border-left:1px solid #D9DCE0!important;min-width:0}
html body .ap-lo-proof .ap-lo-stat:nth-child(odd){padding-left:0!important;border-left:0!important}
html body .ap-lo-proof .ap-lo-n{font-size:38px!important;white-space:nowrap}
html body .ap-lo-proof .ap-lo-l{font-size:15px!important}

/* Why customers choose AllPro: one card per row */
html body .ap-lo-tiles{flex-direction:column!important;gap:18px!important}
html body .ap-lo-tiles .ap-lo-tile{flex:none!important;width:auto!important;max-width:none!important;margin:0!important}
html body .ap-lo-tiles .ap-lo-tile-img{width:100%!important;height:auto!important}

/* AllPro Perks: one perk per row, logo beside the text */
html body .ap-lo-perks{grid-template-columns:1fr!important}
html body .ap-lo-perks .ap-lo-perk{border:0!important;border-top:1px solid #D9DCE0!important;display:flex!important;align-items:center;gap:16px;padding:16px 18px!important;text-align:left!important}
html body .ap-lo-perks .ap-lo-perk:first-child{border-top:0!important}
html body .ap-lo-perks .ap-lo-perk-logo{flex:0 0 64px!important;width:64px!important;height:auto!important;margin:0!important;justify-content:center}
html body .ap-lo-perks .ap-lo-perk-logo img{max-width:64px!important;height:auto!important}
html body .ap-lo-perks .ap-lo-perk .ap-lo-p{margin:0!important;flex:1;min-width:0}

/* Get started band: buttons wrap, steps stack */
html body .ap-lo-start{padding-top:44px!important;padding-bottom:48px!important}
html body .ap-lo-btns{flex-wrap:wrap;width:100%}
html body .ap-lo-btns .ap-lo-btn{flex:1 1 auto}
html body .ap-lo-steps{grid-template-columns:1fr!important;gap:22px!important}
html body .ap-lo-start .ap-lo-q{margin:30px 0 0!important}

/* Logged in: the light blue bar under search was empty on phones. Show its links (Orders History, Backorders, Invoice Docs, File a Return) as a swipeable row of pills */
html body #bottom-subnavbar{height:auto!important;min-height:0!important;padding:0!important}
html body #bottom-subnavbar #subnav-links.hidden-xs{display:block!important;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
html body #bottom-subnavbar #subnav-links::-webkit-scrollbar{display:none}
html body #bottom-subnavbar #subnav-links .navbar-nav{display:flex!important;flex-wrap:nowrap!important;gap:8px;margin:0!important;padding:9px 15px!important;float:none!important;width:max-content}
html body #bottom-subnavbar #subnav-links .navbar-nav>li{float:none!important;flex:none;border:0!important}
html body #bottom-subnavbar #subnav-links .navbar-nav>li::before,html body #bottom-subnavbar #subnav-links .navbar-nav>li::after{display:none!important}
html body #bottom-subnavbar #subnav-links .navbar-nav>li .navbar-li-wrapper{height:auto!important}
html body #bottom-subnavbar #subnav-links .navbar-nav>li a{display:block!important;height:auto!important;padding:7px 14px!important;border:1px solid #C9D6E8;border-radius:999px;background:#fff;font-size:14px!important;font-weight:600!important;line-height:18px!important;color:#0057B8!important;white-space:nowrap}

/* Logged in: hero carousel runs edge to edge so the slides read as large as possible */
html body #home-widgets>.mobile-section .ap-hero-wrap{margin-left:-31px!important;margin-right:-31px!important}
html body #home-widgets>.mobile-section .ap-hero-wrap .ap-arrow{z-index:3!important}

/* Catalog lists: the view toggle sat in a 200px tall empty box (a desktop flex width turned into height when the bar stacks) */
html body form.flex-wrapper-sm>.flex-wrapper-sm>.flex-item{flex-basis:auto!important}

/* Item page: photo first, then part number, stock and description, then pricing and fitment tools */
html body #product-page-top>.row{display:flex;flex-direction:column}
html body #product-page-top>.row>.product-images{order:1}
html body #product-page-top>.row>.product-info{order:2}
html body #product-page-top>.row>.product-buttons{order:3;margin-top:8px}
}
/* === end AllPro mobile layout === */

/* === AllPro mobile hero and header (Claude, Oct 2026): phones only (max-width 767px). Logged-out hero with the BDS F-250 photo (PACE product image, linked in place), header phone pill, red menu icon === */
@media (max-width:767px){
/* Logged-out hero: truck photo across the top, copy over the dark fade (photo is PACE item image bds-suspension/F250_2023_B5in_02.jpg, cropped with imgix rect) */
html body .ap-lo-hero-wrap{margin-left:-31px!important;margin-right:-31px!important}
html body .ap-lo-hero{background:linear-gradient(180deg,rgba(10,20,42,0) 0,rgba(10,20,42,0) 146px,rgba(10,20,42,.5) 220px,rgba(10,20,42,.9) 292px,#0A142A 324px),url("https://aam5.imgix.net/3/bds-suspension/F250_2023_B5in_02.jpg?rect=380,140,2240,1860&w=780&auto=format,compress") center top/100% auto no-repeat #0A142A!important;padding:230px 48px 36px!important}
html body .ap-lo-hero::before{color:#fff!important}
html body .ap-lo-hero::after{color:#D9E2EF!important}
html body .ap-lo-hero .ap-lo-hs2{background:transparent!important;border-color:#fff!important}
html body .ap-lo-hero .ap-lo-hs2::before{color:#fff!important}
/* Hero meets the header: no 15px page padding or 1px panel border above it on the logged-out home */
html body #main:has(.ap-lo-hero-wrap){padding-top:0!important}
html body #home-widgets>.mobile-section>:has(.ap-lo-hero-wrap) .panel{border-top:0!important}
/* Header phone number as a tappable pill (was 12px italic) */
html body #top-navbar #mobile-phone{display:flex!important;align-items:center;justify-content:center;height:60px;padding:0!important}
html body #top-navbar #mobile-phone a{display:inline-flex!important;align-items:center;gap:7px;height:38px;padding:0 14px 1px;border:2px solid #0057B8;border-radius:999px;background:#fff;color:#0057B8!important;font-family:'Barlow','Helvetica Neue',Arial,sans-serif!important;font-weight:700!important;font-size:16px!important;line-height:1!important;letter-spacing:.2px;text-decoration:none!important;white-space:nowrap}
html body #top-navbar #mobile-phone a em{font-style:normal!important;font-size:inherit!important;font-family:inherit!important;font-weight:inherit!important}
html body #top-navbar #mobile-phone a::before{content:"";flex:0 0 15px;width:15px;height:15px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.62 10.79a15.05 15.05 0 0 0 6.59 6.59l2.2-2.2a1 1 0 0 1 1.01-.24c1.12.37 2.33.57 3.58.57a1 1 0 0 1 1 1V20a1 1 0 0 1-1 1C10.61 21 3 13.39 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.25.2 2.45.57 3.57a1 1 0 0 1-.25 1.02l-2.2 2.2z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.62 10.79a15.05 15.05 0 0 0 6.59 6.59l2.2-2.2a1 1 0 0 1 1.01-.24c1.12.37 2.33.57 3.58.57a1 1 0 0 1 1 1V20a1 1 0 0 1-1 1C10.61 21 3 13.39 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.25.2 2.45.57 3.57a1 1 0 0 1-.25 1.02l-2.2 2.2z'/%3E%3C/svg%3E") center/contain no-repeat}
/* Menu icon in AllPro red */
html body #top-navbar .navbar-toggle .icon-bar{background-color:#C8102E!important;height:3px!important;border-radius:2px}
html body #top-navbar .navbar-toggle{outline:none}
}
/* === end AllPro mobile hero and header === */
/* === AllPro landing pages, part 2 (Claude, Oct 2026): hero photos, contact cards, quips, product line grid and FAQ on Thomas's Oct 2026 pages. Only affects .ap-lp. === */
.ap-lp{--ap-blue:#0057B8;--ap-blue-dark:#00478F}
.ap-lp img.ap-hero{display:block;width:100%!important;height:300px!important;object-fit:cover;border-radius:4px;margin:0 0 28px!important;border:0}
.ap-lp img.ap-hero.ap-hero-full{height:auto!important;object-fit:contain;border:1px solid var(--ap-line)}
.ap-lp img.ap-lp-logo{display:block;width:auto!important;height:auto!important;max-height:60px!important;max-width:240px!important;margin:0 0 22px!important;padding:0;border:0;border-radius:0;background:none}
.ap-lp .ap-lp-quip,.ap-lp .ap-quip{font-size:15px!important;font-style:italic;line-height:1.5;color:var(--ap-muted);margin:0 0 18px!important;padding:0 0 0 14px;border-left:2px solid var(--ap-line)}
.ap-lp-line-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0 0 22px}
.ap-lp-line-grid:has(> :nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}
.ap-lp a.ap-line{display:flex;flex-direction:column;background:#fff;border:1px solid var(--ap-line);border-radius:3px;overflow:hidden;text-decoration:none!important;color:inherit}
.ap-lp a.ap-line:hover{border-color:var(--ap-blue)}
.ap-lp a.ap-line img{display:block;width:100%!important;height:160px!important;object-fit:contain;background:#fff;padding:12px;border-bottom:1px solid var(--ap-line)}
.ap-lp a.ap-line div{padding:14px 16px 16px}
.ap-lp a.ap-line strong{display:block;font-family:'Barlow',Arial,sans-serif;font-weight:700;font-size:17px;line-height:1.3;color:var(--ap-ink);margin:0 0 4px}
.ap-lp a.ap-line span{display:block;font-family:'Barlow',Arial,sans-serif!important;font-weight:400!important;font-size:14.5px!important;line-height:1.5!important;letter-spacing:0!important;text-transform:none!important;color:var(--ap-muted)!important;margin:0!important;padding:0!important;text-wrap:pretty}
.ap-lp-cta.ap-kelli,.ap-lp-cta.ap-chuck,.ap-lp-cta.ap-phil,.ap-lp-cta.ap-bj,.ap-lp-cta.ap-mandi{display:flex;align-items:center;gap:22px}
.ap-lp .ap-kelli-photo,.ap-lp .ap-chuck-photo,.ap-lp .ap-phil-photo,.ap-lp .ap-bj-photo,.ap-lp .ap-mandi-photo{flex:none;width:96px!important;height:96px!important;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 0 0 1px var(--ap-line)}
.ap-lp-cta.ap-kelli p,.ap-lp-cta.ap-chuck p,.ap-lp-cta.ap-phil p,.ap-lp-cta.ap-bj p,.ap-lp-cta.ap-mandi p{margin:0!important}
.ap-lp-cta + .ap-lp-btns{margin:16px 0 0}
.ap-lp-faq{margin:0 0 26px}
@media (max-width:760px){.ap-lp img.ap-hero{height:200px!important}.ap-lp-line-grid,.ap-lp-line-grid:has(> :nth-child(3):last-child){grid-template-columns:minmax(0,1fr)}.ap-lp-cta.ap-kelli,.ap-lp-cta.ap-chuck,.ap-lp-cta.ap-phil,.ap-lp-cta.ap-bj,.ap-lp-cta.ap-mandi{flex-direction:column;align-items:flex-start;gap:14px}}
/* === end AllPro landing pages, part 2 === */

/* === AllPro mobile logged-out polish (Claude, Oct 2026): phones only (max-width 767px). Reviewed section by section with Evan Oct 9 and 16. Stats, Why cards, Perks cards, Trailer Parts band, Get started band, footer === */
@media (max-width:767px){
/* Proof bar: 2 x 2 on white, red accent bar on each stat (Evan picked this over tiles, a list, and a blue band) */
html body .ap-lo-proof{display:grid!important;grid-template-columns:1fr 1fr;gap:0 16px!important;border:0!important;border-top:1px solid #D9DCE0!important;padding:22px 0 4px!important;margin:18px 17px 0!important}
html body .ap-lo-proof .ap-lo-stat,html body .ap-lo-proof .ap-lo-stat:first-child,html body .ap-lo-proof .ap-lo-stat:nth-child(odd){border:0!important;border-left:4px solid #C8102E!important;padding:2px 0 2px 12px!important;margin:0 0 22px!important;min-width:0}
html body .ap-lo-proof .ap-lo-n{font-size:36px!important;line-height:1!important;margin:0 0 4px!important;white-space:nowrap}
html body .ap-lo-proof .ap-lo-l{font-size:14px!important;line-height:1.3!important}
html body .ap-lo-proof .ap-lo-stat:first-child .ap-lo-l{white-space:nowrap}

/* Why customers choose AllPro: three clearly separate cards (more space between, rounded, soft shadow, light body) */
html body .ap-lo-tiles{gap:30px!important}
html body .ap-lo-tiles .ap-lo-tile{border:1px solid #DDE2E8!important;border-radius:10px;overflow:hidden;box-shadow:0 4px 16px rgba(21,24,29,.08);background:#fff}
html body .ap-lo-tiles .ap-lo-tile-img{display:block}
html body .ap-lo-tiles .ap-lo-tile-body{background:#F7F8FA;border-top:1px solid #E6E9ED;padding:20px 20px 22px!important}
html body .ap-lo-tiles .ap-lo-h3{margin:0 0 6px!important}
html body .ap-lo-tiles .ap-lo-tile-body .ap-lo-p{margin:0!important}

/* AllPro Perks: one row per perk, logo in a fixed box, no stacked borders */
html body .ap-lo-perks{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
html body .ap-lo-perks .ap-lo-perk{border:1px solid #E2E6EB!important;border-radius:6px;background:#fff;display:flex!important;align-items:center;gap:14px;padding:14px 16px!important;text-align:left!important}
html body .ap-lo-perks .ap-lo-perk:first-child{border-top:1px solid #E2E6EB!important}
html body .ap-lo-perks .ap-lo-perk-logo{flex:0 0 88px!important;width:88px!important;height:56px!important;margin:0!important;display:flex!important;align-items:center;justify-content:center}
html body .ap-lo-perks .ap-lo-perk-logo img{max-width:88px!important;max-height:56px!important;width:auto!important;height:auto!important}
html body .ap-lo-perks .ap-lo-perk .ap-lo-p{margin:0!important;flex:1;min-width:0;font-size:15px!important;line-height:1.4!important}

/* AllPro Trailer Parts: phone version of the catalog banner. Catalog photo big on top, headline, line and button under it */
html body .ap-lo-sec.ap-lo-tpc{background:#0057B8!important;padding:30px 48px 34px!important;display:flex!important;flex-direction:column;align-items:center;text-align:center}
html body .ap-lo-sec.ap-lo-tpc::before{content:"";order:0;width:250px;max-width:100%;aspect-ratio:919/947;background:url("https://aam5.imgix.net/pacefiles/allprodistributing/natda2026/images/volume-4-catalog-irl.png?w=500&auto=format,compress") center/contain no-repeat;margin:0 0 18px}
html body .ap-lo-sec.ap-lo-tpc .ap-lo-h2{order:1;font-size:0!important;line-height:0!important;margin:0 0 8px!important;color:#fff!important}
html body .ap-lo-sec.ap-lo-tpc .ap-lo-h2::before{content:"Vol. 4 Trailer Parts Catalog";font-size:30px;line-height:1.05;display:block;text-wrap:balance}
html body .ap-lo-sec.ap-lo-tpc>a{order:2;display:block!important;text-decoration:none!important;color:#fff!important;width:100%}
html body .ap-lo-sec.ap-lo-tpc>a::before{content:"Every part number links to its product page, so you can browse and order online.";display:block;font-family:'Barlow','Helvetica Neue',Arial,sans-serif;font-size:16px;line-height:1.45;color:#D6E3F7;margin:0 0 16px;text-wrap:balance}
html body .ap-lo-sec.ap-lo-tpc>a::after{content:"View the catalog";display:inline-flex;align-items:center;justify-content:center;height:48px;width:100%;border-radius:4px;background:#fff;color:#0057B8;font-family:'Barlow','Helvetica Neue',Arial,sans-serif;font-weight:600;font-size:17px;line-height:1;white-space:nowrap}
html body .ap-lo-sec.ap-lo-tpc .ap-lo-tpc-img,html body #home-widgets .mobile-section .panel-body .ap-lo-sec.ap-lo-tpc img.ap-lo-tpc-img{display:none!important}

/* Get started band */
html body .ap-lo-start{padding:40px 48px 44px!important}
html body .ap-lo-start .ap-lo-h2.ap-lo-h2-w{font-size:34px!important;margin:0 0 6px!important}
html body .ap-lo-start-head{gap:18px!important;margin:0 0 30px!important}
html body .ap-lo-btns{gap:10px!important}
html body .ap-lo-btns .ap-lo-btn{flex:0 0 100%!important;height:50px!important}
html body .ap-lo-steps{gap:16px!important}
html body .ap-lo-step{gap:14px!important}
html body .ap-lo-num{width:40px!important;height:40px!important;font-size:22px!important}
html body .ap-lo-step-t{font-size:19px!important;margin:2px 0 2px!important}
/* Two helper links as their own rows instead of a wrapped sentence */
html body .ap-lo-start .ap-lo-q{margin:28px 0 0!important;font-size:0!important;line-height:0!important;display:flex;flex-direction:column;gap:10px;border-top:1px solid rgba(255,255,255,.25);padding-top:22px}
html body .ap-lo-start .ap-lo-q a{display:flex!important;flex-wrap:wrap;align-items:baseline;gap:0 6px;font-family:'Barlow','Helvetica Neue',Arial,sans-serif;font-size:16px;line-height:1.35;color:#fff!important;text-decoration:none!important}
html body .ap-lo-start .ap-lo-q a::before{font-weight:400;color:#C9D9F2}
html body .ap-lo-start .ap-lo-q a::after{content:"\2192";font-weight:700;margin-left:2px}
html body .ap-lo-start .ap-lo-q a[href*="request-access"]::before{content:"Already buy from us?"}
html body .ap-lo-start .ap-lo-q a[href^="mailto"]::before{content:"Questions? Email"}
html body .ap-lo-start .ap-lo-q a{font-weight:700}

/* Footer: badges 3 per row, legal lines stacked, policy links as pills */
html body .ap-ft .ap-ft-top{padding:28px 20px 8px!important;gap:0!important;justify-content:center}
html body .ap-ft #footer-logo{text-align:center!important;flex:0 0 100%!important}
html body .ap-ft #footer-logo .ap-ft-phone{text-align:center!important}
html body .ap-ft .ap-ft-badges-in{padding:18px 16px 22px!important;gap:14px!important;flex-direction:column}
html body .ap-ft #ap-member-badges{display:grid!important;grid-template-columns:repeat(3,1fr);column-gap:10px!important;row-gap:14px!important;width:100%}
html body .ap-ft #ap-member-badges .ap-member-badge{height:auto!important;flex-direction:column;gap:6px}
html body .ap-ft #ap-member-badges .ap-member-badge .ap-ft-badge-art{display:flex;align-items:center;justify-content:center;height:52px}
html body .ap-ft #ap-member-badges .ap-member-badge img{max-height:52px!important;height:auto!important;width:auto!important;max-width:96px!important}
html body .ap-ft .ap-ft-bottom-in{padding:18px 20px 22px!important;font-size:13px!important;line-height:1.5!important}
html body .ap-ft .ap-ft-bottom p.copyright{margin:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 8px}
html body .ap-ft .ap-ft-bottom p.copyright .footer-copyright{flex:0 0 100%;text-align:center;margin:0 0 14px}
html body .ap-ft .ap-ft-bottom p.copyright .footer-copyright .footer-sep{display:block;height:0;overflow:hidden}
html body .ap-ft .ap-ft-bottom p.copyright .footer-sep{display:none}
html body .ap-ft .ap-ft-bottom p.copyright .ap-legal-ours{display:contents}
html body .ap-ft .ap-ft-bottom p.copyright>a,html body .ap-ft .ap-ft-bottom p.copyright .ap-legal-ours>a{display:inline-flex;align-items:center;justify-content:center;flex:0 0 calc(50% - 4px);height:34px;padding:0 12px;border:1px solid #2C313A;border-radius:999px;color:#C7CED8!important;text-decoration:none!important;line-height:1;white-space:nowrap}
}
/* === end AllPro mobile logged-out polish === */

/* === AllPro animated footer logo (Claude, Oct 2026): the About page GIF replaces the static footer logo on every screen size === */
html body .ap-ft #footer-logo>a:first-child{display:block!important;width:160px;aspect-ratio:583/182;margin:0 0 10px;background:url("https://aam5.imgix.net/pacefiles/allprodistributing/logos/allpro/allpro_logo_-_gray_lettering.gif?rect=47,59,583,182&w=320") left center/contain no-repeat}
html body .ap-ft #footer-logo>a:first-child img{display:block!important;width:100%!important;height:100%!important;opacity:0}
@media (max-width:767px){html body .ap-ft #footer-logo>a:first-child{width:170px;margin:0 auto 6px;background-position:center}}
/* === end AllPro animated footer logo === */

/* === AllPro mobile footer gap (Claude, Oct 2026): phones only. Logged-out home: the Get started band meets the footer with no white strip === */
@media (max-width:767px){
html body #main:has(.ap-lo-hero-wrap) .ap-ft{margin-top:0!important}
html body #home-widgets>.mobile-section>:has(.ap-lo-start) .panel{margin-bottom:0!important;border-bottom:0!important}
}
/* === end AllPro mobile footer gap === */

/* === AllPro home carousel phone slides (Claude, Oct 2026): phones only (max-width 767px). Square phone versions of the seven hero slides swap in and every hotspot is re-placed. Desktop slides untouched. Update this block whenever a slide changes. === */
@media (max-width:767px){
html body .ap-hero-wrap .ap-hero-stage{padding-top:100%!important}
/* Arrows on phones (Evan, Oct 20, 2026): black chevrons either side of the dots, below the banner, so nothing covers the slide art or card links. Buttons come from Custom JS block "AllPro carousel phone arrows" */
html body .ap-hero-wrap .ap-hero-stage .ap-arrow{display:none!important}
html body .ap-hero-wrap .ap-dots{align-items:center;gap:10px;margin-top:4px}
html body .ap-hero-wrap .ap-dots .ap-dot{margin:0}
html body .ap-hero-wrap .ap-dots .ap-pnav{display:flex!important;align-items:center;justify-content:center;width:44px;height:44px;margin:0 6px;padding:0;border:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
html body .ap-hero-wrap .ap-dots .ap-pnav svg{display:block}
/* Slide 1: bakflip mx4 ez-lift rebate */
html body .ap-hero-wrap .ap-slide-1{background-image:url("https://aam5.imgix.net/pacefiles/allprodistributing/campaigns/2026/bak-mx4/rt-bakmx4-hb-phone.png?auto=format,compress&w=1080")!important}
html body .ap-hero-wrap .slide1-cta{left:5.19%;top:85.19%;width:89.63%;height:9.63%}
/* Slide 2: dv8 and oracle closeout */
html body .ap-hero-wrap .ap-slide-2{background-image:url("https://aam5.imgix.net/pacefiles/allprodistributing/campaigns/2026/dv8-oracle-closeout/dv8-oracle-closeout-hb-phone.png?auto=format,compress&w=1080")!important}
html body .ap-hero-wrap .slide2-cta{left:5.19%;top:48.52%;width:43.33%;height:46.30%}
html body .ap-hero-wrap .slide2-cta2{left:51.48%;top:48.52%;width:43.33%;height:46.30%}
/* Slide 3: blinds */
html body .ap-hero-wrap .ap-slide-3{background-image:url("https://aam5.imgix.net/pacefiles/allprodistributing/campaigns/hunting-blind-promo/hunting-blind-promo-site-hero-phone.png?auto=format,compress&w=1080")!important}
html body .ap-hero-wrap .slide3-cta1{left:4.07%;top:41.48%;width:21.57%;height:26.30%}
html body .ap-hero-wrap .slide3-cta2{left:27.50%;top:41.48%;width:21.57%;height:26.30%}
html body .ap-hero-wrap .slide3-cta3{left:50.93%;top:41.48%;width:21.57%;height:26.30%}
html body .ap-hero-wrap .slide3-cta4{left:74.35%;top:41.48%;width:21.57%;height:26.30%}
html body .ap-hero-wrap .slide3-cta5{left:4.07%;top:69.63%;width:21.57%;height:26.30%}
html body .ap-hero-wrap .slide3-cta6{left:27.50%;top:69.63%;width:21.57%;height:26.30%}
html body .ap-hero-wrap .slide3-cta7{left:50.93%;top:69.63%;width:21.57%;height:26.30%}
html body .ap-hero-wrap .slide3-cta8{left:74.35%;top:69.63%;width:21.57%;height:26.30%}
/* Slide 4: gen-y giveaway */
html body .ap-hero-wrap .ap-slide-4{background-image:url("https://aam5.imgix.net/pacefiles/allprodistributing/campaigns/2026/gen-y-giveaway/geny-giveaway-hb-phone.png?auto=format,compress&w=1080")!important}
html body .ap-hero-wrap .slide4-cta{left:5.19%;top:82.59%;width:43.70%;height:9.63%}
html body .ap-hero-wrap .slide4-cta2{left:51.11%;top:82.59%;width:43.70%;height:9.63%}

/* Slide 5: holman */
html body .ap-hero-wrap .ap-slide-5{background-image:url("https://aam5.imgix.net/pacefiles/allprodistributing/vendors/holman/heroes/holman-hb2-phone.png?auto=format,compress&w=1080")!important}
html body .ap-hero-wrap .slide5-cta{left:5.19%;top:85.19%;width:89.63%;height:9.63%}
html body .ap-hero-wrap .slide5-cta2{left:5.19%;top:47.78%;width:28.64%;height:34.07%}
html body .ap-hero-wrap .slide5-cta3{left:35.68%;top:47.78%;width:28.64%;height:34.07%}
html body .ap-hero-wrap .slide5-cta4{left:66.17%;top:47.78%;width:28.64%;height:34.07%}
/* Slide 6: ranchhand */
html body .ap-hero-wrap .ap-slide-6{background-image:url("https://aam5.imgix.net/pacefiles/allprodistributing/vendors/ranchhand/heroes/ranch-hand-hb2-phone.png?auto=format,compress&w=1080")!important}
html body .ap-hero-wrap .slide6-cta{left:5.19%;top:85.19%;width:89.63%;height:9.63%}
html body .ap-hero-wrap .slide6-cta2{left:5.19%;top:47.78%;width:28.64%;height:34.07%}
html body .ap-hero-wrap .slide6-cta3{left:35.68%;top:47.78%;width:28.64%;height:34.07%}
html body .ap-hero-wrap .slide6-cta4{left:66.17%;top:47.78%;width:28.64%;height:34.07%}
/* Slide 7: milemarker */
html body .ap-hero-wrap .ap-slide-7{background-image:url("https://aam5.imgix.net/pacefiles/allprodistributing/vendors/milemarker/heroes/mile-marker-hb2-phone.png?auto=format,compress&w=1080")!important}
html body .ap-hero-wrap .slide7-cta{left:5.19%;top:85.19%;width:89.63%;height:9.63%}
html body .ap-hero-wrap .slide7-cta2{left:5.19%;top:47.78%;width:28.64%;height:34.07%}
html body .ap-hero-wrap .slide7-cta3{left:35.68%;top:47.78%;width:28.64%;height:34.07%}
html body .ap-hero-wrap .slide7-cta4{left:66.17%;top:47.78%;width:28.64%;height:34.07%}
}
/* === end AllPro home carousel phone slides === */
/* === AllPro home middle row phone banners (Claude, Oct 2026): phones only (max-width 767px). Square phone versions of the Spray Liner Update and AllPro Trailer Parts banners swap in; the spray button hotspot moves to the phone button. Desktop untouched. Update when either banner changes. === */
@media (max-width:767px){
html body .ap-su-wrap img{content:url("https://aam5.imgix.net/pacefiles/allprodistributing/site/home/spray-updates-home-banner-v4-phone.png?auto=format,compress&w=1080")}
html body .ap-su-wrap .ap-su-hs{left:5.19%!important;top:85.56%!important;width:89.63%!important;height:9.63%!important}
html body .ap-tpc-stage{padding-top:100%!important;background-image:url("https://aam5.imgix.net/pacefiles/allprodistributing/site/brand-banners/trailerparts/trailer-parts-catalog-hb-10-20-phone.png?auto=format,compress&w=1080")!important}
}
/* === end AllPro home middle row phone banners === */
/* === AllPro home widget frames on phones (Claude, Oct 2026): phones only (max-width 767px). Logged-in home panels run closer to the screen edges, pictures fill the panel, tighter headings and gaps; Rebates and Promotions iframe hidden in favor of the phone card; panel order set for phones. Desktop untouched. === */
@media (max-width:767px){
html body #home-widgets .mobile-section>.col-xs-12:not(:has(.ap-hero-wrap)){padding:0!important;margin:0 -3px!important;width:calc(100% + 6px)!important;max-width:none!important}
html body #home-widgets .mobile-section>.col-xs-12:not(:has(.ap-hero-wrap)) .panel{margin:0 0 12px!important;border-radius:8px!important;overflow:hidden!important;border-color:#d9dee5!important}
html body #home-widgets .mobile-section>.col-xs-12:not(:has(.ap-hero-wrap)) .panel-heading{padding:9px 14px!important;border-bottom:1px solid #e3e7ec!important}
html body #home-widgets .mobile-section>.col-xs-12:not(:has(.ap-hero-wrap)) .panel-title{font-size:15px!important;font-weight:700!important;letter-spacing:.2px;color:#0B1220!important}
html body #home-widgets .mobile-section>.col-xs-12:not(:has(.ap-hero-wrap)) .panel-body{padding:0!important}
html body #home-widgets .mobile-section>.col-xs-12:not(:has(.ap-hero-wrap)) .panel-body>p{margin:0!important}
html body #home-widgets .mobile-section>.col-xs-12:not(:has(.ap-hero-wrap)) .panel-body img:not(.ap-lo-mq-set img,.ap-lo-tpc-img,.ap-lo-perk-logo img){display:block!important;width:100%!important;height:auto!important;max-width:100%!important;margin:0!important}
html body #home-widgets .mobile-section>.col-xs-12:not(:has(.ap-hero-wrap)) .panel-body iframe{display:none!important}
html body #home-widgets .mobile-section .ap-rb-phone{display:flex!important;flex-direction:column;align-items:center;text-align:center;padding:26px 20px 24px;background:#0057B8;color:#fff!important;text-decoration:none!important}
html body #home-widgets .mobile-section .ap-rb-phone b{font-family:'Barlow Condensed',Arial Narrow,sans-serif;font-size:34px;font-weight:700;line-height:1;text-transform:uppercase}
html body #home-widgets .mobile-section .ap-rb-phone span{font-size:16px;line-height:1.3;margin:8px 0 16px;max-width:280px}
html body #home-widgets .mobile-section .ap-rb-phone i{font-style:normal;background:#CA0D29;border-radius:5px;padding:12px 26px;font-family:'Barlow Condensed',Arial Narrow,sans-serif;font-weight:700;font-size:18px;letter-spacing:1.6px;text-transform:uppercase}
/* phone order: hero, notice, the monthly rebates, new lines, catalog, hours, all rebates */
html body #home-widgets .mobile-section>.col-xs-12:has(.ap-hero-wrap){order:0!important}
html body #home-widgets .mobile-section>.col-xs-12:has(.ap-su-wrap){order:1}
html body #home-widgets .mobile-section>.col-xs-12:has(img[src*="pro-rebates"]){order:2}
html body #home-widgets .mobile-section>.col-xs-12:has(img[src*="whats-new"]){order:3}
html body #home-widgets .mobile-section>.col-xs-12:has(.ap-tpc-wrap){order:4}
html body #home-widgets .mobile-section>.col-xs-12:has(img[src*="open_late"]){order:5}
html body #home-widgets .mobile-section>.col-xs-12:has(iframe[src*="get_rebates"]){order:6}
}
/* === end AllPro home widget frames on phones === */

/* === AllPro phone header and hero fix (Claude, Oct 2026) === */
/* Phones only. Signed-out hero runs edge to edge (the mobile layout card rule was catching it and cropping the truck). Call button centered between the logo and the menu icon. */
@media (max-width:767px){
  html body #home-widgets .mobile-section > .col-xs-12 .panel.panel-default:has(.ap-lo-hero-wrap){overflow:visible!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}
  html body #home-widgets .mobile-section > .col-xs-12 .panel:has(.ap-lo-hero-wrap) .ap-lo-hero-wrap{margin-left:-12px!important;margin-right:-12px!important}
  html body #home-widgets .mobile-section > .col-xs-12 .panel:has(.ap-lo-hero-wrap) .ap-lo-hero{padding-left:31px!important;padding-right:31px!important;border-radius:0!important}
  html body #top-navbar>#nav-logo{flex:0 0 auto!important;width:auto!important;padding:0 0 0 15px!important}
  html body #top-navbar>#nav-logo img{width:min(126px,calc(100vw - 245px))!important;height:auto!important;max-width:none!important}
  html body #top-navbar>#mobile-phone{flex:1 1 auto!important;width:auto!important;display:flex!important;justify-content:center!important;padding:0 0 0 12px!important;min-width:0}
  html body #top-navbar>.navbar-toggle{flex:0 0 auto!important;width:auto!important;padding:9px 15px 9px 12px!important;margin:0!important}
}
/* === end AllPro phone header and hero fix === */

/* === AllPro phone footer link cards (Claude, Oct 20 2026): Your Account and Company split by thin gray lines, links as side-by-side buttons. Phones only. === */
@media (max-width:767px){
html body .ap-ft .ap-ft-top{row-gap:0!important}
html body .ap-ft .ap-ft-top .ap-ft-col{display:block!important;float:none!important;flex:0 0 auto!important;align-self:stretch!important;width:auto!important;max-width:none!important;margin:22px 0 0!important;padding:22px 0 0!important;background:transparent!important;border:0!important;border-top:1px solid #DDE2E8!important;border-radius:0!important;text-align:center!important;box-sizing:border-box!important}
html body .ap-ft .ap-ft-top .ap-ft-col:last-child{padding-bottom:34px!important}
html body .ap-ft .ap-ft-col h4{margin:0 0 14px!important;padding:0!important;text-align:center!important;line-height:1!important}
html body .ap-ft .ap-ft-col h4.ap-ft-h4-gap{margin-top:22px!important;padding-top:22px!important;border-top:1px solid #DDE2E8!important}
html body .ap-ft .ap-ft-col ul.ap-ft-inline{justify-content:center!important;margin:0!important;padding:0!important}
html body .ap-ft .ap-ft-col ul:not(.ap-ft-inline){display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin:0!important;padding:0!important;list-style:none!important}
html body .ap-ft .ap-ft-col ul:not(.ap-ft-inline) li{display:block!important;margin:0!important;padding:0!important}
html body .ap-ft .ap-ft-col ul:not(.ap-ft-inline) a{display:flex!important;align-items:center;justify-content:center;height:44px!important;padding:0 8px!important;margin:0!important;box-sizing:border-box;border:1px solid #C9D3E0!important;border-radius:6px!important;background:transparent!important;font-family:'Barlow','Helvetica Neue',Arial,sans-serif!important;font-weight:600!important;font-size:15px!important;line-height:1!important;color:#0057B8!important;text-decoration:none!important;white-space:nowrap;text-align:center}
html body .ap-ft .ap-ft-col ul:not(.ap-ft-inline) a[data-ap-legal]{font-size:0!important}
html body .ap-ft .ap-ft-col ul:not(.ap-ft-inline) a[data-ap-legal]::after{font-size:15px!important;line-height:1!important}
}
/* === end AllPro phone footer link cards === */

/* === AllPro phone logged-out centered text (Claude, Oct 20 2026): every headline, paragraph and link on the logged-out home is centered on phones. Phones only. === */
@media (max-width:767px){
html body .ap-lo-hero::after{text-wrap:balance}
html body .ap-lo-h2,html body .ap-lo-h3,html body .ap-lo-p,html body .ap-lo-tile-body{text-align:center!important}
html body .ap-lo-mq-head,html body .ap-lo-perks-head,html body .ap-lo-start-head{align-items:center!important;text-align:center!important}
html body .ap-lo-perks .ap-lo-perk{flex-direction:column!important;align-items:center!important;text-align:center!important;row-gap:8px}
html body .ap-lo-perks .ap-lo-perk-logo{width:auto!important;justify-content:center!important}
html body .ap-lo-steps .ap-lo-step{flex-direction:column!important;align-items:center!important;text-align:center!important;row-gap:10px}
html body .ap-lo-steps .ap-lo-step-t,html body .ap-lo-steps .ap-lo-step-d{text-align:center!important}
html body .ap-lo-start .ap-lo-q{text-align:center!important;margin-left:0!important;margin-right:0!important}
html body .ap-lo-start .ap-lo-q.ap-lo-q a{justify-content:center!important;text-align:center!important}
html body .ap-lo-start .ap-lo-q.ap-lo-q a::before{flex-basis:100%!important;text-align:center!important}
html body .ap-lo-proof .ap-lo-stat:nth-child(4) .ap-lo-l{max-width:5.6em}
html body .ap-lo-sec .ap-lo-perks.ap-lo-perks{border:0!important;box-shadow:none!important;background:transparent!important}
html body .ap-lo-perks .ap-lo-perk.ap-lo-perk{row-gap:10px!important}
html body .ap-lo-perks .ap-lo-perk .ap-lo-perk-logo.ap-lo-perk-logo{flex:0 0 auto!important;height:54px!important;margin:0!important}
html body .ap-lo-perks .ap-lo-perk .ap-lo-perk-logo.ap-lo-perk-logo img{width:auto!important;height:auto!important;max-width:170px!important;max-height:54px!important}
html body .ap-lo-sec:has(.ap-lo-perks){padding-bottom:22px!important}
html body .ap-lo-sec.ap-lo-tpc.ap-lo-tpc::before{width:290px!important;height:299px!important;margin:0 0 2px!important}
html body .ap-lo-proof.ap-lo-proof{border-top:0!important}
html body #home-widgets .mobile-section > .col-xs-12:not(:has(.ap-hero-wrap)) .panel.panel{margin-bottom:28px!important}
html body #home-widgets .mobile-section .ap-lo-proof.ap-lo-proof{padding-top:8px!important}
}
/* === end AllPro phone logged-out centered text === */

/* === AllPro brand strip logos keep their shape (Claude, Oct 20 2026): each logo fits its box without stretching. All screen sizes. === */
html body .ap-lo-mq-set img{object-fit:contain!important}
/* === end AllPro brand strip logos keep their shape === */