/** Shopify CDN: Minification failed

Line 43:6 Unexpected "{"
Line 43:15 Expected ":"
Line 46:6 Unexpected "{"
Line 46:15 Expected ":"
Line 47:34 Unexpected "{"
Line 47:43 Expected ":"
Line 50:6 Unexpected "{"
Line 50:15 Expected ":"
Line 58:6 Unexpected "{"
Line 58:15 Expected ":"
... and 221 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; }
/* --- Base --- */
.thc-wrap { position: relative; margin: 2px 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;
}

/* Let dots below be visible */
#THC-{{ section.id }} .thc-track { overflow: visible; }

/* Slide spacing */
#THC-{{ section.id }} .thc-slide { padding: 0 8px; }
@media (min-width: 769px) { #THC-{{ section.id }} .thc-slide { padding: 0 10px; } }

/* --- Card --- */
#THC-{{ section.id }} .thc-card {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  will-change: transform, opacity;
}

/* --- Image square (ensures link is clickable and visible) --- */
#THC-{{ section.id }} .thc-media {
  position: relative;
  aspect-ratio: 1 / 1;
  overflow: hidden;
}
#THC-{{ section.id }} .thc-image-link {
  position: absolute;
  inset: 0;
  display: block;
  z-index: 1;
}
#THC-{{ section.id }} .thc-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: filter 0.25s ease;
}

/* Two layer image setup for hover swap */
#THC-{{ section.id }} .thc-picture {
  position: absolute;
  inset: 0;
}

#THC-{{ section.id }} .thc-picture-main {
  opacity: 1;
  transition: opacity 0.35s ease;
}

#THC-{{ section.id }} .thc-picture-hover {
  opacity: 0;
  transition: opacity 0.35s ease;
}

/* Hover on desktop: show second image */
@media (hover:hover) and (pointer:fine) {
  #THC-{{ section.id }} .thc-card:hover .thc-picture-main {
    opacity: 0;
  }
  #THC-{{ section.id }} .thc-card:hover .thc-picture-hover {
    opacity: 1;
  }
}

/* Touch / click: show second image while pressed */
#THC-{{ section.id }} .thc-card:active .thc-picture-main,
#THC-{{ section.id }} .thc-image-link:active .thc-picture-main {
  opacity: 0;
}

#THC-{{ section.id }} .thc-card:active .thc-picture-hover,
#THC-{{ section.id }} .thc-image-link:active .thc-picture-hover {
  opacity: 1;
}

/* Mobile: 1-up squares and room for dots */
@media (max-width: 768px) {
  #THC-{{ section.id }} .slick-list { margin-bottom: 18px !important; }
}

/* Tablet/Desktop: hover lift */
@media (min-width: 769px) {
  #THC-{{ section.id }} .slick-slide .thc-card { transition: transform .25s ease; }
  #THC-{{ section.id }} .slick-slide:hover .thc-card { transform: translateY(-2px); }
}

/* Text layer sits above image; disable pointer events so image stays clickable */
#THC-{{ section.id }} .thc-inner {
  position: absolute; inset: 0;
  display: grid; align-content: end;
  padding: 16px 20px 20px; color: #fff;
  z-index: 2;
  pointer-events: none;
}
#THC-{{ section.id }} .thc-align-center { text-align: center; justify-items: center; }
#THC-{{ section.id }} .thc-align-right  { text-align: right; justify-items: end; }

/* Title */
#THC-{{ section.id }} .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(16px, 2vw, 28px); text-transform: capitalize;
}

/* Slide CTA (re-enable pointer events for clickable controls) */
#THC-{{ section.id }} .thc-ctas,
#THC-{{ section.id }} .thc-btn,
#THC-{{ section.id }} .thc-cta-desktop,
#THC-{{ section.id }} .thc-mobile-link { pointer-events: auto; }

#THC-{{ section.id }} .thc-ctas { margin-top: 10px; }
#THC-{{ section.id }} .thc-btn {
  display: inline-block; padding: 8px 18px; border-radius: 999px; font-weight: 600; text-decoration: none;
  transition: transform .2s ease, background .2s ease, color .2s ease; font-size: 14px;
}
#THC-{{ section.id }} .thc-btn-primary { background: #3b6df6; color: #fff; border: none; }
#THC-{{ section.id }} .thc-btn-primary:hover { background: #1f4de0; transform: translateY(-2px); }

