/** Shopify CDN: Minification failed

Line 388:19 Expected identifier but found whitespace
Line 1681:1 Expected "}" to go with "{"

**/
.ss-page-wrapper {
  background-color: #000;
}

.ss-hero-wrapper {
  min-height: 960px;
  display: flex;
  align-items: center;  
  justify-content: center;
  padding: 40px;
}

.ss-hero-content {
  width: 100%;
  max-width: 1344px;
  height: 100%;
  max-height: 500px;

  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}

.ss-hero-title {
  color: #FFF;
  text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.90);

  font-family: 'Teko', sans-serif;
  font-size: 88px;
  font-style: normal;
  font-weight: 700;
  line-height: 78px;
  letter-spacing: -1.76px;
  text-transform: uppercase;
  width: 100%;
  max-width: 666px;
  margin-bottom: 140px;
}

.ss-hero-svg {
  max-width: 386px;
}

.ss-hero-badge {
  width: 100%;
  max-width: 368px; 
  aspect-ratio: 368 / 48; 
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
  margin-left: 38px;
}

.ss-hero-badge span {
  color: #FFF;
  font-family: 'Teko', sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px; 
  text-transform: uppercase;
  margin-bottom: -5px;
}

.ss-intro-section {
  position: relative;
  overflow: hidden;
  padding: 80px 0;
  margin-top: -100px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.ss-intro-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  z-index: 0;
  mix-blend-mode: screen;
}

.ss-intro-pillar {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 16px 0;
  border-radius: 4px;
  background: #32211E;
  padding: 20px;
}

.ss-intro-grid,
.ss-intro-paragraph {
  position: relative;
  z-index: 1; /* ensure these are layered above the background */
}

.ss-intro-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
  max-width: 1344px;
  margin: 0 auto;
  padding: 0 24px;
}

.ss-intro-paragraph {
  max-width: 1344px;
  margin: 64px auto 0;
  padding: 0 24px;
  text-align: left;
}

.ss-intro-paragraph p {
  color: #FFF;
  font-family: 'Inter', sans-serif;
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 38px;
}

