/** Shopify CDN: Minification failed

Line 10:20 Unexpected "{"

**/
.collection-hero {
  --text-gap: 2rem;
  --text-gap-mobile: 1.6rem;
}
body .part-finder,  { border-bottom:solid 1px #e5e7eb; display:grid; padding:16px 50px; margin:16px; line-height:16px; font-size:16px; font-weight:400;}
body .part-finder h2 { text-align:center;  color: #e11d48;  font-size:24px;
  font-weight:600;  text-transform:uppercase;  line-height:24px;  padding-top:20px; }
   body .part-finder label span { color:#e11d48; font-weight:400;}
body .part-finder label.vape_label, body .part-finder #brand-label, body .part-finder #device-label, body .part-finder label { float:left; width:100%; margin:0px; color:#111827; font-weight:600; font-size:14px; padding:20px 0px 0px 0px;}
body .part-finder #finder-type, body .part-finder #finder-brand, body .part-finder #finder-device, body .part-finder select { float:left; margin:15px 0px 0px 0px; width:100%; color:#333; font-weight:400; font-size:16px; padding: 10px;
  background: #fff;  border: solid 1px #d8d9db;  border-radius: 4px;}
body .part-finder .finder-actions { display:block; margin-top:16px; width:100%; text-align:right;}
body .part-finder .finder-actions #finder-submit { background: #9ca3af;  border-radius: 9999px;  font-size: 14px;
  font-weight: 700;  line-height: 17.5px;  padding: 7px 24px;  color: #fff;  min-width: 160px; height: 40px; text-transform:uppercase; }
body .part-finder .finder-actions #finder-cancel { border:solid 1px #374151; color:#374151; padding: 7px 24px; min-width: 160px;  height: 40px; border-radius: 9999px;  font-size: 14px;
  font-weight: 700;  line-height: 17.5px; background:#fff; text-transform:uppercase;}
body .part-finder .finder-actions #finder-cancel:focus { --tw-shadow: -6px 6px #F9BCBB;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
 #finder-submit:not(:disabled) {
    background:#c71512 !important;
    cursor:pointer !important;
    color:#fff;
  }

.collection-hero.collection-hero--no-image.hero.hero--extra-small.hero--mobile-auto.color-inherit.section.section--padding.page-width.page-width--fixed { display:none; }
.collection-hero .empty-space {
  min-height: var(--spacing-height-mobile);
}
@media (min-width: 768px) {
  .collection-hero .empty-space {
    min-height: var(--spacing-height);
  }
}
.collection-hero .hero__media {
  min-height: 100%;
}
.collection-hero__text {
  --padding-x: 10rem;
}
@media (max-width: 1279.98px) {
  .collection-hero__text {
    --padding-x: 5rem;
  }
}
@media (max-width: 1023.98px) {
   body .part-finder { padding:16px 16px; margin:10px 16px;}
   body .part-finder .finder-actions {text-align:left;}
   body .part-finder .finder-actions #finder-submit, .part-finder .finder-actions #finder-cancel { min-width:145px;}
  body .part-finder h2 { font-size:14px; padding-top:0px; text-align:left;}
  .collection-hero__text {
    --padding-x: 4rem;
  }
    .collection-hero .hero__media {
   
  width: 100%;
  background: #fff;
  }
  .collection-hero .hero__media img.collection-hero__image { 
    object-fit: contain !important;
    height:auto !important;
  }
}
@media (max-width: 767.98px) {
  .collection-hero__text {
    --padding-x: 2rem;
  }
    .collection-hero .hero__media {
    height: 100px;
  width: 100%;
  background: #fff;
  }
  .collection-hero .hero__media img.collection-hero__image { 
    object-fit: contain !important;
  }
}
.collection-hero__description {
  margin-top: var(--text-gap);
  /*max-width: min(67rem, 90%);*/
}
.text-center .collection-hero__description {
  margin-inline: auto;
}
.text-right .collection-hero__description {
  margin-inline-start: auto;
}
@media (max-width: 767.98px) {
  .collection-hero__description {
    margin-top: var(--text-gap-mobile);
  }
}
/*.collection-hero:not(.color-inherit) .collection-hero__text {
  padding-inline: var(--padding-x);
}*/
.collection-hero--image-left {
  --text-gap-mobile: 1.2rem;
}
.collection-hero--image-left .collection-hero__inner {
  --f-grid-columns: 1;
}
@media (min-width: 768px) {
  .collection-hero--image-left .collection-hero__inner {
    --f-grid-columns: 2;
  }
  .collection-hero--image-left .collection-hero__text {
    padding-inline-start: var(--padding-x);
  }
}
.collection-hero--image-right {
  --text-gap-mobile: 1.2rem;
}
.collection-hero--image-right .collection-hero__inner {
  --f-grid-columns: 1;
}
@media (min-width: 768px) {
  .collection-hero--image-right .collection-hero__inner {
    --f-grid-columns: 2;
  }
  .collection-hero--image-right .collection-hero__text {
    padding-inline-end: var(--padding-x);
  }
}
