/* LIGHTING 2 */

.section--lighting-2{
  background:#f3f7f4;
  padding-top:20px;
  padding-bottom:24px;
}

/* Panel */
.lighting2 .lz-panel{
  padding:16px;
  border-radius:12px;
  background:#eef4f0;
  border:1px solid #dfece4;
}

/* Header */
.lz-head{ text-align:center; margin-bottom:12px; }
.lz-head__icon{
  width:40px; height:40px; margin:0 auto 6px;
  display:grid; place-items:center; border-radius:10px;
  background:#e7f5ee; color:var(--green-700); border:1px solid #d7eee4;
}
.lz-head__icon svg{ width:20px; height:20px; }
.lz-title{
  margin:0 0 6px; color:var(--green-700);
  font-weight:900; font-size: clamp(18px, 1.6vw + 12px, 22px);
}
.lz-sub{
  margin:0 auto; max-width:880px; color:#5b6b78;
  font-size:14px; line-height:1.65;
}

/* Tiles */
.lz-tiles{
  margin-top:12px; display:grid; gap:12px;
  grid-template-columns: repeat(12, minmax(0,1fr));
}
.tile{
  grid-column: span 4;
  padding:14px; border-radius:10px; background:#fff;
  border:1px solid #e6efe9;
  text-align:center;
}
@media (max-width:980px){ .tile{ grid-column: span 6; } }
@media (max-width:600px){ .tile{ grid-column: span 12; } }