/* --- Tesla-style dots --- */
#THC-{{ section.id }} .thc-dots {
  text-align: center;
  margin-top: 12px;
}
#THC-{{ section.id }} .slick-dots {
  position: static !important;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin: 0;
}
#THC-{{ section.id }} .slick-dots li button:before { content: "" !important; display: none !important; }
#THC-{{ section.id }} .slick-dots li { margin: 0 !important; width: auto; height: auto; }
#THC-{{ section.id }} .slick-dots li button {
  width: 10px; height: 10px; border-radius: 50%; background-color: #D4D6DA; border: 0; padding: 0;
  text-indent: -9999px; overflow: hidden; box-shadow: none; transition: background-color .15s ease, transform .15s ease, opacity .15s ease;
}
#THC-{{ section.id }} .slick-dots li.slick-active button { background-color: #3b6df6; transform: scale(1.55); opacity: 1; }
#THC-{{ section.id }} .slick-dots li button:hover { opacity: .85; }
#THC-{{ section.id }} .slick-dots li button:focus-visible { outline: 2px solid #1F2328; outline-offset: 3px; }

/* --- Luxury Minimal CTA (CK / Prada Style) --- */
#THC-{{ section.id }} .thc-more { 
  text-align: center; 
  margin-top: 12px;
}

#THC-{{ section.id }} .cta-modern {
  display: inline-block;
  padding: 14px 36px;
  font-size: 18px;
  font-weight: 600;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  
  /* Luxury pill shape */
  border-radius: 9999px;

  /* Colors */
  background: #FF7A32 !important;
  color: #ffffff !important;

  border: 1px solid #111111 !important;

  /* Transitions */
  transition: background 0.3s ease transform 0.25s ease border-color 0.3s ease;
  text-decoration: none !important;
  box-shadow: none !important;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}

/* Hover (desktop only) */
@media (hover:hover) and (pointer:fine) {
  #THC-{{ section.id }} .cta-modern:hover {
    background: #E56C28 !important;
    border-color: #2A2A2A !important;
    transform: translateY(-1px);
  }
}

/* Press / tap feedback */
@media (max-width: 768px) {
  #THC-{{ section.id }} .cta-modern {
    font-size: 16px;
    padding: 10px 22px;
  }
}

/* Full width on tiny screens */
@media (max-width: 480px) {
  #THC-{{ section.id }} .cta-modern {
    width: 100%;
    max-width: 340px;
  }
}

/* ========================= */
/* Transition Pattern Styles */
/* ========================= */

/* 1) FADE - soft cross fade per card while sliding */
#THC-{{ section.id }}[data-transition="fade"] .thc-card { opacity: 0.65; transition: opacity .45s ease, transform .45s ease; }
#THC-{{ section.id }}[data-transition="fade"] .is-active .thc-card { opacity: 1; }
#THC-{{ section.id }}[data-transition="fade"] .is-enter .thc-card { transform: translateY(0); }
#THC-{{ section.id }}[data-transition="fade"] .is-leave .thc-card { opacity: 0.35; }

/* 2) ZOOM - zoom in on entering cards, subtle zoom out on leaving */
#THC-{{ section.id }}[data-transition="zoom"] .thc-card { transform: scale(.97); opacity: 0.85; }
#THC-{{ section.id }}[data-transition="zoom"] .is-active .thc-card { opacity: 1; }
#THC-{{ section.id }}[data-transition="zoom"] .is-enter .thc-card { animation: thc-zoom-in .45s cubic-bezier(.2,.7,.2,1) both; }
#THC-{{ section.id }}[data-transition="zoom"] .is-leave .thc-card { animation: thc-zoom-out .45s ease both; }
@keyframes thc-zoom-in { from { transform: scale(.9); opacity: .5; } to { transform: scale(1); opacity: 1; } }
@keyframes thc-zoom-out{ from { transform: scale(1); opacity: 1; } to { transform: scale(.96); opacity: .6; } }

