/* Marketing Creattivo – mobile v1.2.0 (2026-11-03)
   Preserve desktop visuals and WP contact handling; mobile fixes only. */
@media (max-width:768px){
  /* Unify the three editorial scenes into one short sticky scrollytelling track.
     The content remains on screen while the images and messages crossfade. */
  body.kiwi-motion.mcs-creattivo-home .scene-outer{
    position:relative!important;
    height:225svh!important;
    min-height:0!important;
    overflow:visible!important;
    background:#08090b!important;
  }
  body.kiwi-motion.mcs-creattivo-home .scene-sticky{
    position:sticky!important;
    top:76px!important;
    height:calc(100svh - 76px)!important;
    min-height:0!important;
    overflow:hidden!important;
    display:block!important;
    isolation:isolate;
    background:#08090b!important;
  }
  body.kiwi-motion.mcs-creattivo-home .scene-pane,
  body.kiwi-motion.mcs-creattivo-home .scene-pane.sp-soluzione,
  body.kiwi-motion.mcs-creattivo-home .scene-pane.sp-terza{
    position:absolute!important;
    inset:0!important;
    height:100%!important;
    min-height:0!important;
    width:100%!important;box-sizing:border-box!important;
    padding:clamp(22px,5vw,36px) 22px!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    opacity:var(--mcs-mobile-alpha,0)!important;
    visibility:visible!important;
    transform:none!important;
    transition:none!important;
    pointer-events:none!important;
    background:#08090b!important;
    border:0!important;
    box-shadow:none!important;
    filter:none!important;
  }
  body.kiwi-motion.mcs-creattivo-home .scene-pane.sp-problema{
    --mcs-mobile-alpha:1;
  }
  body.kiwi-motion.mcs-creattivo-home .scene-pane::before{
    background:linear-gradient(90deg,rgba(0,0,0,.88),rgba(0,0,0,.70) 55%,rgba(0,0,0,.45))!important;
  }
  body.kiwi-motion.mcs-creattivo-home .scene-pane.sp-soluzione::before,
  body.kiwi-motion.mcs-creattivo-home .scene-pane.sp-terza::before{
    background:linear-gradient(90deg,rgba(0,0,0,.90),rgba(0,0,0,.68) 58%,rgba(0,0,0,.42))!important;
  }
  body.kiwi-motion.mcs-creattivo-home .scene-pane .sp-inner{
    position:relative;z-index:3;width:100%;max-width:540px;
    display:block!important;margin:auto!important;
    opacity:var(--mcs-mobile-text-alpha,1)!important;
  }
  body.kiwi-motion.mcs-creattivo-home .scene-pane .sp-eyebrow{
    margin-bottom:clamp(12px,2.7svh,18px)!important;
  }
  body.kiwi-motion.mcs-creattivo-home .scene-pane .sp-h2{
    font-size:clamp(30px,8.9vw,44px)!important;
    line-height:1.0!important;
    margin:0 0 clamp(12px,2.7svh,18px)!important;
    color:#fff!important;
    text-shadow:0 2px 16px #0008;
  }
  body.kiwi-motion.mcs-creattivo-home .scene-pane.sp-problema .sp-h2 em{
    display:block!important;
    margin-top:8px!important;
    color:#ff3449!important;
    -webkit-text-fill-color:#ff3449!important;
    font-style:italic!important;
    text-shadow:0 2px 16px rgba(0,0,0,.8)!important;
  }
  body.kiwi-motion.mcs-creattivo-home .scene-pane .sp-body{
    font-size:clamp(13px,3.6vw,15px)!important;
    line-height:1.48!important;
    color:rgba(255,255,255,.94)!important;
    text-shadow:0 1px 9px #0009;
  }
  body.kiwi-motion.mcs-creattivo-home .scene-pane .sp-scene-image{
    position:absolute!important;inset:0!important;
    height:100%!important;width:100%!important;
    object-fit:cover!important;object-position:60% center!important;
    opacity:.85!important;
  }
  body.kiwi-motion.mcs-creattivo-home .scene-pane + .scene-pane{border:0!important;}
  /* The content text is always below the comparison frame, never pinned over it. */
  body.kiwi-motion.mcs-creattivo-home .proof{
    padding:56px 0 44px!important;
    overflow:visible!important;
    background:#0b0b0d!important;
  }
  body.kiwi-motion.mcs-creattivo-home .proof-h{
    position:relative!important;top:auto!important;
    margin-bottom:22px!important;padding:20px 22px 0!important;
  }
  body.kiwi-motion.mcs-creattivo-home .proof-c,
  body.kiwi-motion.mcs-creattivo-home .proof-c:nth-child(even){
    display:flex!important;flex-direction:column!important;
    min-height:0!important;height:auto!important;
    gap:0!important;margin:0!important;
    padding:14px 18px 42px!important;
    opacity:1!important;transform:none!important;
    align-items:stretch!important;
  }
  body.kiwi-motion.mcs-creattivo-home .proof-c>.proof-vis,
  body.kiwi-motion.mcs-creattivo-home .proof-c:nth-child(even)>.proof-vis{
    position:relative!important;top:auto!important;order:0!important;
    display:block!important;width:100%!important;
    height:auto!important;min-height:0!important;
    aspect-ratio:5/4!important;
    margin:0!important;padding:0!important;
    align-self:auto!important;overflow:hidden!important;
  }
  body.kiwi-motion.mcs-creattivo-home .proof-c>.proof-meta,
  body.kiwi-motion.mcs-creattivo-home .proof-c:nth-child(even)>.proof-meta{
    position:static!important;top:auto!important;inset:auto!important;
    order:1!important;display:block!important;align-self:auto!important;
    width:100%!important;max-width:none!important;
    padding:17px 4px 0!important;margin:0!important;
    background:transparent!important;
    opacity:1!important;transform:none!important;
    overflow:visible!important;
  }
  body.kiwi-motion.mcs-creattivo-home .proof-c>.proof-meta h4{
    position:static!important;
    font-size:clamp(29px,7.4vw,38px)!important;
    line-height:1.04!important;
    margin:0 0 10px!important;
    color:#f8f5f2!important;
    text-shadow:none!important;
  }
  body.kiwi-motion.mcs-creattivo-home .proof-c>.proof-meta p{
    font-size:14px!important;line-height:1.56!important;
    color:rgba(255,255,255,.84)!important;
    margin:0!important;
  }
  /* Restore legible accent in the dark mobile contact block. */
  body.kiwi-motion.mcs-creattivo-home .cta-fin{
    background:radial-gradient(circle at 50% 35%,#3b1119 0%,#19090e 47%,#09090b 100%)!important;
  }
  body.kiwi-motion.mcs-creattivo-home .cta-fin .cta-h2{
    color:#fff!important;opacity:1!important;transform:none!important;
  }
  body.kiwi-motion.mcs-creattivo-home .cta-fin .cta-accent{
    color:#ff3d4e!important;-webkit-text-fill-color:#ff3d4e!important;
    text-shadow:0 1px 12px #0007!important;
  }
  body.kiwi-motion.mcs-creattivo-home .cta-fin .cta-sub{
    color:#f1e8ea!important;opacity:1!important;transform:none!important;
  }
}
@media (max-width:768px) and (max-height:620px){
 body.kiwi-motion.mcs-creattivo-home .scene-pane .sp-h2{font-size:clamp(28px,8vw,38px)!important}
 body.kiwi-motion.mcs-creattivo-home .scene-pane .sp-body{font-size:12.5px!important;line-height:1.35!important}
}
@media (max-width:768px) and (prefers-reduced-motion:reduce){
 body.kiwi-motion.mcs-creattivo-home .scene-outer{height:auto!important}
 body.kiwi-motion.mcs-creattivo-home .scene-sticky{position:relative!important;top:auto!important;height:auto!important;overflow:visible!important}
 body.kiwi-motion.mcs-creattivo-home .scene-pane,
 body.kiwi-motion.mcs-creattivo-home .scene-pane.sp-soluzione,
 body.kiwi-motion.mcs-creattivo-home .scene-pane.sp-terza{
   position:relative!important;inset:auto!important;min-height:58svh!important;
   opacity:1!important;pointer-events:auto!important;
 }
}