.tile-ico{
  width:34px; height:34px; display:grid; place-items:center;
  margin:0 auto 8px; border-radius:9px; background:#e9f2ec;
  color:var(--green-700); border:1px solid #dfece4;
}
.tile-ico svg{ width:18px; height:18px; }
.tile h4{ margin:0 0 6px; font-size:14px; font-weight:900; color:#0f172a; }
.tile p { margin:0; font-size:13px; color:#64748b; }

/* Testimonials */
.lz-testimonials{
  margin-top:12px; display:grid; gap:10px;
  grid-template-columns: repeat(12, minmax(0,1fr));
}
.tcard{
  grid-column: span 6; background:#fff; border:1px solid #e6efe9;
  border-radius:10px; padding:12px;
}
@media (max-width:800px){ .tcard{ grid-column: span 12; } }

.tcard .stars{ display:flex; gap:4px; margin-bottom:8px; }
.tcard .stars svg{ width:14px; height:14px; }
.tcard blockquote{
  margin:0 0 8px; color:#0f172a; font-weight:600; font-size:14px;
}
.tcard .meta{
  display:flex; align-items:center; justify-content:space-between; gap:8px;
  color:#64748b; font-size:12.5px; flex-wrap:wrap;
}
.tcard .chip{
  display:inline-block; padding:4px 8px; border-radius:999px; white-space:nowrap;
  background:#e9f2ec; border:1px solid #dfece4; color:#0f3d20; font-weight:800;
}

/* CTA */
.lz-cta{
  margin-top:12px; background:#fff; border:1px solid #e6efe9;
  border-radius:10px; padding:14px; text-align:center;
}
.lz-cta h4{ margin:0 0 6px; color:#0f172a; font-weight:900; font-size:16px; }
.lz-cta p { margin:0 auto 10px; color:#64748b; max-width:840px; font-size:14px; }
.lz-cta .cta-actions{ display:flex; gap:10px; justify-content:center; flex-wrap:wrap; }

/* =========================
   Buttons (scoped) — green primary & orange call
   ========================= */
.section--lighting-2 .btn{
  position:relative; overflow:hidden;
  display:inline-flex; align-items:center; gap:8px;
  padding:10px 14px; border-radius:12px;
  border:1px solid transparent; color:#fff; font-weight:800;
  text-decoration:none !important;
  transition: transform .08s ease, box-shadow .18s ease;
}
.section--lighting-2 .btn--primary{
  background: linear-gradient(180deg, #16a34a 0%, #15803d 100%);
  border-color:#166534;
  box-shadow: 0 10px 18px rgba(22,163,74,.22), inset 0 -2px 0 rgba(0,0,0,.10);
}
.section--lighting-2 .btn--primary:hover{
  transform: translateY(-1px);
  box-shadow: 0 0 0 3px rgba(34,197,94,.18), 0 14px 28px rgba(22,163,74,.32), inset 0 -2px 0 rgba(0,0,0,.10);
}
.section--lighting-2 .btn--outline{
  background: linear-gradient(180deg, #f97316 0%, #ea580c 100%);  /* orange call */
  border-color:#c2410c;
  box-shadow: 0 10px 18px rgba(234,88,12,.28), inset 0 -2px 0 rgba(0,0,0,.10);
}
.section--lighting-2 .btn--outline:hover{
  transform: translateY(-1px);
  background: linear-gradient(180deg, #f97316 0%, #ea580c 100%);  /* stays orange, no white flip */
  box-shadow: 0 0 0 3px rgba(249,115,22,.18), 0 14px 28px rgba(234,88,12,.36), inset 0 -2px 0 rgba(0,0,0,.10);
}
/* hover-only shine sweep for buttons */
.section--lighting-2 .btn::before{
  content:""; pointer-events:none; position:absolute; inset:-2px;
  transform: translateX(-120%);
  background: linear-gradient(115deg,
    rgba(255,255,255,0) 30%, rgba(255,255,255,.75) 50%, rgba(255,255,255,0) 70%);
  mix-blend-mode:screen; opacity:.95;
}
.section--lighting-2 .btn:hover::before{ animation: lz-btn-shine 1.05s ease; }
@keyframes lz-btn-shine{ to { transform: translateX(120%); } }

/* =========================
   Card shine + hover light-green (panel, tiles, testimonials, CTA)
   ========================= */
.lighting2 .lz-panel,
.lighting2 .tile,
.lighting2 .tcard,
.lighting2 .lz-cta{
  position:relative;
  overflow:hidden;
  background-clip: padding-box;
  box-shadow:
    0 6px 14px rgba(15,23,42,.06),
    0 1px 2px rgba(15,23,42,.05);
  transition:
    transform .18s ease,
    box-shadow .18s ease,
    background-color .18s ease,
    border-color .18s ease;
}

/* Continuous glossy sweep */
.lighting2 .lz-panel::after,
.lighting2 .tile::after,
.lighting2 .tcard::after,
.lighting2 .lz-cta::after{
  content:"";
  position:absolute; inset:-2px;
  pointer-events:none; mix-blend-mode:screen;
  background: linear-gradient(115deg,
    rgba(255,255,255,0) 20%,
    rgba(255,255,255,.72) 50%,
    rgba(255,255,255,0) 80%);
  transform: translateX(-160%);
  animation: lz-card-shine 3.6s linear infinite;
  opacity:.26;
}
@keyframes lz-card-shine{ to { transform: translateX(160%); } }

/* Subtle glitter for depth */
.lighting2 .lz-panel::before,
.lighting2 .tile::before,
.lighting2 .tcard::before,
.lighting2 .lz-cta::before{
  content:""; position:absolute; inset:0; pointer-events:none;
  background-image:
    radial-gradient(1px 1px at 8% 22%, rgba(255,255,255,.22) 50%, transparent 51%),
    radial-gradient(1px 1px at 72% 38%, rgba(255,255,255,.18) 50%, transparent 51%),
    radial-gradient(1px 1px at 40% 78%, rgba(255,255,255,.14) 50%, transparent 51%);
  background-repeat:no-repeat; opacity:.24;
}

/* Hover: light green tint + lift */
.lighting2 .lz-panel:hover,
.lighting2 .tile:hover,
.lighting2 .tcard:hover,
.lighting2 .lz-cta:hover{
  transform: translateY(-1px) scale(1.01);
  box-shadow: 0 18px 42px rgba(15,23,42,.10), 0 4px 12px rgba(15,23,42,.07);
  background-color:#f6fbf8;
  border-color:#cfe9dc;
}

/* Stagger shine timings so they don’t all sweep at once */
.lz-tiles .tile:nth-child(2)::after{ animation-delay:.6s; }
.lz-tiles .tile:nth-child(3)::after{ animation-delay:1.2s; }
.lz-testimonials .tcard:nth-child(2)::after{ animation-delay:.8s; }