/** Shopify CDN: Minification failed

Line 825:0 Expected "}" to go with "{"

**/
.footer__title {
  font-weight: bold;
  font-size: var(--body-font-size) !important;
}

.type-banner .promo-grid__container {
  align-items: center;
  height: 100%;
}

.type-banner__text {
  flex-direction: column;
  gap: 1rem;
}

.flex-grid__item--75 .type-banner__text,
.flex-grid__item--100 .type-banner__text {
  flex-direction: row;
}

.type-banner__text h2,
.type-banner__text p {
  margin: 0;
}

.type-banner__text .element-button {
  margin: 0;
}

.collection-hero__content.overlay {
  --element-text-color: rgb(255,255,255);
  --color-secondary: rgb(0,0,0, 0.6);
}

.element-input:not(.element-input--transparent) {
  --element-input-color-primary: var(--root-color-primary, #000);
  --element-input-color-secondary: var(--root-color-secondary, #fff);
}

.newsletter__input-group .element-input~button {
  --element-button-height: initial;
}

.newsletter-section .element-text.element-text--heading-h0 {
  font-size: var(--element-text-font-size--heading-2xl);
  line-height: var(--element-text-line-height--heading-2xl);
}

.newsletter-section .element-text.element-text--heading-h1 {
  font-size: var(--element-text-font-size--heading-xl);
  line-height: var(--element-text-line-height--heading-xl);
}

.newsletter-section .element-text.element-text--heading-h2 {
  font-size: var(--element-text-font-size--heading-lg);
  line-height: var(--element-text-line-height--heading-lg);
}

.newsletter-section .element-text.element-text--heading-h3 {
  font-size: var(--element-text-font-size--heading-md);
  line-height: var(--element-text-line-height--heading-md);
}

.text-with-icons__block-text a,
.newsletter-section__content a {
  text-decoration: underline;
}
:root {
--colorSmallImageBg: none !important;
--colorSmallImageBgDark: none !important;
    --colorLargeImageBg: none !important;
    --colorLargeImageBgLight: none !important;  
}

div.page-content h1.section-header__title {

  text-align:center;
}

.hd-sub-menu {
  display: flex;
  justify-content: center;
  background-color: #000;
  margin-top: 10px;
  padding: 10px;
}

.hd-sub-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.hd-sub-menu li {
  margin: 10px;
}

.hd-sub-menu a {
  display: block;
  background-color: #d52627;
  color: white;
  text-align: center;
  padding: 10px 20px;
  text-decoration: none;
  font-weight: bold;
  border-radius: 0px;
}

.hd-sub-menu a:hover {
  display: block;
  background-color: #a21d1d;
  color: white;
}

@media (max-width: 767px) {
  .hd-sub-menu li {
    width: 80%;
    margin: 2px;
    text-align: center;
  }
}
/* =========================
   Industrial Injection - FAQ Accordion
   Paste into: Assets -> base.css (Dawn) or theme.css
   ========================= */

/* Container */
.ii-faq {
  margin: 2rem 0;
}

.ii-faq h2 {
  margin: 0 0 1rem;
  font-size: 1.25rem;
  line-height: 1.2;
}

/* Each accordion row */
.ii-faq details {
  border: 1px solid rgba(var(--color-foreground, 0, 0, 0), 0.14);
  border-radius: 14px;
  background: rgb(var(--color-background, 255, 255, 255));
  overflow: hidden;
  margin: 0 0 12px;
  transition: border-color 160ms ease, box-shadow 160ms ease, background-color 160ms ease;
}

/* Remove default marker */
.ii-faq summary::-webkit-details-marker {
  display: none;
}
.ii-faq summary {
  list-style: none;
}

/* Question row */
.ii-faq summary {
  position: relative;
  display: block;
  padding: 16px 54px 16px 18px;
  font-weight: 600;
  line-height: 1.35;
  cursor: pointer;            /* mouse style */
  user-select: none;          /* prevents annoying highlight on clicks */
  -webkit-tap-highlight-color: transparent;
  transition: background-color 160ms ease;
}

/* Hover (closed + open) */
.ii-faq summary:hover {
  background: rgba(var(--color-foreground, 0, 0, 0), 0.04);
}

/* Keyboard accessibility */
.ii-faq summary:focus {
  outline: none;
}
.ii-faq summary:focus-visible {
  outline: 3px solid rgba(var(--color-foreground, 0, 0, 0), 0.35);
  outline-offset: 2px;
  border-radius: 10px;
}

/* Chevron icon (right side) */
.ii-faq summary::after {
  content: "";
  position: absolute;
  right: 18px;
  top: 50%;
  width: 10px;
  height: 10px;
  border-right: 2px solid rgba(var(--color-foreground, 0, 0, 0), 0.75);
  border-bottom: 2px solid rgba(var(--color-foreground, 0, 0, 0), 0.75);
  transform: translateY(-50%) rotate(45deg);
  transition: transform 160ms ease, opacity 160ms ease;
  opacity: 0.9;
}

/* Open state (active vs not active) */
.ii-faq details[open] {
  border-color: rgba(var(--color-foreground, 0, 0, 0), 0.22);
  box-shadow: 0 6px 22px rgba(0, 0, 0, 0.06);
}

.ii-faq details[open] summary {
  background: rgba(var(--color-foreground, 0, 0, 0), 0.05);
}

/* Rotate chevron when open */
.ii-faq details[open] summary::after {
  transform: translateY(-50%) rotate(-135deg);
  opacity: 1;
}

/* Answer content styling */
.ii-faq details > :not(summary) {
  padding: 0 18px 16px 18px;
  color: rgba(var(--color-foreground, 0, 0, 0), 0.88);
  line-height: 1.6;
}

/* Improve spacing for common elements inside answers */
.ii-faq details p {
  margin: 10px 0 0;
}

.ii-faq details ul,
.ii-faq details ol {
  margin: 10px 0 0 18px;
}

.ii-faq details li {
  margin: 6px 0;
}

/* Optional: make the first answer block breathe a little */
.ii-faq details[open] > :not(summary):first-child {
  padding-top: 2px;
}

/* Optional: reduce motion for users who prefer it */
@media (prefers-reduced-motion: reduce) {
  .ii-faq details,
  .ii-faq summary,
  .ii-faq summary::after {
    transition: none !important;
  }
}
.site-nav__link--underline:after{
    
    border-bottom: 4px solid #d52627;
   
  }

  h1.element-text.element-text--heading-xl {
  padding-bottom: 0;
  margin-bottom: 24px;
}

body.template-product h1::after,
body.template-product h2::after,
body.template-product h3::after {
  content: "";
  display: block;
  width: clamp(80px, 22%, 150px);
  height: clamp(3px, 0.12em, 7px);
  background: #d52627;
  margin-top: 16px;
}

.section-header__title::after {
  margin-left: auto;
  margin-right: auto;
}

#MainContent {
  background-color: #000000 !important;
  background-image: linear-gradient(to bottom right, #202020 0%, #000000 100%) !important;
}

/* Navigation Fixes */ 
.megamenu__col-title a {

  font-weight: 700;
  color: #d52627;
}
.site-header__element--sub {
  border: none !important;
  box-shadow: inset 0 -2px 0 #d52627 !important;
}
.site-nav__dropdown {
  background-color: #000000;
}
.site-nav__dropdown a,
.site-nav__dropdown a:hover,
.site-nav__dropdown a:focus,
.site-nav__dropdown a:focus-visible {
  background: transparent !important;
  background-color: transparent !important;
}
.site-nav__dropdown.megamenu--products .megamenu__cols {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(160px, 1fr));
  column-gap: 80px;
  row-gap: 48px;
  width: 100%;
  columns: unset !important;
  column-count: unset !important;
}

.site-nav__dropdown.megamenu--products .megamenu__col {
  width: auto !important;
  max-width: none !important;
  break-inside: auto !important;
}
@media screen and (max-width: 900px) {
  .site-nav__dropdown.megamenu--products .megamenu__cols {
    grid-template-columns: 1fr;
    column-gap: 0;
    row-gap: 32px;
  }
}

#SiteHeader .header-item--search .search__input-wrap {
  background: rgba(255, 255, 255, 0.05) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.16) !important;
}