.ss-intro-subtitle {
  color: var(--Spark-orange, #E94726);
  text-align: center;
  font-family: 'Teko', sans-serif!important;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  text-transform: uppercase;
  margin: 0;
}

.ss-intro-title {
  color: var(--White, #FFF);
  text-align: center;
  font-family: 'Teko', sans-serif;
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 38px;
  text-transform: uppercase;
}

.ss-xpan-section {
  display: flex;
  align-items: center;    
  justify-content: center; 
  padding: 80px 24px;
  width: 100%;
  position: relative;       /* necessary for absolute positioning */
  overflow: hidden;         /* keeps overlay contained */
}

.ss-xpan-float-image {
  position: absolute;
  top: 0;
  right: 0;
  height: 120%;
  max-width: none;
  width: auto;
  mix-blend-mode: screen;
  z-index: 2;
}

.ss-xpan-float-image--reverse {
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  height: 120%;
  max-width: none;
  width: auto;
  mix-blend-mode: screen;
  z-index: 2;
}

.ss-xpan-float-image--mirrored {
  transform: scaleX(-1);
}

.ss-xpan-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1920px;
  gap: 64px;
  position: relative;
  overflow: visible; 
}

.ss-xpan-float-image--left {
  left: 0;
  right: auto;
  transform: scaleX(-1);
}

.ss-xpan-wrapper--reverse .ss-xpan-content {
  justify-content: flex-end; /* pushes content block to the right side */
}

.ss-xpan-wrapper .ss-xpan-image img {
  position: relative;
}

.ss-xpan-content {
  position: relative;
  z-index: 3;
}

.ss-xpan-content {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  position: relative;
}

.ss-xpan-overlay {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center right;
  background-repeat: no-repeat;
  opacity: 0.25; /* adjust as needed */
}

.ss-xpan-overlay--mirrored {
  transform: scaleX(-1);
  transform-origin: right center;
}

.ss-xpan-inner {
  width: 100%;
  max-width: 546px;
  display: flex;
  flex-direction: column;
  position: relative;
}

.ss-xpan-description {
  color: var(--White, #FFF);
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px; 
  margin-bottom: 40px;
}

.ss-xpan-title {
  color: var(--White, #FFF);
  font-family: Teko;
  font-size: 68px;
  font-style: normal;
  font-weight: 700;
  line-height: 62px; 
  text-transform: uppercase;
}

.ss-xpan-subtitle {
  color: var(--Spark-orange, #E94726);
  font-family: Teko!important;
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px; 
  text-transform: uppercase;
  margin: 0;
}


.ss-xpan-button {
  display: flex;
  padding: 22px 18px;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  border-radius: 4px;
  border: 2px solid var(--White, #FFF);
  color: var(--White, #FFF);
  text-align: center;
  font-family: Teko;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 3px;
  text-transform: uppercase;
}

  .ss-xpan-button:hover {
    background-color: #fff;
    color: #000;
    text-decoration: underline;
  }

/* Slider */

.ss-styles-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
}

.ss-styles-bg {
  width: 100%;
  max-width: 1920px;
  position: relative;
  background: url('/cdn/shop/files/SmelterModels_desk.png?v=1745353733') center top no-repeat; /* placeholder */
  background-size: cover;
}

.ss-styles-section {
  width: 100%;
  max-width: 1620px;
  padding: 80px 24px;
  box-sizing: border-box;
  margin: 0 auto;
}

.ss-styles-heading {
  color: var(--White, #FFF);
  font-family: Teko;
  font-size: 68px;
  font-style: normal;
  font-weight: 700;
  line-height: 62px; /* 91.176% */
  text-transform: uppercase;
  }


.ss-styles-slider {
  overflow-x: hidden;
}

.swiper-wrapper {
  padding-left: 0; /* hard stop on left */
  padding-right: 48px; /* optional */
}

.ss-slide {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: 290px;
  height: 410px;
  padding: 16px;
  background: var(--White, #FFF);
  border-radius: 4px;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.25);
}

.swiper-slide:hover .ss-slide-sheet {
  text-decoration: underline;
  color: #E94726;
}

.ss-slide-details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  width: 100%;
}

.ss-slide-details . ss-slide-sheet:hover {
  text-decoration: underline!important;
}

.ss-slide img {
  width: 100%;
  height: auto;
  object-fit: contain;
  display: block;
}

.ss-slide-ref {
  color: #000;
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  margin: 0px 0px 4px 0px;
}

.ss-slide-title {
  color: #000;
  font-family: 'Teko', sans-serif;
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
  text-transform: uppercase;
  margin: 0px 0px 8px 0px;
}

.ss-slide-sheet {
  color: var(--Black, #000);
  text-align: left;
  font-family: Teko;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px; /* 100% */
  letter-spacing: 2px;
  text-transform: uppercase;
}

.ss-slide--catalog {
  display: flex;
  justify-content: center;
  align-items: center;
}

.ss-catalog-download {
  color: #FFF;
  font-family: 'Teko', sans-serif;
  font-size: 32px;
  line-height: 32px;
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
}


/* Outsole Section */


.xpan2-section-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
  background: #000; /* optional dark background */
}

.xpan2-section {
  display: flex;
  width: 100%;
  max-width: 1344px;
  padding: 80px 24px;
  gap: 64px;
}

.xpan2-content {
  flex: .8;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.xpan2-block {
  margin: 0px 0px 56px 0px;
}

.xpan2-image {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

.xpan2-image img {
  width: 100%;
  height: auto;
  object-fit: contain;
}

.xpan2-subheader {
  color: var(--Spark-orange, #E94726);
  
  /* Desktop/H4 */
  font-family: Teko!important;
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px; /* 107.143% */
  text-transform: uppercase;
}

.xpan2-main-header {
  color: var(--White, #FFF);
  
  /* Desktop/H1 */
  font-family: Teko;
  font-size: 68px;
  font-style: normal;
  font-weight: 700;
  line-height: 62px; /* 91.176% */
  text-transform: uppercase;
  margin-bottom: 56px;
}

.xpan2-mobile-image-wrapper {
  display: none;
}

.xpan2-desktop-image {
  display: block;
}

.xpan2-small-header {
  color: var(--White, #FFF);
  
  /* Desktop/H3 */
  font-family: Teko;
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 38px; /* 105.556% */
  text-transform: uppercase;
}

.xpan2-paragraph {
  font-family: 'Inter', sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  color: #DDD;
  margin-bottom: 20px;
}



.tab-content .tab-pane {
  background: var(--Grey-700, #282626);
}

.xpan2-tab-intro {
  display: flex;
padding: 16px;
flex-direction: column;
align-items: flex-start;
gap: 5px;
align-self: stretch;
  color: var(--Grey-300, #B2B2AF);

/* Common/Body 2 */
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 22px; /* 137.5% */
}

.xpan2-tabs {
  background: #282626;
  border-radius: 8px;
  overflow: hidden;
}

.xpan2-tabs-nav {
  border: 0!important;
  flex-wrap: nowrap;
}

.xpan2-tabs-nav .nav-link {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 182px;
  background: var(--Grey-800, #1F1F1F);
  border: none;
  padding: 8px
}

.xpan2-tabs-nav .nav-link.active {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 182px;
  border-radius: 8px 8px 0 0;
  background: var(--Grey-700, #282626);
  border: none;
}

.xpan2-tabs-nav .nav-link:not(.active) .xpan2-tab-label {
  color: var(--Grey-500, #726D68);
}



.xpan2-tabs-nav .nav-item {
  width: 100%;
  max-width: 182px;
}


.xpan2-tab-label {
  color: var(--Spark-orange, #E94726);
  text-align: center;

  font-family: 'Teko', sans-serif;
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 38px;
  text-transform: uppercase;
}

.xpan2-tab-sublabel {
  color: var(--Spark-orange, #E94726);
  text-align: center;

  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}


.xpan2-tabs-nav .nav-link:not(.active) .xpan2-tab-sublabel {
  color: var(--Grey-500, #726D68);
}

.xpan2-tab-table {
  width: 100%;
  border-collapse: collapse;
}

.xpan2-tab-table td {
  border-top: 1px solid #504744;
  border-bottom: 1px solid #504744;
  border-right: 1px solid #504744;

  color: #FFF;
  padding: 12px;
  text-align: center;
  vertical-align: middle;
}

/* Shared Label Base */
.xpan-label {
  display: block;
  font-family: 'Inter', sans-serif;
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 2px;
  letter-spacing: 0.25px;
}

/* Shared Value Base */
.xpan-value {
  display: block;
  font-family: 'Teko', sans-serif;
  font-size: 28px;
  font-weight: 600;
  line-height: 30px;
}

/* Label Variants */
.xpan-label--flat,
.xpan-label--forepart {
  color: #FFF;
}

.xpan-label--heel {
  color: #FFF;
  font-weight: 500;
}

/* Value Variants */
.xpan-value--flat,
.xpan-value--forepart {
  color: #FFF;
}

.xpan-value--heel {
  color: #FFF;
}

/* Remove left border on first column */
.xpan2-tab-table tr td:first-child {
  border-left: none;
}

/* Remove right border on last column */
.xpan2-tab-table tr td:last-child {
  border-right: none;
}

/* Add vertical border between col 1 and 2 only */
.xpan2-tab-table tr td:nth-child(2) {
  border-left: 1px solid #FFF;
}

.xpan2-tab-table tbody tr td {
  background: var(--Grey-700, #282626);
}

.xpan-table-col-1 {
  color: var(--White, #FFF)!important;
  text-align: center;
  
  /* Desktop/H4 */
  font-family: Teko!important;
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px; /* 107.143% */
  text-transform: uppercase;
}

.xpan2-tab-footer-wrapper {
  padding: 16px;
}

.xpan2-tab-footer-header {
  color: var(--Royer-red, #C8102E);
  
  /* Desktop/H5 */
  font-family: Teko;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 109.091% */
  text-transform: uppercase;
}

.xpan2-tab-footer-text {
  color: var(--Grey-300, #B2B2AF);
  
  /* Common/Body 2 */
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px; /* 137.5% */
}

/* Molten Protection */

.smelter-protection-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
  background: #000; /* Optional background */
  padding: 80px 24px;
  min-height: 1226px;
}

.smelter-protection-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1920px;
  background-size: cover; 
  background-position: center;
  background-repeat: no-repeat;
  background-blend-mode: screen;
}

.smelter-protection-inner {
  max-width: 1344px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  background: var(--Grey-900, #0F0F0F);
  box-shadow: 0px 0px 60px 0px rgba(255, 119, 0, 0.25);
  padding: 40px 48px;
}

.smelter-subheader {
  color: var(--Spark-orange, #E94726);
  
  /* Desktop/H4 */
  font-family: Teko!important;
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px; /* 107.143% */
  text-transform: uppercase;
  margin: 0;
}

.smelter-header {
  color: #FFF;
  
  /* Desktop/H1 */
  font-family: Teko;
  font-size: 68px;
  font-style: normal;
  font-weight: 700;
  line-height: 62px; /* 91.176% */
  text-transform: uppercase;
  margin-bottom: 28px;
}

.smelter-feature-columns {
  display: flex;
  justify-content: space-between;
  gap: 32px;
  flex-wrap: nowrap;
}

.smelter-feature {
  flex: 1 1 30%;
  width: 100%;
  text-align: left;
  display: flex;
  flex-direction: column;
}

.smelter-feature img {
  margin-bottom: 24px;
  width: 100%;
}

.smelter-feature-title {
  color: var(--White, #FFF);
  
  /* Desktop/H3 */
  font-family: Teko;
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 38px; /* 105.556% */
  text-transform: uppercase;
}

.smelter-feature-list {
  list-style: disc;
  padding-left: 20px;
  color: #FFF;
  text-align: left;
  /* Common/Body 1 */
  font-family: Inter!important;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px; /* 133.333% */
}

.smelter-feature-list li {
  margin-bottom: 10px;
}

.smelter-feature-richtext {
  color: #FFF;
  /* Common/Body 1 */
  font-family: Inter!important;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px; /* 133.333% */
}

/* Molten Modal */

.smelter-modal-header-fixed {
  position: sticky;
  top: 0;
  z-index: 10;
  background: #1F1F1F; /* Match modal background */
  padding-top: 24px;
  padding-right: 24px;
  display: flex;
  justify-content: flex-end;
}

.smelter-modal .modal-header {
  border-bottom: 0;
}

.smelter-modal::-webkit-scrollbar {
  width: 4px;
}

.smelter-modal::-webkit-scrollbar-thumb {
  height: 75px;
  background: #D9D9D9;
  border-radius: 4px;
}

/* Optional: prevent track from showing */
.smelter-modal::-webkit-scrollbar-track {
  background: transparent;
}

/* White close button inside modal */
.smelter-modal .btn-close {
  filter: invert(1); /* Makes it white */
  opacity: 1;
}

.smelter-modal-link {
  color: var(--Spark-orange, #E94726);
  text-decoration: underline;
  cursor: pointer;
}

.smelter-modal {
  border-radius: 8px;
  background: #1F1F1F;
  color: #FFF;
  overflow-y: auto;
}

.smelter-modal-body {
  position: relative;
  padding: 0px 48px 48px;
}

.smelter-modal-subheader {
  color: var(--Spark-orange, #E94726);
  text-align: center;
  
  /* Desktop/H4 */
  font-family: Teko!important;
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px; /* 107.143% */
  text-transform: uppercase;
}

.smelter-modal-header {
  color: var(--White, #FFF);
  text-align: center;
  
  /* Desktop/H2 */
  font-family: Teko;
  font-size: 48px;
  font-style: normal;
  font-weight: 600;
  line-height: 50px; /* 104.167% */
  text-transform: uppercase;
}

.smelter-modal-note-wrapper {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}

.smelter-modal-note {
  color: var(--White, #FFF);
  text-align: left;
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px; /* 133.333% */
  max-width: 720px;
}

.smelter-modal-video iframe {
  display: block;
  margin: 0 auto;
  border-radius: 4px;
}

.smelter-modal-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 48px;
}

.smelter-modal-fadeout {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 64px;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(40, 38, 38, 0.00) 0%, #282626 100%);
  transition: opacity 0.3s ease;
  opacity: 1;
  z-index: 5;
}

@media (max-width: 768px) {
  .smelter-modal-grid {
    grid-template-columns: 1fr;
  }
}

.smelter-grid-item {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.smelter-grid-item img {
  max-height: 169px;
}

.smelter-grid-rows {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.smelter-grid-row {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}

.smelter-grid-number h2 {
color: var(--Royer-red, #C8102E);

/* Desktop/H2 */
font-family: Teko;
font-size: 48px;
font-style: normal;
font-weight: 600;
line-height: 50px; /* 104.167% */
text-transform: uppercase;
}

.smelter-grid-text p {
color: var(--White, #FFF);

/* Common/Body 2 */
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 22px; /* 137.5% */
}

.metguard-section-wrapper {
  width: 100%;
  background-color: #000;
  padding: 64px 16px;
}

.metguard-section {
  max-width: 1344px;
  margin: 0 auto;
  width: 100%;
}

.metguard-content {
  display: flex;
  gap: 48px;
}

.metguard-left,
.metguard-right {
  flex: 1;
  width: 100%;
}


/* Subheader */
.metguard-subheader {
  color: var(--Spark-orange, #E94726);
  /* Desktop/H4 */
  font-family: Teko!important;
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px; /* 107.143% */
  text-transform: uppercase;
}

/* Main Header */
.metguard-header {
  color: var(--White, #FFF);
  /* Desktop/H1 */
  font-family: Teko;
  font-size: 68px;
  font-style: normal;
  font-weight: 700;
  line-height: 62px; /* 91.176% */
  text-transform: uppercase;
  margin-bottom: 32px;
}

/* Content Blocks */
.metguard-block {
  margin-bottom: 32px;
}

.metguard-small-header {
  color: var(--White, #FFF);
  /* Desktop/H3 */
  font-family: Teko;
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 38px; /* 105.556% */
  text-transform: uppercase;
}

.metguard-paragraph {
  color: var(--White, #FFF);
  
  /* Common/Body 1 */
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px; /* 133.333% */
}

/* Right Image */
.metguard-right img {
  width: 100%;
  height: auto;
  object-fit: cover;
  aspect-ratio: 1 / 1;
  border-radius: 4px;
}

.comfort-section-outer {
  width: 100%;
}

.comfort-section-mid {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
}

.comfort-section-inner {
  width: 100%;
  max-width: 1344px;
  margin: 0 auto;
  padding: 48px 16px;
  text-align: center;
}

.comfort-subheader {
color: var(--Spark-orange, #E94726);

/* Desktop/H4 */
font-family: Teko!important;
font-size: 28px;
font-style: normal;
font-weight: 500;
line-height: 30px; /* 107.143% */
text-transform: uppercase;
    text-align: left;
}

.comfort-header {
color: var(--White, #FFF);

/* Desktop/H1 */
font-family: Teko;
font-size: 68px;
font-style: normal;
font-weight: 700;
line-height: 62px; /* 91.176% */
text-transform: uppercase;
  text-align: left;
  margin-bottom: 20px;
}

.comfort-pillars {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 48px;
}

.comfort-pillar img {
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: 12px;
  margin-bottom: 16px;
}

.comfort-pillar-title {
  color: var(--White, #FFF);
  
  /* Desktop/H3 */
  font-family: Teko;
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 38px; /* 105.556% */
  text-transform: uppercase;
  text-align: left;
}

.comfort-pillar-text {
color: var(--White, #FFF);

/* Common/Body 1 */
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: 24px; /* 133.333% */
  text-align: left;
}

.comfort-link-container {
  width: 100%;
  display: flex;
  justify-content: flex-start;
}

.comfort-pillar-link {
  position: relative;
  text-decoration: none;
  padding-bottom: 6px; /* creates space for the underline */
  transition: text-shadow 0.3s ease;
  
  /* Common/Button text */
  color: var(--Spark-orange, #E94726);
  font-family: Teko;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px; /* 100% */
  letter-spacing: 3px;
  text-transform: uppercase;
}


.comfort-link-wrapper {
  display: inline-block;
  
  padding-bottom: 2px;
}

.comfort-pillar-link::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0; /* aligns to bottom of padded area */
  height: 3px;
  width: 100%;
  background-color: #E94726;
  transition: filter 0.1s ease;
}

.comfort-pillar-link:hover {;
}

.comfort-pillar-link:hover::after {
  filter: drop-shadow(0 0 2px #E94726);
}

@media (max-width: 1440px) {
  .ss-xpan-image {
    max-width: 50%;
  }

    .ss-xpan-image img {
      width: 100%;
    }
  
  .ss-xpan-content {
    width: 50%;
  }

@media (max-width: 1100px) {

  .ss-hero-wrapper {
    min-height: 576px;
  }
  
  .ss-hero-title {
    max-width: 400px;
    font-size: 48px;
    line-height: 48px;
  }

  .ss-hero-badge {
    max-width: 227px;
    margin-bottom: -8px;
    margin-left: 30px;
  }

  .ss-hero-badge span {
    font-size: 18px;
    line-height: 20px;
  }

  .ss-hero-svg {
    width: 100%;
    max-width: 240px;
  }

  .ss-hero-svg svg {
    width: 100%;
    max-width: 240px;
  }

  .ss-intro-subtitle {
    font-size: 20px;
    line-height: 20px; /* 100% */
  }

  .ss-intro-title {
    font-size: 28px;
    line-height: 30px; /* 107.143% */
  }

  .ss-intro-paragraph p {
    font-size: 18px;
    line-height: 24px; /* 133.333% */
  }

  .ss-xpan-subtitle {
    font-size: 22px;
    line-height: 24px; /* 109.091% */
  }

  .ss-xpan-title {
    font-size: 42px;
    line-height: 44px; /* 104.762% */
  }

  .ss-xpan-description {
    font-size: 18px;
    line-height: 24px; /* 133.333% */
  }
  
  .ss-xpan-button {
    font-size: 20px;
    line-height: 20px; /* 100% */
  }

  .ss-styles-heading {
    font-size: 42px;
    line-height: 44px; /* 104.762% */
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
  }

  .xpan2-subheader {
    font-size: 22px;
    line-height: 24px; /* 109.091% */
  }

  .xpan2-main-header {
    font-size: 42px;
    line-height: 44px; /* 104.762% */
    margin-bottom: 28px;
  }

  .xpan2-block {
    margin-bottom: 24px;
  }

  .xpan2-small-header {
    font-size: 28px;
    line-height: 30px; /* 107.143% */
  }

  .xpan2-paragraph {
    font-size: 18px;
    line-height: 24px; /* 133.333% */
  }

  .smelter-subheader {
    font-size: 22px;
    line-height: 24px; /* 109.091% */
  }

  .smelter-header {
    font-size: 42px;
    line-height: 44px; /* 104.762% */
  }

  .smelter-feature-title {
    font-size: 28px;
    line-height: 30px; /* 107.143% */
  }

  .smelter-feature-list {
    font-size: 18px;
    line-height: 24px; /* 133.333% */
  }

  .smelter-modal-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 28px;
  }

  .smelter-modal-subheader {
    font-size: 22px;
    line-height: 24px; /* 109.091% */
  }

  .smelter-modal-header {
    font-size: 34px;
    line-height: 36px; /* 105.882% */
  }

  .smelter-modal-note-wrapper {
    font-size: 18px;
    line-height: 24px; /* 133.333% */
  }

  .smelter-protection-inner {
    padding: 24px;
  }

  .metguard-section-wrapper {
    padding: 43px 24px;
  }

  .metguard-subheader {
    font-size: 22px;
    line-height: 24px; /* 109.091% */
  }
  
  .metguard-header {
    font-size: 42px;
    line-height: 44px; /* 104.762% */
  }

  .metguard-small-header {
    font-size: 28px;
    line-height: 30px; /* 107.143% */
  }

  .metguard-paragraph {
    font-size: 18px;
    line-height: 24px; /* 133.333% */
  }

  .comfort-section-inner {
    padding: 43px 24px;
  }

  .comfort-subheader {
    font-size: 22px;
    line-height: 24px; /* 109.091% */
  }

  .comfort-header {
    font-size: 42px;
    line-height: 44px;
  }

  .comfort-pillar-title {
    font-size: 28px;
    line-height: 30px; /* 107.143% */
  }

  .comfort-pillar-text {
    font-size: 18px;
    line-height: 24px; /* 133.333% */
  }
  
}

@media (max-width: 1000px) {
  .ss-slide {
    max-width: 242px;
    height: 354px;
  }

  .ss-catalog-download {
    font-size: 20px;
    line-height: 20px; /* 100% */
    text-align: center;
  }

  .ss-slide-title {
    font-size: 22px;
    line-height: 20px; /* 109.091% */
  }

  .ss-slide-sheet {
    font-size: 20px;
    line-height: 20px; /* 100% */
  }

}

@media (max-width: 1000px) {
  .xpan2-section {
      flex-direction: column-reverse;
    }

  .smelter-modal-video iframe {
    width: 100%;
    max-width: 720px;
    min-height: 230px;
    height: auto;
  }
  


@media (max-width: 900px) {
  .xpan2-mobile-image-wrapper {
    display: block;
    margin-bottom: 32px;
    padding: 40px;
  }
  
  .xpan2-mobile-image {
    width: 100%;
    height: auto;
    object-fit: contain;
  }
  
  .xpan2-desktop-image {
    display: none;
  }

  .comfort-pillar-link::after {
    content: none;
  }

  .xpan2-tabs {
    background-color: transparent;
  }

  .xpan2-tabs-nav .nav-link {
    border-radius: 8px 8px 0px 0px;
  }

  .full-width-modal {
    margin: 40px 20px;
    max-width: none;
    width: auto;
  }
  
  .full-width-modal .modal-content {
    width: 100%;
  }

  .metguard-content {
    flex-direction: column-reverse;
  }

  .ss-xpan-wrapper {
    flex-direction: column;
  }

  .ss-xpan-wrapper--reverse {
    flex-direction: column-reverse!important;
  }

  .ss-xpan-image {
    width: 100%;
    max-width: unset;
  }

  .ss-xpan-content {
    width: 100%;
    max-width: unset;
  }

  .ss-xpan-inner {
    max-width: unset;
  }

  .smelter-feature-columns {
    flex-direction: column;
  }

  .ss-intro-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .ss-intro-pillar {
    max-width: unset;
  }


  .comfort-pillars {
    grid-template-columns: repeat(1, 1fr);
  }
  

}


@media (max-width: 700px) {

  .smelter-modal-grid {
    grid-template-columns: repeat(1, 1fr);
    gap: 14px;
  }

  .smelter-modal-body {
    padding: 0px 20px 48px;
  }

  .smelter-protection-inner {
    padding: 4px;
  }


}

@media (max-width: 600px) {

  .ss-hero-wrapper {
    min-height: 540px;
  }

  .ss-hero-content {
    height: auto;
    max-height: unset;
    align-items: center;
  }

  .ss-intro-grid {
    grid-template-columns: repeat(1, 1fr);
  }


}

@media (max-width: 500px) {

  .full-width-modal {
    margin: 20px 20px;
  }
  
  .smelter-modal-video iframe {
    min-height: 180px;
  }

}

































  
}