/* 3) KEN BURNS - slow pan/zoom on the image only while active */
#THC-{{ section.id }}[data-transition="kenburns"] .thc-img { transform-origin: center; }
#THC-{{ section.id }}[data-transition="kenburns"] .is-active .thc-img { animation: thc-kenburns {{ section.settings.autoplay_speed | default: 3500 | divided_by: 1000.0 | append: 's' }} linear both; }
@keyframes thc-kenburns { from { transform: scale(1) translate3d(0,0,0); } to { transform: scale(1.07) translate3d(0,0,0); } }

/* 4) STAGGER - cards rise one by one with a tiny delay */
#THC-{{ section.id }}[data-transition="stagger"] .is-enter .thc-card { animation: thc-rise .45s ease both; animation-delay: calc(var(--i, 0) * 80ms); }
@keyframes thc-rise { from { transform: translateY(12px); opacity: 0; } to { transform: translateY(0); opacity: 1); } }

/* Default SLIDE uses Slick transform; we just keep things crisp */
#THC-{{ section.id }}[data-transition="slide"] .thc-card { will-change: transform; }

/* Reset any previous overlay rules */
#THC-{{ section.id }} .thc-gradient{
  display: none !important;
  background: none !important;
  inset: auto !important;
  height: 0 !important;
}

/* New bottom-only overlay band */
#THC-{{ section.id }} .thc-media{
  position: relative !important;
  overflow: hidden !important;
}

/* Pseudo element for gradient */
#THC-{{ section.id }} .thc-media::after{
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  height: 20% !important;
  pointer-events: none !important;
  z-index: 1 !important;
  background: linear-gradient(
    to top,
    rgba(0,0,0,0.12) 0%,
    rgba(0,0,0,0.04) 40%,
    rgba(0,0,0,0.00) 100%
  ) !important;
}

/* Make sure text layer stays above the band */
#THC-{{ section.id }} .thc-inner{
  z-index: 2 !important;
}

/* Ensure image itself is not darkened */
#THC-{{ section.id }} .thc-img{
  filter: none !important;
  will-change: transform;
}

/* Keep clickable image under the text */
#THC-{{ section.id }} .thc-image-link{
  z-index: 0 !important;
}

/* Mobile readability boost */
@media (max-width: 768px) {
  #THC-{{ section.id }} .thc-title {
    font-size: 22px !important;
    font-weight: 800 !important;
    letter-spacing: -0.3px !important;
    line-height: 1.3 !important;

    display: inline-block;
    padding: 4px 8px;
    background: rgba(0, 0, 0, 0.55);
    border-radius: 6px;
    text-shadow: 0 2px 4px rgba(0,0,0,0.45);
  }
}

/* Press feedback for images */

/* Base image setup */
#THC-{{ section.id }} img.thc-img {
  filter: brightness(1.18) contrast(1.12) saturate(1.08) !important;
  transition:
    filter 0.45s cubic-bezier(.22,.61,.36,1),
    transform 0.45s cubic-bezier(.22,.61,.36,1),
    box-shadow 0.45s cubic-bezier(.22,.61,.36,1);
  will-change: filter, transform;
  backface-visibility: hidden;
  transform: translateZ(0);
}

/* Subtle studio background */
#THC-{{ section.id }} .thc-media {
  background-color: #f5f5f5;
}

/* Hover (desktop) - glow and lift */
@media (hover:hover) and (pointer:fine) {
  #THC-{{ section.id }} .thc-slide:hover img.thc-img {
    filter: brightness(1.15) contrast(1.07) saturate(1.38) !important;
    transform: scale(1.02);
    box-shadow: 0 8px 28px rgba(0,0,0,0.25);
  }
}

/* Press / Active feedback */
#THC-{{ section.id }} .thc-slide:active img.thc-img,
#THC-{{ section.id }} .thc-slide.is-pressed img.thc-img,
#THC-{{ section.id }} .thc-image-link:active img.thc-img {
  transform: scale(0.97) translateY(1px);
  filter: brightness(0.95) contrast(1.1) saturate(1.1);
  box-shadow: 0 4px 14px rgba(0,0,0,0.4) inset;
  transition: filter 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease;
}

/* Optional haptic like animation when released */
@media (prefers-reduced-motion: no-preference) {
  #THC-{{ section.id }} .thc-slide:active img.thc-img {
    transition: all 0.18s cubic-bezier(.22,.61,.36,1);
  }
}

/* Ensure mobile taps trigger visual response */
#THC-{{ section.id }} .thc-image-link {
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}