#SiteHeader .header-item--search input#Search.search__input {
  color: #c2c2c2 !important;
  background: transparent !important;
  -webkit-text-fill-color: #c2c2c2 !important;
}

#SiteHeader .header-item--search input#Search.search__input::placeholder {
  color: rgba(194, 194, 194, 0.85) !important;
  opacity: 1 !important;
}

#SiteHeader .header-item--search .search__input-wrap:focus-within {
  background: rgba(255, 255, 255, 0.08) !important;
  box-shadow: inset 0 0 0 1px rgba(213, 38, 39, 0.75) !important;
}
#SiteHeader .search__input-wrap {
  background: rgba(255, 255, 255, 0.05) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.16) !important;
}

#SiteHeader input[type="search"],
#SiteHeader input#Search.search__input {
  color: #c2c2c2 !important;
  background: transparent !important;
  -webkit-text-fill-color: #c2c2c2 !important;
}

#SiteHeader input[type="search"]::placeholder,
#SiteHeader input#Search.search__input::placeholder {
  color: rgba(194, 194, 194, 0.85) !important;
  opacity: 1 !important;
}

#SiteHeader .search__input-wrap:focus-within {
  background: rgba(255, 255, 255, 0.08) !important;
  box-shadow: inset 0 0 0 1px rgba(213, 38, 39, 0.75) !important;
}
.template-product .element-text--rte,
.template-product .element-text--rte p,
.template-product .element-text--rte span,
.template-product .element-text--rte div,
.template-product .element-text--rte li {
  color: #c2c2c2 !important;
  -webkit-text-fill-color: #c2c2c2 !important;
}
/* HulkApps option box */
.template-product .hulkapps_option select.hulk_po_dropdown,
.template-product .hulkapps_option select.hulkapps_option_child {
  background-color: #ffffff !important;
  color: #212121 !important;
  -webkit-text-fill-color: #212121 !important;
  border: 1px solid #c2c2c2 !important;
  min-height: 44px;
  padding: 10px 14px !important;
}

