.elementor-kit-5{--e-global-color-primary:#0A84FF;--e-global-color-secondary:#101418;--e-global-color-text:#D5D9DE;--e-global-color-accent:#F8F8F7;--e-global-color-c5e56cf:#2B6CB8;--e-global-color-8013f63:#0A0A0A;--e-global-color-7582254:#161B21;--e-global-color-2b4d000:#101418;--e-global-color-d8574a2:#13181E;--e-global-color-e443bca:#222A32;--e-global-color-a8cf0e5:#1A2027;--e-global-color-583f07c:#5E6773;--e-global-color-7b42370:#D5D9DE;--e-global-color-0099813:#9AA3AD;--e-global-typography-primary-font-family:"Geist";--e-global-typography-primary-font-size:42px;--e-global-typography-primary-font-weight:600;--e-global-typography-primary-line-height:1.04;--e-global-typography-secondary-font-family:"Geist";--e-global-typography-secondary-font-size:30px;--e-global-typography-secondary-font-weight:600;--e-global-typography-secondary-line-height:1.1;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-size:15px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.55;--e-global-typography-accent-font-family:"Geist Mono";--e-global-typography-accent-font-size:11px;--e-global-typography-accent-font-weight:400;--e-global-typography-accent-line-height:1.55;background-color:var( --e-global-color-8013f63 );color:var( --e-global-color-text );font-family:"Inter", Sans-serif;font-size:15px;font-weight:400;line-height:1.55;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-kit-5 a{font-family:"Geist", Sans-serif;font-weight:600;line-height:0.98;}.elementor-kit-5 a:hover{color:var( --e-global-color-accent );}.elementor-kit-5 h1{color:var( --e-global-color-accent );font-family:"Geist", Sans-serif;font-size:76px;font-weight:600;letter-spacing:-3px;}.elementor-kit-5 h2{color:var( --e-global-color-accent );font-family:"Geist", Sans-serif;font-size:42px;font-weight:600;line-height:1.04;letter-spacing:-2.5px;}.elementor-kit-5 h3{color:var( --e-global-color-accent );font-family:"Geist", Sans-serif;font-size:30px;font-weight:600;line-height:1.1;letter-spacing:-2px;}.elementor-kit-5 h4{color:var( --e-global-color-accent );font-family:"Geist", Sans-serif;font-size:22px;font-weight:600;line-height:1.2;}.elementor-kit-5 h5{color:var( --e-global-color-583f07c );font-family:"Geist Mono", Sans-serif;font-size:10px;font-weight:400;line-height:1.4;letter-spacing:1.6px;}.elementor-kit-5 h6{color:var( --e-global-color-0099813 );font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;line-height:1.5;}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{font-family:"Inter", Sans-serif;font-size:14px;border-style:solid;border-width:0px 0px 0px 0px;border-color:#02010100;border-radius:0px 0px 0px 0px;padding:13px 22px 13px 22px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1296px;}.e-con{--container-max-width:1296px;--container-default-padding-top:0px;--container-default-padding-right:20px;--container-default-padding-bottom:0px;--container-default-padding-left:20px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS */html {
  -webkit-font-smoothing: antialiased;
}

::selection {
  background: #0a84ff;
  color: #fff;
}

a {
  text-decoration: none;
  color: inherit;
}

body {
  overflow-x: hidden;
  line-height: 1.55;
}

/* ===== PRIMARY BUTTON ===== */
.btn-primary .elementor-button {
  background: #0a84ff !important;
  color: #ffffff !important;
  border: 1px solid transparent !important;
  border-radius: 0 !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  padding: 13px 22px !important;
  transition: background 0.18s, transform 0.18s !important;
}

.btn-primary .elementor-button:hover {
  background: #0b76e0 !important;
}

/* ===== GHOST BUTTON ===== */
.btn-ghost .elementor-button {
  background: transparent !important;
  color: #f8f8f7 !important;
  border: 1px solid #222a32 !important;
  border-radius: 0 !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  padding: 13px 22px !important;
  transition: border-color 0.18s !important;
}

.btn-ghost .elementor-button:hover {
  border-color: #9aa3ad !important;
}

/* ===== ARROW HOVER ANIMATION ===== */
.btn-primary .elementor-button-icon,
.btn-ghost .elementor-button-icon {
  transition: transform 0.2s ease;
}

.btn-primary .elementor-button:hover .elementor-button-icon,
.btn-ghost .elementor-button:hover .elementor-button-icon {
  transform: translateX(4px);
}

@keyframes esp-gridpan {
  to {
    background-position: 46px 46px;
  }
}

.esp-reveal {
  opacity: 0;
  transform: translateY(22px);
  transition: opacity .7s cubic-bezier(.2, .7, .2, 1),
    transform .7s cubic-bezier(.2, .7, .2, 1);
}