/* Studio background */
#THC-{{ section.id }} .thc-media {
  background-color: #f5f5f5 !important;
  position: relative !important;
  overflow: hidden !important;
  z-index: 0;
}

/* Strong bottom gradient overlay for text */
#THC-{{ section.id }} .thc-media::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  height: 44% !important;
  pointer-events: none !important;
  z-index: 1 !important;
  background: linear-gradient(
    to top,
    rgba(0,0,0,0.65) 0%,
    rgba(0,0,0,0.42) 35%,
    rgba(0,0,0,0.14) 75%,
    rgba(0,0,0,0.00) 100%
  ) !important;
  border-radius: inherit;
}

/* Image enhancement */
#THC-{{ section.id }} img.thc-img {
  filter:
    brightness(1.51)
    contrast(1.01)
    saturate(1.14)
    drop-shadow(0 12px 28px rgba(0,0,0,0.26));
  transition:
    filter 0.45s cubic-bezier(.22,.61,.36,1)
    transform 0.45s cubic-bezier(.22,.61,.36,1);
  transform: translateZ(0) scale(1);
  will-change: filter transform;
}

/* Hover effect - premium lift and clarity pop */
@media (hover:hover) and (pointer:fine) {
  #THC-{{ section.id }} .thc-slide:hover img.thc-img {
    filter:
      brightness(1.01)
      contrast(1.01)
      saturate(1.18)
      drop-shadow(0 18px 38px rgba(0,0,0,0.30)) !important;
    transform: scale(1.04);
  }
}

/* Tap feedback */
#THC-{{ section.id }} .thc-slide:active img.thc-img,
#THC-{{ section.id }} .thc-image-link:active img.thc-img {
  transform: scale(0.97) translateY(1px);
  filter: brightness(0.96) contrast(1.08) saturate(1.05) !important;
  box-shadow: 0 4px 14px rgba(0,0,0,0.3) inset;
  transition: filter 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease;
}

/* Mobile: whitish pill with black text for product name */
@media (max-width: 768px) {
  #THC-{{ section.id }} .thc-title {
    font-size: 22px !important;
    font-weight: 800 !important;
    letter-spacing: -0.3px !important;
    line-height: 1.3 !important;

    display: inline-block;
    padding: 4px 10px;
    background: rgba(255,255,255,0.9);
    color: #111111 !important;
    border-radius: 6px;
    text-shadow: none;
  }
}

#THC-{{ section.id }} .thc-media::after {
  background: linear-gradient(
    to top,
    rgba(255,255,255,0.95) 0%,
    rgba(255,255,255,0.65) 35%,
    rgba(255,255,255,0.00) 100%
  ) !important;
}
#THC-{{ section.id }} .thc-title {
  color: #111111 !important;
}

/* Remove all hover effects for images if theme adds others */
@media (hover:hover) and (pointer:fine) {
  #THC-{{ section.id }} .thc-slide:hover img.thc-img {
    filter: none !important;
    transform: none !important;
    box-shadow: none !important;
  }
}


/* White patch background behind each image */
#THC-{{ section.id }} .thc-media {
  background: #ffffff !important;
  border-radius: 16px !important;
  padding: 10px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  border: 2px solid #C1A875 !important;

  /* Soft luxury shadow */
  box-shadow: 0 8px 26px rgba(0,0,0,0.18) !important;

  transition: transform 0.35s ease, box-shadow 0.35s ease;
}

/* Keep image neatly rounded inside the white patch */
#THC-{{ section.id }} .thc-image-link,
#THC-{{ section.id }} .thc-img,
#THC-{{ section.id }} .thc-picture {
  border-radius: 12px !important;
}

/* Remove all overlays */
#THC-{{ section.id }} .thc-media::after {
  display: none !important;
  background: none !important;
}

/* Remove previous filters */
#THC-{{ section.id }} img.thc-img {
  filter: none !important;
  box-shadow: none !important;
}

/* Desktop hover effect */
@media (hover:hover) and (pointer:fine) {
  #THC-{{ section.id }} .thc-slide:hover .thc-media {
    transform: translateY(-6px);
    box-shadow: 0 14px 34px rgba(0,0,0,0.28) !important;
  }
}


/* Tesla style overlay and title treatment */