/* Placeholder / selected option */
.template-product .hulkapps_option select.hulk_po_dropdown option {
  background: #ffffff !important;
  color: #212121 !important;
}
/* =========================================================
   PRODUCT IMAGE CARD ONLY
   Removes inner border / zoom button frame
   ========================================================= */

/* Product image custom element */
.template-product product-images {
  display: block;
}

/* Main outer white product image card */
.template-product product-images .product__photos {
  background: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.28);
  box-shadow:
    0 0 0 8px rgba(255, 255, 255, 0.045),
    0 28px 80px rgba(0, 0, 0, 0.5);
  padding: clamp(20px, 2.5vw, 36px) !important;
}
/* Remove inner borders from image structure */
.template-product product-images .product__main-photos,
.template-product product-images .product-main-photos,
.template-product product-images .product-slideshow,
.template-product product-images .product-main-slide,
.template-product product-images .product-image-main,
.template-product product-images .image-wrap {
  background: #ffffff !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Remove border/frame from zoom overlay button */
.template-product product-images .product__photo-zoom,
.template-product product-images .js-photoswipe__zoom,
.template-product product-images button.btn--circle {
  background: transparent !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Remove focus/hover ring from zoom overlay */
.template-product product-images .product__photo-zoom:hover,
.template-product product-images .product__photo-zoom:focus,
.template-product product-images .product__photo-zoom:focus-visible,
.template-product product-images .js-photoswipe__zoom:hover,
.template-product product-images .js-photoswipe__zoom:focus,
.template-product product-images .js-photoswipe__zoom:focus-visible {
  background: transparent !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Product image behavior */
.template-product product-images img {
  object-fit: contain !important;
}

@media screen and (max-width: 768px) {
  .template-product nav[aria-label="breadcrumbs"] {
    padding: 12px 16px 0 !important;
    margin-bottom: 14px !important;
  }
}
@media screen and (max-width: 768px) {
  .template-product h1 {
    font-size: clamp(32px, 8vw, 44px) !important;
    line-height: 1.02;
  }
}
body h4,
body h5,
body h6,
.element-text.element-text--rte h4,
.element-text.element-text--rte h5,
.element-text.element-text--rte h6,
.rte h4,
.rte h5,
.rte h6 {
  font-family: 'Jura', sans-serif !important;
  font-weight: 700;
  letter-spacing: 0.03em;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
.site-footer {
  background-image:
    linear-gradient(rgba(20, 20, 20, 0.68), rgba(20, 20, 20, 0.68)),
    url("{{ 'grunge-wall.jpg' | asset_url }}");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.site-footer .footer__section {
  background: transparent;
}

/* -----PREMIUM FREIGHT PROGRAM-------- */
.ii-freight-program {
  display: grid;
  grid-template-columns: 120px 1fr;
  gap: 20px;
  align-items: center;
  margin: 20px 0;
  padding: 16px 18px;
  border: 1px solid rgba(255,255,255,0.16);
  border-radius: 4px;
  border-bottom: 3px solid #d52627;
  background:
    linear-gradient(135deg, rgba(255,255,255,0.045), rgba(255,255,255,0.012)),
    #181818;
  box-shadow: 0 10px 28px rgba(0,0,0,0.32);
}

.ii-freight-program__icon {
  display: flex;
  align-items: center;
  justify-content: center;
}

.ii-freight-program__icon img {
  width: 115px !important;
  max-width: 115px !important;
  height: auto !important;
  display: block;
}

.ii-freight-program__content h4 {
  margin: 0 0 6px;
  color: #ffffff;
  font-family: 'Jura', sans-serif;
  font-size: 17px;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.ii-freight-program__intro {
  margin: 0 0 12px;
  color: rgba(255,255,255,0.78);
  font-size: 14px;
  line-height: 1.4;
}

.ii-freight-program__points {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 18px;
  row-gap: 7px;
}

.ii-freight-program__point {
  display: flex;
  align-items: center;
  gap: 9px;
  color: rgba(255,255,255,0.9);
  font-size: 14px;
  line-height: 1.3;
}

.ii-freight-program__point-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 17px;
  width: 17px;
  height: 17px;
  border: 1px solid #d52627;
  border-radius: 50%;
  color: #d52627;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
}

.ii-freight-program__tagline {
  margin-top: 11px;
  padding-top: 10px;
  border-top: 1px solid rgba(255,255,255,0.1);
  color: rgba(255,255,255,0.64);
  font-size: 13px;
  font-style: italic;
  letter-spacing: 0.02em;
}
.ii-freight-mini-note {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 14px 0;
  padding: 12px 14px;
  border-left: 3px solid #d52627;
  background: rgba(255,255,255,0.06);
  color: rgba(255,255,255,0.88);
  font-size: 14px;
  line-height: 1.4;
}

.ii-freight-mini-note strong {
  color: #ffffff;
}

.ii-freight-mini-note__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 22px;
  width: 22px;
  height: 22px;
  color: #d52627;
}

.ii-freight-mini-note__icon svg {
  width: 22px;
  height: 22px;
  stroke-width: 3;
}
/* -----PREMIUM FREIGHT PROGRAM MOBILE-------- */
@media screen and (max-width: 749px) {
  .ii-freight-program {
    grid-template-columns: 70px 1fr;
    gap: 14px;
    padding: 14px;
    margin: 18px 0;
    align-items: start;
  }

  .ii-freight-program__icon {
    align-items: flex-start;
    justify-content: flex-start;
  }

  .ii-freight-program__icon img {
    width: 70px !important;
    max-width: 70px !important;
  }

  .ii-freight-program__content h4 {
    font-size: 15px;
    line-height: 1.2;
    margin-bottom: 8px;
    letter-spacing: 0.04em;
  }

  .ii-freight-program__intro {
    display: none;
  }

  .ii-freight-program__points {
    grid-template-columns: 1fr;
    gap: 6px;
  }

  .ii-freight-program__point {
    font-size: 13px;
    line-height: 1.25;
    gap: 8px;
  }

  .ii-freight-program__point-icon {
    flex: 0 0 16px;
    width: 16px;
    height: 16px;
    font-size: 10px;
  }

  .ii-freight-program__tagline {
    display: none;
  }
}
block-buy-buttons[data-template="engines"] > form > .product__policies.rte {
  display: none;
}
@media screen and (max-width: 749px) {
  .ii-freight-program {
    display: none;
  }
}
/*----------------MOBILE PRODUCT IMAGE SIZE------------------*/
@media screen and (max-width: 749px) {
  product-images .product__main-photos .flickity-viewport {
    height: calc(100vw - 24px) !important;
    max-height: 640px;
  }

  product-images .product__main-photos .flickity-slider,
  product-images .product__main-photos .product-main-slide,
  product-images .product__main-photos .product-image-main,
  product-images .product__main-photos .image-wrap {
    height: 100% !important;
  }

  product-images .product__main-photos .image-wrap {
    padding-bottom: 0 !important;
    background: #ffffff;
  }

  product-images .product__main-photos img.image-element {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
  }
}

@media screen and (max-width: 749px) {

  /* Tighten product info stack */
  .product-single__meta {
    --layout-stack-gap-size-sm: 10px;
    --layout-stack-gap-size-xs: 7px;
  }

  /* Hide breadcrumb on mobile */
  .product-single__meta nav[aria-label="breadcrumbs"] {
    display: none !important;
  }

  /* Tighten mobile title */
  body.template-product h1.element-text--heading-xl {
    font-size: clamp(32px, 8vw, 40px) !important;
    line-height: 1.05 !important;
    margin-bottom: 10px !important;
  }

  body.template-product h1.element-text--heading-xl::after {
    margin-top: 10px !important;
    width: 145px !important;
    height: 4px !important;
  }

  /* Tighten Hulk options block */
  #hulkapps_options_6790541017222 {
    margin: 10px 0 8px !important;
  }

  #hulkapps_options_6790541017222 .hulkapps_option_title {
    padding: 8px 10px !important;
    font-size: 14px !important;
  }

  #hulkapps_option_list_6790541017222 {
    padding: 8px 10px !important;
  }

  #hulkapps_option_list_6790541017222 select {
    padding-top: 9px !important;
    padding-bottom: 9px !important;
    min-height: 42px !important;
  }

  /* Tighten mini freight note */
  .ii-freight-mini-note {
    margin: 10px 0 10px !important;
    padding: 10px 12px !important;
    font-size: 13px !important;
    line-height: 1.3 !important;
  }

  .ii-freight-mini-note__icon {
    flex: 0 0 18px !important;
    width: 18px !important;
    height: 18px !important;
  }

  .ii-freight-mini-note__icon svg {
    width: 18px !important;
    height: 18px !important;
  }

  /* Hide full freight card on mobile, mini note already covers it */
  .ii-freight-program {
    display: none !important;
  }

 
@media screen and (max-width: 749px) {
  #shopify-section-template--18753233420422__recommendations,
  #shopify-section-template--18753233420422__recently-viewed,
  [id*="__recommendations"],
  [id*="__recently-viewed"],
  .product-recommendations,
  .recently-viewed {
    display: none !important;
  }
}
@media screen and (max-width: 749px) {
  html,
  body {
    max-width: 100%;
    overflow-x: hidden;
  }

  product-images,
  .product__main-photos,
  .product-main-slide,
  .product-image-main,
  .product__video-wrapper,
  .element-video,
  video-media {
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }

  .product__main-photos .flickity-viewport {
    overflow: hidden !important;
  }

  .product__main-photos .flickity-slider {
    max-width: 100% !important;
  }
}
@media screen and (max-width: 749px) {
  .footer__block--image {
    max-width: 180px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .footer__block--image img.footer__image {
    width: 100% !important;
    max-width: 180px !important;
    height: auto !important;
  }
}