
/*
 * ZL1MPORT 4.6.15 — MOBILE CINEMATIC FLOW FIX
 * Phone only. Desktop visual files remain untouched.
 */
.zl4-mobile-scroll-root{display:contents}
.zl4-mobile-cineflow{display:none}

@media (max-width:820px){
  :root{
    --zl-mobile-header:64px;
    --zl-mobile-vh:calc(100svh - var(--zl-mobile-header));
  }

  html{
    width:100%;
    height:100%;
    max-width:100%;
    overflow:hidden !important;
    scroll-behavior:auto !important;
    background:#020304;
  }

  body.zl4-body{
    width:100%;
    height:100%;
    max-width:100%;
    margin:0;
    overflow:hidden !important;
    position:relative !important;
    background:#020304;
  }

  .zl4-mobile-scroll-root{
    display:block !important;
    position:fixed !important;
    z-index:1;
    left:0;
    right:0;
    top:var(--zl-mobile-header);
    height:var(--zl-mobile-vh);
    overflow-x:hidden !important;
    overflow-y:auto !important;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-x:none;
    overscroll-behavior-y:contain;
    scroll-behavior:auto !important;
    scroll-snap-type:none !important;
    overflow-anchor:none;
    scrollbar-width:none;
    background:#020304;
  }

  .zl4-mobile-scroll-root::-webkit-scrollbar{display:none;width:0;height:0}

  /* Desktop cinematic is only the #inicio anchor on phone. */
  #inicio.zl4-cinematic-home-v452{
    display:block !important;
    position:relative !important;
    width:100% !important;
    height:0 !important;
    min-height:0 !important;
    max-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    pointer-events:none !important;
  }
  #inicio.zl4-cinematic-home-v452 > *{display:none !important}

  /* ---------------- SAME-SECTION CINEMATIC ---------------- */
  .zl4-mobile-cineflow{
    display:block !important;
    position:relative;
    z-index:1;
    width:100%;
    height:auto !important;
    min-height:0 !important;
    margin:0;
    padding:0;
    background:#020304;
    overflow:visible;
    overflow-anchor:none;
  }

  .zl4-mobile-cine-stage{
    position:sticky;
    top:0;
    z-index:1;
    width:100%;
    height:var(--zl-mobile-vh);
    margin:0;
    overflow:hidden;
    pointer-events:none;
    background:#030405;
    isolation:isolate;
  }

  .zl4-mobile-cine-bg,
  .zl4-mobile-cine-grid,
  .zl4-mobile-cine-floor,
  .zl4-mobile-cine-smoke,
  .zl4-mobile-cine-glow{
    position:absolute;
    inset:0;
    pointer-events:none;
  }

  .zl4-mobile-cine-bg{
    z-index:0;
    background:
      radial-gradient(circle at 76% 16%,rgba(224,24,35,.14),transparent 25%),
      radial-gradient(ellipse at 50% 48%,rgba(255,255,255,.055),transparent 46%),
      linear-gradient(180deg,#08090b 0%,#030405 64%,#020304 100%);
  }

  .zl4-mobile-cine-grid{
    z-index:1;
    opacity:.09;
    background-image:
      linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),
      linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);
    background-size:42px 42px;
    mask-image:linear-gradient(to bottom,black,transparent 70%);
  }

  .zl4-mobile-cine-floor{
    z-index:2;
    top:auto;
    bottom:27%;
    height:23%;
    opacity:.70;
    background:
      radial-gradient(ellipse at center,rgba(224,24,35,.19),rgba(255,255,255,.035) 33%,transparent 68%);
    filter:blur(18px);
  }

  .zl4-mobile-cine-smoke{
    z-index:3;
    width:66%;
    height:31%;
    border-radius:50%;
    filter:blur(28px);
    opacity:.16;
    will-change:transform;
  }
  .zl4-mobile-cine-smoke.smoke-a{
    left:-18%;
    top:23%;
    background:radial-gradient(circle,rgba(255,255,255,.35),transparent 68%);
    animation:zl4614SmokeA 11s ease-in-out infinite alternate;
  }
  .zl4-mobile-cine-smoke.smoke-b{
    left:auto;
    right:-22%;
    top:31%;
    background:radial-gradient(circle,rgba(224,24,35,.30),transparent 68%);
    animation:zl4614SmokeB 13s ease-in-out infinite alternate;
  }

  .zl4-mobile-cine-glow{
    z-index:4;
    width:2px;
    height:58%;
    top:8%;
    opacity:.42;
    background:linear-gradient(transparent,#ff313a,transparent);
    box-shadow:0 0 16px rgba(255,49,58,.78),0 0 34px rgba(224,24,35,.40);
  }
  .zl4-mobile-cine-glow.glow-a{left:7%}
  .zl4-mobile-cine-glow.glow-b{left:auto;right:8%;opacity:.28}

  .zl4-mobile-cine-frame{
    position:absolute;
    z-index:5;
    inset:0;
    margin:0;
    display:flex;
    align-items:flex-start;
    justify-content:center;
    padding-top:clamp(28px,4.2svh,46px);
    opacity:0;
    transform:translate3d(0,10px,0) scale(.97);
    transform-origin:50% 42%;
    will-change:transform,opacity;
    pointer-events:none;
  }

  .zl4-mobile-cine-picture{
    width:100%;
    height:56%;
    display:flex;
    align-items:center;
    justify-content:center;
    pointer-events:none;
  }

  .zl4-mobile-cine-picture img{
    display:block;
    width:min(99vw,760px) !important;
    max-width:min(99vw,760px) !important;
    height:min(50svh,430px) !important;
    max-height:min(50svh,430px) !important;
    margin:0 !important;
    object-fit:contain !important;
    object-position:center !important;
    pointer-events:none !important;
    -webkit-user-drag:none;
    transform:translateZ(0);
    filter:
      contrast(1.04)
      saturate(.90)
      brightness(.99)
      drop-shadow(0 24px 30px rgba(0,0,0,.78)) !important;
  }

  .zl4-mobile-cine-hud{
    position:absolute;
    z-index:8;
    left:14px;
    right:14px;
    bottom:12px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding-top:8px;
    border-top:1px solid rgba(255,255,255,.14);
    color:#8e9299;
    font-size:8px;
    letter-spacing:.13em;
    text-transform:uppercase;
    pointer-events:none;
  }
  .zl4-mobile-cine-hud strong{
    color:#f5f5f5;
    font-size:9px;
    letter-spacing:.09em;
    text-align:right;
  }

  .zl4-mobile-cine-steps{
    position:relative;
    z-index:10;
    width:100%;
    margin-top:calc(var(--zl-mobile-vh) * -1);
  }

  .zl4-mobile-cine-step{
    box-sizing:border-box;
    position:relative;
    width:100%;
    min-height:calc(var(--zl-mobile-vh) * 1.16);
    margin:0;
    padding:
      40svh
      max(12px,env(safe-area-inset-right))
      max(92px,calc(70px + env(safe-area-inset-bottom)))
      max(12px,env(safe-area-inset-left));
    display:flex;
    align-items:flex-start;
    justify-content:center;
    overflow:visible;
  }

  /* The first two cards contain more content. Let the document grow naturally
     instead of clipping them into a fixed 100vh scene. */
  .zl4-mobile-cine-step:nth-child(1){min-height:calc(var(--zl-mobile-vh) * 1.34)}
  .zl4-mobile-cine-step:nth-child(2){min-height:calc(var(--zl-mobile-vh) * 1.29)}
  .zl4-mobile-cine-step:nth-child(6){min-height:calc(var(--zl-mobile-vh) * 1.22);padding-bottom:max(118px,15svh)}

  .zl4-mobile-cine-panel{
    box-sizing:border-box;
    position:relative;
    width:100%;
    max-width:560px;
    padding:24px 18px 25px;
    border-radius:20px;
    border:1px solid rgba(255,255,255,.095);
    background:
      linear-gradient(160deg,rgba(7,8,11,.965),rgba(3,4,6,.992));
    box-shadow:
      0 26px 66px rgba(0,0,0,.45),
      inset 0 1px 0 rgba(255,255,255,.035);
    opacity:1 !important;
    transform:none !important;
    transition:border-color .32s ease,box-shadow .32s ease;
    /* no touch/pointer override: native scroll starts on card text */
  }

  .zl4-mobile-cine-step.is-active .zl4-mobile-cine-panel{
    opacity:1 !important;
    transform:none !important;
    border-color:rgba(255,255,255,.16);
    box-shadow:0 28px 72px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.05);
  }

  .zl4-mobile-cine-panel .zl4-cine-kicker{
    display:flex;
    align-items:center;
    gap:10px;
    margin:0 0 10px;
    font-size:9px;
    letter-spacing:.18em;
  }
  .zl4-mobile-cine-panel .zl4-cine-kicker b{
    color:var(--zl-red2);
    border-left:2px solid var(--zl-red2);
    padding-left:8px;
  }
  .zl4-mobile-cine-panel .zl4-cine-allneed{
    margin:0;
    font-size:clamp(45px,13vw,70px);
    line-height:.86;
    letter-spacing:-.055em;
    font-style:italic;
    font-weight:1000;
  }
  .zl4-mobile-cine-panel h3:not(.zl4-cine-allneed){
    margin:8px 0 12px;
    font-size:clamp(33px,8.8vw,49px);
    line-height:.93;
    letter-spacing:-.045em;
    font-style:italic;
  }
  .zl4-mobile-cine-panel h4{
    margin:10px 0 0;
    font-size:clamp(18px,4.8vw,25px);
    line-height:1.08;
  }
  .zl4-mobile-cine-panel h4 em{color:var(--zl-red2);font-style:normal}
  .zl4-mobile-cine-panel p{
    margin:14px 0 0;
    color:#b9bdc4;
    font-size:13px;
    line-height:1.55;
  }
  .zl4-mobile-cine-panel > small{
    display:block;
    color:#b9bdc4;
    font-size:9px;
    font-weight:900;
    letter-spacing:.18em;
    margin-bottom:8px;
  }
  .zl4-mobile-cine-panel .zl4-big-num{
    position:absolute;
    right:16px;
    top:15px;
    margin:0;
    font-size:clamp(76px,20vw,104px);
    line-height:.8;
    font-weight:200;
    font-style:italic;
    color:transparent;
    -webkit-text-stroke:1px rgba(255,255,255,.09);
    pointer-events:none;
  }
  .zl4-mobile-cine-panel ul{
    list-style:none;
    padding:0;
    margin:20px 0 0;
  }
  .zl4-mobile-cine-panel li{
    margin:9px 0;
    color:#d7dae0;
    font-size:12px;
    line-height:1.45;
  }
  .zl4-mobile-cine-panel li::before{
    content:"";
    display:inline-block;
    width:7px;
    height:7px;
    border:2px solid var(--zl-red);
    border-radius:50%;
    margin-right:10px;
    vertical-align:middle;
  }
  .zl4-mobile-cine-panel .zl4-cine-sales-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:6px;
    margin-top:14px;
  }
  .zl4-mobile-cine-panel .zl4-cine-sales-grid span{
    padding:8px 9px;
    border:1px solid rgba(255,255,255,.12);
    background:rgba(255,255,255,.025);
    color:#f1f2f4;
    font-size:9px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.07em;
  }
  .zl4-mobile-cine-panel .zl4-cine-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:7px;
    margin-top:15px;
  }
  .zl4-mobile-cine-panel .zl4-cine-actions .zl4-btn{
    width:100%;
    min-height:44px;
    padding:10px 11px;
    justify-content:space-between;
    font-size:9px;
  }
  .zl4-mobile-cine-panel .zl4-cine-benefits{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:7px 10px;
    margin-top:15px;
    padding-top:12px;
    border-top:1px solid rgba(255,255,255,.10);
    color:#aeb2b9;
    font-size:9px;
    line-height:1.4;
  }

  /* Everything after the cinematic is a normal, fully visible mobile section.
     The desktop reveal observer watches window, but mobile scrolls an internal root.
     Therefore mobile never depends on the desktop reveal state. */
  .zl4-mobile-cineflow + .zl4-route-section,
  .zl4-route-section,
  .zl4-parts-universe,
  .zl4-how,
  .zl4-why,
  .zl4-import,
  .zl4-about,
  .zl4-final-cta,
  .zl4-catalog-last,
  .zl4-footer{
    position:relative;
    z-index:20;
  }

  html.zl4-reveal-enhanced .zl4-mobile-scroll-root .zl4-reveal:not(.is-visible),
  html.zl4-reveal-enhanced .zl4-mobile-scroll-root .zl4-reveal.is-visible,
  .zl4-mobile-scroll-root .zl4-reveal,
  .zl4-mobile-scroll-root .zl4-reveal:not(.is-visible),
  .zl4-mobile-scroll-root .zl4-reveal.is-visible{
    opacity:1 !important;
    transform:none !important;
    filter:none !important;
    visibility:visible !important;
  }

  /* Mobile route containment. */
  .zl4-route-section{
    overflow:hidden !important;
  }
  .zl4-route-stage{
    width:100% !important;
    max-width:100% !important;
    overflow:hidden !important;
    contain:paint;
  }
  .zl4-route-plane{
    offset-path:none !important;
    offset-distance:0 !important;
    offset-rotate:0deg !important;
    left:10% !important;
    top:66% !important;
    animation:zl4614PlanePhone 5.4s cubic-bezier(.45,.05,.55,.95) infinite !important;
  }

  @keyframes zl4614SmokeA{
    from{transform:translate3d(-4%,0,0) scale(.92)}
    to{transform:translate3d(10%,5%,0) scale(1.08)}
  }
  @keyframes zl4614SmokeB{
    from{transform:translate3d(6%,-3%,0) scale(1.04)}
    to{transform:translate3d(-10%,4%,0) scale(.94)}
  }
  @keyframes zl4614PlanePhone{
    0%{left:10%;top:66%;opacity:0;transform:translate(-50%,-50%) rotate(-32deg) scale(.78)}
    8%{opacity:1}
    25%{left:28%;top:39%;opacity:1;transform:translate(-50%,-50%) rotate(-24deg) scale(.90)}
    50%{left:50%;top:24%;opacity:1;transform:translate(-50%,-50%) rotate(-3deg) scale(1)}
    75%{left:71%;top:39%;opacity:1;transform:translate(-50%,-50%) rotate(23deg) scale(.98)}
    92%{opacity:1}
    100%{left:88%;top:64%;opacity:0;transform:translate(-50%,-50%) rotate(34deg) scale(.88)}
  }
}

