.elementor-43 .elementor-element.elementor-element-874d016{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-43 .elementor-element.elementor-element-c338546{width:100%;max-width:100%;}.elementor-43 .elementor-element.elementor-element-c338546.elementor-element{--flex-grow:0;--flex-shrink:0;}@media(max-width:767px){.elementor-43 .elementor-element.elementor-element-c338546{width:var( --container-widget-width, 333px );max-width:333px;--container-widget-width:333px;--container-widget-flex-grow:0;}}/* Start custom CSS *//* ══════════════════════════════════════════
   PEAKSUPPLY — MOBILE ONLY CSS
   Paste into Elementor → Site Settings → Custom CSS
   Does NOT affect desktop or sticky header
   ══════════════════════════════════════════ */

@media (max-width: 1024px) {

  /* ── OVERFLOW ── */
  html, body { overflow-x: hidden !important; }

  /* ── TOPBAR ── */
  .ps-topbar { padding: 7px 16px !important; flex-direction: column !important; gap: 5px !important; }
  .ps-topbar__left { flex-wrap: nowrap !important; overflow: hidden !important; }
  .ps-topbar__item { font-size: 10.5px !important; padding: 0 8px !important; white-space: nowrap !important; }
  .ps-topbar__item:first-child { padding-left: 0 !important; }
  .ps-topbar__item:nth-child(n+4), .ps-topbar__sep:nth-child(n+3) { display: none !important; }
  .ps-topbar__right { display: flex !important; justify-content: center !important; padding-left: 0 !important; width: 100% !important; }
  .ps-topbar__badge { font-size: 9px !important; padding: 3px 12px !important; letter-spacing: 0.8px !important; white-space: nowrap !important; }

  /* ── NAV ── */
  .ps-nav__inner { padding: 0 16px !important; height: 64px !important; }
  .ps-logo svg { height: 38px !important; }
  .ps-nav__links { display: none !important; }
  .ps-nav__phone { display: none !important; }
  .ps-nav__cta { display: none !important; visibility: hidden !important; width: 0 !important; height: 0 !important; padding: 0 !important; margin: 0 !important; border: none !important; overflow: hidden !important; }
  .ps-nav__right { display: flex !important; align-items: center !important; gap: 0 !important; }
  .ps-nav__toggle { display: flex !important; }

  /* Mobile menu open */
  .ps-nav.open .ps-nav__links {
    display: flex !important; flex-direction: column !important;
    position: absolute !important; top: 64px !important; left: 0 !important; right: 0 !important;
    background: #ffffff !important; border-top: 1px solid #e2e8f4 !important;
    border-bottom: 1px solid #e2e8f4 !important; padding: 14px 16px 20px !important;
    box-shadow: 0 12px 40px rgba(28,35,64,0.1) !important; z-index: 9999 !important; gap: 4px !important;
  }
  .ps-nav.open .ps-nav__links a { width: 100% !important; padding: 11px 16px !important; }

  /* ── SUBNAV ── */
  .ps-subnav { padding: 8px 16px !important; overflow: hidden !important; }
  .ps-subnav__trust { flex-wrap: nowrap !important; overflow: hidden !important; }
  .ps-subnav__item { font-size: 11px !important; padding: 0 8px !important; white-space: nowrap !important; }
  .ps-subnav__item:first-child { padding-left: 0 !important; }
  .ps-subnav__item:nth-child(n+4), .ps-subnav__sep:nth-child(n+3) { display: none !important; }

  /* ── HERO ── */
  .ps-hero { display: block !important; width: 100% !important; overflow: hidden !important; }
  .ps-hero__photo { position: absolute !important; inset: 0 !important; width: 100% !important; overflow: hidden !important; }
  .ps-hero__photo img { width: 100% !important; height: 100% !important; object-fit: cover !important; max-width: unset !important; }
  .ps-hero__right { display: none !important; }
  .ps-hero__left { padding: 64px 16px 140px !important; width: 100% !important; box-sizing: border-box !important; }
  .ps-hero__eyebrow { max-width: calc(100vw - 32px) !important; overflow: hidden !important; }
  .ps-hero__eyebrow-text { font-size: 10px !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; max-width: calc(100vw - 80px) !important; }
  .ps-hero__headline h1 { font-size: clamp(30px, 8vw, 46px) !important; word-break: break-word !important; }
  .ps-hero__subline { font-size: 14px !important; }
  .ps-hero__ctas { flex-direction: column !important; gap: 10px !important; }
  .ps-hero__cta-primary, .ps-hero__cta-secondary { width: 100% !important; justify-content: center !important; box-sizing: border-box !important; }
  .ps-hero__stats { flex-wrap: wrap !important; }
  .ps-hero__stat { flex: 0 0 50% !important; min-width: 0 !important; box-sizing: border-box !important; padding: 0 0 16px 0 !important; border-left: none !important; }
  .ps-hero__stat:nth-child(2) { padding-left: 12px !important; }
  .ps-hero__stat:nth-child(3) { padding-top: 16px !important; padding-bottom: 0 !important; border-top: 1px solid rgba(255,255,255,0.08) !important; }
  .ps-hero__stat:nth-child(4) { padding-top: 16px !important; padding-left: 12px !important; padding-bottom: 0 !important; border-top: 1px solid rgba(255,255,255,0.08) !important; }
  .ps-hero__strip { position: absolute !important; bottom: 0 !important; left: 0 !important; right: 0 !important; padding: 12px 16px !important; flex-wrap: nowrap !important; overflow: hidden !important; width: 100% !important; box-sizing: border-box !important; }
  .ps-hero__strip-item { font-size: 11px !important; padding: 0 8px !important; white-space: nowrap !important; }
  .ps-hero__strip-item:nth-child(n+6), .ps-hero__strip-sep:nth-child(n+5) { display: none !important; }

  /* ── ABOUT ── */
  #about { padding: 56px 16px !important; }
  .about__grid { display: flex !important; flex-direction: column !important; gap: 36px !important; }
  .about__image-col { display: none !important; }
  .about__stats { flex-wrap: wrap !important; }
  .about__stat { flex: 0 0 50% !important; min-width: 0 !important; border-left: none !important; padding-left: 0 !important; box-sizing: border-box !important; }
  .about__stat:nth-child(2) { padding-left: 12px !important; }
  .about__ctas { flex-direction: column !important; gap: 10px !important; }
  .about__ctas a { width: 100% !important; justify-content: center !important; }

  /* ── SERVICES ── */
  #services { padding: 56px 16px !important; }
  .svc__header { display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 16px !important; margin-bottom: 32px !important; }
  .svc__title { font-size: clamp(28px, 7vw, 40px) !important; line-height: 1.15 !important; word-break: break-word !important; }
  .svc__grid { display: flex !important; flex-direction: column !important; gap: 12px !important; }
  .svc__cta { padding: 28px 20px !important; flex-direction: column !important; align-items: flex-start !important; gap: 20px !important; }
  .svc__cta-right { display: flex !important; flex-direction: column !important; width: 100% !important; gap: 10px !important; }
  .svc__cta-right button, .svc__cta-right a { width: 100% !important; justify-content: center !important; }

  /* ── HOW IT WORKS ── */
  #how-it-works { padding: 56px 16px !important; }
  .hiw__steps { display: grid !important; grid-template-columns: minmax(0,1fr) minmax(0,1fr) !important; gap: 24px !important; margin-bottom: 40px !important; }
  .hiw__steps::before { display: none !important; }
  .hiw__step { padding: 0 4px !important; min-width: 0 !important; word-break: break-word !important; }
  .hiw__step-title { font-size: 14px !important; word-break: break-word !important; }
  .hiw__step-desc { font-size: 12px !important; word-break: break-word !important; }
  .hiw__cards { display: flex !important; flex-direction: column !important; gap: 12px !important; margin-bottom: 40px !important; }
  .hiw__cta-band { transform: none !important; opacity: 1 !important; padding: 28px 20px !important; flex-direction: column !important; align-items: flex-start !important; gap: 16px !important; width: 100% !important; box-sizing: border-box !important; }
  .hiw__cta-band-right { display: flex !important; flex-direction: column !important; width: 100% !important; gap: 10px !important; }
  .hiw__cta-band-right button, .hiw__cta-band-right a { width: 100% !important; justify-content: center !important; box-sizing: border-box !important; transform: none !important; }

  /* ── WHY US ── */
  #why-us { padding: 56px 16px !important; }
  .why__inner { width: 100% !important; box-sizing: border-box !important; }
  .why__header { display: flex !important; flex-direction: column !important; align-items: flex-start !important; text-align: left !important; gap: 16px !important; margin-bottom: 36px !important; }
  .why__title { font-size: clamp(26px, 7vw, 36px) !important; line-height: 1.2 !important; word-break: break-word !important; text-align: left !important; }
  .why__subtitle { font-size: 14px !important; text-align: left !important; }
  .why__grid { display: flex !important; flex-direction: column !important; gap: 2px !important; }
  .why__card { border-radius: 0 !important; }
  .why__card:first-child { border-radius: 7px 7px 0 0 !important; }
  .why__stats { display: grid !important; grid-template-columns: minmax(0,1fr) minmax(0,1fr) !important; }
  .why__stat:nth-child(2), .why__stat:nth-child(4) { border-right: none !important; }
  .why__stat:nth-child(3), .why__stat:nth-child(4) { border-top: 1px solid rgba(255,255,255,0.06) !important; }

  /* ── TESTIMONIALS ── */
  #testimonials { padding: 56px 16px !important; }
  .testi__grid { display: flex !important; flex-direction: column !important; gap: 16px !important; }
  .testi__trust { flex-direction: column !important; align-items: flex-start !important; gap: 16px !important; padding: 20px !important; }
  .testi__trust-divider { display: none !important; }
  .testi__trust-items { flex-wrap: wrap !important; gap: 10px !important; }
  .testi__trust .btn-navy { width: 100% !important; justify-content: center !important; }
  .testi__author { flex-wrap: wrap !important; gap: 8px !important; }
  .testi__company { margin-left: 0 !important; margin-top: 4px !important; }
  .testi__company-badge { font-size: 9px !important; letter-spacing: 1px !important; padding: 3px 8px !important; white-space: nowrap !important; }

  /* ── CONTACT ── */
  #contact { padding: 56px 16px !important; }
  .contact__inner { display: flex !important; flex-direction: column !important; gap: 36px !important; }
  .contact__form-row { display: flex !important; flex-direction: column !important; gap: 14px !important; }
  .contact__hours { flex-wrap: wrap !important; gap: 12px !important; }
  .contact__hours-dot { margin-left: 0 !important; }

  /* ── FOOTER ── */
  .ps-footer__cta { padding: 48px 16px !important; flex-direction: column !important; align-items: flex-start !important; gap: 20px !important; }
  .ps-footer__cta-right { display: flex !important; flex-direction: column !important; width: 100% !important; gap: 10px !important; }
  .ps-footer__cta-right a { width: 100% !important; justify-content: center !important; }
  .ps-footer__main { display: flex !important; flex-direction: column !important; padding: 48px 16px !important; gap: 32px !important; }
  .ps-footer__bottom { padding: 16px !important; flex-direction: column !important; text-align: center !important; align-items: center !important; gap: 12px !important; }
  .ps-footer__legal { flex-wrap: wrap !important; justify-content: center !important; gap: 12px !important; }
  .ps-footer__certs { justify-content: center !important; }

  /* ── MODALS ── */
  .modal-overlay { padding: 12px !important; }
  .modal-box { max-width: 100% !important; max-height: 90vh !important; }
  .modal-head, .modal-body, .modal-foot { padding-left: 16px !important; padding-right: 16px !important; }
  .modal-row { grid-template-columns: 1fr !important; }
  .modal-foot { flex-direction: column !important; gap: 10px !important; }
  .modal-submit { width: 100% !important; justify-content: center !important; }
}/* End custom CSS */