too, only ::before content shows */
.ll-marq-1 .ll-marq-track, .ll-marq-2 .ll-marq-track,
.ll-marq-1 .ll-marq-track *, .ll-marq-2 .ll-marq-track *{
font-size:0 !important;line-height:0 !important;color:transparent !important;
}
.ll-marq-1 .ll-marq-track::before{
content:"COMMERCIAL WRAPS \2022 FLEET WRAPS \2022 UPFITTING \2022 COMMERCIAL WRAPS \2022 FLEET WRAPS \2022 UPFITTING \2022 COMMERCIAL WRAPS \2022 FLEET WRAPS \2022 UPFITTING" !important;
font-size:clamp(2rem, 6vw, 4rem) !important;line-height:1.2 !important;color:#fff !important;
font-weight:800 !important;letter-spacing:.04em !important;
display:inline-block !important;white-space:nowrap !important;
}
.ll-marq-2 .ll-marq-track::before{
content:"COMMERCIAL WRAPS \2022 FLEET WRAPS \2022 UPFITTING \2022 COMMERCIAL WRAPS \2022 FLEET WRAPS \2022 UPFITTING \2022 COMMERCIAL WRAPS \2022 FLEET WRAPS \2022 UPFITTING" !important;
font-size:clamp(2rem, 6vw, 4rem) !important;line-height:1.2 !important;color:#fff !important;
font-weight:800 !important;letter-spacing:.04em !important;
display:inline-block !important;white-space:nowrap !important;
}
body.home .ll-marq-1 .ll-marq-track{animation-duration:60s !important;}
body.home .ll-marq-2 .ll-marq-track{animation-duration:60s !important;}
/* 6) TESTIMONIALS — black themed pop */
body.home section.elementor-element[data-id="9c8d80f"]{padding-top:110px !important;padding-bottom:110px !important;}
body.home section.elementor-element[data-id="9c8d80f"] h1, body.home section.elementor-element[data-id="9c8d80f"] h2{color:#0a0a0a !important;font-size:clamp(36px, 5vw, 64px) !important;letter-spacing:-.02em !important;font-weight:800 !important;}
/* Testimonial cards on dark — light card backgrounds */
body.home section.elementor-element[data-id="9c8d80f"] .pxl-item--quote{color:#7FD8C0 !important;}
/* Eyebrow / labels in mint */
body.home section.elementor-element[data-id="9c8d80f"] .elementor-heading-title small,
body.home section.elementor-element[data-id="9c8d80f"] .eyebrow{color:#7FD8C0 !important;}
/* 7) LAST CTA banner — 90% black overlay */
body.home section.elementor-element[data-id="a12844a"]{
position:relative !important;padding-top:110px !important;padding-bottom:110px !important;overflow:hidden !important;
}
body.home section.elementor-element[data-id="a12844a"] > .elementor-background-overlay{
background:rgba(0,0,0,.90) !important;opacity:1 !important;z-index:1 !important;
}
body.home section.elementor-element[data-id="a12844a"]::before{
content:"" !important;position:absolute;inset:0;
background:rgba(0,0,0,.90) !important;z-index:1 !important;pointer-events:none;
}
body.home section.elementor-element[data-id="a12844a"] > .elementor-container,
body.home section.elementor-element[data-id="a12844a"] > *:not(.elementor-background-overlay):not(::before){
position:relative;z-index:2;
}
body.home section.elementor-element[data-id="a12844a"] h2,
body.home section.elementor-element[data-id="a12844a"] h1{
color:#fff !important;font-size:clamp(36px, 5vw, 64px) !important;
letter-spacing:-.02em !important;font-weight:800 !important;
}
/* Other padding (services/FAQ unchanged) */
body.home section.elementor-element[data-id="c070503"]{padding-top:110px !important;padding-bottom:110px !important;}
body.home section.elementor-element[data-id^="llbrandsec"]{padding-top:64px !important;padding-bottom:64px !important;}
body.home section.elementor-element[data-id="1574d3b"]{
padding-top:48px !important;padding-bottom:48px !important;background:#0a0a0a !important;
}
body.home section.elementor-element[data-id="5568f55"]{padding-top:110px !important;padding-bottom:110px !important;}
/* Section heading sizing */
body.home section.elementor-element[data-id="c070503"] h2,
body.home section.elementor-element[data-id="5568f55"] h2{
font-size:clamp(36px, 5vw, 64px) !important;
letter-spacing:-.02em !important;font-weight:800 !important;
}
/* Footer pieces preserved from LL-131 */
footer .elementor-element-26ef751,
footer .pxl-service-list.style-1{display:none !important;}
footer .elementor-repeater-item-aa08ef0{display:none !important;}
footer .elementor-element[data-id="315747a"]{position:relative !important;min-height:50px !important;}
footer .elementor-element[data-id="315747a"] *{color:transparent !important;text-shadow:none !important;}
footer .elementor-element[data-id="315747a"]::after{
content:"© 2026 Luna Labs. Designed by KRMA Digital." !important;
position:absolute !important;left:0;right:0;top:50%;transform:translateY(-50%);
text-align:center !important;font-family:Inter,sans-serif !important;
font-size:13px !important;font-weight:500 !important;letter-spacing:.02em !important;
color:#aaa !important;z-index:5 !important;pointer-events:none !important;
}
/* === LL-136-multifix END === */
/* LL-137 — testimonial cards: black surface on white section bg */
body.home section.elementor-element[data-id="9c8d80f"] .elementor-widget-html > div > div:nth-child(2) > div{
background:#0a0a0a !important;
border:1px solid #1a1a1a !important;
border-radius:14px !important;
padding:32px !important;
color:#fff !important;
transition:transform .3s ease, box-shadow .3s ease !important;
}
body.home section.elementor-element[data-id="9c8d80f"] .elementor-widget-html > div > div:nth-child(2) > div:hover{
transform:translateY(-4px);
box-shadow:0 12px 30px rgba(0,0,0,.15) !important;
}
body.home section.elementor-element[data-id="9c8d80f"] .elementor-widget-html > div > div:nth-child(2) > div *{
color:#fff !important;
}
body.home section.elementor-element[data-id="9c8d80f"] .elementor-widget-html > div > div:nth-child(2) > div p{
color:rgba(255,255,255,.88) !important;
}
/* Star icons or quote glyph in mint if present */
body.home section.elementor-element[data-id="9c8d80f"] .elementor-widget-html > div > div:nth-child(2) > div svg,
body.home section.elementor-element[data-id="9c8d80f"] .elementor-widget-html > div > div:nth-child(2) > div .stars{
color:#7FD8C0 !important;fill:#7FD8C0 !important;
}
/* === LL-138-tile-icons-marquee START === */
/* (1) Remove the icon chips from "What we do" service tiles — they were the ::after squares with truck/wrench SVGs */
.elementor-element-7b5e297 a:nth-of-type(1)::after,
.elementor-element-7b5e297 a:nth-of-type(3)::after{
content:none !important;
display:none !important;
}
/* (2) MARQUEE — smaller, more subtle */
.ll-marq-1, .ll-marq-2{
font-size:clamp(.9rem, 1.6vw, 1.3rem) !important;
letter-spacing:.28em !important;
text-transform:uppercase !important;
}
.ll-marq-1 .ll-marq-track::before,
.ll-marq-2 .ll-marq-track::before{
font-size:clamp(.9rem, 1.6vw, 1.3rem) !important;
letter-spacing:.28em !important;
font-weight:600 !important;
color:rgba(255,255,255,.55) !important;
}
/* Tighter section padding so the band is a thin accent, not a feature */
body.home section.elementor-element[data-id="1574d3b"]{
padding-top:22px !important;
padding-bottom:22px !important;
background:#0a0a0a !important;
}
/* If there are 2 rows visible, hide row 2 entirely since one slim row is plenty */
.ll-marq-2{display:none !important;}
/* === LL-138-tile-icons-marquee END === */
/* === LL-140-services-spice START === */
/* ===== LL-140 — Spice services section + flip partner strip ===== */
/* SERVICES SECTION — visual interest above & inside tiles */
section[data-id="c070503"]{
position:relative !important;
background:#fafafa !important;
}
/* Subtle dotted grid pattern background */
section[data-id="c070503"]::before{
content:"" !important;
position:absolute !important;inset:0 !important;
background-image:radial-gradient(circle, rgba(10,10,10,.06) 1.5px, transparent 1.5px) !important;
background-size:32px 32px !important;
background-position:0 0 !important;
pointer-events:none !important;
opacity:.55 !important;
z-index:0 !important;
-webkit-mask-image:linear-gradient(180deg, transparent, #000 25%, #000 75%, transparent) !important;
mask-image:linear-gradient(180deg, transparent, #000 25%, #000 75%, transparent) !important;
}
section[data-id="c070503"] > *{position:relative !important;z-index:1 !important;}
/* Add a stat ribbon BELOW the headline using ::after on the heading wrapper */
.elementor-element-7b5e297 .svc-head::after{
content:"300+ wraps installed · 4-hr quote reply · Ponte Vedra-based · 3M + Avery Dennison materials" !important;
display:block !important;
margin:24px auto 8px !important;
padding:14px 28px !important;
background:#0a0a0a !important;
color:#7FD8C0 !important;
font-family:Inter, sans-serif !important;
font-size:13px !important;
font-weight:600 !important;
letter-spacing:.12em !important;
text-transform:uppercase !important;
border-radius:999px !important;
max-width:fit-content !important;
white-space:nowrap !important;
overflow:hidden !important;
text-overflow:ellipsis !important;
}
@media (max-width:900px){
.elementor-element-7b5e297 .svc-head::after{
font-size:11px !important;
padding:12px 18px !important;
letter-spacing:.08em !important;
white-space:normal !important;
text-align:center !important;
line-height:1.5 !important;
}
}
/* Add 3 mini feature lines inside each tile via ::before of the description — wait, that conflicts. Instead use the .svc-more div to also display features above it. */
/* Use a wrapper approach: add a feature row via ::before on .svc-more */
.elementor-element-7b5e297 a:nth-of-type(1) .svc-more::before,
.elementor-element-7b5e297 a:nth-of-type(3) .svc-more::before{
content:"" !important;
display:block !important;
width:100% !important;
height:1px !important;
background:rgba(127,216,192,.25) !important;
margin:18px 0 14px !important;
}
/* Animate the "Learn more →" arrow on hover */
.elementor-element-7b5e297 a:nth-of-type(1) .svc-more,
.elementor-element-7b5e297 a:nth-of-type(3) .svc-more{
transition:gap .3s ease, transform .3s ease !important;
}
.elementor-element-7b5e297 a:nth-of-type(1):hover .svc-more,
.elementor-element-7b5e297 a:nth-of-type(3):hover .svc-more{
gap:14px !important;
}
/* Tile gets a corner accent that animates */
.elementor-element-7b5e297 a:nth-of-type(1),
.elementor-element-7b5e297 a:nth-of-type(3){
min-height:300px !important;
}
/* Animated corner badge on tile — bright mint chip top-left */
.elementor-element-7b5e297 a:nth-of-type(1) > div:nth-of-type(1)::before,
.elementor-element-7b5e297 a:nth-of-type(3) > div:nth-of-type(1)::before{}
/* PARTNER STRIP — flip to WHITE bg + dark logos */
.llb-strip-i{
background:#ffffff !important;
border-top:1px solid #ececec !important;
border-bottom:1px solid #ececec !important;
/* shrink top/bottom padding so band is tighter */
padding:36px 24px !important;
}
.llb-strip-i p{
color:#7a7a7a !important;
font-size:11px !important;
letter-spacing:.22em !important;
margin:0 0 22px !important;
}
.llb-track{
gap:64px !important;
position:relative !important;
}
/* Switch logo SVG fill from white to near-black */
.llb-track a.llb-3m{
background-image:url("data:image/svg+xml;utf8,") !important;
}
.llb-track a.llb-avery{
background-image:url("data:image/svg+xml;utf8,") !important;
}
.llb-track a.llb-oracal{
background-image:url("data:image/svg+xml;utf8,") !important;
}
.llb-track a.llb-ranger{
background-image:url("data:image/svg+xml;utf8,") !important;
}
.llb-track a{opacity:.62 !important;}
.llb-track a:hover{opacity:1 !important;transform:translateY(-2px);}
/* Add subtle mint vertical dividers between logos */
@media (min-width:760px){
.llb-track a:not(:last-child){
position:relative !important;
}
.llb-track a:not(:last-child)::after{
content:"" !important;
position:absolute !important;
right:-32px !important;
top:50% !important;
transform:translateY(-50%) !important;
width:1px !important;
height:24px !important;
background:rgba(10,10,10,.12) !important;
}
}
/* Shrink the brand strip section padding so band feels integral */
body.home section.elementor-element[data-id^="llbrandsec"]{
padding-top:0 !important;
padding-bottom:0 !important;
background:#ffffff !important;
}
/* === LL-140-services-spice END === */
/* === LL-141-flush-cta-footer START === */
/* Zero out the tap-to-call section container so CTA banner sits flush to footer.
The fixed-position .ll-tap-call inside is removed from flow so this is safe. */
section.elementor-element[data-id^="lltapcall"]{
min-height:0 !important;
height:0 !important;
padding:0 !important;
margin:0 !important;
overflow:visible !important;
border:0 !important;
}
section.elementor-element[data-id^="lltapcall"] > *,
section.elementor-element[data-id^="lltapcall"] .elementor-container,
section.elementor-element[data-id^="lltapcall"] .elementor-column,
section.elementor-element[data-id^="lltapcall"] .elementor-widget-wrap,
section.elementor-element[data-id^="lltapcall"] .elementor-widget,
section.elementor-element[data-id^="lltapcall"] .elementor-element{
min-height:0 !important;
height:0 !important;
padding:0 !important;
margin:0 !important;
}
/* But the actual fixed bar (inside an html widget) must remain visible — its position:fixed keeps it on screen */
section.elementor-element[data-id^="lltapcall"] .ll-tap-call{
height:auto !important;
}
/* === LL-141-flush-cta-footer END === */