.esp-reveal.in {
  opacity: 1;
  transform: none;
}

.elementor-editor-active .esp-reveal {
  opacity: 1 !important;
  transform: none !important;
}

.esp-mile {
  position: relative;
}

.esp-mile::before {
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  width: 36px;
  height: 2px;
  background: #0a84ff;
}








.esp-catalog {
  display: grid;
  grid-template-columns: 250px 1fr;
  gap: 40px;
  align-items: start
}

.esp-filters {
  position: sticky;
  top: 88px
}

.esp-filters-head {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 20px;
  border-bottom: 1px solid #222a32;
  padding-bottom: 14px
}

.esp-filters-head .esp-t {
  font-family: 'Geist Mono', monospace;
  font-size: 11px;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: #5e6773
}

.esp-filters-head .esp-clr {
  font-family: 'Geist Mono', monospace;
  font-size: 10px;
  letter-spacing: .06em;
  color: #0a84ff;
  cursor: pointer;
  background: none;
  border: 0
}

.esp-fgroup {
  margin-bottom: 26px
}

.esp-fgroup h4 {
  font-family: 'Geist Mono', monospace;
  font-size: 10px;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: #d5d9de;
  margin-bottom: 12px
}

.esp-fopt {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 6px 0;
  cursor: pointer;
  font-size: 13px;
  color: #9aa3ad;
  transition: color .15s
}

.esp-fopt:hover {
  color: #f8f8f7
}

.esp-fopt input {
  appearance: none;
  width: 15px;
  height: 15px;
  border: 1px solid #222a32;
  background: #101418;
  position: relative;
  flex-shrink: 0;
  cursor: pointer
}

.esp-fopt input:checked {
  border-color: #0a84ff;
  background: #0a84ff
}

.esp-fopt input:checked::after {
  content: "✓";
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  color: #fff
}

.esp-fopt .esp-n {
  margin-left: auto;
  font-family: 'Geist Mono', monospace;
  font-size: 11px;
  color: #5e6773
}

.esp-search-wrap {
  margin-bottom: 28px
}

.esp-search-input {
  width: 100%;
  background: #101418;
  border: 1px solid #222a32;
  color: #d5d9de;
  padding: 14px 16px;
  font-size: 14px;
  font-family: 'Inter', sans-serif;
  transition: outline-offset .15s ease, outline-color .15s ease;
}

.esp-search-input:focus {
  outline: 2px solid #0a84ff;
  outline-offset: 2px
}

.esp-search-input::placeholder {
  color: #5e6773
}

.esp-results-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 22px
}

.esp-count {
  font-family: 'Geist Mono', monospace;
  font-size: 12px;
  color: #5e6773
}

.esp-count b {
  color: #f8f8f7
}

.esp-sort {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: 'Geist Mono', monospace;
  font-size: 11px;
  color: #5e6773
}

.esp-sort select {
  background: #101418;
  color: #d5d9de;
  border: 1px solid #222a32;
  font-family: 'Geist Mono', monospace;
  font-size: 11px;
  padding: 8px 10px
}

.esp-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px
}

.esp-card {
  border: 1px solid #222a32;
  background: #101418;
  display: flex;
  flex-direction: column;
  transition: border-color .22s, transform .22s
}

.esp-card:hover {
  border-color: #2b6cb8;
  transform: translateY(-4px)
}

.esp-card-vis {
  position: relative;
  aspect-ratio: 4/3;
  background: #0a0a0a;
  border-bottom: 1px solid #222a32;
  overflow: hidden
}

.esp-card-vis img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

.esp-card-body {
  padding: 20px;
  display: flex;
  flex-direction: column;
  flex: 1
}

.esp-sku {
  font-family: 'Geist Mono', monospace;
  font-size: 10px;
  letter-spacing: .1em;
  color: #5e6773;
  margin-bottom: 8px;
  font-weight: 400;
}

.esp-card-body h4 {
  font-family: 'Geist', sans-serif;
  font-weight: 600;
  font-size: 19px;
  letter-spacing: -.02em;
  color: #f8f8f7;
  margin-bottom: 10px
}

.esp-chips {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  margin-bottom: 12px
}

.esp-chip {
  font-family: 'Geist Mono';
  font-size: 9.5px;
  letter-spacing: .04em;
  color: #9aa3ad;
  border: 1px solid #1a2027;
  padding: 4px 8px;
  font-weight: 400;
}

.esp-card-body p {
  font-size: 13px;
  color: #9aa3ad;
  margin-bottom: 16px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-family: 'Inter';
  font-weight: 400;
  line-height: 1.5;
}

.esp-go {
  margin-top: auto;
  font-size: 11px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #0a84ff;
  display: inline-flex;
  gap: 8px;
  align-items: center;
  font-family: 'Geist Mono';
  font-weight: 400;
}

.esp-go .arr {
  transition: transform .2s
}