/* Darker bottom gradient like Tesla hero cards */
#THC-{{ section.id }} .thc-media::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  height: 52% !important;
  pointer-events: none !important;
  z-index: 1 !important;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.85) 0%,
    rgba(0, 0, 0, 0.55) 35%,
    rgba(0, 0, 0, 0.18) 65%,
    rgba(0, 0, 0, 0.00) 100%
  ) !important;
}

/* Keep the image itself clear, slightly bright */
#THC-{{ section.id }} img.thc-img {
  filter: brightness(1.18) contrast(1.06) saturate(1.06) !important;
}

/* DESKTOP title Tesla style: no box, strong glow on dark gradient */
@media (min-width: 769px) {
  #THC-{{ section.id }} .thc-title {
    display: block;
    max-width: 90%;
    padding: 0;
    background: transparent !important;

    color: #ffffff !important;
    font-weight: 800;
    font-size: clamp(18px, 1.7vw, 26px);
    letter-spacing: -0.4px;
    line-height: 1.2;

    text-shadow:
      0 4px 14px rgba(0, 0, 0, 0.95),
      0 0 18px rgba(0, 0, 0, 0.85);
  }
}

/* MOBILE Tesla-style title — match desktop look */
@media (max-width: 768px) {
  #THC-{{ section.id }} .thc-title {
    display: block;
    max-width: 92%;
    padding: 0;
    background: transparent !important;

    color: #ffffff !important;
    font-weight: 850 !important;
    font-size: 20px !important;
    letter-spacing: -0.25px;
    line-height: 1.22;

    text-shadow:
      0 4px 12px rgba(0,0,0,0.95),
      0 0 14px rgba(0,0,0,0.85),
      0 0 4px rgba(20,20,20,0.7);
  }
}

/* Mobile: make slide image full viewport width */
@media (max-width: 768px) {
  /* Remove side padding from each slide */
  #THC-{{ section.id }} .thc-slide {
    padding: 0 !important;
  }

  /* Let the media block span full viewport width */
  #THC-{{ section.id }} .thc-media {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: 50% !important;
    transform: translateX(-50%) !important;

    border-radius: 0 !important;
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
  }

  /* Make the actual image truly edge to edge */
  #THC-{{ section.id }} .thc-image-link,
  #THC-{{ section.id }} .thc-img,
  #THC-{{ section.id }} .thc-picture {
    border-radius: 0 !important;
  }

 /* Mobile: full width image with no curves, Tesla style */
@media (max-width: 768px) {

  /* Remove side padding from each slide */
  #THC-{{ section.id }} .thc-slide {
    padding: 0 !important;
  }

  /* Full viewport width wrapper */
  #THC-{{ section.id }} .thc-media {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: 50% !important;
    transform: translateX(-50%) !important;

    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
  }

  /* Remove curves on all image elements */
  #THC-{{ section.id }} .thc-card,
  #THC-{{ section.id }} .thc-image-link,
  #THC-{{ section.id }} .thc-img,
  #THC-{{ section.id }} .thc-picture {
    border-radius: 0 !important;
  }

  /* Inner padding for text safe zone */
  #THC-{{ section.id }} .thc-inner {
    padding: 16px 16px 20px !important;
  }

  /* Tesla style mobile title */
  #THC-{{ section.id }} .thc-title {
    display: block;
    max-width: 92%;
    padding: 0;
    background: transparent !important;

    color: #ffffff !important;
    font-weight: 850 !important;
    font-size: 20px !important;
    letter-spacing: -0.25px;
    line-height: 1.22;

    text-shadow:
      0 4px 12px rgba(0,0,0,0.95),
      0 0 14px rgba(0,0,0,0.85),
      0 0 4px rgba(20,20,20,0.7);
  }
}
/* FORCE override all rounded corners on mobile */
@media (max-width: 768px) {

  #THC-{{ section.id }} .thc-media,
  #THC-{{ section.id }} .thc-card,
  #THC-{{ section.id }} .thc-image-link,
  #THC-{{ section.id }} .thc-img,
  #THC-{{ section.id }} .thc-picture,
  #THC-{{ section.id }} picture,
  #THC-{{ section.id }} img {
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    overflow: hidden !important;
  }
}

@media (max-width: 768px) {
  #THC-{{ section.id }} .thc-more {
    margin-bottom: 24px;
    padding-bottom: 8px;
  }
}