/* Short phones: make the card begin a little higher but preserve the same single-stage flow. */
@media (max-width:430px) and (max-height:760px) and (orientation:portrait){
  .zl4-mobile-cine-step{
    padding-top:37svh;
    min-height:calc(var(--zl-mobile-vh) * 1.22);
  }
  .zl4-mobile-cine-step:nth-child(1){min-height:calc(var(--zl-mobile-vh) * 1.48)}
  .zl4-mobile-cine-step:nth-child(2){min-height:calc(var(--zl-mobile-vh) * 1.40)}
  .zl4-mobile-cine-picture img{
    height:min(46svh,350px) !important;
    max-height:min(46svh,350px) !important;
  }
  .zl4-mobile-cine-panel{
    padding:21px 16px 23px;
  }
  .zl4-mobile-cine-panel .zl4-cine-allneed{
    font-size:clamp(41px,12vw,58px);
  }
  .zl4-mobile-cine-panel h3:not(.zl4-cine-allneed){
    font-size:clamp(29px,7.9vw,42px);
  }
}

/* Landscape: same sticky flow, split car/text without changing document scrolling. */
@media (max-width:820px) and (orientation:landscape) and (max-height:560px){
  .zl4-mobile-cine-frame{
    align-items:center;
    justify-content:flex-end;
    padding:0 2vw 0 42vw;
  }
  .zl4-mobile-cine-picture{
    height:100%;
  }
  .zl4-mobile-cine-picture img{
    width:56vw !important;
    max-width:56vw !important;
    height:78svh !important;
    max-height:410px !important;
  }
  .zl4-mobile-cine-step{
    padding:5svh 52vw 7svh 14px;
    align-items:center;
  }
  .zl4-mobile-cine-panel{
    padding:18px 15px 20px;
  }
  .zl4-mobile-cine-panel .zl4-cine-allneed{
    font-size:clamp(34px,5.5vw,50px);
  }
  .zl4-mobile-cine-panel h3:not(.zl4-cine-allneed){
    font-size:clamp(25px,4.1vw,37px);
  }
  .zl4-mobile-cine-panel p{font-size:11px;line-height:1.4}
  .zl4-mobile-cine-panel li{font-size:10px;margin:5px 0}
  .zl4-mobile-cine-panel .zl4-cine-actions .zl4-btn{
    min-height:36px;font-size:8px;padding:7px 8px
  }
  .zl4-mobile-cine-panel .zl4-cine-sales-grid span{
    font-size:7px;padding:5px
  }
  .zl4-mobile-cine-panel .zl4-cine-benefits{font-size:7.5px}
}