.esp-card:hover .esp-go .arr {
  transform: translateX(4px)
}

.esp-empty {
  grid-column: 1/-1;
  border: 1px dashed #222a32;
  padding: 60px 24px;
  text-align: center;
  color: #5e6773;
  font-family: 'Geist Mono', monospace;
  font-size: 13px
}

.esp-empty button {
  background: none;
  border: 0;
  color: #0a84ff;
  cursor: pointer;
  font-family: 'Geist Mono', monospace;
  font-size: 13px;
  text-decoration: underline
}

.esp-loadmore-wrap {
  text-align: center;
  margin-top: 36px
}

/* Responsive — 980px */
@media(max-width:980px) {
  .esp-catalog {
    grid-template-columns: 1fr;
    gap: 8px
  }

  .esp-filters {
    position: static;
    border: 1px solid #222a32;
    padding: 20px;
    margin-bottom: 24px
  }

  .esp-grid {
    grid-template-columns: repeat(2, 1fr)
  }

  .esp-results-bar {
    flex-wrap: wrap;
    gap: 12px
  }
}

/* Responsive — 600px */
@media(max-width:600px) {
  .esp-grid {
    grid-template-columns: 1fr
  }

  .esp-search-input {
    font-size: 13px;
    padding: 12px 14px
  }

  .esp-results-bar {
    align-items: center;
  }
}


.esp-search-input,
.esp-sort select {
  transition: outline-offset .15s ease, outline-color .15s ease !important;
}

.esp-search-input:focus,
.esp-search-input:focus-visible,
.esp-sort select:focus,
.esp-sort select:focus-visible {
  outline: 1px solid #0a84ff !important;
  outline-offset: 0px !important;
  box-shadow: none !important;
}






/*Single product gallery image*/

.esp-gallery {
  display: flex;
  flex-direction: column;
  gap: 14px
}

.esp-gallery-main {
  position: relative;
  aspect-ratio: 1/1;
  border: 1px solid #222a32;
  background-color: #0a0a0a;
  background-repeat: no-repeat;
  background-size: 200%;
  overflow: hidden;
  cursor: crosshair;
}

.esp-gallery-main img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: opacity .15s ease
}

.esp-gallery-main.zooming img {
  opacity: 0
}

.esp-gallery-thumbs {
  display: flex;
  gap: 10px;
  flex-wrap: wrap
}

.esp-thumb {
  width: 64px;
  height: 64px;
  border: 1px solid #222a32;
  background: #101418;
  padding: 0;
  cursor: pointer;
  overflow: hidden;
  transition: border-color .18s;
  padding: 2px !important;
  border-radius: 2px !important;
}

.esp-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block
}

.esp-thumb:hover {
  border-color: #2b6cb8
}

.esp-thumb.active {
  border-color: #0a84ff;
  background-color: #0a84ff;
}

[type=button]:focus,
[type=button]:hover,
[type=submit]:focus,
[type=submit]:hover,
button:focus,
button:hover {
  background-color: #0a84ff;
  color: #fff;
  text-decoration: none;
}

@media(max-width:980px) {
  .esp-gallery-main {
    cursor: default
  }
}







/*Single product Engineering resources*/
.res-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px
}

.res {
  border: 1px solid #222a32;
  background: #101418;
  padding: 22px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-height: 150px;
  transition: border-color .22s, transform .22s
}

.res:hover {
  border-color: #2b6cb8;
  transform: translateY(-3px)
}

.res .tag {
  font-family: 'Geist Mono', monospace;
  font-size: 10px;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: #0a84ff
}

.res .fn {
  font-family: 'Geist', sans-serif;
  font-weight: 600;
  font-size: 16px;
  color: #f8f8f7;
  margin-top: auto
}

.res .meta {
  font-family: 'Geist Mono', monospace;
  font-size: 11px;
  color: #5e6773
}

@media(max-width:980px) {
  .res-grid {
    grid-template-columns: repeat(2, 1fr)
  }
}

@media(max-width:600px) {
  .res-grid {
    grid-template-columns: 1fr
  }
}

/*Single product Liner compatibility*/


.matrix {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px
}

.matrix th,
.matrix td {
  border: 1px solid #1a2027 !important;
  padding: 12px 14px;
  text-align: left
}

.matrix thead {
  font-family: 'Geist Mono', monospace;
  font-size: 10px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #5e6773
}

.matrix .sku-code {
  font-family: 'Geist Mono', monospace;
  font-size: 11px;
  color: #9aa3ad
}

.matrix .yes {
  color: #0a84ff;
  font-family: 'Geist Mono', monospace;
  font-size: 12px
}

.matrix .no {
  color: #5e6773;
  font-family: 'Geist Mono', monospace;
  font-size: 12px
}

@media(max-width:980px) {
  .matrix {
    display: block;
    overflow-x: auto;
    white-space: nowrap
  }
}

