/** Shopify CDN: Minification failed

Line 111:6 Unexpected "{"
Line 111:15 Expected ":"
Line 114:6 Unexpected "{"
Line 114:15 Expected ":"
Line 120:6 Unexpected "{"
Line 120:15 Expected ":"
Line 124:6 Unexpected "{"
Line 124:15 Expected ":"
Line 129:6 Unexpected "{"
Line 129:15 Expected ":"
... and 4 more hidden warnings

**/


/* CSS from section stylesheet tags */
.cc-wrapper { margin: 32px 0; }
.cc-heading { margin: 0 0 16px; text-align: center; }
.cc-card { display: block; text-decoration: none; color: inherit; }
.cc-item { padding: 8px; }
/* Slick will convert .cc-track into a slider */
.cc-media {
  position: relative; padding-top: 66.66%;
  border-radius: 12px; overflow: hidden; background: #f6f6f6;
}
.cc-media img {
  position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;
}
.cc-meta { text-align: center; margin-top: 10px; }
.cc-title { margin: 0; font-size: 16px; line-height: 1.3; }
.cc-count { display: block; font-size: 13px; opacity: .7; margin-top: 4px; }
.thc-wrap { position: relative; margin: 32px 0; }
.thc-heading {
  margin: 0 0 24px; text-align: center;
  font-family: "Gotham SSm","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 28px; font-weight: 700; letter-spacing: -0.2px; line-height: 1.2;
}

.thc-track { overflow: hidden; }
.thc-slide { padding: 0 8px; }

/* Image card */
.thc-media {
  position: relative;
  width: 100%;
  padding-top: 56%; /* reduced height for PC & tablet */
  background-size: cover;
  background-position: center center;
  border-radius: 12px;
  overflow: hidden;
}

.thc-gradient {
  position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.25) 70%);
  pointer-events: none;
}

/* Overlay */
.thc-inner {
  position: absolute; inset: 0;
  display: grid;
  align-content: end;
  padding: 20px 28px 28px;
  color: #fff;
}

.thc-align-center { text-align: center; justify-items: center; }
.thc-align-right  { text-align: right; justify-items: end; }

/* === Tesla-style slide title === */
.thc-title {
  margin: 0;
  font-family: "Gotham SSm","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -0.5px;
  color: #ffffff !important;
  font-size: clamp(24px, 4.2vw, 56px);
  text-shadow: none;
  text-transform: capitalize; /* First letter of each word uppercase */
}

/* Tesla-style CTA */
.thc-ctas { margin-top: 14px; }
.thc-btn {
  display: inline-block;
  padding: 12px 28px;
  border-radius: 999px;
  font-weight: 600;
  text-decoration: none;
  transition: transform .2s ease, background .2s ease, color .2s ease;
  font-size: 16px;
}
.thc-btn-primary {
  background: #3b6df6; /* Tesla blue */
  color: #fff;
  border: none;
}
.thc-btn-primary:hover {
  background: #1f4de0;
  transform: translateY(-2px);
}

/* Mobile full-slide link */
.thc-mobile-link { position: absolute; inset: 0; display: none; }

/* Space below image list for dots */
#THC-{{ section.id }} .slick-list { margin-bottom: 20px; }

/* Tesla-style round dots */
#THC-{{ section.id }} .slick-dots {
  position: relative;
  bottom: 0;
  margin-top: 16px;
  text-align: center;
}
#THC-{{ section.id }} .slick-dots li {
  display: inline-block;
  margin: 0 6px;
}
#THC-{{ section.id }} .slick-dots li button:before {
  font-size: 12px;
  color: #8e9290;
  opacity: .35;
}
#THC-{{ section.id }} .slick-dots li.slick-active button:before {
  opacity: .9;
  color: #474A51;
}

/* Mobile: center bigger, sides narrower, taller */
@media (max-width: 768px) {
  .thc-media { padding-top: 100%; }

  #THC-{{ section.id }} .slick-slide .thc-media { 
    transform: scale(0.94); 
    transition: transform .25s ease;
  }
  #THC-{{ section.id }} .slick-slide.slick-center .thc-media { 
    transform: scale(1.04); 
  }

  .thc-title { font-size: 22px !important; letter-spacing: -0.3px; }
  .thc-mobile-link { display: block; }
  .thc-cta-desktop { display: none !important; }
}