@media(prefers-reduced-motion:reduce){
  .zl4-mobile-cine-smoke{animation:none !important}
  .zl4-route-plane{animation:none !important}
  .zl4-mobile-cine-panel{transition:none !important;opacity:1 !important;transform:none !important}
}


/* ======================================================================
   ZL1MPORT 4.6.16 — MOBILE POST-CINEMATIC LIGHT DESIGN
   ----------------------------------------------------------------------
   Everything above this block (the approved car cinematic + text cards)
   is inherited byte-for-byte from 4.6.15.
   This block ONLY redesigns the content AFTER the car experience.
   ====================================================================== */

.zl4-mobile-import-master,
.zl4-mobile-catalog-note{display:none}

@media (max-width:820px){
  /* Smooth visual handoff: cinematic dark -> premium light content. */
  .zl4-route-section,
  .zl4-parts-universe,
  .zl4-how,
  .zl4-why,
  .zl4-import,
  .zl4-about,
  .zl4-final-cta,
  .zl4-catalog-last{
    isolation:isolate;
  }

  /* ---------------- USA -> BRASIL / warm ivory ---------------- */
  .zl4-route-section{
    padding:72px 18px 66px !important;
    background:
      radial-gradient(circle at 92% 8%,rgba(224,24,35,.10),transparent 28%),
      linear-gradient(180deg,#f7f3ed 0%,#f2f0ec 100%) !important;
    color:#111318 !important;
    border-top:0 !important;
  }
  .zl4-route-section::before{
    background:linear-gradient(90deg,transparent,rgba(224,24,35,.05),transparent) !important;
    opacity:.55 !important;
  }
  .zl4-route-copy>small{color:#c01822 !important;font-weight:950 !important}
  .zl4-route-copy h2{color:#111318 !important;font-size:clamp(40px,11.5vw,58px) !important}
  .zl4-route-copy h2 em{color:#d71924 !important}
  .zl4-route-copy>p{color:#5e6269 !important;font-size:13px !important}
  .zl4-route-points{gap:0 !important;margin-top:24px !important}
  .zl4-route-points span{
    color:#30343a !important;
    border-top:1px solid #d9d7d2 !important;
    padding:13px 0 !important;
  }
  .zl4-route-points b{color:#d71924 !important}
  .zl4-route-stage{
    height:330px !important;
    margin-top:30px !important;
    border:1px solid #dedbd6 !important;
    border-radius:22px !important;
    background:
      radial-gradient(circle at 50% 42%,rgba(224,24,35,.07),transparent 42%),
      #fff !important;
    box-shadow:0 20px 50px rgba(25,27,31,.10) !important;
  }
  .zl4-route-grid{
    opacity:.34 !important;
    background-image:
      linear-gradient(rgba(17,19,24,.055) 1px,transparent 1px),
      linear-gradient(90deg,rgba(17,19,24,.055) 1px,transparent 1px) !important;
  }
  .zl4-route-svg path:first-of-type{stroke:rgba(17,19,24,.14) !important}
  .zl4-route-node strong{color:#15171b !important}
  .zl4-route-node small{color:#73777e !important}
  .zl4-route-plane svg{fill:#d71924 !important}
  .zl4-route-caption{color:#60656d !important}
  .zl4-route-caption i{border-color:#c9cdd2 !important}

  /* ---------------- NEW IMPORT EXPERTISE / pure white ---------------- */
  .zl4-mobile-import-master{
    display:block !important;
    padding:68px 18px 72px;
    background:#fff;
    color:#121419;
    border-top:1px solid #e4e6e9;
  }
  .zl4-mobile-import-master-head small{
    color:#d71924;
    font-size:9px;
    font-weight:950;
    letter-spacing:.20em;
  }
  .zl4-mobile-import-master-head h2{
    margin:10px 0 15px;
    font-size:clamp(38px,10.8vw,55px);
    line-height:.92;
    letter-spacing:-.045em;
    font-style:italic;
  }
  .zl4-mobile-import-master-head h2 em{color:#d71924;font-style:normal}
  .zl4-mobile-import-master-head p{
    margin:0;
    color:#62676f;
    font-size:13px;
    line-height:1.65;
  }
  .zl4-mobile-import-master-grid{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
    margin-top:30px;
  }
  .zl4-mobile-import-master-grid article{
    position:relative;
    min-height:154px;
    padding:22px 20px;
    border:1px solid #e1e4e8;
    border-radius:18px;
    background:linear-gradient(145deg,#fff,#f6f7f8);
    box-shadow:0 12px 28px rgba(25,29,35,.055);
    overflow:hidden;
  }
  .zl4-mobile-import-master-grid article::after{
    content:"";
    position:absolute;
    width:110px;height:110px;
    right:-38px;bottom:-42px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(224,24,35,.10),transparent 67%);
  }
  .zl4-mobile-import-master-grid b{
    position:absolute;
    right:17px;top:14px;
    color:#e2e4e7;
    font-size:38px;
    font-style:italic;
    font-weight:300;
  }
  .zl4-mobile-import-master-grid span{
    display:block;
    color:#d71924;
    font-size:8px;
    font-weight:950;
    letter-spacing:.18em;
  }
  .zl4-mobile-import-master-grid h3{
    margin:8px 0 7px;
    color:#16181d;
    font-size:19px;
  }
  .zl4-mobile-import-master-grid p{
    margin:0;
    max-width:86%;
    color:#6a6f77;
    font-size:11.5px;
    line-height:1.55;
  }
  .zl4-mobile-import-master-types{
    margin-top:22px;
    padding:20px;
    border-radius:18px;
    background:#12151a;
    box-shadow:0 18px 38px rgba(18,21,26,.16);
  }
  .zl4-mobile-import-master-types strong{
    display:block;
    margin-bottom:12px;
    color:#fff;
    font-size:9px;
    letter-spacing:.18em;
  }
  .zl4-mobile-import-master-types div{display:flex;flex-wrap:wrap;gap:7px}
  .zl4-mobile-import-master-types span{
    padding:8px 9px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:999px;
    color:#d7d9dd;
    font-size:9px;
  }
  .zl4-mobile-import-master-cta{
    width:100% !important;
    min-height:50px !important;
    margin-top:14px !important;
    justify-content:space-between !important;
    border-radius:12px !important;
  }

  /* ---------------- PARTS / cool light gray ---------------- */
  .zl4-parts-universe{
    padding:68px 18px 74px !important;
    background:#eef1f4 !important;
    color:#14161a !important;
    border-top:1px solid #dde1e5 !important;
  }
  .zl4-parts-universe .zl4-section-title small{color:#c91b25 !important;font-weight:950}
  .zl4-parts-universe .zl4-section-title h2{color:#131519 !important}
  .zl4-parts-universe .zl4-section-title h2 em{color:#d71924 !important}
  .zl4-parts-universe .zl4-section-title p{color:#656a71 !important}
  .zl4-parts-grid{gap:11px !important}
  .zl4-part-card{
    min-height:210px !important;
    padding:24px !important;
    border:1px solid #dce0e4 !important;
    border-radius:18px !important;
    background:#fff !important;
    color:#15171b !important;
    box-shadow:0 12px 28px rgba(24,29,35,.055) !important;
  }
  .zl4-part-card>b{color:#e1e4e7 !important}
  .zl4-part-card>span{
    border-color:#d8dce0 !important;
    background:#f8f9fa !important;
    color:#d71924 !important;
  }
  .zl4-part-card h3{color:#16181c !important}
  .zl4-part-card p{color:#6b7077 !important}
  .zl4-part-card button{color:#15171b !important}

  /* ---------------- HOW IT WORKS / white ---------------- */
  .zl4-how.zl4-how-premium{
    padding:70px 18px 76px !important;
    background:#fff !important;
    color:#121419 !important;
    border-top:1px solid #e5e7ea !important;
  }
  .zl4-how-copy{padding:0 !important;margin-bottom:30px !important}
  .zl4-how-copy small{color:#c91b25 !important;font-weight:950}
  .zl4-how-copy h2{color:#131519 !important}
  .zl4-how-copy h2 em{color:#d71924 !important}
  .zl4-how-copy p{color:#656a72 !important;line-height:1.6 !important}
  .zl4-how-steps{gap:9px !important}
  .zl4-how-steps article{
    grid-template-columns:62px 1fr !important;
    gap:10px !important;
    padding:15px !important;
    border:1px solid #e1e4e7 !important;
    border-radius:16px !important;
    background:#f7f8f9 !important;
    box-shadow:none !important;
  }
  .zl4-how-steps article i{
    width:54px !important;height:54px !important;
    border:1px solid #e0e3e7 !important;
    background:#fff !important;
    color:#d71924 !important;
  }
  .zl4-how-steps article b{
    left:42px !important;top:8px !important;
    background:#d71924 !important;
    color:#fff !important;
  }
  .zl4-how-steps article h3{color:#16181c !important;font-size:15px !important}
  .zl4-how-steps article p{color:#6e737a !important;font-size:10.5px !important}

  /* ---------------- WHY / warm stone ---------------- */
  .zl4-why{
    padding:70px 18px 76px !important;
    background:#f5f1eb !important;
    color:#121419 !important;
    border-top:1px solid #e4ded5 !important;
  }
  .zl4-why-copy small{color:#c91b25 !important;font-weight:950}
  .zl4-why-copy h2{color:#15171b !important}
  .zl4-why-copy h2 em{color:#d71924 !important}
  .zl4-why-copy>p{color:#666a70 !important}
  .zl4-why-copy .zl4-btn.primary{border-radius:12px !important}
  .zl4-why-grid{gap:10px !important;margin-top:28px !important}
  .zl4-why-grid article{
    min-height:176px !important;
    padding:22px !important;
    border:1px solid #e1ddd7 !important;
    border-radius:18px !important;
    background:#fff !important;
    box-shadow:0 11px 28px rgba(36,31,26,.05) !important;
  }
  .zl4-why-grid strong{color:#d71924 !important}
  .zl4-why-grid h3{color:#16181c !important}
  .zl4-why-grid p{color:#6a6e74 !important}

  /* ---------------- IMPORT REQUEST / silver + dark visual ---------------- */
  .zl4-import.zl4-import-premium{
    min-height:0 !important;
    background:#eef1f4 !important;
    border-top:1px solid #dde2e6 !important;
  }
  .zl4-import-premium .zl4-import-car{
    height:390px !important;
    margin:18px 14px 0 !important;
    border-radius:22px !important;
    overflow:hidden !important;
    background:
      radial-gradient(circle at 55% 42%,#242831,#0b0d11 58%,#050607) !important;
    box-shadow:0 22px 50px rgba(18,22,27,.18) !important;
  }
  .zl4-import-premium .zl4-import-car img{
    filter:drop-shadow(0 42px 45px rgba(0,0,0,.70)) !important;
  }
  .zl4-import-copy{
    padding:42px 20px 70px !important;
    color:#14161a !important;
  }
  .zl4-import-copy small{color:#c91b25 !important;font-weight:950}
  .zl4-import-copy h2{color:#15171b !important}
  .zl4-import-copy p{color:#666b73 !important}
  .zl4-import-tags span{
    color:#3f444b !important;
    border-color:#cfd4d9 !important;
    background:#fff !important;
    border-radius:999px !important;
  }
  .zl4-import-copy .zl4-btn.primary{border-radius:12px !important}

  /* ---------------- ABOUT / bright editorial split ---------------- */
  .zl4-about.zl4-about-premium{
    background:#fff !important;
    color:#14161a !important;
    border-top:1px solid #e4e6e9 !important;
  }
  .zl4-about-premium .zl4-about-visual{
    min-height:300px !important;
    margin:18px 14px 0 !important;
    border-radius:22px !important;
    background:radial-gradient(circle at 50% 50%,#242831,#090b0f 67%) !important;
  }
  .zl4-about-copy{padding:46px 20px 70px !important}
  .zl4-about-copy>small{color:#c91b25 !important;font-weight:950}
  .zl4-about-copy h2{color:#15171b !important}
  .zl4-about-copy p{color:#666b72 !important}
  .zl4-about-copy strong{color:#17191d !important}
  .zl4-about-points{gap:9px !important}
  .zl4-about-points span{
    padding:12px !important;
    border:1px solid #e0e3e7 !important;
    border-radius:12px !important;
    background:#f7f8f9 !important;
    color:#4f545b !important;
  }

  /* ---------------- FINAL CTA / pale red, not black ---------------- */
  .zl4-final-cta{
    min-height:500px !important;
    padding:72px 20px !important;
    background:
      radial-gradient(circle at 50% 48%,rgba(224,24,35,.14),transparent 45%),
      linear-gradient(135deg,#f7ecec,#f3f0ed) !important;
    color:#14161a !important;
    border-top:1px solid #e8dddd !important;
  }
  .zl4-final-glow{
    background:radial-gradient(ellipse,rgba(224,24,35,.18),rgba(224,24,35,.04) 40%,transparent 70%) !important;
    filter:blur(24px) !important;
  }
  .zl4-final-copy small{color:#c91b25 !important;font-weight:950}
  .zl4-final-copy h2{color:#14161a !important}
  .zl4-final-copy p{color:#646970 !important}
  .zl4-final-copy .zl4-btn:not(.primary){
    background:#fff !important;
    border-color:#cfd3d8 !important;
    color:#17191d !important;
    border-radius:12px !important;
  }
  .zl4-final-copy .zl4-btn.primary{border-radius:12px !important}

  /* ---------------- DESTAQUES ZL1MPORT / premium light showroom ---------------- */
  .zl4-catalog.zl4-catalog-last{
    padding:70px 16px 78px !important;
    background:
      radial-gradient(circle at 96% 4%,rgba(224,24,35,.08),transparent 26%),
      #f1f3f5 !important;
    color:#14161a !important;
    border-top:1px solid #dfe3e7 !important;
  }
  .zl4-catalog-last .zl4-section-title{margin-bottom:20px !important}
  .zl4-catalog-last .zl4-section-title small{color:#c91b25 !important;font-weight:950 !important}
  .zl4-catalog-last .zl4-section-title h2{
    color:#14161a !important;
    font-size:clamp(38px,10.5vw,52px) !important;
    line-height:.94 !important;
  }
  .zl4-catalog-last .zl4-section-title h2 em{color:#d71924 !important}

  .zl4-mobile-catalog-note{
    display:grid !important;
    grid-template-columns:1fr;
    gap:8px;
    margin:0 0 18px;
  }
  .zl4-mobile-catalog-note>div{
    display:grid;
    grid-template-columns:105px 1fr;
    gap:10px;
    align-items:center;
    padding:13px 14px;
    border:1px solid #dfe3e7;
    border-radius:14px;
    background:rgba(255,255,255,.88);
  }
  .zl4-mobile-catalog-note b{
    color:#d71924;
    font-size:8px;
    letter-spacing:.10em;
  }
  .zl4-mobile-catalog-note span{
    color:#666b73;
    font-size:10px;
    line-height:1.4;
  }

  .zl4-catalog-last .zl4-fitment{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
    margin:0 0 22px !important;
    padding:14px !important;
    border:1px solid #dde1e5 !important;
    border-radius:18px !important;
    background:#fff !important;
    box-shadow:0 12px 30px rgba(28,32,38,.06) !important;
  }
  .zl4-catalog-last .zl4-fitment .search{grid-column:1/-1 !important}
  .zl4-catalog-last .zl4-fitment select,
  .zl4-catalog-last .zl4-fitment input{
    height:44px !important;
    border:1px solid #d6dbe0 !important;
    border-radius:10px !important;
    background:#f7f8f9 !important;
    color:#17191d !important;
    outline:none !important;
  }
  .zl4-catalog-last .zl4-fitment input::placeholder{color:#8a8f96 !important}
  .zl4-catalog-last .zl4-fitment button{
    grid-column:1/-1 !important;
    min-height:44px !important;
    border:0 !important;
    border-radius:10px !important;
    background:#17191d !important;
    color:#fff !important;
    font-weight:900 !important;
  }

  .zl4-catalog-last .zl4-products{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:14px !important;
  }
  .zl4-catalog-last .zl4-product{
    overflow:hidden !important;
    border:1px solid #dce1e5 !important;
    border-radius:20px !important;
    background:#fff !important;
    box-shadow:0 14px 34px rgba(24,29,35,.07) !important;
  }
  .zl4-catalog-last .zl4-product::before{display:none !important}
  .zl4-catalog-last .zl4-product-image{
    height:250px !important;
    background:
      radial-gradient(circle at 50% 54%,rgba(224,24,35,.07),transparent 46%),
      linear-gradient(145deg,#f7f8f9,#e9edf0) !important;
  }
  .zl4-catalog-last .zl4-product-image img{
    filter:saturate(.96) contrast(1.02) !important;
  }
  .zl4-catalog-last .zl4-product-info{padding:18px 18px 20px !important}
  .zl4-catalog-last .zl4-product-info small{color:#9b5257 !important}
  .zl4-catalog-last .zl4-product-info h3,
  .zl4-catalog-last .zl4-product-info h3 a{color:#16181c !important;text-decoration:none !important}
  .zl4-catalog-last .zl4-product-info p{color:#6d7279 !important;line-height:1.5 !important}
  .zl4-catalog-last .zl4-product-info strong{color:#15171b !important;font-size:20px !important}
  .zl4-catalog-last .product-order-link{
    display:flex !important;
    width:100% !important;
    min-height:42px !important;
    margin-top:14px !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:10px !important;
    background:#d71924 !important;
    color:#fff !important;
    font-size:10px !important;
    font-weight:950 !important;
    text-transform:uppercase !important;
    letter-spacing:.06em !important;
    text-decoration:none !important;
  }
  .zl4-catalog-last .zl4-view-all{
    width:100% !important;
    min-height:48px !important;
    margin-top:20px !important;
    justify-content:center !important;
    border:1px solid #cfd4d9 !important;
    border-radius:12px !important;
    background:#fff !important;
    color:#17191d !important;
  }

  /* Keep footer intentionally dark as the closing contrast. */
  .zl4-footer-v45{position:relative;z-index:20}
}