/*Single product Compatible parts*/

.cross {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px
}

.cx {
  border: 1px solid #222a32;
  background: linear-gradient(180deg, #101418, #0a0a0a);
  aspect-ratio: 1/1.1;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
  overflow: hidden;
  transition: border-color .22s, transform .22s
}

.cx:hover {
  border-color: #2b6cb8;
  transform: translateY(-3px)
}

.cx .ring {
  position: absolute;
  top: 20px;
  left: 20px;
  width: 60px;
  height: 60px;
  border: 1px dashed #222a32;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Geist Mono', monospace;
  font-size: 9px;
  color: #5e6773;
  text-align: center;
}

.cx .nm {
  position: relative;
  font-family: 'Geist', sans-serif;
  font-weight: 600;
  font-size: 15px;
  color: #f8f8f7;
  margin-bottom: 4px
}

.cx .wy {
  position: relative;
  font-family: 'Geist Mono', monospace;
  font-size: 10.5px;
  letter-spacing: .04em;
  color: #5e6773
}

@media(max-width:980px) {
  .cross {
    grid-template-columns: repeat(2, 1fr)
  }
}

@media(max-width:600px) {
  .cross {
    grid-template-columns: 1fr
  }
}


/*Single product Material*/

.esp-materials {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 14px
}

.mat-chip {
  font-family: 'Geist Mono', monospace;
  font-size: 10px;
  color: #9aa3ad;
  border: 1px solid #222a32;
  padding: 6px 10px;
  display: inline-flex;
  align-items: center;
  gap: 7px
}

.mat-chip .dot {
  width: 9px;
  height: 9px;
  border-radius: 50%
}

@media(max-width:600px) {
  .mat-chip {
    font-size: 9px;
    padding: 5px 8px
  }
}


/*Single product Components */

.esp-spec-h {
  font-family: 'Geist Mono', monospace;
  font-size: 10px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: #5e6773
}

.esp-comp-hint {
  font-family: 'Geist Mono', monospace;
  font-size: 10px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #5e6773
}







.esp-where {
  border: 1px solid #1a2027;
  padding: 22px
}

.esp-where h4 {
  font-family: 'Geist Mono', monospace;
  font-size: 10px;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: #5e6773;
  margin-bottom: 14px
}

.esp-dists {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px
}

.esp-dist {
  border: 1px solid #222a32;
  padding: 14px;
  text-align: left;
  transition: border-color .18s
}

.esp-dist:hover {
  border-color: #2b6cb8
}

.esp-dist .nm {
  font-family: 'Geist', sans-serif;
  font-weight: 600;
  font-size: 13px;
  color: #f8f8f7;
  margin-bottom: 6px
}

.esp-dist .ph,
.esp-dist .wb {
  display: block;
  font-family: 'Geist Mono', monospace;
  font-size: 11px;
  color: #9aa3ad
}

.esp-dist .wb {
  color: #0a84ff
}

.esp-intl-note {
  font-size: 12px;
  color: #5e6773;
  margin-top: 14px
}

.esp-intl-note a {
  color: #0a84ff
}


@media(max-width:600px) {
  .esp-dists {
    grid-template-columns: 1fr
  }
}


@media (max-width: 980px) {
  .esp-filters {
    position: static;
    top: 0px;
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Geist';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://wearesp.up2me.us/wp-content/uploads/2026/08/Geist-Regular.woff2') format('woff2'),
		url('https://wearesp.up2me.us/wp-content/uploads/2026/08/Geist-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Geist';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://wearesp.up2me.us/wp-content/uploads/2026/08/Geist-Medium.woff2') format('woff2'),
		url('https://wearesp.up2me.us/wp-content/uploads/2026/08/Geist-Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'Geist';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://wearesp.up2me.us/wp-content/uploads/2026/08/Geist-SemiBold.woff2') format('woff2'),
		url('https://wearesp.up2me.us/wp-content/uploads/2026/08/Geist-SemiBold.ttf') format('truetype');
}
@font-face {
	font-family: 'Geist';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://wearesp.up2me.us/wp-content/uploads/2026/08/Geist-Bold.woff2') format('woff2'),
		url('https://wearesp.up2me.us/wp-content/uploads/2026/08/Geist-Bold.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Geist Mono';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://wearesp.up2me.us/wp-content/uploads/2026/08/GeistMono-Regular.woff2') format('woff2'),
		url('https://wearesp.up2me.us/wp-content/uploads/2026/08/GeistMono-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Geist Mono';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://wearesp.up2me.us/wp-content/uploads/2026/08/GeistMono-Medium.woff2') format('woff2'),
		url('https://wearesp.up2me.us/wp-content/uploads/2026/08/GeistMono-Medium.ttf') format('truetype');
}
/* End Custom Fonts CSS */