.elementor-6758 .elementor-element.elementor-element-635ac76{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6758 .elementor-element.elementor-element-fe81139 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}/* Start custom CSS *//* ============================================================
   Commercial Trimlights – WordPress Embed Styles
   All rules scoped under .tl-commercial to avoid theme conflicts
   ============================================================ */

/* ---------- AGGRESSIVE RESET ----------
   Strip all inherited WordPress theme styles within our wrapper */
.tl-commercial,
.tl-commercial *,
.tl-commercial *::before,
.tl-commercial *::after {
  box-sizing: border-box !important;
  text-decoration: none !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  -webkit-text-size-adjust: 100% !important;
}

.tl-commercial h1,
.tl-commercial h2,
.tl-commercial h3,
.tl-commercial h4,
.tl-commercial h5,
.tl-commercial h6 {
  font-family: var(--tlc-font) !important;
  color: var(--tlc-fg) !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.2 !important;
}

.tl-commercial a {
  text-decoration: none !important;
  color: inherit !important;
  background: none !important;
  border: none !important;
}

.tl-commercial button {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: none !important;
  border: none !important;
  font-family: var(--tlc-font) !important;
  cursor: pointer !important;
}

.tl-commercial img {
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
  border: none !important;
  box-shadow: none !important;
}

.tl-commercial ul,
.tl-commercial ol {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.tl-commercial p {
  margin: 0 !important;
  padding: 0 !important;
}

/* ---------- BASE ---------- */
.tl-commercial {
  --tlc-primary: hsl(142 55% 13%);
  --tlc-secondary: hsl(130 35% 34%);
  --tlc-accent: hsl(122 39% 49%);
  --tlc-accent-fg: #fff;
  --tlc-bg: hsl(75 28% 95%);
  --tlc-card: #fff;
  --tlc-fg: hsl(0 0% 24%);
  --tlc-muted: hsl(75 11% 88%);
  --tlc-muted-fg: hsl(0 0% 40%);
  --tlc-border: hsl(75 11% 88%);
  --tlc-radius: 0.75rem;
  --tlc-font: 'Poppins', 'Inter', system-ui, sans-serif;
  /* Adjust this to match your WordPress theme header height */
  --tlc-wp-header-height: 115px;

  font-family: var(--tlc-font) !important;
  color: var(--tlc-fg) !important;
  line-height: 1.6 !important;
  -webkit-font-smoothing: antialiased !important;
  font-size: 16px !important;
  font-weight: 400 !important;
}

.tl-commercial svg { stroke-linecap: round; stroke-linejoin: round; }

/* Layout */
.tl-commercial .tlc-container { max-width: 1400px !important; margin: 0 auto !important; padding: 0 1rem !important; }
.tl-commercial .tlc-container-narrow { max-width: 48rem !important; }
.tl-commercial .tlc-text-center { text-align: center !important; }

/* Buttons */
.tl-commercial .tlc-btn {
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
  font-weight: 700 !important; border-radius: var(--tlc-radius) !important;
  transition: background .2s, opacity .2s !important; cursor: pointer !important;
  border: none !important; font-family: var(--tlc-font) !important; font-size: 1rem !important;
  padding: 0.75rem 2rem !important; line-height: 1.4 !important;
  text-decoration: none !important; text-transform: none !important;
  letter-spacing: normal !important; box-shadow: none !important;
}
.tl-commercial .tlc-btn.tlc-btn-accent,
.tl-commercial a.tlc-btn.tlc-btn-accent,
.tl-commercial button.tlc-btn.tlc-btn-accent {
  background-color: var(--tlc-accent) !important;
  background-image: none !important;
  color: var(--tlc-accent-fg) !important;
}
.tl-commercial .tlc-btn.tlc-btn-accent:hover { opacity: 0.9 !important; }
.tl-commercial .tlc-btn-sm { padding: 0.5rem 1.25rem !important; font-size: 0.875rem !important; }
.tl-commercial .tlc-btn-lg { padding: 1rem 2.5rem !important; font-size: 1.125rem !important; }
.tl-commercial .tlc-btn.tlc-btn-outline,
.tl-commercial a.tlc-btn.tlc-btn-outline {
  background: rgba(255,255,255,0.15) !important; color: var(--tlc-accent) !important;
  border: 2px solid rgba(255,255,255,0.3) !important;
}
.tl-commercial .tlc-btn.tlc-btn-outline:hover { background: rgba(255,255,255,0.3) !important; color: #fff !important; }

/* ===== HERO ===== */
.tl-commercial .tlc-hero {
  position: relative !important; overflow: hidden !important;
  background: linear-gradient(135deg, var(--tlc-primary), var(--tlc-secondary), var(--tlc-primary)) !important;
  padding: 5rem 0 !important;
}
.tl-commercial .tlc-hero-bg-blur {
  position: absolute !important; border-radius: 50% !important; filter: blur(60px) !important; pointer-events: none !important;
}
.tl-commercial .tlc-hero-bg-blur-1 { top: 2.5rem !important; left: 2.5rem !important; width: 16rem !important; height: 16rem !important; background: rgba(76,175,80,0.1) !important; }
.tl-commercial .tlc-hero-bg-blur-2 { bottom: 2.5rem !important; right: 2.5rem !important; width: 20rem !important; height: 20rem !important; background: rgba(76,175,80,0.05) !important; }

.tl-commercial .tlc-hero-grid {
  display: grid !important; grid-template-columns: 1fr !important; gap: 3rem !important;
  align-items: center !important; position: relative !important; z-index: 1 !important;
}
@media (min-width: 1024px) { .tl-commercial .tlc-hero-grid { grid-template-columns: 1fr 1fr !important; } }

.tl-commercial .tlc-hero-title {
  font-size: clamp(2rem, 5vw, 3.5rem) !important; font-weight: 900 !important;
  color: #fff !important; margin-bottom: 1.5rem !important; line-height: 1.15 !important;
}
.tl-commercial .tlc-hero-subtitle { font-size: 1.25rem !important; color: rgba(255,255,255,0.9) !important; margin-bottom: 2rem !important; line-height: 1.6 !important; }

.tl-commercial .tlc-hero-pills { margin-bottom: 2rem !important; }
.tl-commercial .tlc-hero-pills li {
  display: flex !important; align-items: flex-start !important; gap: 0.75rem !important;
  color: rgba(255,255,255,0.9) !important; margin-bottom: 0.75rem !important;
}
.tl-commercial .tlc-icon-check {
  width: 20px !important; height: 20px !important; flex-shrink: 0 !important; margin-top: 2px !important;
  fill: none !important; stroke: var(--tlc-accent) !important; stroke-width: 2 !important;
}

.tl-commercial .tlc-hero-buttons { display: flex !important; flex-wrap: wrap !important; gap: 1rem !important; align-items: center !important; }
.tl-commercial .tlc-hero-link { color: #fff !important; font-weight: 600 !important; transition: color .2s !important; }
.tl-commercial .tlc-hero-link:hover { color: var(--tlc-accent) !important; }

/* Hero Carousel */
.tl-commercial .tlc-hero-carousel-wrap { display: block !important; }


@media (min-width: 1024px) { .tl-commercial .tlc-hero-carousel-wrap { display: block !important; } }

/* Mobile: show carousel right after headline */
@media (max-width: 1023px) {
  .tl-commercial .tlc-hero-grid { display: flex !important; flex-direction: column !important; }
  .tl-commercial .tlc-hero-text { display: contents !important; }
  .tl-commercial .tlc-hero-title { order: 1 !important; }
  .tl-commercial .tlc-hero-carousel-wrap { order: 2 !important; }
  .tl-commercial .tlc-hero-subtitle { order: 3 !important; }
  .tl-commercial .tlc-hero-pills { order: 4 !important; }
  .tl-commercial .tlc-hero-buttons { order: 5 !important; }
  .tl-commercial .tlc-hero-carousel-wrap {
    width: 100% !important;
  }
}



.tl-commercial .tlc-hero-carousel {
  position: relative !important; border-radius: var(--tlc-radius) !important; overflow: hidden !important;
  box-shadow: 0 25px 50px -12px rgba(0,0,0,0.25) !important;
  border: 4px solid rgba(76,175,80,0.3) !important; aspect-ratio: 16/9 !important; cursor: pointer !important;
}
.tl-commercial .tlc-hero-slide {
  position: absolute !important; inset: 0 !important; opacity: 0 !important; transition: opacity 0.5s !important;
}
.tl-commercial .tlc-hero-slide.active { opacity: 1 !important; }
.tl-commercial .tlc-hero-slide img {
  width: 100% !important; height: 100% !important; object-fit: cover !important;
  position: absolute !important; inset: 0 !important;
}

.tl-commercial .tlc-video-thumb-wrap { position: relative !important; width: 100% !important; height: 100% !important; }
.tl-commercial .tlc-video-thumb-bg { width: 100% !important; height: 100% !important; object-fit: cover !important; opacity: 0.5 !important; }
.tl-commercial .tlc-play-overlay {
  position: absolute !important; inset: 0 !important; background: rgba(0,0,0,0.3) !important;
  display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 0.5rem !important;
}
.tl-commercial .tlc-play-btn {
  width: 5rem !important; height: 5rem !important; border-radius: 50% !important;
  background: rgba(76,175,80,0.9) !important; display: flex !important; align-items: center !important; justify-content: center !important;
  cursor: pointer !important; transition: background .2s !important;
}
.tl-commercial .tlc-play-btn:hover { background: var(--tlc-accent) !important; }
.tl-commercial .tlc-play-btn svg { width: 2.5rem !important; height: 2.5rem !important; color: #fff !important; margin-left: 4px !important; }
.tl-commercial .tlc-play-overlay span { color: #fff !important; font-weight: 600 !important; font-size: 1.125rem !important; }

.tl-commercial .tlc-hero-video { width: 100% !important; height: 100% !important; object-fit: cover !important; }

.tl-commercial .tlc-carousel-hint {
  position: absolute !important; inset: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important;
  background: transparent !important; transition: background .3s !important; pointer-events: none !important;
}
.tl-commercial .tlc-hero-carousel:hover .tlc-carousel-hint { background: rgba(0,0,0,0.2) !important; }
.tl-commercial .tlc-carousel-hint span {
  opacity: 0 !important; transition: opacity .3s !important; color: #fff !important; font-weight: 600 !important;
  font-size: 1.125rem !important; background: rgba(0,0,0,0.5) !important; padding: 0.5rem 1rem !important; border-radius: 0.5rem !important;
}
.tl-commercial .tlc-hero-carousel:hover .tlc-carousel-hint span { opacity: 1 !important; }
.tl-commercial .tlc-hero-slide.active ~ .tlc-carousel-hint { display: none !important; }

.tl-commercial .tlc-hero-dots, .tl-commercial .tlc-lb-dots {
  display: flex !important; gap: 0.375rem !important; justify-content: center !important; margin-top: 1rem !important;
}
.tl-commercial .tlc-dot-btn {
  width: 0.5rem !important; height: 0.5rem !important; border-radius: 9999px !important;
  background: rgba(255,255,255,0.5) !important; border: none !important; cursor: pointer !important; padding: 0 !important;
  transition: all .3s !important;
}
.tl-commercial .tlc-dot-btn.active { background: var(--tlc-accent) !important; width: 1.5rem !important; }

/* ===== LIGHTBOX ===== */
.tl-commercial .tlc-lightbox {
  position: fixed !important; inset: 0 !important; z-index: 9999 !important; background: rgba(0,0,0,0.95) !important;
  display: none !important; align-items: center !important; justify-content: center !important;
}
.tl-commercial .tlc-lightbox.open { display: flex !important; }
.tl-commercial .tlc-lb-close {
  position: absolute !important; top: 1.5rem !important; right: 1.5rem !important; color: rgba(255,255,255,0.8) !important;
  font-size: 2rem !important; background: none !important; border: none !important; cursor: pointer !important; z-index: 10 !important;
  line-height: 1 !important;
}
.tl-commercial .tlc-lb-close:hover { color: #fff !important; }
.tl-commercial .tlc-lb-nav {
  position: absolute !important; top: 50% !important; transform: translateY(-50%) !important;
  color: rgba(255,255,255,0.8) !important; font-size: 2rem !important; background: rgba(0,0,0,0.3) !important;
  border: none !important; cursor: pointer !important; z-index: 10 !important; padding: 0.75rem !important;
  border-radius: 50% !important; line-height: 1 !important;
}
.tl-commercial .tlc-lb-nav:hover { background: rgba(0,0,0,0.5) !important; color: #fff !important; }
.tl-commercial .tlc-lb-prev { left: 1.5rem !important; }
.tl-commercial .tlc-lb-next { right: 1.5rem !important; }

.tl-commercial .tlc-lb-content {
  max-width: 80rem !important; max-height: 90vh !important; width: 100% !important; margin: 0 1.5rem !important;
  display: flex !important; align-items: center !important; justify-content: center !important; position: relative !important;
}
.tl-commercial .tlc-lb-content img {
  max-width: 100% !important; max-height: 85vh !important; object-fit: contain !important;
}
.tl-commercial .tlc-lb-content video {
  width: 100% !important; max-height: 85vh !important; border-radius: 0.5rem !important;
}
.tl-commercial .tlc-lb-dots { position: absolute !important; bottom: 2rem !important; left: 50% !important; transform: translateX(-50%) !important; }
.tl-commercial .tlc-lb-dots .tlc-dot-btn { background: rgba(255,255,255,0.5) !important; }
.tl-commercial .tlc-lb-dots .tlc-dot-btn.active { background: var(--tlc-accent) !important; width: 2rem !important; }
.tl-commercial .tlc-lb-counter {
  position: absolute !important; top: 1.5rem !important; left: 1.5rem !important; color: rgba(255,255,255,0.8) !important;
  font-size: 1.125rem !important; font-weight: 500 !important;
}

/* ===== TRUST STRIP ===== */
.tl-commercial .tlc-trust-strip {
  background: var(--tlc-card) !important; border-bottom: 1px solid var(--tlc-border) !important; padding: 2rem 0 !important;
}
.tl-commercial .tlc-trust-grid { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: 1.5rem !important; }
@media (min-width: 768px) { .tl-commercial .tlc-trust-grid { grid-template-columns: repeat(4, 1fr) !important; } }
.tl-commercial .tlc-trust-item {
  display: flex !important; flex-direction: column !important; align-items: center !important; text-align: center !important; gap: 0.5rem !important;
}
.tl-commercial .tlc-trust-icon {
  width: 3rem !important; height: 3rem !important; border-radius: 50% !important; background: rgba(76,175,80,0.1) !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
}
.tl-commercial .tlc-trust-icon svg { width: 1.5rem !important; height: 1.5rem !important; stroke: var(--tlc-accent) !important; }
.tl-commercial .tlc-trust-item span { font-size: 0.875rem !important; font-weight: 600 !important; }

/* ===== JUMP LINKS ===== */


.tl-commercial .tlc-jump-links {
  background: var(--tlc-card) !important; border-bottom: 1px solid var(--tlc-border) !important;
  position: sticky !important; top: calc(var(--tlc-wp-header-height, 0px) - 19px) !important;
 z-index: 40 !important; overflow-x: auto !important;
}
.tl-commercial .tlc-jump-links-inner { display: flex !important; gap: 0.25rem !important; padding: 0.5rem 0 !important; min-width: max-content !important; }
.tl-commercial .tlc-jump-link {
  padding: 0.5rem 0.75rem !important; font-size: 0.875rem !important; font-weight: 500 !important;
  color: var(--tlc-muted-fg) !important; border-radius: 0.375rem !important; white-space: nowrap !important;
  transition: color .2s, background .2s !important;
}
.tl-commercial .tlc-jump-link:hover { color: var(--tlc-accent) !important; background: rgba(76,175,80,0.05) !important; }

/* ===== SECTIONS ===== */
.tl-commercial .tlc-section { padding: 4rem 0 !important; }
.tl-commercial .tlc-bg-muted { background: rgba(76,175,80,0.03) !important; }
.tl-commercial .tlc-section-title {
  font-size: clamp(1.5rem, 3vw, 2.25rem) !important; font-weight: 900 !important;
  text-align: center !important; margin-bottom: 2.5rem !important; color: var(--tlc-fg) !important;
}
.tl-commercial .tlc-section-subtitle {
  text-align: center !important; color: var(--tlc-muted-fg) !important; margin-bottom: 2.5rem !important;
  max-width: 42rem !important; margin-left: auto !important; margin-right: auto !important;
}
.tl-commercial .tlc-section-header-icon {
  display: flex !important; justify-content: center !important; margin-bottom: 1rem !important;
}
.tl-commercial .tlc-section-header-icon svg { width: 2rem !important; height: 2rem !important; stroke: var(--tlc-accent) !important; }
.tl-commercial .tlc-body-text { color: var(--tlc-muted-fg) !important; margin-bottom: 1rem !important; line-height: 1.7 !important; }
.tl-commercial .tlc-body-text-sm { color: var(--tlc-muted-fg) !important; font-size: 0.875rem !important; }
.tl-commercial .tlc-body-text-xs { color: var(--tlc-muted-fg) !important; font-size: 0.75rem !important; }
.tl-commercial .tlc-link-accent { color: var(--tlc-accent) !important; font-weight: 600 !important; }
.tl-commercial .tlc-link-accent:hover { text-decoration: underline !important; }

/* ===== CARDS ===== */
.tl-commercial .tlc-card {
  background: var(--tlc-card) !important; border-radius: var(--tlc-radius) !important;
  border: 1px solid var(--tlc-border) !important; overflow: hidden !important; transition: box-shadow .2s !important;
}
.tl-commercial .tlc-card:hover { box-shadow: 0 10px 25px -5px rgba(0,0,0,0.1) !important; }
.tl-commercial .tlc-card-img { width: 100% !important; aspect-ratio: 16/9 !important; object-fit: cover !important; position: static !important; }
.tl-commercial .tlc-card-body { padding: 1.5rem !important; }
.tl-commercial .tlc-card-icon-wrap {
  width: 2.5rem !important; height: 2.5rem !important; border-radius: 50% !important; background: rgba(76,175,80,0.1) !important;
  display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 1rem !important;
}
.tl-commercial .tlc-card-icon-wrap svg { width: 1.25rem !important; height: 1.25rem !important; stroke: var(--tlc-accent) !important; }
.tl-commercial .tlc-card-title { font-weight: 700 !important; margin-bottom: 0.5rem !important; color: var(--tlc-fg) !important; font-size: 1rem !important; }
.tl-commercial .tlc-card-desc { font-size: 0.875rem !important; color: var(--tlc-muted-fg) !important; line-height: 1.6 !important; }

/* Use Cases Grid */
.tl-commercial .tlc-use-cases-grid {
  display: grid !important; gap: 1.5rem !important; margin-bottom: 2rem !important;
  grid-template-columns: repeat(1, 1fr) !important;
}
@media (min-width: 640px) { .tl-commercial .tlc-use-cases-grid { grid-template-columns: repeat(2, 1fr) !important; } }
@media (min-width: 1024px) { .tl-commercial .tlc-use-cases-grid { grid-template-columns: repeat(3, 1fr) !important; } }

/* Features Grid (2-col) */
.tl-commercial .tlc-features-grid {
  display: grid !important; gap: 1.5rem !important; margin-bottom: 3rem !important;
  grid-template-columns: repeat(1, 1fr) !important;
}
@media (min-width: 640px) { .tl-commercial .tlc-features-grid { grid-template-columns: repeat(2, 1fr) !important; } }

/* Callout */
.tl-commercial .tlc-callout {
  background: rgba(76,175,80,0.1) !important; border: 1px solid rgba(76,175,80,0.2) !important;
  border-radius: var(--tlc-radius) !important; padding: 1rem !important; text-align: center !important;
  font-size: 0.875rem !important; font-weight: 600 !important; margin-bottom: 2rem !important;
}

/* Scenes Box */
.tl-commercial .tlc-scenes-box {
  background: rgba(0,0,0,0.03) !important; border-radius: var(--tlc-radius) !important;
  border: 1px solid var(--tlc-border) !important; padding: 1.5rem !important;
  max-width: 36rem !important; margin: 0 auto 2.5rem !important;
}
.tl-commercial .tlc-scenes-title { font-weight: 700 !important; text-align: center !important; margin-bottom: 0.75rem !important; }
.tl-commercial .tlc-scenes-list li {
  display: flex !important; align-items: center !important; gap: 0.5rem !important;
  font-size: 0.875rem !important; color: var(--tlc-muted-fg) !important; margin-bottom: 0.5rem !important;
}
.tl-commercial .tlc-dot {
  width: 0.5rem !important; height: 0.5rem !important; border-radius: 50% !important;
  background: var(--tlc-accent) !important; flex-shrink: 0 !important;
}

/* ===== GALLERY ===== */
.tl-commercial .tlc-gallery-grid {
  display: grid !important; gap: 1rem !important; margin-bottom: 2.5rem !important;
  grid-template-columns: repeat(2, 1fr) !important;
}
@media (min-width: 640px) { .tl-commercial .tlc-gallery-grid { grid-template-columns: repeat(3, 1fr) !important; } }
@media (min-width: 1024px) { .tl-commercial .tlc-gallery-grid { grid-template-columns: repeat(5, 1fr) !important; } }

.tl-commercial .tlc-gallery-item {
  aspect-ratio: 4/3 !important; border-radius: var(--tlc-radius) !important; overflow: hidden !important;
  border: 1px solid var(--tlc-border) !important; cursor: pointer !important; position: relative !important;
  transition: box-shadow .2s !important;
}
.tl-commercial .tlc-gallery-item:hover { box-shadow: 0 10px 25px -5px rgba(0,0,0,0.1) !important; }
.tl-commercial .tlc-gallery-item img,
.tl-commercial .tlc-gallery-media {
  width: 100% !important; height: 100% !important; object-fit: cover !important;
  position: static !important; inset: auto !important;
}
.tl-commercial .tlc-gallery-play {
  position: absolute !important; inset: 0 !important; background: rgba(0,0,0,0.3) !important;
  display: flex !important; align-items: center !important; justify-content: center !important; transition: background .2s !important;
}
.tl-commercial .tlc-gallery-item:hover .tlc-gallery-play { background: rgba(0,0,0,0.4) !important; }
.tl-commercial .tlc-gallery-play .tlc-play-btn { width: 3.5rem !important; height: 3.5rem !important; }
.tl-commercial .tlc-gallery-play .tlc-play-btn svg { width: 1.75rem !important; height: 1.75rem !important; }

/* ===== PRICING ===== */
.tl-commercial .tlc-pricing-list { margin-bottom: 2rem !important; }
.tl-commercial .tlc-pricing-row {
  display: flex !important; align-items: center !important; gap: 1rem !important;
  background: var(--tlc-card) !important; border-radius: var(--tlc-radius) !important;
  border: 1px solid var(--tlc-border) !important; padding: 1rem !important;
  margin-bottom: 1rem !important;
}
.tl-commercial .tlc-pricing-row span { font-weight: 500 !important; }

/* ===== PROCESS ===== */
.tl-commercial .tlc-process-grid {
  display: grid !important; gap: 1.5rem !important; margin-bottom: 2.5rem !important;
  grid-template-columns: repeat(1, 1fr) !important;
}
@media (min-width: 768px) { .tl-commercial .tlc-process-grid { grid-template-columns: repeat(2, 1fr) !important; } }
@media (min-width: 1024px) { .tl-commercial .tlc-process-grid { grid-template-columns: repeat(5, 1fr) !important; } }

.tl-commercial .tlc-process-step {
  background: var(--tlc-card) !important; border-radius: var(--tlc-radius) !important;
  border: 1px solid var(--tlc-border) !important; padding: 1.5rem !important;
  transition: box-shadow .2s !important;
}
.tl-commercial .tlc-process-step:hover { box-shadow: 0 10px 25px -5px rgba(0,0,0,0.1) !important; }
.tl-commercial .tlc-step-num {
  width: 2.5rem !important; height: 2.5rem !important; border-radius: 50% !important;
  background: var(--tlc-accent) !important; color: var(--tlc-accent-fg) !important;
  font-weight: 900 !important; font-size: 1.125rem !important;
  display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 1rem !important;
}

/* ===== FAQ ===== */
.tl-commercial .tlc-faq-item { border-bottom: 1px solid var(--tlc-border) !important; }
.tl-commercial .tlc-faq-trigger {
  width: 100% !important; background: none !important; border: none !important; cursor: pointer !important;
  display: flex !important; justify-content: space-between !important; align-items: center !important;
  padding: 1rem 0 !important; font-size: 1rem !important; font-weight: 600 !important; text-align: left !important;
  color: var(--tlc-fg) !important; font-family: var(--tlc-font) !important;
}
.tl-commercial .tlc-faq-chevron { transition: transform .2s !important; font-size: 0.75rem !important; margin-left: 1rem !important; }
.tl-commercial .tlc-faq-item.open .tlc-faq-chevron { transform: rotate(180deg) !important; }
.tl-commercial .tlc-faq-content {
  max-height: 0 !important; overflow: hidden !important; transition: max-height .3s ease !important;
}
.tl-commercial .tlc-faq-item.open .tlc-faq-content { max-height: 20rem !important; }
.tl-commercial .tlc-faq-content p { padding: 0 0 1rem !important; color: var(--tlc-muted-fg) !important; line-height: 1.7 !important; }

/* ===== SERVICE AREA ===== */
.tl-commercial .tlc-service-area-grid {
  display: grid !important; gap: 2.5rem !important; grid-template-columns: 1fr !important;
  align-items: start !important;
}
@media (min-width: 1024px) { .tl-commercial .tlc-service-area-grid { grid-template-columns: 1fr 1fr !important; } }
.tl-commercial .tlc-map-wrap {
  border-radius: var(--tlc-radius) !important; overflow: hidden !important;
  border: 1px solid var(--tlc-border) !important; box-shadow: 0 10px 25px -5px rgba(0,0,0,0.1) !important;
}
.tl-commercial .tlc-map-img { width: 100% !important; height: auto !important; }
.tl-commercial .tlc-area-heading {
  font-size: 1.25rem !important; font-weight: 700 !important; margin-bottom: 1rem !important;
  display: flex !important; align-items: center !important; gap: 0.5rem !important;
}
.tl-commercial .tlc-area-pin { width: 1.25rem !important; height: 1.25rem !important; stroke: var(--tlc-accent) !important; }
.tl-commercial .tlc-cities-grid {
  display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 0.25rem 1rem !important; margin-bottom: 1.5rem !important;
}
.tl-commercial .tlc-cities-grid span { font-size: 0.875rem !important; color: var(--tlc-muted-fg) !important; }
.tl-commercial .tlc-more-cities { color: var(--tlc-accent) !important; font-weight: 600 !important; grid-column: span 2 !important; margin-top: 0.25rem !important; }

/* ===== FINAL CTA ===== */
.tl-commercial .tlc-final-cta {
  position: relative !important; overflow: hidden !important; padding: 5rem 0 !important;
  background: linear-gradient(135deg, var(--tlc-primary), var(--tlc-secondary), var(--tlc-primary)) !important;
}
.tl-commercial .tlc-final-title {
  font-size: clamp(2rem, 5vw, 3.5rem) !important; font-weight: 900 !important; color: #fff !important; margin-bottom: 1.5rem !important;
}
.tl-commercial .tlc-final-subtitle { font-size: 1.25rem !important; color: rgba(255,255,255,0.8) !important; margin-bottom: 1rem !important; }
.tl-commercial .tlc-final-phone { color: rgba(255,255,255,0.7) !important; margin-bottom: 2rem !important; }
.tl-commercial .tlc-final-buttons { display: flex !important; flex-wrap: wrap !important; gap: 1rem !important; justify-content: center !important; }

/* ===== BOTTOM BAR ===== */
.tl-commercial .tlc-bottom-bar {
  background: var(--tlc-card) !important; border-top: 1px solid var(--tlc-border) !important; padding: 2rem 0 !important;
}
.tl-commercial .tlc-bottom-bar .tlc-container {
  display: flex !important; flex-direction: column !important; align-items: center !important; gap: 1.5rem !important;
}
.tl-commercial .tlc-bottom-contact { display: flex !important; flex-wrap: wrap !important; gap: 1rem 2rem !important; justify-content: center !important; }
.tl-commercial .tlc-bottom-link {
  display: flex !important; align-items: center !important; gap: 0.5rem !important;
  font-size: 0.875rem !important; color: var(--tlc-fg) !important; transition: color .2s !important;
}
.tl-commercial .tlc-bottom-link:hover { color: var(--tlc-accent) !important; }
.tl-commercial .tlc-bottom-phone { font-weight: 600 !important; }

.tl-commercial .tlc-review-badge {
  display: inline-flex !important; align-items: center !important; gap: 0.75rem !important;
  background: var(--tlc-bg) !important; border-radius: var(--tlc-radius) !important;
  padding: 1rem !important; transition: box-shadow .2s !important;
}
.tl-commercial .tlc-review-badge:hover { box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important; }
.tl-commercial .tlc-google-icon { width: 2rem !important; height: 2rem !important; }
.tl-commercial .tlc-stars { display: flex !important; align-items: center !important; gap: 0.125rem !important; margin-bottom: 0.25rem !important; }
.tl-commercial .tlc-star { width: 1rem !important; height: 1rem !important; fill: #facc15 !important; }
.tl-commercial .tlc-stars strong { margin-left: 0.375rem !important; font-size: 0.875rem !important; color: var(--tlc-fg) !important; }
.tl-commercial .tlc-review-label { display: block !important; font-size: 0.875rem !important; font-weight: 500 !important; color: var(--tlc-accent) !important; }
.tl-commercial .tlc-review-sub { display: block !important; font-size: 0.75rem !important; color: var(--tlc-muted-fg) !important; }

.tl-commercial .tlc-trust-badges-img { max-height: 5rem !important; object-fit: contain !important; }
.tl-commercial .tlc-copyright { font-size: 0.75rem !important; color: var(--tlc-muted-fg) !important; text-align: center !important; }/* End custom CSS */